/* Local-only continuity iteration; frozen approved Site is untouched. */
#scene .fallback{display:none}.continuity-type{display:block;width:100%;height:100%}
/* v2 bug1: DECK lettering is a fixed layer below the product (z0 < z1); the hero stage with its text panels sits above the product (z2) so the box passes behind copy. Stage ignores pointer events so swiping the product still works. */
.continuity-type-wrap{position:fixed;left:0;right:0;top:0;z-index:0;pointer-events:none}.sticky-stage{z-index:2;pointer-events:none}
.continuity-product{position:fixed;left:0;top:0;width:800px;height:900px;z-index:1;pointer-events:none;transform-origin:0 0;will-change:transform;contain:layout style}
.continuity-product canvas{display:block;width:100%;height:100%;touch-action:pan-y;pointer-events:auto}
.content-panel,.stage-footer,.scroll-cue{z-index:3}.deck-reveal__media{visibility:hidden;pointer-events:none}
.deck-reveal__title,.deck-reveal__copy,.deck-reveal__bottom,.deck-reveal__topline{z-index:3}
.deck-product__details,.deck-product__head{position:relative;z-index:3}.deck-product__image{aspect-ratio:8/9;background:transparent}
.deck-product__image [data-product-image]{display:block;width:100%;height:auto}
.continuity-draft-label{position:fixed;bottom:7px;left:50%;transform:translateX(-50%);z-index:4;max-width:90vw;background:#f7f5f0;padding:3px 7px;font:8px/1.4 monospace;letter-spacing:.4px;text-align:center;pointer-events:none}
.continuity-retry{position:fixed;right:20px;bottom:32px;z-index:5;min-height:44px;padding:10px 16px;border:1px solid #0d0d0d;background:#f7f5f0;color:#0d0d0d;font:700 12px/1.2 sans-serif;cursor:pointer}.continuity-retry[hidden]{display:none}
@media(max-width:700px){.continuity-draft-label{font-size:7px}}
/* Sticky elements create their own stacking context. Keep chapter3 copy above
   the persistent root canvas without blocking swipe/touch on the product. */
.deck-reveal__sticky{z-index:2;pointer-events:none}.deck-reveal__sticky button{pointer-events:auto}

/* V3: centred stage; one-line heading higher above the product. */
.deck-reveal__title{letter-spacing:-.03em;white-space:nowrap;text-wrap:nowrap}
/* Preserve the high centered title; place the small mobile chapter labels
   below its maximum 86px headline instead of crossing the lettering. */
@media(max-width:700px){.deck-reveal__topline{transform:translateY(88px)}}

/* Mobile chapter labels stay above the lowered heading. */
@media(max-width:700px){.deck-reveal__topline{transform:none}}