:root{--lime:#c1ff36;--white:#f2f3ec;--mono:'IBM Plex Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090b09;color:var(--white)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:hover{color:var(--lime)}.experience{position:relative;width:100%;height:100svh;overflow:hidden;isolation:isolate}#field,.grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#field{z-index:-2}.grain{z-index:6;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.vignette,.object-label,.coordinates,.side-caption,.object-index,.stage-note,.play-hint,.scene-flash{display:none}header{position:absolute;top:0;left:3.4%;right:3.4%;height:90px;display:flex;align-items:center;justify-content:space-between;z-index:10}.wordmark{display:flex;align-items:center;text-decoration:none;color:inherit;font:800 23px var(--sans);letter-spacing:-1px;gap:8px}.brand-symbol{display:grid;place-items:center;width:31px;height:34px;color:var(--lime);font-size:34px;margin-right:9px;font-style:italic;transform:skew(-8deg)}.slash{font-weight:400;color:var(--lime)}.brand-dot{font:10px var(--mono);align-self:flex-start;margin-top:6px}.edition{font:9px/1.8 var(--mono);letter-spacing:1px;color:#a5ad9b;padding-right:10%}.edition span{display:block;opacity:.5}.sound{font:10px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:14px;padding:14px 0}.sound-bars{display:flex;gap:3px;align-items:center;height:15px}.sound-bars i{height:3px;width:2px;background:var(--lime)}.sound[aria-pressed=true] .sound-bars i{animation:equalizer .25s alternate infinite}.sound-bars i:nth-child(2){animation-delay:-.13s!important}.sound-bars i:nth-child(3){animation-delay:-.2s!important}.top-rule{position:absolute;top:90px;left:3.4%;right:3.4%;height:1px;background:currentColor;opacity:.15}.eyebrow{position:absolute;left:3.4%;top:116px;display:flex;gap:10px;align-items:center;font:8px var(--mono);letter-spacing:1.7px;color:#a1ad90}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.eyebrow-line{width:35px;height:1px;background:currentColor;opacity:.3;margin:0 8px}.issue{opacity:.6}.copy{position:absolute;inset:0;pointer-events:none}.scene-label{position:absolute;left:3.4%;top:159px;font:9px var(--mono);letter-spacing:2px;display:flex;align-items:center;gap:15px;color:#a1a994}.scene-label>span:first-child{color:var(--lime)}.tiny-rule{width:30px;height:1px;background:currentColor;opacity:.4}h1{position:absolute;left:50%;top:46%;transform-origin:center;margin:0;font:800 110px/.99 var(--sans);letter-spacing:-.075em;width:max-content;max-width:94%;translate:-50% -50%;perspective:700px;text-align:center;filter:drop-shadow(0 2px 24px #0008)}.title-line{display:block;white-space:nowrap;width:max-content;margin-inline:auto;padding:0 .04em .08em}.glyph{display:inline-block;will-change:transform,opacity;transform-origin:50% 80%}.title-line:nth-child(2){color:var(--lime)}body[data-motion=reveal] .title-line:nth-child(2){color:transparent;-webkit-text-stroke:1.5px var(--white)}body[data-layout=left] h1{left:7%;translate:0 -50%;text-align:left}body[data-layout=left] .title-line{margin-left:0}body[data-layout=right] h1{left:auto;right:7%;translate:0 -50%;text-align:right}body[data-layout=right] .title-line{margin-right:0}.copy-bottom{position:absolute;left:50%;top:70%;translate:-50% 0;display:flex;gap:15px;align-items:center;width:max-content;max-width:86%}.corner-arrow{font:26px var(--sans);color:var(--lime)}.copy p{font:400 12px/1.6 var(--sans);margin:0;color:#bcc5b0;letter-spacing:.2px}body[data-layout=left] .copy-bottom{left:7%;translate:0 0}body[data-layout=right] .copy-bottom{left:auto;right:7%;translate:0 0}.film-meta{position:absolute;right:3.4%;top:116px;display:flex;gap:18px;font:8px var(--mono);letter-spacing:1px;color:#a1ad90}.film-meta span:first-child{opacity:.45}.film-tag{position:absolute;left:3.4%;bottom:147px;font:8px var(--mono);letter-spacing:3px;color:#a1ad90}.film-tag span{color:var(--lime);margin-right:12px}footer{position:absolute;left:3.4%;right:3.4%;bottom:59px;display:flex;align-items:center;gap:32px;height:56px;z-index:10}.transport{display:flex;align-items:center;gap:18px}.play{width:42px;height:42px;border:1px solid #72815d;border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--lime)}.play:hover{background:#c1ff3620}.time{font:10px var(--mono);white-space:nowrap;display:flex;gap:10px;color:#788569}.time>span:first-child{color:var(--white)}.restart{font-size:21px;color:#a5b294;padding:5px}.chapters{display:flex;gap:12px;flex:1;min-width:0}.chapter{padding:0;flex:1;min-width:0;text-align:left;font:8px var(--mono);letter-spacing:.4px;color:#88947c}.chapter>span:last-child{display:block;white-space:nowrap}.chapter b{font-weight:400;margin-right:7px;opacity:.55}.chapter-track{height:2px;background:#c1ff3628;display:block;margin-bottom:15px;overflow:hidden}.chapter-track i{height:100%;width:100%;display:block;background:var(--lime);transform:scaleX(0);transform-origin:left}.chapter.active{color:var(--white)}.chapter.active b{color:var(--lime);opacity:1}.fullscreen{font-size:27px;color:#a8b498;padding:7px}.bottom-meta{position:absolute;left:3.4%;right:3.4%;bottom:22px;display:flex;justify-content:space-between;color:#647354;font:8px var(--mono);letter-spacing:1px}.meta-square{color:var(--lime);margin-left:20px}.paused .sound-bars i{animation-play-state:paused!important}body[data-palette=lime]{--white:#0e1309;--lime:#101509;color:#101509}body[data-palette=lime] :is(.edition,.eyebrow,.scene-label,.film-meta,.film-tag,.copy p,.time,.restart,.chapter,.fullscreen,.bottom-meta){color:#243211}body[data-palette=lime] h1{filter:none}body[data-palette=lime] .chapter-track{background:#10150933}body[data-palette=lime] .play{border-color:#101509}body[data-palette=lime] .title-line:nth-child(2){color:#101509}@keyframes equalizer{to{height:14px}}
@media(max-width:1050px){.edition{padding-right:0;font-size:7px}.chapter{font-size:7px;letter-spacing:0}.chapter b{margin-right:3px}footer{gap:17px}.transport{gap:10px}.chapters{gap:8px}.restart{display:none}}
@media(max-width:650px){header{height:75px;left:6%;right:6%}.wordmark{font-size:18px}.brand-symbol{font-size:28px;width:24px;margin-right:2px}.edition{display:none}.sound{font-size:8px;gap:9px}.top-rule{top:75px;left:6%;right:6%}.eyebrow{left:6%;top:99px;font-size:6px;letter-spacing:1px;gap:7px}.eyebrow-line{width:18px;margin:0 3px}.issue{display:none}.scene-label{left:6%;top:135px;font-size:8px}.film-meta{right:6%;top:99px;font-size:6px;gap:7px}.film-meta span:first-child{display:none}h1{top:44%;letter-spacing:-.075em}.title-line{padding-bottom:.12em}body[data-layout=left] h1{left:6%}body[data-layout=right] h1{right:6%}.copy-bottom{top:62%;gap:10px;width:86%;justify-content:center}.copy p{font-size:10px;line-height:1.7}body[data-layout=left] .copy-bottom{left:7%;justify-content:flex-start}body[data-layout=right] .copy-bottom{right:7%;justify-content:flex-end}.corner-arrow{font-size:23px}.film-tag{left:6%;bottom:176px;font-size:6px;letter-spacing:1px}footer{left:6%;right:6%;bottom:60px;height:85px;flex-wrap:wrap;gap:16px;justify-content:space-between}.transport{gap:15px}.play{width:36px;height:36px}.restart{display:block}.fullscreen{font-size:25px}.chapters{order:3;flex-basis:100%;gap:7px}.chapter{font-size:5.5px}.chapter b{display:none}.chapter-track{margin-bottom:9px}.bottom-meta{left:6%;right:6%;bottom:22px;font-size:5.5px;letter-spacing:.6px}.meta-square{margin-left:8px}}
@media(max-height:650px){.film-tag{display:none}.scene-label{top:126px}.copy-bottom{top:65%}footer{bottom:38px}.bottom-meta{bottom:12px}}
@media(max-height:480px) and (min-width:651px){header{height:50px}.top-rule{top:50px}.eyebrow,.film-meta{top:67px}.scene-label{top:95px;font-size:7px}h1{top:47%}.copy-bottom{top:70%}.copy p{font-size:9px}.corner-arrow{font-size:20px}footer{bottom:25px;height:32px}.play{width:30px;height:30px}.bottom-meta{bottom:9px;font-size:6px}.chapter-track{margin-bottom:8px}.edition{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.glyph.space{width:.26em;letter-spacing:0}.restart{display:block}
.play svg{display:block;width:18px;height:18px;fill:currentColor}
body[data-launching=true] #start-title{animation:none}body[data-launching=true] .start-film{transition:none;pointer-events:none}body[data-launching=true] :is(.start-caption,.start-kicker,#start-title,.copy,footer,.chapter){will-change:transform,opacity}
.loading-dots{display:none;height:12px;align-items:center;gap:5px}.loading-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:loading-dot .9s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.start-film[aria-busy=true] #start-label{display:none}.start-film[aria-busy=true] .loading-dots{display:flex}@keyframes loading-dot{0%,65%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
footer{padding-right:48px}.fullscreen{position:absolute;right:3.4%;bottom:67px;z-index:11}body[data-started=false] .fullscreen{bottom:60px}
@media(max-width:650px){footer{padding-right:0}.fullscreen{right:6%;bottom:102px}body[data-started=false] .fullscreen{bottom:55px}}
@media(max-height:650px) and (max-width:650px){.fullscreen{bottom:80px}}
@media(max-height:480px) and (min-width:651px){.fullscreen{bottom:22px}body[data-started=false] .fullscreen{bottom:30px}}

.start-screen{position:absolute;inset:0;z-index:9;pointer-events:none}.start-screen[hidden]{display:none}.start-kicker{position:absolute;left:7%;top:23%;display:flex;align-items:center;gap:15px;font:9px var(--mono);letter-spacing:2px;color:#a1ad90}.start-kicker>span:first-child{color:var(--lime)}.start-screen h2{position:absolute;left:7%;top:31%;margin:0;font:800 clamp(60px,9vw,160px)/1.02 var(--sans);letter-spacing:-.075em;color:var(--white);transform-origin:left center;animation:intro-type .9s cubic-bezier(.16,1,.3,1) both}.start-screen h2>span{color:transparent;-webkit-text-stroke:1.5px var(--lime)}.start-caption{position:absolute;left:7%;top:67%;margin:0;padding-left:35px;font:12px/1.8 var(--sans);color:#b5c0a8}.start-caption>span{position:absolute;left:0;top:-3px;color:var(--lime);font:30px var(--sans)}.start-film{position:absolute;left:74%;top:48%;translate:-50% -50%;width:112px;height:112px;pointer-events:auto;border:1px solid #c1ff3670;border-radius:50%;background:#090b09c0;color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:500 10px var(--mono);letter-spacing:3px;transition:background .2s,scale .2s,box-shadow .2s}.start-film:hover{background:var(--lime);color:#090b09;scale:1.06;box-shadow:0 0 60px #c1ff3620}.start-film:disabled{opacity:.65;cursor:wait;scale:1}.start-triangle{font-size:26px;line-height:1;margin-left:5px}.start-note{position:absolute;left:74%;top:83%;translate:-50% 0;width:30%;margin:0;text-align:center;font:8px/1.9 var(--mono);letter-spacing:1.4px;color:#a1ad90}.start-silent{position:absolute;left:74%;top:89%;translate:-50% 0;pointer-events:auto;font:12px var(--sans);text-decoration:underline;color:var(--lime)}body[data-started=false] :is(.copy,.film-meta,.film-tag,.eyebrow,footer){visibility:hidden}body[data-started=false] .sound-bars i{animation:none}@keyframes intro-type{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:650px){.start-kicker{left:7%;top:17%;font-size:7px;letter-spacing:1.5px;gap:12px}.start-screen h2{left:7%;top:23%;font-size:14.5vw;line-height:1.02}.start-caption{left:7%;top:42%;font-size:10px;line-height:1.6;padding-left:28px}.start-caption>span{font-size:23px}.start-film{left:50%;top:65%;width:84px;height:84px;font-size:8px;gap:9px}.start-triangle{font-size:21px}.start-note{left:50%;top:85%;width:82%;font-size:6px;letter-spacing:1px}.start-silent{left:50%;top:92%;font-size:10px}body[data-started=false] .fullscreen{bottom:32px}}
@media(max-height:650px) and (max-width:650px){.start-kicker{top:19%}.start-screen h2{top:25%;font-size:12.5vw}.start-caption{top:43%;font-size:9px}.start-film{top:66%;width:70px;height:70px}.start-note{top:86%}}
@media(max-height:480px) and (min-width:651px){.start-kicker{top:23%;font-size:7px}.start-screen h2{top:33%;font-size:15vh}.start-caption{top:72%;font-size:9px;line-height:1.5}.start-film{top:48%;width:72px;height:72px;font-size:8px;gap:7px}.start-triangle{font-size:20px}.start-note{top:80%;font-size:6px;letter-spacing:.7px}.start-silent{top:91%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.start-screen h2{animation:none}.start-film{transition:none}}
.copy-bottom{gap:18px;max-width:82%;align-items:flex-start}.copy p{font-size:clamp(18px,1.45vw,24px);line-height:1.5;color:#e2e8d9;font-weight:500;text-shadow:0 2px 12px #090b09}.corner-arrow{font-size:34px;line-height:1.15;flex-shrink:0}body[data-palette=lime] .copy p{color:#17200e;text-shadow:none}.start-caption{font-size:18px;line-height:1.6;color:#d3dcc7}
@media(max-width:650px){.copy-bottom{gap:12px;width:86%;max-width:86%}.copy p{font-size:16px;line-height:1.5}.corner-arrow{font-size:28px}.start-caption{font-size:15px;line-height:1.5}}
@media(max-height:650px) and (max-width:650px){.start-caption{font-size:13px}}
@media(max-height:480px) and (min-width:651px){.copy p{font-size:14px;line-height:1.4}.copy-bottom{top:70%;max-width:80%}.corner-arrow{font-size:25px}.start-caption{font-size:13px;line-height:1.4}}
.chapters{display:grid;grid-template-columns:repeat(23,minmax(0,1fr));gap:5px;align-items:center}.chapter{width:100%;padding:10px 0;min-height:40px;text-align:center;font-size:8px;letter-spacing:.3px}.chapter-track{margin-bottom:9px;height:2px}.chapter .shot-number{display:block;font:inherit}.chapter.active .shot-number{color:var(--lime)}.chapter:hover .chapter-track{background:#c1ff3660}.chapter:focus-visible{outline-offset:2px}
@media(max-width:1050px) and (min-width:651px){.chapters{gap:3px}.chapter{font-size:7px}.transport{gap:9px}footer{gap:14px}}
@media(max-width:650px){footer{bottom:48px;height:112px;gap:10px}.chapters{flex-basis:100%;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px 5px}.chapter{font-size:8px;min-height:28px;padding:4px 0}.chapter-track{margin-bottom:6px}.fullscreen{bottom:111px}}
@media(max-height:650px) and (max-width:650px){footer{bottom:33px}.fullscreen{bottom:96px}}