/* Scene d'accueil : les chiens presentent Precila (section #precila) */
.scene-accueil{--sh:clamp(110px,12vw,160px);position:relative;display:flex;align-items:flex-end;gap:.4rem;margin-top:2.2rem;min-height:calc(var(--sh) + 30px);padding-bottom:6px}
.scene-accueil::after{content:"";position:absolute;left:0;width:min(100%,340px);bottom:0;height:10px;border-radius:50%;background:rgba(92,58,33,.09)}
.sa-el{position:relative;z-index:1;line-height:0}
.sa-el img{display:block;width:auto;transform-origin:50% 100%;opacity:1}
.sa-tsuky{transform:scaleX(-1)}
.sa-tsuky img{height:var(--sh)}
.sa-chiot img{height:calc(var(--sh)*.58)}
.sa-coeur{position:absolute;left:clamp(150px,17vw,215px);top:0;width:30px;height:30px;opacity:0;pointer-events:none;z-index:2}
.scene-accueil:not(.joue) .sa-el img{opacity:0}
.scene-accueil.joue .sa-tsuky img{animation:sa-entre-t .9s ease-out both,sa-regard 1.4s ease-in-out 1.7s both}
.scene-accueil.joue .sa-chiot img{animation:sa-entre-c 1.1s ease-out .35s both,sa-hop .22s ease-in-out .35s 5 alternate,sa-regard 1.4s ease-in-out 1.7s both}
.scene-accueil.joue .sa-coeur{animation:sa-coeur 1.3s ease-out 2.2s both}
@keyframes sa-entre-t{from{opacity:0;transform:translateX(90px)}to{opacity:1;transform:none}}
@keyframes sa-entre-c{from{opacity:0;transform:translateX(-160px)}to{opacity:1;transform:none}}
@keyframes sa-hop{from{translate:0 0}to{translate:0 -6px}}
@keyframes sa-regard{0%,100%{rotate:0deg}35%,75%{rotate:3deg}}
@keyframes sa-coeur{0%{opacity:0;transform:translateY(8px) scale(.5)}25%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-28px) scale(1.1)}}
@media (max-width:900px){.scene-accueil{--sh:120px;margin-top:1.6rem}}
@media (prefers-reduced-motion:reduce){.scene-accueil *{animation:none!important}.scene-accueil .sa-el img{opacity:1!important}}

/* Clics sur les chiens */
.sa-tsuky,.sa-chiot{cursor:pointer;-webkit-tap-highlight-color:transparent}.sa-tsuky:focus-visible,.sa-chiot:focus-visible{outline:2px solid #de6523;outline-offset:5px;border-radius:8px}.sa-tsuky.sa-t-clic img{animation:sa-tete-clic .9s ease-in-out!important}.sa-chiot.sa-c-clic img{animation:sa-joie-clic .9s ease-in-out!important}.sa-coeur.sa-coeur-clic{animation:sa-coeur-clic 1.1s ease-out both!important}@keyframes sa-tete-clic{0%,100%{transform:rotate(0)}30%,70%{transform:rotate(-7deg)}}@keyframes sa-joie-clic{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-12px) scale(.96,1.05)}50%{transform:translateY(0) scale(1.04,.96)}75%{transform:translateY(-6px)}}@keyframes sa-coeur-clic{0%{opacity:0;transform:translateY(8px) scale(.5)}25%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-34px) scale(1.15)}}