/* Architectural cut-outs assemble into one seamless image. */
.chapter-scene .model-assembly{opacity:1!important;transform:none;transition:none}
.chapter-scene .model-slice{display:block;transform:var(--piece-transform,none);opacity:var(--piece-opacity,1);will-change:transform;transition:none}
.chapter-scene .slice-0{clip-path:inset(0 0 75% 0)}
.chapter-scene .slice-1{clip-path:inset(25% 0 50% 0)}
.chapter-scene .slice-2{clip-path:inset(50% 0 25% 0)}
.chapter-scene .slice-3{clip-path:inset(75% 0 0 0)}
.chapter-scene[data-motion=territory] .slice-0{clip-path:inset(0 50% 50% 0)}
.chapter-scene[data-motion=territory] .slice-1{clip-path:inset(0 0 50% 50%)}
.chapter-scene[data-motion=territory] .slice-2{clip-path:inset(50% 50% 0 0)}
.chapter-scene[data-motion=territory] .slice-3{clip-path:inset(50% 0 0 50%)}
.chapter-scene[data-motion=perspective] .slice-0{clip-path:inset(0 75% 0 0)}
.chapter-scene[data-motion=perspective] .slice-1{clip-path:inset(0 50% 0 25%)}
.chapter-scene[data-motion=perspective] .slice-2{clip-path:inset(0 25% 0 50%)}
.chapter-scene[data-motion=perspective] .slice-3{clip-path:inset(0 0 0 75%)}
.chapter-scene .model-assembly.is-joined .slice-0{clip-path:none;transform:none;opacity:1}
.chapter-scene .model-assembly.is-joined .model-slice:not(:first-child){visibility:hidden}
.chapter-scene .scene-pictures{display:none}
.chapter-scene .chapter-art{overflow:hidden;min-width:0}
.chapter-scene .chapter-caption{z-index:2;max-width:100%;padding:5px 8px;background:#11110ee8;pointer-events:none}
.chapter-scene .chapter-pin{min-height:0}
.chapter-step{transition:opacity .45s ease,transform .65s ease,visibility .45s}
.chapter-step:not(.active){transform:translateY(12px)}
.chapter-step.active{transition-delay:.12s}

.marina-chapter{background:#11110e!important}
.marina-chapter .chapter-pin{grid-template-columns:1.15fr 1fr;padding:105px 5vw 50px;gap:5vw}
.marina-chapter .chapter-art{min-width:0;isolation:isolate}
.marina-chapter .scene-word{font-size:clamp(90px,11vw,190px);letter-spacing:-.055em;top:17%;left:-3vw;color:#efebe207}
.marina-stage{position:absolute;inset:-4% -14% 2% -10%;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#a07d2610,transparent 65%)}
.marina-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s ease}
.marina-stage.model-ready canvas{opacity:1}
.marina-poster{position:absolute;inset:10% 18%;width:64%;height:80%;object-fit:contain;opacity:.6;filter:grayscale(1) sepia(.45);transition:opacity .7s ease}
.model-ready .marina-poster{opacity:0;pointer-events:none}
.marina-chapter .chapter-caption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;max-width:100%;bottom:0;background:none;color:#efebe299}
.marina-chapter .chapter-caption:before{content:'';display:inline-block;width:24px;height:1px;background:#e7b650;margin-right:14px;vertical-align:middle}
.marina-chapter .chapter-instruction{font-size:12px;color:#efebe28c}
.marina-chapter .chapter-progress{height:1px;background:#efebe218}
.marina-chapter .chapter-progress i{background:#d9b66b}
@media(max-width:850px){
 .chapter-scene .chapter-pin{height:100svh;min-height:0;grid-template-rows:minmax(0,42%) minmax(0,1fr);padding:86px 6vw 24px;gap:4px}
 .chapter-scene .chapter-art{max-height:none;min-height:0}
 .chapter-scene .chapter-steps{min-height:155px}
 .chapter-scene .chapter-copy>.kicker{margin:12px 0;font-size:10px}
 .chapter-scene .chapter-step h2{font-size:clamp(30px,8vw,45px);margin:10px 0 14px}
 .chapter-scene .chapter-step p{font-size:14px;line-height:1.55}
 .chapter-scene .chapter-controls{margin-top:10px}
 .chapter-scene .chapter-caption{bottom:0;left:0;font-size:8px;max-width:100%}
 .marina-chapter{height:320svh}
 .marina-chapter .chapter-pin{height:100svh;min-height:0;display:flex;align-items:flex-end;padding:86px 6vw 26px;isolation:isolate}
 .marina-chapter .chapter-art{position:absolute;inset:76px 0 0;height:auto;max-height:none;min-height:0;z-index:0}
 .marina-stage{inset:0 -12% -3%}
 .marina-chapter .chapter-pin:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#11110e00 26%,#11110e18 43%,#11110eb8 64%,#11110ef5 86%,#11110e 100%)}
 .marina-chapter .chapter-copy{width:100%;z-index:2;padding:0;text-shadow:0 2px 16px #000}
 .marina-chapter .scene-word{font-size:30vw;top:24%;left:0}
 .marina-chapter .chapter-caption{font-size:8px;left:6vw;right:6vw;top:6px;bottom:auto;letter-spacing:.06em;white-space:normal;padding:3px 0}
 .marina-chapter .chapter-progress{z-index:3}
 .marina-chapter .chapter-copy>.kicker{margin:12px 0;font-size:10px}
 .marina-chapter .chapter-steps{min-height:155px}
 .marina-chapter .chapter-step h2{font-size:clamp(30px,8vw,45px);margin:10px 0 14px}
 .marina-chapter .chapter-step p{font-size:14px;line-height:1.55}
 .marina-chapter .chapter-controls{margin-top:10px;gap:12px}
 .marina-chapter .chapter-controls button{height:40px;width:40px}
 .marina-chapter .chapter-instruction{margin-top:10px;font-size:10px}
}
@media(prefers-reduced-motion:reduce),(max-height:620px){
 .chapter-scene{height:auto}
 .chapter-scene .chapter-pin{position:relative;height:auto;min-height:0;display:block;padding:80px 6vw}
 .chapter-scene .chapter-art{height:500px}
 .chapter-scene .chapter-steps{display:block}
 .chapter-scene .chapter-step{opacity:1;visibility:visible;transform:none;margin:32px 0}
 .chapter-scene .chapter-controls,.chapter-scene .chapter-instruction{display:none}
 .chapter-scene .model-assembly{transform:none;will-change:auto}
 .chapter-scene .model-slice{transform:none!important;opacity:1;will-change:auto}
 .chapter-scene .slice-0{clip-path:none}
 .chapter-scene .model-slice:not(:first-child){display:none}
 .marina-chapter .chapter-art{position:relative;inset:auto;height:500px}
 .marina-chapter .chapter-pin:after{display:none}
}