:root{--creme:#fff8f1;--creme-2:#fdeee4;--papier:#fff;--sakura:#ffd9e2;--sakura-2:#ffc2d1;--rose:#ec7f9d;--rose-fonce:#d65f81;--caramel:#c98a4b;--miel:#e9b46a;--cacao:#5b3520;--cacao-2:#7a4a2e;--texte:#3b2417;--texte-2:#7a5b49;--texte-3:#a2877a;--ligne:#f0dccf;--vert:#4f9a6b;--ombre:0 18px 50px -20px #5b352059;--ombre-douce:0 8px 30px -14px #5b35204d;--rayon:26px;--titre:"Fraunces", Georgia, serif;--corps:"Nunito", system-ui, sans-serif;--main:"Caveat", cursive;--large:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--creme);color:var(--texte);font-family:var(--corps);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--rose-fonce);text-decoration:none;transition:color .2s}a:hover{color:var(--cacao)}h1,h2,h3,h4{font-family:var(--titre);color:var(--cacao);letter-spacing:-.01em;margin:0 0 .5em;font-weight:700;line-height:1.12}h1{font-size:clamp(40px,6.4vw,78px);font-weight:800}h2{font-size:clamp(32px,4.4vw,52px)}h3{font-size:clamp(22px,2.2vw,27px)}p{margin:0 0 1em}em.main,.main{font-family:var(--main);color:var(--rose-fonce);font-style:normal;font-weight:700}::selection{background:var(--sakura-2);color:var(--cacao)}.conteneur{width:min(var(--large), 100% - 32px);margin-inline:auto}.section{padding:clamp(64px,9vw,120px) 0;position:relative}.section.rose{background:linear-gradient(180deg, var(--sakura) 0%, #ffe8ee 100%)}.section.creme-2{background:var(--creme-2)}.surtitre{font-family:var(--main);color:var(--rose-fonce);align-items:center;gap:10px;margin-bottom:6px;font-size:28px;line-height:1;display:inline-flex}.surtitre:before{content:"";background:url(/images/fleur.svg) 50%/contain no-repeat;width:26px;height:26px}.entete-section{max-width:760px;margin-bottom:48px}.entete-section.centre{text-align:center;margin-inline:auto}.entete-section p{color:var(--texte-2);font-size:19px}.bouton{cursor:pointer;font-size:17px;font-weight:800;font-family:var(--corps);text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s,background .25s,color .25s;display:inline-flex}.bouton:hover{transform:translateY(-3px)}.bouton.plein{background:linear-gradient(135deg, var(--rose) 0%, var(--rose-fonce) 100%);color:#fff;box-shadow:0 14px 30px -12px #d65f81bf}.bouton.plein:hover{color:#fff;box-shadow:0 18px 36px -12px #d65f81e6}.bouton.cacao{background:var(--cacao);color:#fff;box-shadow:0 14px 30px -14px #3b2417b3}.bouton.cacao:hover{color:#fff;background:var(--cacao-2)}.bouton.contour{color:var(--cacao);box-shadow:inset 0 0 0 2px var(--ligne);backdrop-filter:blur(6px);background:#ffffffb3}.bouton.contour:hover{box-shadow:inset 0 0 0 2px var(--rose);color:var(--rose-fonce)}.bouton svg{width:20px;height:20px}.carte{background:var(--papier);border-radius:var(--rayon);box-shadow:var(--ombre-douce);border:1px solid var(--ligne)}.grille{grid-template-columns:repeat(auto-fill, minmax(var(--min,280px), 1fr));gap:26px;display:grid}.apparait{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.apparait.vu{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.apparait{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.etiquette{letter-spacing:.02em;background:var(--sakura);color:var(--rose-fonce);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.etiquette.adoption{color:var(--rose-fonce);background:#ffe1ea}.etiquette.reserve{color:#b37419;background:#fff0d6}.etiquette.adopte{color:#2f7a4c;background:#dff3e6}.etiquette.libre{color:#3a62a8;background:#e5eefc}.etiquette.accueil{color:#7a4bb3;background:#efe5fb}.champ{flex-direction:column;gap:6px;display:flex}.champ label,.champ .libelle{color:var(--cacao);font-size:16px;font-weight:800}.champ small{color:var(--texte-3);font-size:14px}input[type=search],input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],select,textarea{border:2px solid var(--ligne);width:100%;font:inherit;color:var(--texte);background:#fffdfb;border-radius:16px;padding:14px 16px;font-size:17px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--rose);outline:none;box-shadow:0 0 0 4px #ec7f9d2e}textarea{resize:vertical;min-height:130px}.choix{flex-wrap:wrap;gap:10px;display:flex}.choix label{border:2px solid var(--ligne);cursor:pointer;color:var(--texte);background:#fffdfb;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.choix input{accent-color:var(--rose-fonce);width:18px;height:18px;margin:0}.choix label:has(input:checked){border-color:var(--rose);color:var(--rose-fonce);background:#fff1f5}[hidden]{display:none!important}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.grille-animaux{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:28px;display:grid}.carte-animal{border:1px solid var(--ligne);box-shadow:var(--ombre-douce);color:var(--texte);background:#fff;border-radius:28px;flex-direction:column;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .8s;display:flex;overflow:hidden}.carte-animal:hover{box-shadow:var(--ombre);color:var(--texte);transform:translateY(-8px)rotate(-.4deg)}.carte-animal .photo{aspect-ratio:4/4.4;background:var(--creme-2);position:relative;overflow:hidden}.carte-animal .photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.carte-animal:hover .photo img{transform:scale(1.07)}.carte-animal .photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#3b241747);height:40%;position:absolute;inset:auto 0 0}.carte-animal .etiquette{z-index:1;position:absolute;top:14px;left:14px;box-shadow:0 6px 16px -8px #0006}.carte-animal .nb-photos{z-index:1;color:var(--cacao);background:#ffffffe0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;bottom:12px;right:12px}.carte-animal .sans-photo{place-items:center;height:100%;font-size:60px;display:grid}.carte-animal .texte{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.carte-animal h3{margin:0 0 2px;font-size:26px}.carte-animal .infos{color:var(--texte-3);margin:0 0 10px;font-size:15px;font-weight:700}.carte-animal .resume{color:var(--texte-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:16px;display:-webkit-box;overflow:hidden}.carte-animal .lien{color:var(--rose-fonce);align-items:center;gap:6px;margin-top:auto;font-size:16px;font-weight:800;display:inline-flex}.carte-animal .lien svg{width:18px;height:18px;transition:transform .3s}.carte-animal:hover .lien svg{transform:translate(4px)}.vide{text-align:center;border:2px dashed var(--ligne);color:var(--texte-2);background:#ffffffb3;border-radius:28px;padding:50px 24px}.vide .grand{margin-bottom:6px;font-size:46px;display:block}.squelette{aspect-ratio:4/5.6;background:linear-gradient(100deg,#fbeee5 30%,#fff6f0 50%,#fbeee5 70%) 0 0/300% 100%;border-radius:28px;animation:1.4s linear infinite luire}@keyframes luire{0%{background-position:100% 0}to{background-position:-100% 0}}