@font-face{font-family:Barlow;src:url('fonts/barlow-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('fonts/barlow-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ground:#09262c;--acid:#e9f465;--ink:#f1f1df;--muted:#d0ddd3;--edge:clamp(28px,4.45vw,86px);color-scheme:dark}*{box-sizing:border-box}html{background:var(--ground);scrollbar-color:var(--acid) var(--ground)}body{margin:0;color:var(--ink);font-family:Barlow,sans-serif;font-size:18px;overflow-x:clip}::selection{background:var(--acid);color:var(--ground)}a{color:inherit;text-decoration:none;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:7px}button{font:inherit;color:inherit;cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}h1,h2,p{margin:0}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:.91;text-wrap:balance}h1,h2{font-size:clamp(64px,6.67vw,96px)}p{line-height:1.48}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--edge);transition:color .35s;background:linear-gradient(180deg,rgba(9,38,44,.75),transparent)}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed';font-size:24px;line-height:.95;letter-spacing:.04em}.brand svg{width:36px;height:36px;stroke-width:1.3}.brand-sub{display:block;font-family:Barlow;font-size:10px;letter-spacing:.35em;margin-top:6px}.top-note{font-size:14px}.listen-link{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.09em;font-weight:500;border-bottom:1px solid var(--acid);padding:12px 0}.listen-link:hover{color:var(--acid)}.skip{position:fixed;z-index:100;top:-100px;left:20px;padding:12px;background:var(--acid);color:var(--ground)}.skip:focus{top:10px}.cinema{position:fixed;inset:0;z-index:1;overflow:hidden;clip-path:inset(var(--frame-y,0px) var(--frame-x,0px));background:var(--ground)}.frames,.film-frame,.film-shade,.seam-light{position:absolute;inset:0}.film-frame{opacity:0;will-change:opacity}.film-frame img,.film-frame video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.film-frame video{opacity:0}.film-frame.ready video{opacity:1}.film-frame.ready img{opacity:0}.film-frame.final-film img,.film-frame.final-film video{filter:saturate(.58) contrast(1.14) sepia(.12);object-fit:contain;background:#09262c}.film-shade{pointer-events:none;background:linear-gradient(0deg,rgba(9,26,28,.83),transparent 39%,transparent 78%,rgba(9,26,28,.2));z-index:10}.seam-light{background:#e9f465;opacity:0;pointer-events:none;z-index:11}.screen-copy{position:fixed;inset:0;z-index:15;pointer-events:none}.story-copy{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.story-copy.active{visibility:visible}.opening{padding:0 var(--edge);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:146px}.opening h1{color:var(--acid);max-width:420px}.opening>p{margin-top:20px;font-size:19px;max-width:400px}.opening-invitation{position:absolute;right:var(--edge);bottom:153px;display:flex;flex-direction:column;gap:28px;font-size:18px}.scroll-instruction{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:.11em;color:var(--acid)}.scene-bottom{display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--edge) 142px}.scene-bottom h2{font-size:clamp(56px,5.5vw,80px);color:var(--acid);max-width:650px}.scene-bottom p{margin-top:20px;font-size:17px;max-width:420px}.right-copy{align-items:flex-end;text-align:right}.face-name{position:absolute;bottom:154px}.face-name.left{left:var(--edge)}.face-name.right{right:var(--edge);text-align:right}.face-name h2{font-size:80px;color:var(--acid)}.face-name p{font-size:15px;margin-top:12px}.face-caption{position:absolute;bottom:118px;width:100%;text-align:center;font-size:14px}.final-copy h2{position:absolute;top:124px;left:var(--edge);font-size:72px;color:var(--acid)}.final-caption{position:absolute;left:var(--edge);bottom:147px;font-size:19px}.final-note{position:absolute;right:var(--edge);bottom:147px;color:var(--acid);font-size:14px;letter-spacing:.08em;line-height:1.6;text-align:right}.chapters{position:fixed;z-index:40;bottom:36px;left:var(--edge);right:var(--edge);display:flex;align-items:center;gap:32px;border-top:1px solid rgba(233,244,101,.28);padding-top:20px;transition:color .35s}.chapters a{font-size:14px;color:var(--muted);padding:8px 0;position:relative}.chapters a:hover,.chapters a[aria-current="step"]{color:var(--acid)}.chapters a[aria-current="step"]:before{content:'';position:absolute;left:0;right:0;height:3px;top:-21px;background:var(--acid)}.story-progress{margin-left:auto;width:160px;height:2px;background:rgba(233,244,101,.2)}.story-progress i{display:block;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:left}.epilogue{background:var(--acid);color:var(--ground);padding:150px var(--edge) 125px;display:flex;flex-direction:column;justify-content:space-between}.epilogue-main h2{font-size:clamp(64px,6.67vw,96px)}.epilogue-main p{margin-top:26px;font-size:20px;max-width:750px}.primary-links{display:flex;gap:44px;margin-top:40px}.primary-links a{display:flex;align-items:center;justify-content:space-between;gap:42px;font-size:16px;font-weight:500;padding:15px 0;border-bottom:2px solid var(--ground);pointer-events:auto;min-width:240px}.primary-links a:hover{background:var(--ground);color:var(--acid);padding-left:12px;padding-right:12px}.universe-line{display:flex;justify-content:space-between;font-family:'Barlow Condensed';font-size:30px;border-top:1px solid rgba(9,38,44,.3);border-bottom:1px solid rgba(9,38,44,.3);padding:24px 0;gap:24px}footer{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-top:20px;gap:24px}footer>span{font-size:12px;line-height:1.7}footer div{display:flex;gap:28px}footer a{pointer-events:auto}footer a:hover{text-decoration:underline}footer button{display:flex;align-items:center;gap:12px;background:none;border:0;pointer-events:auto;font-size:14px}.epilogue a:focus-visible,.epilogue button:focus-visible{outline-color:var(--ground)}body.at-end a:focus-visible,body.at-end button:focus-visible{outline-color:var(--ground)}body.at-end .topbar{color:var(--ground);background:none}body.at-end .listen-link{border-color:var(--ground)}body.at-end .listen-link:hover{color:var(--ground)}body.at-end .chapters{border-color:rgba(9,38,44,.3)}body.at-end .chapters a{color:var(--ground)}body.at-end .chapters a[aria-current="step"]:before,body.at-end .story-progress i{background:var(--ground)}body.at-end .story-progress{background:rgba(9,38,44,.2)}.load-state{position:fixed;z-index:45;top:110px;right:var(--edge);font-size:12px;max-width:300px;background:var(--ground);padding:8px 12px;color:var(--ink)}.load-state.hidden{display:none}.no-script{position:fixed;inset:150px 30px;z-index:60;background:var(--ground);padding:40px}.no-script a{text-decoration:underline}#scroll-track{height:1600vh}
.opening>p,.opening-invitation,.scene-bottom p,.face-name p,.face-caption,.final-caption,.final-note{text-shadow:0 2px 8px rgba(0,12,15,.95)}
@media(min-width:1700px){.opening,.scene-bottom{padding-bottom:170px}.opening-invitation{bottom:174px}.epilogue{padding-top:180px;padding-bottom:145px}.primary-links{margin-top:48px}.universe-line{font-size:36px;padding:32px 0}}
@media(max-width:800px){:root{--edge:24px}.topbar{height:88px}.top-note{display:none}.listen-link{font-size:10px;gap:8px}.brand{font-size:21px}.brand svg{width:28px;height:28px}.cinema{clip-path:none!important}.opening,.scene-bottom{padding-bottom:170px}.opening h1{font-size:76px}.opening>p{font-size:16px}.opening-invitation{right:24px;bottom:111px;left:24px;gap:10px}.opening-invitation>span:first-child{display:none}.scene-bottom h2{font-size:54px}.scene-bottom p{font-size:15px}.face-name{bottom:180px}.face-name h2{font-size:50px}.face-name p{font-size:12px}.face-caption{bottom:144px;font-size:13px}.chapters{bottom:24px;gap:0;justify-content:space-between;padding-top:12px;flex-wrap:wrap}.chapters a{font-size:10px;padding:8px 3px}.chapters a[aria-current="step"]:before{top:-13px}.story-progress{width:100%;margin-top:10px}.epilogue{padding:115px 24px 125px;gap:24px}.epilogue-main h2{font-size:52px}.epilogue-main p{font-size:16px;margin-top:20px}.primary-links{gap:20px;margin-top:22px;flex-wrap:wrap}.primary-links a{font-size:13px;min-width:210px;padding:10px 0}.universe-line{font-size:19px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0}footer{padding:0;align-items:flex-start;flex-wrap:wrap;font-size:12px;gap:18px}footer div{gap:20px}footer button{font-size:12px}.final-copy h2{font-size:54px;top:115px}.final-caption{font-size:16px;bottom:163px}.final-note{font-size:10px;bottom:163px}.load-state{top:89px;font-size:10px;max-width:230px}.film-frame img,.film-frame video{object-position:center}.film-frame.final-film img,.film-frame.final-film video{object-fit:cover}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.film-frame video{display:none}.film-frame.ready img{opacity:1}.seam-light{display:none}}