#hero .hero-title{margin-top:-12px}
.hero-game-box{position:relative;isolation:isolate;border:0;padding:0;background:transparent;cursor:pointer}
.hero-game-box:focus-visible{outline:3px solid #facc15;outline-offset:8px;border-radius:12px}
.hero-game-box-image{position:relative;z-index:2;transition:transform .5s ease;pointer-events:none}
.hero-game-character{position:absolute;z-index:1;bottom:16%;height:64%;width:30%;object-fit:contain;pointer-events:none;opacity:0;transition:transform .5s ease,opacity .35s ease;filter:drop-shadow(0 8px 10px #0007)}
.hero-game-bretonne{left:17%;transform:translateX(45%) rotate(0deg)}
.hero-game-normand{right:17%;transform:translateX(-45%) rotate(0deg)}
.hero-game-box:is(:hover,:focus-visible,.is-peeking) .hero-game-bretonne{opacity:1;transform:translateX(-110%) rotate(-18deg)}
.hero-game-box:is(:hover,:focus-visible,.is-peeking) .hero-game-normand{opacity:1;transform:translateX(110%) rotate(18deg)}
.hero-game-box:is(:hover,:focus-visible,.is-peeking) .hero-game-box-image{transform:scale(1.04)}
@media(max-width:640px){.hero-game-box{max-width:72%}}
@media(prefers-reduced-motion:reduce){.hero-game-character,.hero-game-box-image{transition:none}}