.hero{position:relative;background:var(--sand-soft);min-height:540px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:56px 0 80px}.hero-content{position:relative;z-index:5;max-width:720px;margin:0 auto;text-align:center;padding:0 var(--margin-desktop)}.hero-label{color:var(--sage);margin-bottom:24px;display:inline-block}.hero-title{margin-bottom:24px}.hero-subline{color:var(--ink-soft);max-width:540px;margin:0 auto 36px}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floater{position:absolute;background:transparent}.floater img{width:100%;height:100%;object-fit:contain;background:transparent}.floater-1{top:12%;left:6%;width:150px;height:150px;transform:rotate(-6deg)}.floater-2{top:16%;right:7%;width:140px;height:170px;transform:rotate(4deg)}.floater-3{bottom:14%;left:9%;width:160px;height:160px;transform:rotate(-3deg)}.floater-4{bottom:12%;right:8%;width:130px;height:150px;transform:rotate(7deg)}@media(max-width:1100px){.floater-1{width:110px;height:110px;left:3%}.floater-2{width:110px;height:130px;right:3%}.floater-3{width:120px;height:120px;left:3%}.floater-4{width:110px;height:120px;right:3%}}@media(max-width:768px){.hero{min-height:420px;padding:32px 0 56px}.hero-content{padding:0 var(--margin-mobile)}.floater-1,.floater-4{display:none}.floater-2{top:auto;bottom:4%;right:4%;width:90px;height:110px}.floater-3{top:auto;bottom:4%;left:4%;width:90px;height:110px}}.animaux{background:var(--bg);overflow:visible}.animaux .container{overflow:visible}.demo{background:var(--sand);padding:64px 0}.demo .section-head{margin-bottom:32px}.demo .headline-lg{font-size:32px}.demo-sub{max-width:480px;margin:12px auto 0;color:var(--ink-soft);font-size:14px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:0 auto;align-items:stretch}.demo-form-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;justify-content:center;gap:14px}.demo-form-card .label{color:var(--ink)}@media(max-width:768px){.demo{padding:48px 0}.demo .headline-lg{font-size:28px}.demo-grid{grid-template-columns:1fr;gap:20px}}.toggle-section{background:var(--sand-soft);padding:80px 0}.type-tile-grid{grid-template-columns:repeat(4,1fr);gap:20px}.type-tile{position:relative;display:block;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-lg, 16px);overflow:hidden;text-decoration:none;color:var(--ink, #1F1F1F);transition:transform .3s ease,box-shadow .3s ease}.type-tile:hover,.type-tile:focus-visible{transform:translateY(-4px);box-shadow:0 18px 36px #1f1f1f1a}.type-tile .click-badge{width:32px;height:32px;top:12px;right:12px}.type-tile .click-badge svg{width:13px;height:13px}.type-tile:hover .click-badge,.type-tile:focus-visible .click-badge{background:var(--terra, #C97B63);color:#fff;transform:translate(3px)}.type-tile:focus-visible{outline:2px solid var(--terra, #C97B63);outline-offset:4px}.type-tile__media{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:var(--sand-soft, #EAE0CD);overflow:hidden}.type-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.type-tile:hover .type-tile__media img{transform:scale(1.05)}.type-tile__placeholder{display:flex;align-items:center;justify-content:center;color:var(--ink-soft, #4A4A4A)}.type-tile__label{display:block;text-align:center;padding:16px 8px 22px;font-family:var(--font-heading, "Cormorant Garamond"),serif;font-size:20px;font-weight:600;letter-spacing:-.005em;color:var(--ink, #1F1F1F)}@media(max-width:1024px){.type-tile-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:640px){.type-tile-grid{grid-template-columns:repeat(2,1fr);gap:12px}.type-tile__label{font-size:17px;padding:12px 6px 18px}}.pet-toggle-wrap{text-align:center;margin-bottom:48px}.pet-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--bg-card);border:1.5px solid var(--sand)}.pet-toggle-wrap input[type=radio]{position:absolute;opacity:0;pointer-events:none}.pet-toggle label{padding:12px 28px;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;transition:background-color .18s ease,color .18s ease}.pet-toggle label:hover{background:var(--sand-soft)}body:has(#pet-dogs:checked) .pet-toggle label[for=pet-dogs]{background:var(--ink);color:var(--bg)}body:has(#pet-cats:checked) .pet-toggle label[for=pet-cats]{background:var(--ink);color:var(--bg)}body:has(#pet-cats:checked) .pet-toggle label[for=pet-dogs]{background:transparent;color:var(--ink)}.grid-dogs{display:grid}.grid-cats{display:none}body:has(#pet-cats:checked) .grid-dogs{display:none}body:has(#pet-cats:checked) .grid-cats{display:grid}.avis{background:var(--bg);padding:56px 0}.avis-headline{text-align:center;margin-bottom:32px}.avis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.carnet{background:var(--sand)}.carnet-grid{display:grid;grid-template-columns:6fr 4fr;gap:40px;align-items:start}.lege{background:var(--bg);padding:56px 0}@media(max-width:768px){.lege{padding:40px 0}}.newsletter-band{background:var(--terra);color:#fff;padding:80px 0;text-align:center}.newsletter-inner{max-width:720px;margin:0 auto;padding:0 var(--margin-desktop)}.newsletter-band .label{color:#fffffff2;margin-bottom:16px;display:inline-block}.newsletter-band h2{color:#fff;margin-bottom:16px}.newsletter-band p{color:#ffffffe6;margin-bottom:32px}.newsletter-form{display:flex;gap:8px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter-form input[type=email]{flex:1 1 240px;padding:14px 22px;border-radius:var(--radius-pill);background:transparent;border:1.5px solid rgba(248,246,242,.7);color:#fff;font-size:15px;outline:none}.newsletter-form input[type=email]::placeholder{color:#ffffffb3}.newsletter-form input[type=email]:focus{border-color:#fff}.newsletter-form button{padding:14px 28px;border-radius:var(--radius-pill);background:#fff;color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:15px;transition:background-color .18s ease,color .18s ease}.newsletter-form button:hover{background:var(--ink);color:#fff}@media(max-width:768px){.newsletter-inner{padding:0 var(--margin-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-home.css.map */
