@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-400-normal.14425ba9c6.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-500-normal.cb182feeed.woff2) format("woff2")}@font-face{font-family:Inter Tight;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-tight-latin-wght-normal.77fefe8ca1.woff2) format("woff2")}:root{--milk: #f7f5f1;--ink: #141210;--ink-2: #5a5550;--ink-3: #a8a29a;--rule: #e2ddd5;--signal: #d03228;--signal-deep: #bb2c24;--night: #0d0e11;--night-text: #9aa1aa;--signal-night: #e8564a;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(20px, 4vw, 56px);--measure: 34rem;--t1: clamp(2.2rem, 6.5vw, 6rem);--t2: clamp(1.7rem, 3.6vw, 3.4rem);--t3: clamp(1.1rem, 1.5vw, 1.35rem);--body: clamp(.95rem, 1vw, 1.05rem);--small: .75rem}*,*:before,*:after{box-sizing:border-box}html{background:var(--milk);color:var(--ink)}body{margin:0;font-family:var(--mono);font-size:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--signal);outline-offset:4px}p{margin:0 0 1em;max-width:var(--measure)}h1,h2,h3{margin:0;font-family:var(--mono);font-weight:500;line-height:.98;letter-spacing:-.03em;text-transform:uppercase}h1{font-size:var(--t1)}h2{font-size:var(--t2)}h3{font-size:var(--t3);line-height:1.15}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%}.label{font-family:var(--mono);font-size:var(--small);text-transform:uppercase;letter-spacing:.08em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:var(--gutter);top:12px;z-index:60;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--milk);font-size:var(--small);text-transform:uppercase;letter-spacing:.08em;transform:translateY(-200%)}.skip:focus{transform:none}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.top{position:absolute;inset:0 0 auto;z-index:20;padding:16px var(--gutter);pointer-events:none}.top .mark{display:inline-block;pointer-events:auto}.top .mark img{display:block;width:auto;height:44px}@media(min-width:900px){.top .mark img{height:clamp(44px,3vw,62px)}}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid var(--ink);border-radius:999px;background:#ffffff80;color:var(--ink);font-family:var(--mono);font-size:var(--small);font-weight:500;text-transform:uppercase;letter-spacing:.08em;transition:background-color .2s,color .2s,border-color .6s}.btn:hover{background:var(--ink);color:var(--milk)}.btn.signal{border-color:var(--signal);background:var(--signal);color:var(--milk)}.btn.signal:hover{border-color:var(--ink);background:var(--ink)}.foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2.5rem;padding:3rem var(--gutter) 2rem;border-top:1px solid var(--rule);background:linear-gradient(to bottom,transparent,rgba(247,245,241,.9) 40%);color:var(--ink-2);font-size:var(--small);text-transform:uppercase;letter-spacing:.08em;transition:background-color .6s,color .6s,border-color .6s}.foot p{margin:0;max-width:none}.foot .build{margin-left:1em;text-transform:none;letter-spacing:0;white-space:nowrap}.foot nav{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}.foot a{padding:6px 0;background:linear-gradient(var(--ink-3),var(--ink-3)) 0 calc(100% - 5px) / 100% 1px no-repeat;white-space:nowrap}.foot a:hover{color:var(--ink)}.foot a[aria-current=page]{background:none;color:var(--ink)}@media(hover:hover)and (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}.cursor{position:fixed;left:0;top:0;z-index:50;opacity:0;pointer-events:none;mix-blend-mode:multiply;transition:opacity .2s}.cursor.shown{opacity:1}.cursor span{position:absolute;left:0;top:0;display:block;will-change:transform}.cursor .ring:before{content:"";display:block;width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid var(--signal);border-radius:50%;transition:transform .14s cubic-bezier(.2,.8,.2,1),background-color .14s}.cursor .dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--signal)}.cursor.over-link .ring:before{transform:scale(.5);background:var(--signal)}.cursor.pressed .ring:before{transform:scale(.8)}}@property --ice-a{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.34);}@property --ice-b{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.1);}@property --ice-c{syntax: "<color>"; inherits: true; initial-value: rgba(222,236,245,.2);}@property --ice-core{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.66);}@property --ice-thick{syntax: "<color>"; inherits: true; initial-value: rgba(247,245,241,.86);}@property --ice-edge{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.8);}:root{--ice-a: rgba(255, 255, 255, .34);--ice-b: rgba(255, 255, 255, .1);--ice-c: rgba(222, 236, 245, .2);--ice-core: rgba(255, 255, 255, .66);--ice-thick: rgba(247, 245, 241, .86);--ice-edge: rgba(255, 255, 255, .8);--ice: linear-gradient(140deg, var(--ice-a), var(--ice-b) 46%, var(--ice-c));--ice-light: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 0 0 1px rgba(255, 255, 255, .25), 0 16px 36px -24px rgba(30, 45, 60, .5);--ice-blur: blur(14px) saturate(1.3)}html.dark{--ice-a: rgba(70, 82, 98, .34);--ice-b: rgba(13, 14, 17, .2);--ice-c: rgba(13, 14, 17, .3);--ice-core: rgba(13, 14, 17, .66);--ice-thick: rgba(13, 14, 17, .86);--ice-edge: rgba(255, 255, 255, .16);--ice-light: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 16px 36px -24px rgba(0, 0, 0, .9)}.dock{position:fixed;left:var(--gutter);bottom:22px;z-index:20;display:grid;gap:1px;margin-left:-21px;padding:18px 24px 20px 20px;border:1px solid var(--ice-edge);border-radius:16px;background:var(--ice);box-shadow:var(--ice-light);-webkit-backdrop-filter:var(--ice-blur);backdrop-filter:var(--ice-blur);color:var(--signal-deep);font-size:var(--small);text-transform:uppercase;letter-spacing:.06em;transition:opacity .5s,color .6s,box-shadow .6s}.dock:after{content:"";position:absolute;inset:8px;z-index:-1;border-radius:12px;background:var(--ice-core);filter:blur(8px);pointer-events:none}.dock.dim{opacity:.12;pointer-events:none}.dock.dim:focus-within{opacity:1;pointer-events:auto}.dock .menu-short{display:none}.dock a:focus-visible{outline-offset:2px}.dock .question{margin:0 0 4px;color:var(--ink);opacity:.8;transition:color .6s}.dock a{position:relative;padding:2px 0 2px 22px;transition:padding-left .2s}.dock a:before{content:"\2192";position:absolute;left:0;top:50%;transform:translateY(-50%)}.dock a:hover,.dock a.on{padding-left:28px;font-weight:500}.dock a.apart{margin-top:8px}.dock .ask{display:flex;align-items:center;width:228px;margin-top:8px;padding:2px 4px 2px 14px;border:1px solid var(--signal);border-radius:999px;background:#ffffff80}.dock .ask input{flex:1;min-width:0;padding:7px 0;border:0;outline:none;background:none;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit}.dock .ask:focus-within{outline:2px solid var(--signal);outline-offset:3px}.dock .ask input::placeholder{color:var(--signal);opacity:1}.dock .ask button{width:26px;height:26px;border:0;border-radius:50%;background:var(--signal);color:var(--milk);font:inherit;cursor:pointer}@media(min-width:1200px)and (min-height:601px){.dock{font-size:clamp(.75rem,.72vw,.95rem)}.dock .ask{width:clamp(228px,15vw,300px)}.dock .contact{display:none}}@media(min-width:1200px)and (min-height:601px)and (max-height:720px){.dock{margin-left:-16px;padding:13px 20px 14px 15px}.dock:after{inset:5px}}@media(min-width:1200px)and (min-height:601px){html:not(.world-on) .dock{position:absolute;top:100svh;bottom:auto;transform:translateY(calc(-100% - 22px))}}@media(max-width:1199px),(max-height:600px){.dock{left:0;right:0;bottom:0;display:flex;flex-wrap:nowrap;gap:18px;margin:0;padding:6px max(var(--gutter),env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));border:0;border-top:1px solid var(--ice-edge);border-radius:0;background:var(--ice-thick);box-shadow:none;font-size:.68rem;white-space:nowrap;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain}.dock::-webkit-scrollbar{display:none}.dock:after{content:none}.dock .question,.dock .ask{display:none}.dock a,.dock a:hover,.dock a.on{flex:none;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 0;border-bottom:1px solid transparent}.dock a:before{content:none}.dock a.apart{margin-top:0}.dock a.on{border-bottom:1px solid currentColor}.dock.dim{opacity:1;pointer-events:auto}}@media(max-width:899px){.dock{gap:12px;justify-content:space-between}.dock .menu-full{display:none}.dock .menu-short{display:inline}}@media(pointer:coarse)and (min-width:1200px)and (min-height:601px){.dock a{min-height:44px;display:flex;align-items:center}.dock .ask button{width:44px;height:44px}}@media(max-width:359px){.dock{gap:8px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));font-size:.64rem}}html{transition:background-color .6s,--ice-a .6s,--ice-b .6s,--ice-c .6s,--ice-core .6s,--ice-thick .6s,--ice-edge .6s}body{transition:color .6s}html.dark{background:var(--night)}html.dark body{color:var(--milk)}html.dark .top .mark img{filter:invert(1) hue-rotate(180deg) saturate(1.6)}html.dark .station .panel{background:radial-gradient(closest-side,#0d0e11e0,#0d0e1180 60%,#0d0e1100)}html.dark .station .meta,html.dark .station .next{color:var(--night-text)}html.dark .station .next{border-bottom-color:#4a505a}html.dark .station .next:hover{border-bottom-color:var(--milk);color:var(--milk)}html.dark .btn{border-color:var(--milk);background:#0d0e1166;color:var(--milk)}html.dark .btn:hover{background:var(--milk);color:var(--night)}html.dark .btn.signal{border-color:var(--signal);background:var(--signal);color:var(--milk)}html.dark .dock{color:var(--signal-night)}html.dark .dock .question{color:var(--milk)}html.dark .dock .ask{border-color:var(--signal-night);background:#0d0e1173}html.dark .dock .ask input{color:var(--milk)}html.dark .dock .ask input::placeholder{color:var(--signal-night)}html.dark .foot{border-top-color:#2a2e36;background:linear-gradient(to bottom,transparent,rgba(13,14,17,.9) 40%);color:var(--night-text)}html.dark .foot a:hover,html.dark .foot a[aria-current=page]{color:var(--milk)}html.dark .cursor{mix-blend-mode:screen}@media(max-width:899px){html.dark.world-on .station .panel{background:#0d0e1199}}.room{position:relative;--hud: var(--small)}.room:before{content:"";position:absolute;inset:0 0 auto;height:100svh;background:var(--still-wide) center / cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent);mask-image:linear-gradient(to bottom,#000 58%,transparent);pointer-events:none}@media(orientation:portrait){.room:before{background-image:var(--still-tall)}}.room-about{--still-wide: url(/assets/img/valley-wide.2e87e3d87e.webp);--still-tall: url(/assets/img/valley-tall.83a52590da.webp)}.room-immersive{--still-wide: url(/assets/img/stop-immersive-wide.37743e1fb5.webp);--still-tall: url(/assets/img/stop-immersive-tall.7ecfe8830b.webp)}.room-music{--still-wide: url(/assets/img/stop-music-wide.aefec4147f.webp);--still-tall: url(/assets/img/stop-music-tall.3151fffb01.webp)}.room-websites{--still-wide: url(/assets/img/stop-websites-wide.f7ce2ac803.webp);--still-tall: url(/assets/img/stop-websites-tall.4282236a92.webp)}#world,.depth,.scroll-hint{display:none}.leg{position:relative;z-index:1}.station{padding:clamp(3rem,9vh,6rem) var(--gutter)}.station .panel{max-width:44rem}.station.first{display:grid;align-content:end;min-height:78svh;padding-top:24vh}.station .lead{max-width:34rem;margin:1.2rem 0 0;font-family:var(--sans);font-size:var(--t3);line-height:1.35}.next{display:inline-block;margin-top:1.6rem;padding-bottom:2px;border-bottom:1px solid var(--ink-3);color:var(--ink-2);transition:color .6s,border-color .6s}.next:after{content:" \2192"}.next[target=_blank]:after{content:" \2197"}.next:hover{border-bottom-color:var(--ink);color:var(--ink)}.station .actions{margin:1.6rem 0 0}html:not(.world-on) .station.low{position:relative;justify-items:center;text-align:center}html:not(.world-on) .room-about .station.low:before{content:"";position:absolute;left:50%;top:13svh;height:min(36svh,62vw);aspect-ratio:4 / 3;background:url(/assets/logo/eleven-three-hand-painted.9d081d80ce.webp) center / contain no-repeat;transform:translate(-50%);pointer-events:none}@media(min-width:900px){html:not(.world-on) .station.first:not(.low){align-content:center;min-height:88svh;padding-top:10vh}html:not(.world-on) .station.first:not(.low) .panel{width:min(40vw,42rem)}html:not(.world-on) :is(.room-music,.room-websites) .station.first .panel{justify-self:end;width:min(37vw,42rem)}html:not(.world-on) .room-music .station.first .panel{width:min(31vw,42rem)}html:not(.world-on) .station.first h1:not(.label){font-size:clamp(2.2rem,4.6vw,5rem)}html:not(.world-on) .room-music .station.first h1{font-size:clamp(2rem,3.9vw,4.4rem)}}@media(min-width:1200px)and (min-height:601px){html:not(.world-on) .room .station.first{min-height:100svh}html:not(.world-on) .station.low .panel{max-width:min(44rem,calc(100vw - 2 * (var(--gutter) + 19.5rem)))}}.room .top{display:flex;align-items:center;gap:clamp(12px,1.3vw,28px)}.back{position:relative;display:inline-flex;align-items:center;gap:.7em;min-height:36px;padding:0 15px;overflow:hidden;border:1px solid var(--ice-edge);border-radius:999px;background:var(--ice);box-shadow:var(--ice-light);-webkit-backdrop-filter:var(--ice-blur);backdrop-filter:var(--ice-blur);color:var(--ink);font-size:var(--hud);white-space:nowrap;pointer-events:auto;transition:color .6s,box-shadow .6s}.back:hover{color:var(--signal-deep)}.back .back-pull,.back.pulling .back-word{display:none}.back.pulling .back-pull{display:inline}.back:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--signal);transform:scaleX(var(--pull, 0));transform-origin:0 50%}html.dark .back{color:var(--milk)}html.dark .back:hover{color:var(--signal-night)}@media(pointer:coarse){.back{min-height:44px}}.station:not(.first,.area){margin-top:clamp(3rem,9vh,6rem);border-top:1px solid var(--rule)}.station:not(.first,.area) h2{font-size:clamp(1.6rem,3.4vw,3rem)}html.world-on .room:before{display:none}html.world-on .room .top{position:fixed}html.world-on #world{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1.4s ease}html.world-on.world-ready #world{opacity:1}html.world-on .depth{display:block;position:fixed;top:calc(20px + env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));z-index:20;margin:0;color:var(--ink-2);font-size:var(--hud);font-variant-numeric:tabular-nums;transition:color .6s}html.world-on .depth [data-depth]{color:var(--ink);transition:color .6s}html.dark .depth{color:var(--night-text)}html.dark .depth [data-depth]{color:var(--milk)}html.world-on .scroll-hint{display:block;position:fixed;right:calc(var(--gutter) + 28px);bottom:22px;z-index:5;margin:0;color:var(--ink-2);font-size:var(--hud);pointer-events:none;transition:opacity .6s ease}html.world-on .scroll-hint.hide{opacity:0}html.world-on .station{display:block;min-height:100svh;margin:0;padding:0;border:0}html.world-on .station .panel{position:fixed;left:calc(var(--gutter) - 1.4rem);top:42%;width:min(40rem,calc(100vw - 2 * var(--gutter) + 2.8rem));max-width:none;padding:1.2rem 1.4rem;border-radius:10px;background:radial-gradient(closest-side,#f7f5f1bf,#f7f5f100);opacity:var(--o, 0);transform:translateY(calc(-50% + var(--d, 0) * -56px));pointer-events:none;will-change:opacity,transform;transition:background-color .6s}html.world-on .station .panel.live{pointer-events:auto}html.world-on .station.mid .lead{max-width:none}.station.low h1.label{color:var(--ink-2);font-weight:400;line-height:1.55}html.dark.world-on .station:not(.area) .panel{background:radial-gradient(closest-side,#0d0e11e0,#0d0e1180 60%,#0d0e1100)}html.dark .next{border-bottom-color:#4a505a;color:var(--night-text)}html.dark .next:hover{border-bottom-color:var(--milk);color:var(--milk)}@media(min-width:900px){.room{--hud: clamp(.75rem, .62vw, 1rem)}.station .lead{font-size:clamp(1.1rem,1.5vw,1.9rem)}.next{font-size:var(--hud)}html.world-on .station .panel{width:auto;max-width:37vw}html.world-on .station.alt .panel{left:58vw;max-width:38vw}html.world-on .station.mid .panel{left:50%;max-width:48rem;transform:translate(-50%,calc(-50% + var(--d, 0) * -56px));text-align:center}html.world-on .station.mid .lead,html.world-on .station.mid .actions{margin-left:auto;margin-right:auto}html.world-on .station.low .panel{top:auto;bottom:max(8vh,92px);left:50%;width:max-content;max-width:min(92vw,52rem);background:none;transform:translate(-50%,calc(var(--d, 0) * -56px));text-align:center}html.world-on .station.low .lead{max-width:none;margin:.5rem auto 0;font-size:clamp(1rem,1.4vw,1.7rem)}html.world-on .station.t3d :is(h1,h2){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html.world-on .station.t3d .panel{left:calc(var(--px) - 1.4rem);top:calc(var(--py) - 1.1rem);max-width:min(36rem,calc(var(--pw) + 1.4rem));background:none;transform:translate3d(var(--dx, 0px),calc(var(--dy, 0px) + var(--d, 0) * -56px),0)}html.world-on .station.t3d .lead{margin-top:0}html.world-on .station.t3d .next{margin-top:1.1rem}html.world-on .station.first:before{content:attr(data-title);position:fixed;left:50%;top:50%;padding-bottom:14px;border-bottom:1px solid var(--ink-3);color:var(--ink-2);font-size:var(--hud);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transform:translate(-50%,-50%);transition:opacity .5s ease;pointer-events:none}html.world-on.world-ready .station.first:before{opacity:0}}@media(max-width:899px){.station:not(.area) :is(h1,h2){font-size:clamp(1.6rem,8vw,2.4rem)}html.world-on .room .top:before{content:"";position:fixed;inset:0 0 auto;z-index:-1;height:calc(84px + env(safe-area-inset-top));background:linear-gradient(to bottom,#f7f5f1f0 40%,#f7f5f100);pointer-events:none;transition:opacity .6s}html.world-on.at-top .room .top:before{opacity:0}html.dark.world-on .room .top:before{background:linear-gradient(to bottom,#0d0e11f0 40%,#0d0e1100)}html.world-on .leg:after{content:"";display:block;height:62svh}.station .lead{margin-top:.7rem}html:not(.world-on) .room .station.first:not(.low) .panel{padding:1.1rem 1.2rem 1.2rem;border-radius:14px;background:#f7f5f1bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.next{position:relative;margin-top:1rem}.next:before{content:"";position:absolute;inset:-13px -12px}html.world-on .scroll-hint{display:none}html.world-on .station:not(.area) .panel{top:auto;bottom:calc(72px + env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);width:auto;max-width:30rem;max-height:calc(100svh - 150px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:contain;padding:1.1rem 1.2rem 1.2rem;border-radius:14px;background:#f7f5f1bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(calc(var(--d, 0) * -56px))}html.world-on .station.first .panel{opacity:var(--o, 1)}html.dark.world-on .station:not(.area) .panel{background:#0d0e1199}}@media(max-width:1199px),(max-height:600px){html.world-on .scroll-hint{display:none}.room .foot{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}@media(min-width:1200px)and (min-height:601px){.room .foot{justify-content:flex-end}html.world-on .station.low .panel{bottom:8vh;max-width:min(52rem,calc(100vw - 2 * (var(--gutter) + 19.5rem)))}}.area{--n: 1;--rw: 16;--rh: 9;--gap: clamp(10px, 1.1vw, 22px)}.area.two{--n: 2}.area.three{--n: 3;--rh: 10}.station.area{padding:0 var(--gutter)}.station.area .panel{max-width:68rem;margin:0 auto;padding:clamp(2rem,6vh,4rem) 0;border-top:1px solid var(--rule);font-family:var(--sans)}.area-name{display:flex;align-items:center;gap:.7em;margin:0 0 1.2em;color:var(--ink-2);font-family:var(--mono);font-size:var(--hud);font-weight:400;line-height:1.55;letter-spacing:.08em;transition:color .6s}.area-name:before{content:"";flex:none;width:.5em;height:.5em;border-radius:50%;background:var(--signal)}.area h2:not(.area-name){font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:1.02}.area p{color:var(--ink-2);transition:color .6s}.area .credit{color:var(--ink-2);font-family:var(--mono);font-size:var(--small)}.area .out{margin:0}.area .out .next{margin-top:.6rem}.area p a:not(.btn,.next){border-bottom:1px solid var(--ink-3);transition:color .2s,border-color .2s}.area p a:not(.btn,.next):hover{border-bottom-color:var(--ink);color:var(--ink)}.area.work .panel{display:grid;gap:clamp(1rem,2.6vh,1.6rem)}.area .head .area-name{margin-bottom:.7em}.area .body p{margin:0 0 .8em;max-width:38rem}.area .body p:last-child{margin-bottom:0}.screens{display:grid;gap:var(--gap)}.screen{display:block;margin:0;aspect-ratio:var(--rw) / var(--rh);border-radius:12px;background:var(--rule);overflow:hidden}.screen img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:700px){.area.two .screens{grid-template-columns:repeat(2,minmax(0,1fr))}.area.three .screens{grid-template-columns:repeat(3,minmax(0,1fr))}}.shot{margin:0}.shot figcaption{margin-top:.7em;color:var(--ink-2);font-size:var(--hud);transition:color .6s}.door{display:block}.door .screen img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.door:hover .screen img{transform:scale(1.04)}.door .name{display:flex;align-items:baseline;gap:.6em;margin-top:.8em;color:var(--ink);font-family:var(--mono);font-size:.95rem;font-weight:500;line-height:1.2;text-transform:uppercase;letter-spacing:-.01em;transition:color .2s}.door .name:after{content:"\2197";color:var(--signal);transition:transform .2s}.door:hover .name{color:var(--signal)}.door:hover .name:after{transform:translate(2px,-2px)}.door .what{display:block;margin-top:.3em;color:var(--ink-2);font-size:.9rem;line-height:1.45;transition:color .6s}.points{display:grid}.points li{display:grid;gap:.3rem 2rem;padding:1rem 0;border-top:1px solid var(--rule);transition:border-color .6s}.points li:last-child{border-bottom:1px solid var(--rule)}.points h3,.steps h3{font-size:.95rem;line-height:1.25}.points p,.steps p{margin:0;max-width:42rem}@media(min-width:700px){.points li{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:baseline}}.points.links h3 a{padding-bottom:1px;border-bottom:1px solid var(--ink-3);transition:color .2s,border-color .2s}.points.links h3 a:hover{border-bottom-color:var(--signal);color:var(--signal)}.area.pair .panel{display:grid;gap:clamp(1.6rem,5vh,3rem) clamp(1.6rem,3vw,4rem)}@media(min-width:1100px){.area.pair .panel{grid-template-columns:repeat(2,minmax(0,1fr))}.area.pair .points li{grid-template-columns:minmax(0,1fr)}}.steps{counter-reset:step;display:grid;gap:1.6rem 2rem}.steps li{position:relative;padding-top:2.2rem;border-top:1px solid var(--rule);transition:border-color .6s}.steps li:before{counter-increment:step;content:"0" counter(step);position:absolute;left:0;top:.75rem;color:var(--signal);font-family:var(--mono);font-size:var(--small)}.steps h3{margin-bottom:.35rem}@media(min-width:700px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.area.ask .panel{display:grid;gap:.6rem;justify-items:start}.area.ask h2{font-size:var(--t2)}.area.ask p{margin:0}.area.ask .actions{margin-top:.8rem}html.world-on .station.area{min-height:0;margin:0 0 clamp(2.2rem,8vh,6rem);padding:0 var(--gutter)}html.world-on .station.first+.station.area{margin-top:40vh}html.world-on .station.area:has(+.station:not(.area)){margin-bottom:46vh}html.world-on .station.area .panel{position:static;width:auto;max-width:44rem;margin:0 auto;padding:clamp(1.3rem,5vw,2.2rem);border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#f7f5f1e0;box-shadow:inset 0 1px #ffffffe6,0 40px 70px -46px #14121059;opacity:1;transform:none;pointer-events:auto;transition:background-color .6s,border-color .6s}@media(min-width:900px){html.world-on .station.area{padding:0 var(--gutter) 0 calc(26vw + 18vh)}html.world-on .station.area .panel{max-width:60rem;margin:0}html.world-on .area:is(.two,.three) .screens{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}html.world-on .area.pair .panel{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}@media(min-width:1100px)and (min-height:600px),(min-width:900px)and (min-height:720px){html.world-on .leg{--pace: 1.5}html.world-on .station,html.world-on .station.area,html.world-on .station.first+.station.area,html.world-on .station.area:has(+.station:not(.area)){min-height:calc(var(--pace) * 100svh);margin:0;padding:0}html.world-on .station.first{min-height:calc((var(--pace) + 1) * 50svh)}html.world-on .station.area .panel{position:fixed;left:calc(26vw + 18vh);right:max(var(--gutter),3vw);top:50%;max-width:none;max-height:84vh;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:var(--o, 0);transform:perspective(180vh) translate3d(max(var(--d, 0) * 9vw,var(--d, 0) * -16vw),calc(-50% + var(--d, 0) * -38vh),0) rotateY(calc(var(--d, 0) * 34deg));transform-origin:0 50%;pointer-events:none;transition:none;--room: calc(74vw - 18vh - max(var(--gutter), 3vw)) ;--info: clamp(15rem, 19vw, 25rem);--col: clamp(1.4rem, 2.6vw, 4rem);--avail: var(--room);--tall: min(46vh, calc(100vh - 420px) );--h: min(var(--tall), calc((var(--avail) - (var(--n) - 1) * var(--gap)) / var(--n) * var(--rh) / var(--rw)))}html.world-on .station.area .panel.live{pointer-events:auto}html.world-on .station.area .panel:not(.near){top:1000vh}html.world-on .area :is(h2,h3,p,figcaption,.name,.what){text-shadow:0 0 .9em rgba(247,245,241,.95),0 0 .25em rgba(247,245,241,.8)}html.dark.world-on .area :is(h2,h3,p,figcaption,.name,.what){text-shadow:0 0 .9em rgba(13,14,17,.95),0 0 .25em rgba(13,14,17,.85)}html.world-on .area .btn{text-shadow:none}html.world-on .area.two .panel{--tall: 36vh}html.world-on .area.three .panel{--tall: 27vh}html.world-on .area h2:not(.area-name){font-size:clamp(1.15rem,1.35vw,2.1rem)}html.world-on .area :is(.body p,.points p,.steps p,.door .what,.ask p){font-size:clamp(.88rem,.72vw,1.12rem);line-height:1.5}html.world-on .area .credit{font-size:clamp(.68rem,.56vw,.9rem)}html.world-on .area :is(.points h3,.steps h3,.door .name){font-size:clamp(.85rem,.74vw,1.15rem)}html.world-on .area .screens{display:flex;align-items:flex-start;align-self:center;gap:var(--gap)}html.world-on .area .screens>*{flex:none;width:calc(var(--h) * var(--rw) / var(--rh))}html.world-on .area .screen,html.world-on .area .film{border-radius:clamp(10px,1.7vh,20px);box-shadow:0 0 0 1px #fffc,0 0 0 clamp(4px,.75vh,9px) #f7f5f180,0 4vh 7vh -3vh #14121073}html.world-on .area.work .panel{grid-template:"screens screens" auto "head body" auto / minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.2rem,3.4vh,2.4rem) var(--col);justify-content:start;align-content:center;width:max(min(var(--room),34rem),calc(var(--h) * var(--rw) / var(--rh) * var(--n) + (var(--n) - 1) * var(--gap)));max-width:var(--room)}html.world-on .area.work .screens{grid-area:screens}html.world-on .area.work .head{grid-area:head}html.world-on .area.work .body{grid-area:body}html.world-on .area.list .panel{max-width:min(66rem,var(--room))}html.world-on .area.list :is(.points h3,.steps h3){font-size:clamp(.92rem,1vw,1.6rem)}html.world-on .area.list :is(.points p,.steps p){font-size:clamp(.9rem,.86vw,1.36rem)}html.world-on .area .points li{padding:clamp(.6rem,2.3vh,1.4rem) 0;border-color:#14121024}html.world-on .area .steps{gap:clamp(1rem,3vh,2rem) var(--col)}html.world-on .area .steps li{border-color:#14121024}html.world-on .area.ask .panel{max-width:44rem}html.world-on .area.ask h2{font-size:clamp(1.7rem,3vw,3.4rem)}html.world-on .area.ask p:not(.actions){font-size:clamp(1rem,1.1vw,1.7rem)}}@media(min-width:900px)and (max-width:1099px)and (min-height:720px){html.world-on .area.work:not(.two,.three) .panel{--tall: min(44vh, calc(100vh - 480px) )}}@media(min-width:1800px)and (min-height:600px),(min-width:1100px)and (min-height:600px)and (max-height:759px){html.world-on .area.work:not(.two,.three) .panel{grid-template:"screens ." 1fr "screens head" auto "screens body" auto / auto minmax(0,var(--info));gap:0 var(--col);width:auto;--avail: calc(var(--room) - var(--info) - var(--col));--tall: 56vh}html.world-on .area.work:not(.two,.three) .head{margin-bottom:1.1rem}}@media(min-width:1800px)and (min-height:600px){html.world-on .area.work.two .panel{grid-template:"screens ." 1fr "screens head" auto "screens body" auto / auto minmax(0,var(--info));gap:0 var(--col);width:auto;--avail: calc(var(--room) - var(--info) - var(--col));--tall: 40vh}html.world-on .area.work.two .head{margin-bottom:1.1rem}html.world-on .area.three .panel{--tall: 33vh}html.world-on .area .steps{grid-template-columns:repeat(4,minmax(0,1fr))}html.world-on .area.list .panel{max-width:min(78rem,var(--room))}}html.dark .area h2:not(.area-name),html.dark .area :is(h3,.door .name){color:var(--milk)}html.dark .area :is(p,.area-name,.credit,.door .what,.shot figcaption){color:var(--night-text)}html.dark.world-on .station.area .panel{border-color:#ffffff14}html.dark .area :is(.points li,.steps li){border-color:#ffffff29}html.dark .area p a:not(.btn,.next){border-bottom-color:#4a505a}html.dark .area p a:not(.btn,.next):hover{border-bottom-color:var(--milk);color:var(--milk)}@media(max-width:899px),(max-height:599px),(max-width:1099px)and (max-height:719px){html.dark.world-on .station.area .panel{background:#0d0e11d1;box-shadow:0 40px 70px -46px #000}}@media(min-width:1100px)and (min-height:600px),(min-width:900px)and (min-height:720px){html.dark.world-on .area :is(.screen,.film){box-shadow:0 0 0 1px #ffffff24,0 0 0 clamp(4px,.75vh,9px) #ffffff0d,0 4vh 7vh -3vh #000}}.film{position:relative;display:block;aspect-ratio:16 / 9;border-radius:12px;background:#0b0b0c;color:#fff;overflow:hidden;isolation:isolate}.film img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.film:after{content:"";position:absolute;inset:40% 0 0;z-index:1;background:linear-gradient(to bottom,#0b0b0c00,#0b0b0cd1);pointer-events:none}.film-title,.film-play{position:absolute;z-index:2;left:76px;right:16px}.film-title{bottom:34px;overflow:hidden;font-family:var(--mono);font-size:clamp(.8rem,1.05vw,1.05rem);font-weight:500;line-height:1.2;text-transform:uppercase;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.film-play{bottom:15px;color:#ffffffb8;font-size:.68rem;line-height:1.4}.film-play:before{content:"";position:absolute;left:-60px;bottom:-1px;width:44px;height:44px;border-radius:50%;background:var(--signal);transition:transform .2s}.film-play:after{content:"";position:absolute;left:-43px;bottom:13px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.film:not([data-film]) .film-play:after{content:"\2197";left:-45px;bottom:11px;border:0;color:#fff;font-size:1rem;line-height:1}.film:hover img{transform:scale(1.03)}.film:hover .film-play:before{transform:scale(1.08)}.film:focus-visible{outline-offset:3px}.theatre{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:none;color:var(--milk);font-family:var(--mono);font-size:var(--small);text-transform:uppercase;letter-spacing:.08em;overflow:hidden}.theatre::backdrop{background:#0d0e11f2}.theatre[open]{display:grid;place-items:center}.theatre-screen{width:min(92vw,calc((100dvh - 250px) * 16 / 9));min-width:min(92vw,320px);aspect-ratio:16 / 9;border-radius:14px;background:#000;overflow:hidden;box-shadow:0 50px 120px -40px #000}.theatre-screen iframe{display:block;width:100%;height:100%;border:0}.theatre-hint,.theatre-steps,.theatre-info,.theatre-close,.theatre-sound{position:absolute;margin:0}.theatre-hint{top:calc(26px + env(safe-area-inset-top));left:50%;max-width:none;color:var(--night-text);white-space:nowrap;transform:translate(-50%)}.theatre button{border:1px solid #3a3f48;border-radius:999px;background:#0d0e1199;color:var(--milk);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.theatre button:hover{border-color:var(--milk);background:var(--milk);color:var(--night)}.theatre button:focus-visible,.theatre a:focus-visible{outline-color:var(--signal-night)}.theatre-close{top:calc(16px + env(safe-area-inset-top));right:max(var(--gutter),env(safe-area-inset-right));min-height:44px;padding:0 18px}.theatre .theatre-sound{top:calc(16px + env(safe-area-inset-top));left:max(var(--gutter),env(safe-area-inset-left));min-height:44px;padding:0 18px;border-color:var(--signal);background:var(--signal);color:#fff}.theatre .theatre-sound[hidden]{display:none}.theatre-steps{display:flex;align-items:center;gap:10px;right:max(var(--gutter),env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));color:var(--night-text);font-variant-numeric:tabular-nums}.theatre-steps button{width:44px;height:44px}.theatre-info{left:max(var(--gutter),env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));display:grid;gap:6px;max-width:min(34rem,calc(100vw - 2 * var(--gutter) - 170px))}.theatre-info p{margin:0;max-width:none}.theatre-title{color:var(--milk);font-weight:500}.theatre-credit{color:var(--night-text);text-transform:none;letter-spacing:0}.theatre-out{justify-self:start;padding:6px 0;color:var(--signal-night)}.theatre-out:after{content:" \2197"}@media(max-width:699px){.theatre-hint{display:none}.theatre-info{bottom:calc(86px + env(safe-area-inset-bottom));max-width:calc(100vw - 2 * var(--gutter))}.theatre-screen{width:100vw;min-width:0;margin-bottom:14vh;border-radius:0}}@media(max-height:520px){.theatre-screen{width:min(100vw,calc(100dvh * 16 / 9));margin:0;border-radius:0}.theatre-hint,.theatre-info{display:none}.theatre-steps{bottom:calc(8px + env(safe-area-inset-bottom))}}@media(hover:hover)and (pointer:fine){html.has-cursor.lights-down,html.has-cursor.lights-down .theatre{cursor:auto}html.has-cursor.lights-down .theatre :is(a,button){cursor:pointer}html.lights-down .cursor{display:none}}
