.scroll-sequence{
  --sequence-progress:0;
  position:relative;
  height:700svh;
  overflow:clip;
  isolation:isolate;
  background:#020b10;
  color:var(--cream)
}
.sequence-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#020b10}
.sequence-stage:before{content:"";position:absolute;inset:0;z-index:14;pointer-events:none;background:linear-gradient(90deg,rgba(2,11,16,.7),transparent 28%,transparent 72%,rgba(2,11,16,.65)),linear-gradient(0deg,rgba(2,11,16,.9),transparent 33%,rgba(2,11,16,.32));mix-blend-mode:multiply}
.sequence-stage:after{content:"";position:absolute;z-index:38;inset:clamp(14px,2vw,30px);pointer-events:none;border:1px solid rgba(242,236,222,.12);clip-path:polygon(0 0,14% 0,14% 1px,86% 1px,86% 0,100% 0,100% 25%,calc(100% - 1px) 25%,calc(100% - 1px) 75%,100% 75%,100% 100%,86% 100%,86% calc(100% - 1px),14% calc(100% - 1px),14% 100%,0 100%,0 75%,1px 75%,1px 25%,0 25%)}
.sequence-city,.sequence-film,.sequence-sketch,.sequence-doll,.sequence-logo,#tokiwa-canvas{position:absolute;will-change:transform,opacity}
.sequence-city,.sequence-film{inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.sequence-city{filter:saturate(.68) contrast(1.12);transform:scale(1.14)}
.sequence-film{z-index:4;filter:saturate(.88) contrast(1.08);transform:scale(1.02)}
.sequence-ramen{position:absolute;z-index:8;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.92) contrast(1.05);will-change:opacity,transform}
.sequence-wash{position:absolute;z-index:9;inset:0;opacity:.15;pointer-events:none;background:radial-gradient(circle at 76% 48%,rgba(0,164,179,.22),transparent 31%),linear-gradient(112deg,rgba(2,11,16,.82),transparent 42%,rgba(2,11,16,.18));will-change:opacity}
.sequence-sketch{z-index:7;width:min(54vw,740px);right:-8vw;top:-8vh;opacity:.08;filter:grayscale(1) invert(1);mix-blend-mode:screen;transform:rotate(-5deg)}
.sequence-logo{z-index:20;left:50%;top:47%;width:min(68vw,860px);height:auto;transform:translate(-50%,-50%) scale(1.14);filter:drop-shadow(0 0 42px rgba(0,164,179,.12))}
.sequence-doll{z-index:18;bottom:-4vh;height:min(88svh,920px);max-width:54vw;object-fit:contain;filter:drop-shadow(0 34px 48px rgba(0,0,0,.42));opacity:0}
.doll--yellow{left:-3%}.doll--dior{left:22%}.doll--paper{left:50%}.doll--fish{right:-4%;height:min(78svh,820px)}
.scene-copy{position:absolute;z-index:26;max-width:min(78vw,980px);pointer-events:none;opacity:0;will-change:transform,opacity}
.scene-copy .jp{display:block;font-size:clamp(34px,6.4vw,104px);font-weight:800;line-height:.92;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 4px 28px rgba(2,11,16,.5)}
.scene-copy .en{display:block;margin-top:1.1rem;color:var(--cyan);font:clamp(9px,.82vw,12px) var(--mono);letter-spacing:.24em;text-transform:uppercase}
.scene-copy--launch{left:var(--pad);top:19vh}
.scene-copy--launch .jp{font-size:clamp(30px,4.8vw,76px)}
.scene-copy--parade{left:var(--pad);bottom:12vh;max-width:760px}
.scene-copy--parade .jp{font-size:clamp(30px,4.6vw,70px)}
.scene-copy--film{left:50%;top:50%;transform:translate(-50%,-50%);width:min(82vw,1100px);text-align:center}
.scene-copy--film .jp{font-size:clamp(42px,7.5vw,120px)}
.scene-copy--en{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:27}
.scene-copy--en .kanji{display:block;font-size:clamp(190px,42vh,470px);font-weight:900;line-height:.9;letter-spacing:0;color:var(--cream);text-shadow:0 0 90px rgba(0,164,179,.35)}
.scene-copy--en .jp{font-size:clamp(20px,2.4vw,34px);font-weight:600;letter-spacing:.3em;margin-top:.4em}
.scene-copy--tokiwa{left:var(--pad);bottom:14vh;max-width:min(54vw,720px)}
.scene-copy--tokiwa .jp{font-size:clamp(38px,6.5vw,98px)}
#tokiwa-canvas{z-index:19;right:-2vw;bottom:-4vh;width:58vw;height:100svh;opacity:0;pointer-events:none}
.sequence-realms{position:absolute;z-index:30;left:var(--pad);right:var(--pad);bottom:8vh;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,34px);opacity:0;pointer-events:none;transform:translateY(50px);will-change:transform,opacity}
.sequence-realms a{position:relative;padding:20px 0;text-decoration:none;border-top:1px solid rgba(242,236,222,.32);transition:color .3s,border-color .3s,transform .3s}
.sequence-realms a:after{content:"↗";position:absolute;right:0;top:18px;color:var(--cyan);font:16px var(--mono)}
.sequence-realms .jp{display:block;font-size:clamp(26px,3.1vw,50px);font-weight:800;letter-spacing:-.04em}
.sequence-realms .en{display:block;color:var(--cyan);font:10px var(--mono);letter-spacing:.2em;margin-top:4px}
.sequence-realms small{display:block;margin-top:18px;color:rgba(242,236,222,.52);font:9px var(--mono);letter-spacing:.15em}
.sequence-realms a:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-7px)}
@keyframes sequencePulse{to{transform:scale(1.7);box-shadow:0 0 24px var(--cyan)}}
.sequence-chrome{position:absolute;z-index:36;inset:0;pointer-events:none;font:8px var(--mono);letter-spacing:.18em;color:rgba(242,236,222,.58)}
.sequence-coordinate{position:absolute;left:var(--pad);top:76px;display:flex;gap:24px}
.sequence-coordinate i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 11px var(--cyan)}
.sequence-scene{position:absolute;right:var(--pad);top:76px;text-align:right}
.sequence-scene strong{display:block;color:var(--cyan);font-weight:500;margin-top:5px}
.sequence-cross{position:absolute;width:42px;height:42px;left:8vw;top:48%;opacity:.45}
.sequence-cross:before,.sequence-cross:after{content:"";position:absolute;background:var(--cyan)}
.sequence-cross:before{left:50%;top:0;width:1px;height:100%}.sequence-cross:after{top:50%;left:0;width:100%;height:1px}
.sequence-progress{position:absolute;z-index:39;left:0;right:0;bottom:0;height:3px;background:rgba(242,236,222,.08);pointer-events:none}
.sequence-progress span{display:block;width:100%;height:100%;background:var(--cyan);transform:scaleX(var(--sequence-progress));transform-origin:left center;box-shadow:0 0 16px rgba(0,164,179,.75)}
.sequence-hint{position:absolute;z-index:40;left:50%;bottom:4vh;transform:translateX(-50%);font:8px var(--mono);letter-spacing:.22em;color:rgba(242,236,222,.55);transition:opacity .3s;pointer-events:none}
.sequence-hint:after{content:"";display:block;width:1px;height:25px;background:var(--cyan);margin:9px auto 0;animation:scrollHint 1.6s ease-in-out infinite}
@keyframes scrollHint{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
@media(max-width:760px){
  .scene-copy--en .kanji{font-size:clamp(150px,34vh,300px)}
  .scroll-sequence{height:620svh}.sequence-stage:after{inset:10px}.sequence-coordinate{top:62px;gap:10px}.sequence-coordinate span:nth-of-type(2){display:none}.sequence-scene{top:62px}.sequence-logo{width:82vw;top:42%}.sequence-sketch{width:95vw;right:-30vw;top:5vh}.sequence-doll{height:70svh;max-width:88vw;bottom:5vh}.doll--yellow{left:-17vw}.doll--dior{left:12vw}.doll--paper{left:48vw}.doll--fish{right:-26vw}.scene-copy{max-width:88vw}.scene-copy--launch{top:21vh}.scene-copy--parade{bottom:12vh}.scene-copy--film{width:90vw}.scene-copy--en{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:27}
.scene-copy--en .kanji{display:block;font-size:clamp(190px,42vh,470px);font-weight:900;line-height:.9;letter-spacing:0;color:var(--cream);text-shadow:0 0 90px rgba(0,164,179,.35)}
.scene-copy--en .jp{font-size:clamp(20px,2.4vw,34px);font-weight:600;letter-spacing:.3em;margin-top:.4em}
.scene-copy--tokiwa{max-width:86vw;bottom:28vh}.scene-copy .en{line-height:1.5}.scene-copy--tokiwa .jp{font-size:clamp(36px,11vw,58px)}#tokiwa-canvas{width:108vw;right:-38vw;height:88svh}.sequence-realms{grid-template-columns:1fr;bottom:9vh;gap:3px}.sequence-realms a{padding:9px 0}.sequence-realms .jp{font-size:26px}.sequence-realms small{display:none}.sequence-hint{bottom:3vh}}
@media(prefers-reduced-motion:reduce){.scroll-sequence{height:180svh}.sequence-doll{display:none}.sequence-city{opacity:.45!important}.sequence-logo{opacity:1!important}.sequence-hint:after,.sound-toggle.is-on:before{animation:none}}