/* The opening owns its typography and motion; the product layout stays separate. */
html[data-opening-state=skipped] body>#opening{display:none}
.opening{--opening-bg:#22241e;font-size:clamp(56px,10vw,160px);pointer-events:none;touch-action:auto;background:var(--opening-bg);overflow:hidden;transition:none;opacity:1}
.opening .opening-logo{height:50px;width:auto;aspect-ratio:760/1010;left:50%;margin-left:calc(-25px * 760 / 1010);transform-origin:center;background:none;border-radius:0;display:block;overflow:visible;color:var(--lime);fill:none;stroke:currentColor;stroke-width:24;stroke-linecap:round;stroke-linejoin:round;--logo-fill:none;--logo-stroke:currentColor;--logo-detail-stroke:currentColor;z-index:1;filter:opacity(var(--opening-ink,1))}
.opening-reel{position:relative;width:calc(100% - 48px);height:1.65em;overflow:hidden;animation:none!important;z-index:1;opacity:var(--opening-ink,1)}
.opening.zooming .opening-reel{overflow:visible}
.opening-aperture{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}
.opening.aperture{background:transparent}
.opening.aperture .opening-aperture{display:block}
.opening.aperture .opening-reel{visibility:hidden}
.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)}
.opening-brand .opening-text{transform-origin:center}
@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(max-height:299px){.opening .opening-logo{height:24px;margin-left:calc(-12px * 760 / 1010);bottom:16px}}
@media(prefers-reduced-motion:reduce){.opening{display:none}.opening-word{animation:none!important}}