/* HCD logo intro: layout for the cow walk-in layers. hcd-logo-intro.js builds
   the stage and runs the animation; geometry values are tokens (tokens.css,
   "Logo intro"). Nothing here blocks scrolling or clicks. */
.hcd-intro{position:relative;width:100%;aspect-ratio:var(--intro-ratio)}
.hcd-intro__static{display:block;width:100%;height:100%}
/* Set from JS only (see head snippet), so the logo is visible with JS off. */
.hcd-intro.is-pending .hcd-intro__static,
.hcd-intro.is-playing .hcd-intro__static{visibility:hidden}
.hcd-intro__stage{position:absolute;inset:0;pointer-events:none}
.hcd-intro__stage img{position:absolute;display:block;max-width:none;user-select:none}
.hcd-intro__scene{inset:0;width:100%;height:100%}
.hcd-intro__clip{position:absolute;inset:0;clip-path:var(--intro-scene-clip)}
.hcd-intro__cow{position:absolute;will-change:transform}
.hcd-intro__rig{position:absolute;inset:0;transform-origin:50% 100%;will-change:transform}
.hcd-intro__rig img{inset:0;width:100%;height:100%;will-change:transform}
.hcd-intro__far{filter:var(--intro-far-shade)}
.hcd-intro__letter{will-change:transform,opacity}
@media (prefers-reduced-motion: reduce){.hcd-intro__stage{display:none}.hcd-intro .hcd-intro__static{visibility:visible!important}}