/* Existing eight-view artwork, displayed without synthetic in-between frames. */
.hero{background:#faf5ec;grid-template-columns:1.04fr .96fr;gap:clamp(24px,4vw,64px)}
.hero .bakers-hero-art{width:100%;max-width:none;min-width:0;isolation:isolate}
.hero .bakers-hero-art:before{display:none}
.bakers-hero-player{position:relative;width:100%;aspect-ratio:3/4;background:#faf5ec;display:grid;place-items:center}
.bakers-hero-sprite{width:100%;height:100%;background-size:400% 200%;background-position:0 0;background-repeat:no-repeat;mix-blend-mode:darken;filter:brightness(1.055);animation:bakers-hero-float 7s ease-in-out infinite;animation-play-state:paused}
.bakers-hero-player[data-playing=true] .bakers-hero-sprite{animation-play-state:running}
.bakers-hero-toggle{position:absolute;right:12px;bottom:18px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;padding:10px;background:transparent;color:#352319;cursor:pointer}
.bakers-hero-toggle[hidden]{display:none}
.bakers-hero-toggle:hover{background:#3523190d}
.bakers-hero-toggle:focus-visible{outline:2px solid #8b6442;outline-offset:4px}
.bakers-hero-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1}
.bakers-play-icon{display:none}
.bakers-hero-player[data-paused=true] .bakers-pause-icon{display:none}
.bakers-hero-player[data-paused=true] .bakers-play-icon{display:block}
@keyframes bakers-hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:940px){.hero{grid-template-columns:1fr;gap:12px}.hero .bakers-hero-art{width:min(100%,520px);margin-inline:auto}.bakers-hero-player{max-height:none}}
@media(max-width:640px){.hero{gap:0;padding-bottom:36px}.hero .bakers-hero-art{width:min(100%,400px)}.bakers-hero-toggle{right:8px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.bakers-hero-sprite{animation:none}}