/* The second collection shares the existing stage and playback controls. */
.collection-switch{display:flex;gap:4px;padding:4px;background:#e8ebed;border-radius:9px;margin-bottom:17px}
.collection-switch button{flex:1;padding:10px 4px;background:transparent;border-radius:6px;color:#889099;font-size:12px;white-space:nowrap}
.collection-switch button[aria-pressed=true]{background:#fff;color:#273239;box-shadow:0 1px 4px #2437400c}
.collection-switch small{font-size:9px;margin-left:5px;color:#8b959d}
.series-label{font-size:10px;letter-spacing:.12em;color:#6c7a84}
.scene-gaze,.scene-reassemble,.scene-miniature,.scene-orbit{color:#33434a;color-scheme:light}
:is(.scene-gaze,.scene-reassemble,.scene-miniature,.scene-orbit) :is(.stage-index,.live-state,.icon-button){color:#68787e}
:is(.scene-gaze,.scene-reassemble,.scene-miniature,.scene-orbit) .stage-index b{color:#28373d}
:is(.scene-gaze,.scene-reassemble,.scene-miniature,.scene-orbit) :is(.stage-name,.stage-material){color:#7a898c}
:is(.scene-gaze,.scene-reassemble,.scene-miniature,.scene-orbit) .interaction-hint{color:#445b64}
:is(.scene-reassemble,.scene-stack,.scene-orbit) .stage{touch-action:none}
:is(.scene-gaze,.scene-miniature) .stage{touch-action:none}
.scene-gaze{background:#e8e5ef}
.scene-gaze-content{background:#e8e5ef}
.scene-gaze::after{background:linear-gradient(#e8e5ef88,transparent 14%,transparent 82%,#e8e5efbb)}
.gaze-copy{position:absolute;left:7%;top:22%;z-index:2;pointer-events:none}
.gaze-copy>span{font:500 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:#8e879c}
.gaze-copy h2{font:500 clamp(32px,4.2vw,62px)/1.1 'Manrope',sans-serif;letter-spacing:-.07em;margin:19px 0;color:#534961}
.gaze-copy em{font:italic 400 1em Georgia,serif;color:#80728d}
.gaze-character{position:absolute;width:min(78%,530px);aspect-ratio:1;left:60%;top:55%;transform:translate(-50%,-50%);transform-style:preserve-3d;will-change:transform}
.gaze-character>img{width:100%;height:100%;display:block;mask-image:radial-gradient(ellipse at center,#000 64%,transparent 86%)}
.gaze-eye{position:absolute;width:16%;height:16%;left:37.5%;top:35.7%;translate:-50% -50%;border-radius:50%;overflow:hidden;transform-origin:50% 50%}
.gaze-eye.right{left:62.5%}
.gaze-pupil{position:absolute;width:38%;height:38%;left:50%;top:50%;border-radius:50%;background:#17212c;box-shadow:inset 0 -3px 4px #293852;transform:translate(-50%,-50%);will-change:transform}
.gaze-pupil::after{content:'';position:absolute;width:23%;height:23%;left:24%;top:19%;border-radius:50%;background:#fffffff0}
.gaze-contact{position:absolute;left:7%;bottom:20%;color:#8c8298;font-size:12px;display:flex;align-items:center;gap:12px}
.gaze-contact i{display:block;width:7px;height:7px;border-radius:50%;background:#ac90bf}
.scene-reassemble{background:#e8ece5}
.scene-reassemble-content{background:#e8ece5}
.scene-reassemble::after{background:linear-gradient(#e8ece588,transparent 14%,transparent 82%,#e8ece5dd)}
.rebuild-product{position:absolute;width:min(72%,530px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;will-change:transform}
.rebuild-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 64%,transparent 86%)}
.rebuild-word{position:absolute;z-index:1;font:650 clamp(43px,7vw,103px)/1 'Manrope',sans-serif;letter-spacing:-.08em;color:#688055;will-change:left,top;pointer-events:none}
.rebuild-word.sound{color:#8e9d83}
.rebuild-axis{position:absolute;left:50%;top:50%;height:65%;aspect-ratio:1;border:1px solid #9eae942e;border-radius:50%;transform:translate(-50%,-50%)}
.rebuild-axis::before,.rebuild-axis::after{content:'';position:absolute;left:-10%;top:50%;width:120%;height:1px;background:#9eae942e}
.rebuild-axis::after{transform:rotate(90deg)}
.rebuild-step{position:absolute;top:14%;left:7%;font-size:12px;color:#7a8a6e;z-index:3}
.rebuild-caption{position:absolute;left:8%;top:48%;font-size:12px;color:#75836c;line-height:1.8;max-width:135px}
.rebuild-detail{position:absolute;width:18%;max-width:140px;aspect-ratio:.85;background:#f9faf5;border:1px solid #fff;border-radius:12px;overflow:hidden;padding:7px;z-index:3;box-shadow:0 12px 28px #53654216;will-change:transform,opacity}
.rebuild-detail .detail-image{width:100%;height:76%;overflow:hidden;border-radius:6px;background:#e8ece5}
.rebuild-detail img{width:100%;height:100%;object-fit:cover;transform:scale(2.5) translateY(-16%)}
.rebuild-detail.second img{transform:scale(2.7) translate(-18%,18%)}
.rebuild-detail p{margin:10px 5px 5px;font-size:11px;display:flex;justify-content:space-between;gap:6px;color:#7b856f}
.rebuild-detail p b{font-weight:500;color:#394b30}
.rebuild-finish{position:absolute;left:50%;bottom:18%;translate:-50% 0;font:italic 400 23px Georgia;color:#738164;white-space:nowrap;z-index:3;opacity:0}
.scene-stack{background:#262a2b}
.scene-stack-content{background:#262a2b}
.chapter-sheet{position:absolute;inset:14% 7% 16%;overflow:hidden;border:1px solid #ffffff50;border-radius:15px;transform-origin:50% 0;box-shadow:0 18px 60px #0007;will-change:transform;backface-visibility:hidden}
.chapter-sheet:nth-of-type(2){z-index:1}.chapter-sheet:nth-of-type(3){z-index:2}.chapter-sheet:nth-of-type(4){z-index:3}
.chapter-photo{position:absolute;inset:0;background-image:url('./assets/chapters.png');background-size:300% auto;background-position:0% 62%;transform:scale(1.015)}
.chapter-sheet.canyon .chapter-photo{background-position:50% 50%}.chapter-sheet.night .chapter-photo{background-position:100% 50%}
.chapter-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#181309bd,transparent 75%),linear-gradient(transparent 65%,#18130955)}
.chapter-copy{position:absolute;left:7%;right:7%;bottom:12%;color:#fff2df}
.chapter-copy>span{font-size:10px;letter-spacing:.2em;color:#efd3af}
.chapter-copy h2{font:500 clamp(40px,6.5vw,86px)/1.08 'Manrope',sans-serif;letter-spacing:-.065em;margin:15px 0 20px}
.chapter-copy h2 em{font-family:Georgia,serif;font-weight:400}
.chapter-copy p{font-size:13px;line-height:1.8;margin:0;color:#ead7c4}
.chapter-sheet.night .chapter-copy{color:#deebf8}.chapter-sheet.night .chapter-copy>span,.chapter-sheet.night .chapter-copy p{color:#aabed3}
.chapter-number{position:absolute;right:6%;top:7%;font:500 65px/.9 'Manrope',sans-serif;color:#ffffff80;letter-spacing:-.08em}
.chapter-counter{position:absolute;right:8%;bottom:10%;font-size:10px;color:#9eabad;letter-spacing:.15em}
.chapter-dots{position:absolute;left:8%;bottom:10%;display:flex;gap:7px}
.chapter-dots i{display:block;width:24px;height:2px;background:#ffffff24;transition:background .3s}
.chapter-dots i.active{background:#e9c5a1}
.scene-miniature{background:#c7e0e8}.scene-miniature-content{background:#c7e0e8;perspective:1100px}
.scene-miniature::after{background:linear-gradient(#c7e0e859,transparent 15%,transparent 83%,#c7e0e8b3)}
.miniature-layer{position:absolute;pointer-events:none;will-change:transform}
.miniature-sky{inset:-7%;z-index:0}.miniature-sky img{width:100%;height:100%;object-fit:cover}
.miniature-island{width:80%;height:93%;left:15%;top:5%;z-index:2;transform-style:preserve-3d}
.miniature-island img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 25px #244d5733)}
.miniature-foreground{inset:-9%;z-index:3}.miniature-foreground img{width:100%;height:100%;object-fit:cover}
.miniature-copy{position:absolute;left:7%;top:17%;z-index:1;pointer-events:none}
.miniature-copy>span{font-size:9px;letter-spacing:.19em;color:#6c909b}
.miniature-copy h2{font:500 clamp(28px,3.8vw,56px)/1.07 'Manrope',sans-serif;color:#426977;letter-spacing:-.065em;margin:18px 0}
.miniature-copy em{font-family:Georgia,serif;font-weight:400}
.miniature-coordinates{position:absolute;left:7%;bottom:16%;z-index:4;font-size:10px;color:#3f717f;letter-spacing:.12em}
.miniature-depth{position:absolute;right:5%;top:46%;writing-mode:vertical-rl;font-size:9px;color:#628d97;letter-spacing:.18em;z-index:4}
.scene-orbit{background:#eff0ed}.scene-orbit-content{background:#eff0ed}
.scene-orbit::after{background:linear-gradient(#eff0ed88,transparent 14%,transparent 82%,#eff0edbb)}
.orbit-character{position:absolute;height:88%;aspect-ratio:2/3;left:50%;top:49%;transform:translate(-50%,-50%);z-index:2;isolation:isolate;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 74%)}
.orbit-frame{position:absolute;inset:0;background-image:url('./assets/orbit.png');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0;will-change:opacity}
.orbit-track{position:absolute;width:78%;height:21%;border:1px solid #bac2b488;border-radius:50%;left:11%;top:67.5%;z-index:1}
.orbit-track::before{content:'';position:absolute;inset:14%;border:1px dashed #b9c3b44d;border-radius:50%}
.orbit-track span{position:absolute;font-size:9px;letter-spacing:.18em;color:#98a091;left:50%;translate:-50% 0}
.orbit-track span:first-child{top:-24px}.orbit-track span:last-child{bottom:-24px}
.orbit-camera{position:absolute;left:50%;top:88%;translate:-50% -50%;display:flex;align-items:center;gap:6px;z-index:3;color:#a27245;pointer-events:none}
.orbit-camera i{width:9px;height:9px;border-radius:50%;background:#d38d54;box-shadow:0 0 0 5px #d38d541c}
.orbit-camera span{font-size:8px;letter-spacing:.1em}
.orbit-copy{position:absolute;left:7%;top:22%;z-index:3;pointer-events:none}
.orbit-copy>span{font-size:9px;letter-spacing:.2em;color:#939c89}
.orbit-copy h2{font:500 clamp(29px,3.6vw,54px)/1.08 'Manrope',sans-serif;letter-spacing:-.065em;color:#5c6d4e;margin:19px 0}
.orbit-copy em{font-family:Georgia,serif;font-weight:400}
.orbit-telemetry{position:absolute;right:7%;top:25%;color:#7b866f;text-align:right;z-index:3}
.orbit-telemetry strong{display:block;font:400 clamp(30px,3.6vw,53px) 'Manrope',sans-serif;letter-spacing:-.06em}
.orbit-telemetry>span{font-size:12px}.orbit-dial{position:relative;border:1px solid #b7c3ac;border-radius:50%;width:42px;height:42px;margin:20px 0 0 auto}
.orbit-dial::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#a56e3e;left:18px;top:3px}
@media(max-width:1100px){.gaze-copy h2{font-size:38px}.rebuild-word{font-size:68px}.rebuild-caption{font-size:11px;max-width:100px}.rebuild-detail p{font-size:10px;margin:7px 3px}.orbit-copy h2{font-size:36px}.orbit-telemetry strong{font-size:38px}.chapter-copy h2{font-size:58px}.miniature-copy h2{font-size:36px}}
@media(max-width:760px){
  .collection-switch{margin-bottom:12px;width:100%;max-width:360px}.collection-switch button{font-size:12px;padding:9px 4px}.collection-switch small{font-size:10px}
  .gaze-copy{top:15%;left:8%}.gaze-copy>span{font-size:9px}.gaze-copy h2{font-size:34px;margin:14px 0}.gaze-character{width:127%;max-width:none;left:53%;top:58%}.gaze-contact{font-size:11px;bottom:14%;left:8%}
  .rebuild-product{width:110%;max-width:none;top:52%}.rebuild-word{font-size:52px}.rebuild-caption{font-size:10px;top:41%;left:8%;max-width:85px}.rebuild-detail{width:25%;padding:4px;border-radius:8px}.rebuild-detail p{font-size:8px;margin:6px 2px}.rebuild-step{font-size:11px;top:15%}.rebuild-finish{font-size:19px;bottom:19%}
  .chapter-sheet{inset:17% 6% 18%;border-radius:13px}.chapter-copy{left:9%;bottom:12%}.chapter-copy h2{font-size:48px}.chapter-copy>span{font-size:8px}.chapter-copy p{font-size:12px;max-width:230px}.chapter-number{font-size:45px}.chapter-counter{bottom:12%;font-size:9px}.chapter-dots{bottom:12%}
  .miniature-copy{top:15%;left:8%;z-index:3}.miniature-copy h2{font-size:34px}.miniature-island{width:130%;height:87%;left:-15%;top:16%}.miniature-sky{inset:-9% -40%}.miniature-foreground{inset:-9% -16%}.miniature-coordinates{bottom:13%;font-size:9px}.miniature-depth{right:7%;font-size:8px}
  .orbit-character{height:77%;top:56%}.orbit-copy{top:15%;left:8%}.orbit-copy h2{font-size:31px;margin:13px 0}.orbit-copy>span{font-size:8px}.orbit-telemetry{top:16%;right:8%}.orbit-telemetry strong{font-size:33px}.orbit-telemetry>span{font-size:10px}.orbit-dial{width:29px;height:29px;margin-top:10px}.orbit-dial::after{left:12px;width:3px;height:3px}.orbit-track{height:16%;top:70%}.orbit-track span{font-size:7px}.orbit-camera span{font-size:7px}
}

#chapter-0{z-index:0}#chapter-1{z-index:1}#chapter-2{z-index:2}.thumb-orbit{background:#eff0ed url(./assets/orbit.png) 0 0/400% 200% no-repeat}.thumb-orbit img{visibility:hidden}.thumb-miniature{background:#d0e5e9}.thumb-reassemble{background:#e8ece5}.thumb-gaze{background:#e8e5ef}