/* Decorative media sits behind the hero copy; translate is independent of rotation. */
.hero{overflow:clip}.hero-media{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none}.hero .float-card{z-index:auto;pointer-events:none;cursor:default;translate:0 var(--parallax-y,0px);will-change:translate;transition:none}.hero .float-card:hover{transform:rotate(var(--rotation));box-shadow:0 3px 4px #27231808,0 20px 38px -18px #27231845}.hero-copy{z-index:2}.hero .scroll-cue,.hero .motion-toggle{z-index:3}
@media(prefers-reduced-motion:reduce){.hero .float-card{translate:none;will-change:auto}}

.hero .motion-toggle{background:var(--cream);border:1px solid var(--line);border-radius:30px;padding:8px 11px}

/* Hero frames display only the supplied media, without caption shading. */
.hero .float-card:after{display:none}