body.obsidian{--bg:#111b22;--ink:#e8f1f2;--soft:#9dbbc5;--muted:#a1b6bf;--accent:#a3e4e8;--glow:#354b56;--line:#a2c7d01f;--button:#d3e8e7;--buttontext:#142830}html{scrollbar-color:#4b6570 #111b22}header{background:#111a20f2;backdrop-filter:blur(12px)}.wordmark{font-size:23px;letter-spacing:-.04em;font-weight:500;display:flex;align-items:center;gap:24px}.wordmark>span{font-size:9px;letter-spacing:.22em;color:#b4c9d0}.header-note{font-size:8px;letter-spacing:.12em;color:#a5bbc5;display:flex;align-items:center;gap:16px}.header-note i{width:5px;height:5px;border-radius:50%;background:#b4dddd}.stage{background:radial-gradient(ellipse at 70% 43%,#3d525e 0,#283d48 29%,#192a34 55%,#101a21 86%);min-height:560px;overflow:clip}.ambient{left:37%;top:9%;width:62vw;height:62vw;opacity:.32}#story{height:740vh}h1{font-size:clamp(69px,8.4vw,132px);line-height:1.01}h2{font-size:clamp(44px,5.4vw,85px);line-height:1.06;letter-spacing:-.055em}.copy{top:18%;left:7.5%;width:43%}.intro,.description{color:#a9bdc5}.description{max-width:300px}.feature-caption{color:#adc9cf;max-width:260px}.eyebrow{font-size:8px;letter-spacing:.14em;color:#bad0d6}.text-link{color:#d1e4e7}.detail .copy{left:66%;width:28%;top:21%}.detail h2{font-size:clamp(38px,4.5vw,69px)}.inside .copy{width:38%}.inside .description{max-width:270px}.fine-print{color:#7895a2}.feature .fine-print,.ritual .fine-print{max-width:270px}.scene-index{color:#c2d7dc}.scene-index b{color:#88a7b4}.credit{color:#7894a2}.foot-caption{color:#b0c7d0}.still{color:#8eaebc}.progress{height:1px}.replay{color:#c0dde3}.finale h2{font-size:clamp(52px,6.5vw,100px)}.finale .spec{font-size:12px;max-width:300px}.final-features{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px;font-size:8px;letter-spacing:.08em;color:#b2cbd3}.final-features span{border-bottom:1px solid var(--line);padding-bottom:10px}.leader-lines path{stroke:#8ebbc9;stroke-opacity:.75}.leader-lines .endpoint{fill:#dbffff;stroke:#8fe3e9}.endpoint-halo{fill:#9fe7f018;stroke:#8bd6e753}.part-label>span{color:#d5ebee;font-size:11px;font-weight:400;letter-spacing:.03em}.part-label small{color:#97b2bf;font-size:9px}.leader-lines .app-connection{stroke:#83bdc9}.connection-pulse{fill:#b4eef0;stroke:#b9f2f52e}.phone{background:linear-gradient(160deg,#263b46,#15262e);border-color:#0c141a;box-shadow:0 28px 50px -15px #0008,0 0 0 1px #5e7682;color:#def1f2}.phone-camera{background:#0c141a}.app-top>span{color:#8db3bf}.app-heading{color:#d0e5ea}.dial-track{stroke:#354b55}.dial-fill{stroke:#a5e5e3}.app-dial small{color:#8eb0bf}.app-volume span{color:#88a8b6}.app-week,.app-bottom{border-color:#90b9c323}.app-bars i{background:#416671}.app-bars .today i{background:#a1dfdc}.app-bottom .selected{color:#ade5e2}.app-tag{color:#a2bdc8}.app-dial{width:83%}.phone{aspect-ratio:.51}.detail .description{max-width:290px}#fallback h1{font-weight:400}.static #scene{opacity:.8}.static #fallback{top:145px}.static .credit{display:block}.static .stage{height:100svh}
@media(min-width:761px) and (max-height:740px){.copy{top:13%}h1{font-size:87px}h2{font-size:56px}.detail h2{font-size:47px}.detail .copy{top:17%}.feature-caption{margin-top:24px}.finale h2{font-size:67px}}
@media(min-width:761px) and (max-width:1000px){header nav{gap:18px}.header-note{font-size:7px}.wordmark{gap:15px}.wordmark>span{font-size:8px}.copy{left:6%;width:40%}h1{font-size:75px}h2{font-size:49px}.description{font-size:12px;max-width:235px}.detail h2{font-size:37px}.detail .copy{width:28%;left:67%}.part-label>span{font-size:10px}.part-label small{font-size:8px}}
@media(max-width:760px){header{height:66px;padding:0 6%}header nav{display:none}.header-note{font-size:6px;letter-spacing:.08em;gap:9px}.wordmark{font-size:20px;gap:13px}.wordmark>span{font-size:7px}#scene,.copy-layer,.annotations{top:66px}#story{height:800vh}.stage{min-height:620px}.ambient{top:35%;left:0;width:120vw;height:120vw}.copy,.detail .copy,.inside .copy{top:5%;left:7%;width:86%;max-width:none}h1{font-size:clamp(54px,13.8vw,85px);margin:16px 0}.intro{font-size:12px;line-height:1.6;margin-top:17px}.text-link{font-size:8px;margin-top:18px}h2,.detail h2,.inside h2,.ritual h2{font-size:clamp(34px,9.6vw,56px);margin:16px 0;line-height:1.02}.description,.detail .description,.inside .description{font-size:11px;max-width:310px;margin-top:15px;line-height:1.6}.eyebrow{font-size:7px}.feature-caption{display:none}.fine-print{position:fixed;bottom:37px;left:7%;font-size:7px;max-width:280px}.scene-index{display:none}.foot-caption{bottom:23px;font-size:6px}.credit{bottom:23px;font-size:5px}.still{bottom:61px;font-size:8px}.scroll-cue{right:6%;left:auto;transform:none;bottom:50px;font-size:6px}.chapters{right:0}.chapters a{width:28px;height:32px}.part-label>span{font-size:9px}.part-label small{font-size:7px;line-height:1.55}.phone{padding-top:26px}.app-heading{font-size:11px}.app-tag{font-size:7px;white-space:normal;line-height:1.6;max-width:160px}.app-week{padding-top:9px}.app-dial{margin-top:10px}.finale .copy{position:static}.finale .eyebrow{position:absolute;top:5%;left:7%}.finale h2{position:absolute;top:10%;left:7%;font-size:41px}.finale .spec{position:absolute;bottom:19%;left:7%;font-size:11px;max-width:240px}.final-features{position:absolute;left:7%;bottom:12%;margin:0;font-size:7px;gap:13px}.replay{font-size:8px;bottom:51px}.stage:has(.finale.is-active) .replay{left:7%;right:auto;bottom:48px}.stage:has(.inside.is-active) .still,.stage:has(.inside.is-active) .foot-caption,.stage:has(.inside.is-active) .credit,.stage:has(.finale.is-active) .foot-caption{display:none}.stage:has(.feature.is-active) #scene,.stage:has(.ritual.is-active) #scene{mask-image:linear-gradient(#000 0%,#000 83%,transparent 95%)}.static .stage{min-height:620px}.static #fallback{top:118px;width:86%;left:7%}.static #fallback h1{font-size:49px}.static #scene{display:none}.static .credit{bottom:24px}.static #story{min-height:620px}
}
.scene-index{top:5%}
@media(max-width:760px){.finale .spec{top:24%;bottom:auto;max-width:300px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}