/* One visual subject per chapter. Still fallbacks stay in that same chapter. */
.scene-stage{background:radial-gradient(ellipse at 73% 48%,#284b6255,transparent 64%)}
.hero-shade{background:linear-gradient(90deg,#061426f5 0%,#061426da 25%,#06142633 49%,transparent 69%),linear-gradient(0deg,#06142680,transparent 18%)}
.story-visual{background:radial-gradient(ellipse at 73% 41%,#214250 0,#112934 40%,#091b25 76%)}
.story-visual:before{background:linear-gradient(90deg,#091b25f5 0%,#091b25d9 29%,#091b2533 49%,transparent 67%),linear-gradient(0deg,#091b2580,transparent 23%)}
.story-detail-ring{display:none}
.story-detail{box-shadow:0 28px 85px #0005}
.story-has-metal .cabinet-story .story-detail{opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s}
.story-has-metal .cabinet-story .story-visual-caption{left:52%;right:7%;bottom:7%;font-size:9px;line-height:1.6}
.story-has-metal .cabinet-story .story-visual-caption span:last-child{display:none}
.story-page .experience-intro{min-height:600px;padding-top:100px;padding-bottom:100px}
.intro-aside p:last-child{display:none}
.intro-main,.intro-aside{position:relative;z-index:2}
.cinema-surface{position:relative;isolation:isolate;pointer-events:none;overflow:hidden}
.cinema-arrival{position:absolute;left:5%;top:37%;width:39%;height:245px;z-index:1;background:url('../art/story/arch.webp') center/contain no-repeat}
.cinema-arrival[data-state=ready]{background-image:none}
.section-cinema-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s;pointer-events:none}
.section-cinema-canvas[data-state=ready]{opacity:1}
.cinema-part-name{position:absolute;bottom:0;left:24px;right:24px;text-align:center;font-size:8px;letter-spacing:.17em;line-height:1.6;color:#727b76;text-transform:uppercase;z-index:2}
.ritual-steps{align-self:center}
.ritual-heading .story-link{margin-top:32px}

/* The fourth chapter advances to a completed result, rather than another cabinet. */
.cabinet-story[data-chapter="3"] .story-detail{opacity:1;visibility:visible;transform:none;border-color:#d5d0bd30;background:radial-gradient(ellipse at 50% 0,#334649,#07141d 78%)}
.finish-study{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(14px,3vw,38px);color:#ede5ce;isolation:isolate}
.finish-study:before{content:"";position:absolute;inset:18px;border:1px solid #e8d8b518;z-index:-1}
.finish-kicker{margin:0 0 22px;font-size:9px;letter-spacing:.3em;color:#cbb48e}
.finish-title{font:400 clamp(32px,4.4vw,68px)/1 var(--font-display);letter-spacing:-.025em}
.finish-artist{margin-top:10px;font-size:11px;color:#99b4bc}
.finish-numbers{display:grid;grid-template-columns:1fr 1.8fr;width:100%;max-width:400px;margin:40px 0 25px;gap:12px}
.finish-numbers>div{display:flex;flex-direction:column;align-items:center;gap:8px}
.finish-numbers strong{font:400 clamp(29px,3.6vw,56px)/1 var(--font-display);font-variant-numeric:tabular-nums;color:#fff5df}
.finish-numbers small{font:400 13px var(--font-body);color:#a6b4b6;margin-left:3px}
.finish-numbers span,.finish-stats span{font-size:8px;letter-spacing:.15em;color:#a5b9bb}
.finish-stats{display:flex;justify-content:center;gap:38px;border-top:1px solid #cfcab52b;width:100%;max-width:400px;padding-top:20px}
.finish-stats span{display:flex;flex-direction:column;align-items:center;gap:7px}
.finish-stats b{font:400 24px var(--font-display);color:#dbc9a2}
.finish-footnote{font-size:8px;letter-spacing:.08em;color:#8a9d9e;margin:28px 0 0}

/* Studio is the actual editor: a unique proof of what the buyer can change. */
.suite-art{height:780px;background:radial-gradient(ellipse at 65% 30%,#2e4955,#15232f 56%,#08151f);perspective:1400px}
.studio-proof{position:absolute;width:min(680px,58%);right:8%;top:72px;background:#070b13;border:1px solid #9cafbe4d;border-radius:7px;overflow:hidden;box-shadow:0 35px 95px #0008;transform:translateY(calc((.5 - var(--suite-shift,.5))*35px)) rotateY(-5deg) rotateX(3deg);transform-origin:center;will-change:transform}
.studio-proof-bar{height:35px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dae5e61b;background:#111b25;color:#acbabc;font-size:8px;letter-spacing:.12em}
.suite-art .studio-proof img{width:100%;height:auto;object-fit:contain;transform:none;filter:none;will-change:auto}
.suite-art:after{pointer-events:none;background:linear-gradient(0deg,#0a19284d,transparent 22%)}
.suite-caption{z-index:3;bottom:135px;max-width:27%;color:#e1d6be}
.suite-caption strong{font-size:clamp(25px,3vw,42px);line-height:1.15;letter-spacing:-.035em}
.suite-caption span{font-size:8px;line-height:1.8;margin-top:9px;color:#a7b9bd}
.suite-content{margin-top:-70px;background:#f1ede4;backdrop-filter:none}
.invitation-copy .story-link{margin-top:30px}
.purchase-suite{position:relative;align-self:center}
.detail-shot[data-detail=launch],.detail-shot[data-detail=pins]{object-fit:contain;object-position:center}

@media(max-width:1000px) and (min-width:761px){
 .story-page .experience-intro{min-height:540px}
 .cinema-arrival{left:3%;width:40%;height:220px}
 .suite-art{height:650px}.studio-proof{right:5%;width:64%;top:65px}.suite-caption{left:6%;bottom:115px;max-width:25%}
}
@media(max-width:760px){
 .hero-shade{background:linear-gradient(180deg,#061426 0,#061426 12%,#06142638 39%,transparent 66%,#06142655 100%)}
 .story-visual:before{background:linear-gradient(0deg,#091b25 0%,#091b25f0 18%,#091b2566 41%,transparent 66%),linear-gradient(180deg,#091b2526,transparent 20%)}
 .story-page .experience-intro{min-height:0;padding-top:56px;padding-bottom:64px}
 .cinema-arrival{position:relative;left:auto;top:auto;width:100%;height:220px;margin:15px 0 20px}
 .intro-main{margin-top:5px}
 .story-has-metal .cabinet-story .story-visual-caption{left:24px;right:24px;top:calc(10% + var(--story-figure-height,32%) + 12px);bottom:auto;font-size:8px;text-align:center;justify-content:center}
 .finish-study{padding:16px}.finish-study:before{inset:8px}.finish-kicker{font-size:7px;margin-bottom:10px}.finish-title{font-size:30px}.finish-artist{margin-top:6px;font-size:8px}.finish-numbers{margin:15px 0 13px;gap:10px}.finish-numbers strong{font-size:32px}.finish-numbers span,.finish-stats span{font-size:6px}.finish-numbers>div{gap:4px}.finish-stats{padding-top:10px;gap:30px}.finish-stats b{font-size:18px}.finish-stats span{gap:3px}.finish-footnote{font-size:6px;margin:12px 0 0}
 .suite-art{height:calc(72vw + 200px)}.studio-proof{top:35px;right:6%;width:88%;transform:translateY(calc((.5 - var(--suite-shift,.5))*18px)) rotateY(-3deg) rotateX(2deg)}
 .studio-proof-bar{height:29px;padding:0 10px;font-size:6px}
 .suite-caption{left:24px;bottom:30px;max-width:85%;gap:4px}.suite-caption strong{font-size:31px}.suite-caption span{font-size:7px;margin-top:6px}
 .suite-content{margin-top:0;background:none}
}
@media(max-width:370px){.cinema-arrival{height:190px}.finish-kicker{margin-bottom:7px}.finish-numbers{margin:11px 0}.finish-footnote{margin-top:9px}}
@media(max-height:700px) and (max-width:760px){.finish-artist,.finish-stats{display:none}.finish-study{padding:12px}.finish-title{font-size:27px}.finish-numbers{margin:13px 0 0}.finish-footnote{margin-top:11px}}
@media(max-height:540px){.story-has-metal .cabinet-story[data-chapter] .story-detail{left:47%;top:12%;width:45%;height:68%}.story-visual-caption{display:none}}
@media(max-height:540px) and (max-width:760px){.story-has-metal .cabinet-story[data-chapter] .story-detail{left:13%;top:10%;width:78%;height:68%}}
@media(prefers-reduced-motion:reduce){
 .story-page .experience-intro{min-height:0}.studio-proof{transform:none;will-change:auto}
 .story-has-metal .cabinet-story[data-chapter] .story-detail{opacity:1;visibility:visible;left:13%;top:10%;width:78%;height:65%;transform:none!important}
}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.story-has-metal .cabinet-story[data-chapter] .story-detail{left:47%;top:15%;width:45%;height:65%}}
.story-motion-paused .story-detail,.story-motion-paused .studio-proof{transform:none!important;transition:none!important}

/* Directed product film: each shot has room, a subject and an arrival. */
.story-page .experience-intro{min-height:690px;background:#09141d;color:#e8e0cf;border-top:1px solid #c9c0a81c}
.experience-intro:after{background:#c9c0a825}.intro-aside .story-kicker{color:#b1a187}.intro-main>p{color:#9baeb3}.intro-main .story-link{color:#d8c8a7;border-color:#918b7559}
.cinema-arrival{left:2%;top:30%;width:44%;height:320px;background-color:#09141d;box-shadow:inset 0 0 65px #09141d}
.cinema-part-name{bottom:6px;color:#9caaa9;font-size:8px;letter-spacing:.22em}
.story-visual{background:radial-gradient(ellipse at 73% 46%,#132633 0,#08151f 50%,#050b12 90%)}
.story-visual:before{background:linear-gradient(90deg,#050d16f7,#050d16d9 26%,#050d1630 43%,transparent 55%),linear-gradient(0deg,#050d1659,transparent 25%)}
.cabinet-story[data-chapter="1"] .story-visual{background:radial-gradient(ellipse at 72% 43%,#1b3136,#08131a 56%,#050b12)}
.cabinet-story[data-chapter="2"] .story-visual{background:radial-gradient(ellipse at 72% 45%,#172033,#060c17 62%)}
.cabinet-story[data-chapter="3"] .story-visual{background:radial-gradient(ellipse at 74% 43%,#30342f,#07121a 60%,#050b12)}
.story-visual-caption{pointer-events:none}.story-has-metal .cabinet-story .story-visual-caption{left:47%;right:4%;bottom:5%}
.story-stop-copy{max-width:375px}.story-stop-copy>p:not(.story-kicker){font-size:13px;max-width:300px;line-height:1.8}
.story-spec{margin-top:26px}.story-caption-end{color:#8a9ca3}

/* The original result numbers arrive once, in a short finish-line reveal. */
.cabinet-story[data-chapter="3"] .story-detail{left:46%;top:13%;width:49%;height:70%;border:0;box-shadow:none;background:transparent;overflow:visible}
.finish-study{border:0;overflow:hidden;justify-content:center;padding:30px;color:#f3e9d0;background:linear-gradient(145deg,#0e1e2590,#07101814 65%)}
.finish-study:before{inset:12% 2%;border:0;border-top:1px solid #d7c29330;border-bottom:1px solid #d7c29330}
.finish-light{position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 37%,#e8d5a126 49%,transparent 61%);opacity:var(--finish-light,0);transform:translateX(var(--finish-sweep,0));}
.finish-edge{height:1px;position:absolute;left:2%;right:2%;top:12%;background:linear-gradient(90deg,transparent,#e0c799,transparent);transform:scaleX(var(--finish-title-reveal,1));transform-origin:center}
.finish-kicker{letter-spacing:.32em;font-size:9px;color:#cebd99;margin-bottom:23px;opacity:var(--finish-title-reveal,1)}
.finish-title{font:400 clamp(44px,5.5vw,82px)/1 var(--font-display);letter-spacing:-.035em;transform:translateY(calc((1 - var(--finish-title-reveal,1))*18px));opacity:var(--finish-title-reveal,1);text-shadow:0 4px 35px #dbbf8133}
.finish-artist{font-size:11px;opacity:var(--finish-title-reveal,1)}
.finish-numbers{max-width:480px;grid-template-columns:.7fr 1.8fr;margin:35px 0 24px;align-items:end;opacity:var(--finish-score-reveal,1);transform:translateY(calc((1 - var(--finish-score-reveal,1))*18px))}
.finish-numbers strong{font-size:clamp(39px,5.2vw,80px);letter-spacing:-.035em}.finish-numbers .finish-rank{font-size:clamp(56px,7vw,102px);color:#d8c499}
.finish-numbers small{font-size:15px;letter-spacing:0}.finish-numbers span{letter-spacing:.22em}
.finish-stats{opacity:var(--finish-stats-reveal,1);transform:translateY(calc((1 - var(--finish-stats-reveal,1))*8px));max-width:430px}.finish-footnote{opacity:var(--finish-stats-reveal,1)}

/* One editor, three directed details, ending on a usable exported edition. */
.studio-tour{height:190svh;margin:0 -9.525%;position:relative}
.suite-art{position:sticky;top:0;height:100svh;min-height:610px;margin:0;background:radial-gradient(ellipse at 70% 47%,#29424f,#101e2a 54%,#07121c);overflow:hidden}
.studio-proof{width:min(820px,63%);right:4%;top:50%;border:1px solid #aebfc150;box-shadow:0 45px 120px #000a,0 0 0 7px #09111d,0 0 0 8px #7b91942b;transform:translateY(-50%) scale(calc(.96 + var(--suite-shift,.5)*.04)) perspective(1500px) rotateY(calc(-7deg + var(--suite-shift,.5)*7deg));border-radius:6px}
.studio-image-stage{position:relative;overflow:hidden}.studio-focus{position:absolute;left:2%;top:35%;width:47%;height:57%;border:1px solid #e8d7a5b3;border-radius:5px;box-shadow:0 0 0 1200px #0004,0 0 35px #d8c9a114;transition:left .75s ease,top .75s ease,width .75s ease,height .75s ease,opacity .3s;pointer-events:none}
.suite-art[data-studio-step="1"] .studio-focus{left:52%;top:35%;width:46%;height:57%}
.suite-art[data-studio-step="2"] .studio-focus{left:2%;top:14.4%;width:46%;height:4.7%}
.suite-caption{left:6%;bottom:auto;top:50%;transform:translateY(-50%);max-width:25%;width:290px;gap:0}
.studio-shot-index{font:9px var(--font-body);letter-spacing:.24em;color:#b4a284;margin:0 0 35px}.studio-shot-index span{font-size:9px;letter-spacing:.24em;color:#eee0c6;margin:0}
.suite-caption strong{font-size:clamp(37px,3.7vw,56px);line-height:1.1;letter-spacing:-.045em;color:#eee3ca}
.suite-caption .studio-shot-copy{font-size:12px;line-height:1.8;letter-spacing:0;text-transform:none;color:#a8b8bc;margin-top:22px;max-width:230px}
.studio-chapters{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:38px 0 0;gap:19px;font:9px var(--font-body);color:#738b93}.studio-chapters li{padding:10px 0;border-top:1px solid #9cafa33b;transition:color .3s,border-color .3s}.studio-chapters .is-current{color:#e8d5ae;border-top-color:#e8d5ae}
.suite-content{margin-top:0;padding-top:75px;padding-bottom:85px}
@media(min-width:1650px){.studio-proof{right:8%}.suite-caption{left:9%}}
@media(max-width:1000px) and (min-width:761px){.story-page .experience-intro{min-height:630px}.cinema-arrival{height:290px}.studio-proof{right:4%;width:64%}.suite-caption{left:6%;width:24%}.suite-caption strong{font-size:35px}.suite-art{min-height:550px}.finish-title{font-size:50px}}
@media(max-width:760px){
 .story-page .experience-intro{min-height:0;padding-top:48px;padding-bottom:54px}.cinema-arrival{position:relative;left:auto;top:auto;width:calc(100% + 32px);height:230px;margin:6px -16px 20px}.intro-main h2{font-size:46px}.intro-main>p{font-size:12px;line-height:1.8;max-width:340px}
 .story-visual:before{background:linear-gradient(0deg,#050d16 0,#050d16ee 18%,#050d1600 53%),linear-gradient(180deg,#050d1644,transparent 19%)}
 .story-stop{padding-bottom:34px}.story-stop .story-kicker{margin-bottom:11px}.story-stop h3{font-size:clamp(32px,9vw,43px);line-height:1.09}.story-stop-copy>p:not(.story-kicker){font-size:12px;line-height:1.65;max-width:440px;margin-top:13px}.story-spec{margin-top:14px;padding-top:11px;gap:12px}.story-stop .story-link{margin-top:10px;padding-bottom:5px}
 .story-detail{top:8%;height:var(--story-figure-height,43%)}.story-has-metal .cabinet-story .story-visual-caption{top:calc(8% + var(--story-figure-height,43%) + 10px);left:24px;right:24px;bottom:auto;font-size:7px}
 .cabinet-story[data-chapter="3"] .story-detail{left:5%;top:8%;width:90%;height:var(--story-figure-height,43%)}
 .finish-study{padding:12px 16px}.finish-study:before{inset:4% 3%}.finish-edge{top:4%;left:3%;right:3%}.finish-kicker{font-size:7px;margin-bottom:13px}.finish-title{font-size:clamp(34px,11vw,49px)}.finish-artist{font-size:8px;margin-top:7px}.finish-numbers{margin:20px 0 14px;max-width:320px}.finish-numbers strong{font-size:clamp(35px,11vw,50px)}.finish-numbers .finish-rank{font-size:clamp(48px,15vw,64px)}.finish-numbers small{font-size:11px}.finish-numbers span{font-size:6px}.finish-stats{padding-top:12px;gap:30px}.finish-stats b{font-size:20px}.finish-stats span{font-size:6px}.finish-footnote{font-size:6px;margin-top:14px}
 .studio-tour{height:180svh;margin:0 -24px}.suite-art{height:100svh;min-height:570px}
 .studio-proof{width:86%;right:7%;top:45%;transform:translateY(-50%) scale(calc(.96 + var(--suite-shift,.5)*.04)) perspective(1100px) rotateY(calc(-4deg + var(--suite-shift,.5)*4deg));box-shadow:0 25px 65px #0008,0 0 0 4px #09111d,0 0 0 5px #7b91942b}
 .studio-proof-bar{height:28px}.suite-caption{top:auto;bottom:8%;left:7%;width:86%;max-width:86%;transform:none}.studio-shot-index{margin-bottom:16px;font-size:7px}.studio-shot-index span{font-size:7px}.suite-caption strong{font-size:39px}.suite-caption .studio-shot-copy{font-size:11px;margin-top:12px;max-width:300px}.studio-chapters{margin-top:20px;gap:28px;font-size:8px}.studio-chapters li{padding-top:8px}
 .suite-content{padding-top:46px;padding-bottom:62px}
}
@media(max-width:370px){.cinema-arrival{height:215px}.intro-main h2{font-size:42px}.story-stop-copy>p:not(.story-kicker){font-size:11px}.finish-numbers{margin:14px 0 10px}.finish-kicker{margin-bottom:9px}}
@media(max-width:760px) and (min-aspect-ratio:3/4){.studio-tour{height:auto}.suite-art{height:calc(71vw + 310px);min-height:0}.studio-proof{top:30px;transform:perspective(1100px) rotateY(-3deg)}.suite-caption{bottom:32px}.studio-focus{display:none}}
@media(max-height:700px) and (max-width:760px){.finish-artist,.finish-stats{display:none}.finish-footnote{margin-top:12px}.studio-proof{top:36%}.suite-caption{bottom:7%}.suite-caption strong{font-size:34px}.studio-shot-index{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce),(max-height:540px){
 .studio-tour{height:auto}.suite-art{position:relative;height:780px;min-height:0}.studio-proof{transform:translateY(-50%)}.studio-focus{display:none}.studio-chapters{display:none}
 .finish-light{display:none}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px),(max-height:540px) and (max-width:760px){.suite-art{height:calc(71vw + 310px)}.studio-proof{top:28px;transform:none}.suite-caption{top:auto;bottom:30px}.studio-shot-index{display:none}}
.story-motion-paused .studio-proof{transform:translateY(-50%)!important}.story-motion-paused .studio-focus{transition:none}
@media(max-width:760px) and (min-aspect-ratio:3/4){.story-motion-paused .studio-proof{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px),(max-height:540px) and (max-width:760px){.story-motion-paused .studio-proof{transform:none!important}}