@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}}.reading{position:relative;display:flex;flex-direction:column;min-height:100svh}.page{position:relative;z-index:1;flex:1;padding:20vh var(--gutter) 10vh}.next{display:inline-block;padding-bottom:2px;border-bottom:1px solid var(--ink-3);color:var(--ink-2);transition:color .2s,border-color .2s}.next:after{content:" \2192"}.next:hover{border-bottom-color:var(--ink);color:var(--ink)}@media(max-width:1199px),(max-height:600px){.reading .foot{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}@media(min-width:1200px)and (min-height:601px){html:not(.world-on) .reading .dock{position:fixed;top:auto;bottom:18px;transform:none}.reading .dock{left:var(--gutter);display:flex;gap:22px;margin:0;padding:0 22px;border-radius:999px;background:var(--ice-thick);box-shadow:0 10px 30px -18px #14121080;font-size:var(--small);white-space:nowrap}.reading .dock:after{content:none}.reading .dock .question,.reading .dock .ask,.reading .dock .menu-full{display:none}.reading .dock .menu-short{display:inline}.reading .dock a,.reading .dock a:hover,.reading .dock a.on{display:flex;align-items:center;min-height:44px;padding:0}.reading .dock a:before{content:none}.reading .dock a.apart{margin-top:0}.reading .foot{padding-bottom:84px}}.map .page{padding:0}.map-head{display:grid;justify-items:center;max-width:46rem;margin:0 auto;padding:24vh var(--gutter) 7vh;text-align:center}.map-head .depth-mark{margin-bottom:1.2rem}.map-head .lead{margin:1.4rem 0 0;font-family:var(--sans);font-size:var(--t3);line-height:1.35}.depth-mark{margin:0;color:var(--ink-2);font-variant-numeric:tabular-nums}.shaft{--axis: 50%;--window: min(48vh, 36vw, 30rem);position:relative;padding-bottom:max(14vh,calc(38vh - 150px));overflow:clip}.ball{position:sticky;top:62vh;z-index:2;display:block;width:0;height:0;margin-left:var(--axis)}.ball:before{content:"";position:absolute;left:-13px;top:-13px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ef6a5c,var(--signal) 55%,#a8251d);box-shadow:0 10px 18px -8px #a01e14b3}.ridge{display:block;width:100%;height:clamp(60px,12vh,120px);fill:none;stroke:var(--ink);stroke-width:1;opacity:.5}.ridge path{vector-effect:non-scaling-stroke}.levels{position:relative;z-index:1}.levels:before,.levels:after{content:"";position:absolute;top:0;bottom:0;pointer-events:none}.levels:before{left:var(--axis);width:1px;background:#8f8a84}.levels:after{left:calc(var(--axis) - 6px);width:13px;background:repeating-linear-gradient(to bottom,#a8a29a 0 1px,transparent 1px 22px);opacity:.8}.level{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-height:max(66vh,calc(var(--window) + 12vh));padding:5vh var(--gutter)}.level .about{justify-self:end;max-width:34rem;padding-right:clamp(3.5rem,7vw,8rem);text-align:right}.level .porthole{justify-self:start;margin-left:clamp(3.5rem,7vw,8rem)}.level:nth-child(2n) .about{grid-column:2;justify-self:start;padding:0 0 0 clamp(3.5rem,7vw,8rem);text-align:left}.level:nth-child(2n) .porthole{grid-column:1;grid-row:1;justify-self:end;margin:0 clamp(3.5rem,7vw,8rem) 0 0}.level>.depth-mark{position:absolute;left:calc(var(--axis) + 18px);top:50%;padding:2px 6px;border-radius:4px;background:var(--milk);white-space:nowrap;transform:translateY(-50%)}.level:nth-child(2n)>.depth-mark{left:auto;right:calc(100% - var(--axis) + 18px)}.level h2{font-size:clamp(1.5rem,3.1vw,3.2rem)}.level h2 a{transition:color .2s}.level h2 a:hover{color:var(--signal)}.level .tags{margin:.9rem 0 0;max-width:none;color:var(--ink-2)}.level .about>p:not(.tags,.actions){margin:.9rem 0 0;font-family:var(--sans);font-size:var(--t3);line-height:1.35}.level .next{margin-top:1.2rem}.level .actions{margin:1.6rem 0 0}.porthole{display:block;width:var(--window);aspect-ratio:1;border-radius:50%;background:var(--rule);box-shadow:0 0 0 1px #fffffff2,0 0 0 clamp(8px,1.5vh,16px) #fff9,0 0 0 calc(clamp(8px,1.5vh,16px) + 1px) var(--rule),0 5vh 8vh -4vh #14121080;overflow:hidden}.porthole img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--at, 50% 50%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}a.porthole:hover img,.level:has(h2 a:hover) .porthole img,.level:has(.next:hover) .porthole img{transform:scale(1.07)}.porthole.immersive{--at: 78% 50%}.porthole.music{--at: 34% 50%}.porthole.websites{--at: 22% 50%}.level.ice{display:block;min-height:0;height:14vh;padding:0}.level.ice:before{content:"";position:absolute;inset:50% 0 auto;height:10px;background:linear-gradient(to bottom,#fffffff2,#c8d6e0bf);box-shadow:0 1px 0 var(--ink-3),0 -1px #fff;transform:translateY(-50%)}.level.ice:after{content:"";position:absolute;inset:50% 0 auto;z-index:-1;height:400vh;background:var(--night)}.level.ice .tags{position:absolute;right:calc(100% - var(--axis) + 18px);top:50%;margin:0;padding:2px 6px;border-radius:4px;background:var(--milk);transform:translateY(-50%)}.level.floor{color:var(--milk)}.level.floor>.depth-mark{background:var(--night);color:var(--night-text)}.level.floor .about>p:not(.actions){color:var(--night-text)}.level.floor .porthole{box-shadow:0 0 0 1px #fff3,0 0 0 clamp(8px,1.5vh,16px) #ffffff0f,0 5vh 8vh -4vh #000}.level.floor:after{content:"";position:absolute;left:var(--axis);bottom:-15px;width:92px;height:30px;border:2px solid var(--signal);border-radius:50%;transform:translate(-50%)}.map .foot{border-top-color:#2a2e36;background:var(--night);color:var(--night-text)}.map .foot a:hover,.map .foot a[aria-current=page]{color:var(--milk)}@media(max-width:799px){.map-head{justify-items:start;margin:0;padding-top:18vh;text-align:left}.shaft{--axis: 26px;--window: min(62vw, 17rem)}.level,.level:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:1.6rem;min-height:0;padding:4.4rem var(--gutter) 3rem 58px}.level .about,.level:nth-child(2n) .about{grid-column:1;grid-row:2;justify-self:start;padding:0;text-align:left}.level .porthole,.level:nth-child(2n) .porthole{grid-column:1;grid-row:1;justify-self:start;margin:0}.level>.depth-mark,.level:nth-child(2n)>.depth-mark{left:calc(var(--axis) + 14px);right:auto;top:2.2rem;transform:none}.level.ice .tags{left:7rem;right:auto}.level.ice>.depth-mark{top:50%;transform:translateY(-50%)}}.credits:before{content:"";position:absolute;inset:0 0 auto;height:100svh;background:url(/assets/img/stop-contact-wide.134b2df211.webp) center / cover no-repeat;opacity:.6;-webkit-mask-image:linear-gradient(to bottom,#000 25%,transparent);mask-image:linear-gradient(to bottom,#000 25%,transparent);pointer-events:none}@media(orientation:portrait){.credits:before{background-image:url(/assets/img/stop-contact-tall.5e2b42361e.webp)}}.credits .page{padding:0 var(--gutter) 14vh;color:var(--milk)}.roll-head{display:grid;justify-items:center;padding:30vh 0 12vh;text-align:center}.roll-head .label{margin:0 0 1.2rem;color:var(--night-text)}.roll-head .lead{max-width:34rem;margin:1.4rem 0 0;color:var(--night-text);font-family:var(--sans);font-size:var(--t3);line-height:1.35}.roll{max-width:68rem;margin:0 auto;padding:6vh 0}.roll h2{display:flex;align-items:center;gap:1.4rem;margin-bottom:2.4rem;color:var(--signal-night);font-weight:400;line-height:1.55}.roll h2:before,.roll h2:after{content:"";flex:1;height:1px;background:#2a2e36}.roll dl{display:grid;gap:1.6rem;margin:0}.roll dl>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(1.4rem,3vw,3rem);align-items:baseline}.roll dt{justify-self:end;color:var(--milk);font-size:clamp(.95rem,1.15vw,1.3rem);font-weight:500;line-height:1.25;text-align:right;text-transform:uppercase;letter-spacing:-.01em}.roll dd{max-width:31rem;margin:0;color:var(--night-text);font-family:var(--sans);line-height:1.5}.roll dd a{border-bottom:1px solid #4a505a;color:var(--milk);transition:border-color .2s}.roll dd a:hover{border-bottom-color:var(--milk)}.roll-end{max-width:none;margin:12vh 0 0;color:var(--night-text);text-align:center}@media(max-width:699px){.roll-head{padding-top:22vh}.roll dl>div{grid-template-columns:minmax(0,1fr)}.roll dt{justify-self:start;margin-bottom:.3rem;text-align:left}}.lost:before{content:"";position:absolute;inset:0;background:url(/assets/img/valley-wide.2e87e3d87e.webp) center / cover no-repeat;pointer-events:none}@media(orientation:portrait){.lost:before{background-image:url(/assets/img/valley-tall.83a52590da.webp)}}.lost .page{display:grid;align-content:center;justify-items:center;padding:16vh var(--gutter) 18vh;text-align:center}.lost .label{margin:0 0 1.2rem;color:var(--ink-2)}.lost .lead{margin:1.2rem 0 0;font-family:var(--sans);font-size:var(--t3);line-height:1.35}.lost .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:2rem 0 0;max-width:none}.stray{position:absolute;left:0;bottom:21vh;width:clamp(26px,3.4vh,40px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ef6a5c,var(--signal) 55%,#a8251d);box-shadow:0 1.6vh 1.6vh -1vh #14121059;transform:translate(62vw);pointer-events:none}@media(prefers-reduced-motion:no-preference){.stray{animation:stray-across 26s linear infinite,stray-hop 1.3s cubic-bezier(.3,0,.7,1) infinite alternate}@keyframes stray-across{0%{translate:-8vw 0}to{translate:108vw 0}}@keyframes stray-hop{0%{transform:translateY(0)}to{transform:translateY(-2.6vh)}}}
