/* The opening owns its typography and motion; the product layout stays separate. */
.opening{font-size:clamp(56px,10vw,160px);touch-action:none}
.opening-reel{position:relative;width:calc(100% - 48px);height:1.65em;overflow:hidden;animation:none!important}
.opening-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.25;letter-spacing:-.065em;will-change:transform,opacity;animation:opening-arrive .24s cubic-bezier(.22,.75,.25,1) both}
.opening-word.departing{animation:opening-depart .22s cubic-bezier(.4,0,.7,.4) both}
.opening-text{flex-shrink:0}
.opening-brand{font-family:var(--brand-font);letter-spacing:normal;font-weight:var(--brand-weight)}
@keyframes opening-arrive{from{transform:translateY(65%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes opening-depart{from{transform:translateY(0);opacity:1}to{transform:translateY(-65%);opacity:0}}
@media(prefers-reduced-motion:reduce){.opening{display:none}.opening-word{animation:none!important}}