:root{color-scheme:dark;--paper:#ede5cf;--muted:#acb4a5;--ink:#111c19;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--ink);color:var(--paper)}body{font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}h1,h2,p{margin:0;font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible{outline:1px solid #ead09b;outline-offset:7px}::selection{background:#ba9b65;color:#15221b}.skip{position:fixed;top:-100px;left:20px;z-index:50;padding:15px;background:var(--paper);color:var(--ink)}.skip:focus{top:15px}
.world{position:fixed;inset:0;overflow:hidden;background:#111c19;pointer-events:none}.world>canvas,.still-room{display:block;width:100%;height:100%;position:absolute;inset:0}.world>canvas{opacity:0}.world.is-ready>canvas{opacity:1}.world.is-ready .still-room{visibility:hidden}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#07110e55,transparent 17%,transparent 63%,#07110ead 100%);pointer-events:none}.fallback-trace{opacity:.55}.has-js .fallback-trace{opacity:0}.world:before,.world:after{content:'';position:absolute;left:0;right:0;height:3.5vh;max-height:30px;background:#08100d;z-index:2}.world:before{top:0}.world:after{bottom:0}
.film-header{position:fixed;top:max(26px,6vh);left:4%;right:4%;z-index:20;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.film-header>*{pointer-events:auto}.wordmark{font:10px var(--sans);letter-spacing:3px}.wordmark>span{opacity:.4;padding-left:12px}.story-menu{position:relative;font-size:10px;color:#d6d8c8}.story-menu summary{list-style:none;cursor:pointer;padding:12px 0 12px 20px}.story-menu summary::-webkit-details-marker{display:none}.story-menu summary span{padding-left:13px;font-size:14px}.story-menu nav{position:absolute;right:0;top:38px;padding:16px 22px;width:215px;border:1px solid #63715b66;background:#14241af5;box-shadow:0 15px 40px #0004}.story-menu nav a,.story-menu nav button{display:block;padding:12px 0;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #98a18024;font-size:11px}.story-menu nav a:hover,.story-menu nav button:hover{color:#e6c88c}.story-menu nav a[aria-current]{color:#f2d7a0}.story-menu nav button{font-size:9px;cursor:pointer;border:0;padding-top:20px;color:#a7b795}
#main{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-y:contain;position:relative;z-index:3}#main::-webkit-scrollbar{display:none}#main:focus{outline:none}.moment{height:100%;min-height:580px;position:relative;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:flex-end;justify-content:center;padding:0 24px max(60px,10vh);pointer-events:none}.moment a,.moment button{pointer-events:auto}.subtitles{text-align:center;max-width:690px;position:relative;text-shadow:0 2px 17px #07100ecf}.subtitles h1,.subtitles h2{font:400 clamp(24px,2.8vw,38px)/1.25 var(--serif);letter-spacing:-.025em}.subtitles>p:not(.prelude){font-size:11px;line-height:1.8;color:#b1bbaa;margin-top:12px}.prelude{font:8px/1.5 var(--mono);letter-spacing:2.2px;color:#bdc3ac;margin-bottom:17px}.scroll-cue{display:inline-flex;align-items:center;gap:19px;margin-top:25px;font:9px var(--mono);color:#b2bda7;padding:8px}.scroll-cue span{font-size:16px}.has-js .moment .subtitles{opacity:0;transform:translateY(7px);transition:opacity .35s ease,transform .5s ease}.has-js .moment.is-active .subtitles{opacity:1;transform:translateY(0)}.fracture-touch{position:absolute;top:48%;left:48%;transform:translate(-50%,-50%);background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:14px;padding:17px;opacity:0;transition:opacity .35s;text-shadow:0 1px 9px #000}.is-active .fracture-touch{opacity:1}.touch-ring{display:grid;place-items:center;border:1px solid #e4d4a877;border-radius:50%;width:43px;height:43px;font-size:20px;font-weight:200;transition:transform .2s,border-color .2s}.fracture-touch:hover .touch-ring{transform:scale(1.13);border-color:#f4d89f}.touch-label{font:9px var(--mono);letter-spacing:.8px}.fracture-touch:disabled{display:none}.has-touched .fracture-touch{opacity:0;pointer-events:none}.ending .subtitles h2{font:400 30px/1.3 var(--serif);letter-spacing:8px;text-indent:8px}.ending .subtitles{padding-top:22px}.collection-link{display:inline-flex;align-items:center;gap:47px;font-size:12px;border-bottom:1px solid #a9b7967a;padding:15px 2px;margin-top:20px}.collection-link span{font-size:19px}.collection-link:hover{color:#eace9a}.ending button{display:block;border:0;background:none;margin:15px auto 0;padding:10px;font-size:9px;color:#aeb9a1;cursor:pointer}.ending .subtitles .edition-note{font-size:8px;margin-top:22px;color:#8f9e88}.fallback-note{position:fixed;bottom:8px;left:0;right:0;text-align:center;font-size:10px;color:#cbd0be;z-index:30}.still-scenes *{scroll-behavior:auto!important;transition:none!important}.still-scenes .subtitles{transform:none!important}body .preview-lock{right:14px;bottom:8px}body .preview-lock button{font-size:8px;padding:4px 7px;background:#14231bd9;opacity:.7}
@media(max-width:650px){.film-header{top:27px;left:25px;right:25px}.wordmark{font-size:9px;letter-spacing:2px}.moment{min-height:580px;padding:0 24px 13vh}.subtitles h1,.subtitles h2{font-size:26px;line-height:1.3;max-width:330px}.subtitles>p:not(.prelude){font-size:10px;max-width:300px;margin-left:auto;margin-right:auto}.prelude{font-size:7px;letter-spacing:1.6px}.world:before,.world:after{height:20px}.scroll-cue{font-size:8px;margin-top:20px}.fracture-touch{top:43%;left:47%}.ending .subtitles h2{font-size:27px;letter-spacing:6px}.ending .subtitles .edition-note{font-size:8px}.ending .subtitles{max-width:320px}.vignette{background:linear-gradient(#07110e55,transparent 20%,transparent 51%,#07110eca 100%)}}
@media(max-height:650px){#main{scroll-snap-type:y proximity}.moment{min-height:540px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.witness-invite{display:block;margin:14px auto 0;width:fit-content;padding:8px 0;font-size:10px;color:#dac28e;text-decoration:underline;text-underline-offset:5px}