@font-face{font-family:Newsreader;src:url(/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}:root{--ink: #0a0a0b;--paper: #ece8df;--soft: #bdb8ac;--mute: #8d897f;--dim: #5b5851;--amber: #ffa94a;--pad: clamp(20px, 3.6vw, 56px);--serif: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--mono: "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box;margin:0}html{background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:clip}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}ul,ol{list-style:none;padding:0}em{font-style:italic}:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.mono{font-family:var(--mono);font-size:.6rem;font-weight:400;letter-spacing:.09em;text-transform:uppercase}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.top{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);pointer-events:none}.top>*{pointer-events:auto}.brand{font-size:1.18rem;letter-spacing:-.01em}.brand i{color:var(--amber)}.lang{display:flex;align-items:center}.lang button{padding:6px 4px;color:var(--dim);letter-spacing:inherit;transition:color .2s}.lang button+button:before{content:"/";margin:0 8px 0 4px;color:var(--dim)}.lang button[aria-pressed=true],.lang button:hover{color:var(--paper)}.journey{position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden}.gl{position:absolute;inset:0;width:100%;height:100%;display:block}.veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 105% at 50% 46%,transparent 52%,#000000a8 100%)}.beat{position:absolute;z-index:2;--v: 0;opacity:var(--v);visibility:hidden;transform:translate3d(0,calc((1 - var(--v)) * 16px),0)}.beat.show{visibility:visible}.hero{left:var(--pad);bottom:clamp(60px,10.5vh,116px);width:min(52vw,700px)}.hero h1{font-weight:360;font-size:clamp(3.8rem,10.4vw,11rem);line-height:.82;letter-spacing:-.042em}.hero h1 em{display:block;font-weight:300;padding-left:.52em}.say{font-size:clamp(1.2rem,1.8vw,1.75rem);line-height:1.26;letter-spacing:-.012em;max-width:25ch;margin-top:clamp(24px,3.6vh,46px);text-wrap:balance}.roll{display:block;position:relative;height:1.26em;overflow:hidden;white-space:nowrap}.roll i{position:absolute;left:0;top:0;color:var(--amber)}.roll i.in{animation:roll-in .6s cubic-bezier(.2,.7,.2,1) both}.roll i.out{animation:roll-out .6s cubic-bezier(.5,0,.8,.3) both}@keyframes roll-in{0%{transform:translateY(105%);opacity:0}}@keyframes roll-out{to{transform:translateY(-105%);opacity:0}}.creed{margin-top:clamp(16px,2.6vh,30px);max-width:37ch;color:var(--soft);font-size:clamp(.98rem,1.12vw,1.1rem);line-height:1.42;text-wrap:pretty}.fallback{display:none}.hero .say{max-width:none}.hero h1,.hero .say,.hero .creed{animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}.hero .say{animation-delay:.22s}.hero .creed{animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.lens{left:50%;bottom:clamp(64px,11vh,124px);width:min(88vw,920px);transform:translate3d(-50%,0,0);text-align:center;font-size:clamp(1.45rem,3.05vw,2.9rem);line-height:1.13;letter-spacing:-.024em;text-wrap:balance}.lens span span{transition:opacity .3s linear}.lens .hl{color:var(--amber);font-style:italic}.side{left:var(--pad);top:50%;width:min(35vw,450px);transform:translate3d(0,calc(-50% + (1 - var(--v)) * 16px),0)}.side:before{content:"";position:absolute;z-index:-1;inset:-70px -110px -70px -200px;background:radial-gradient(closest-side,#0a0a0bf2 30%,#0a0a0b00)}.kick{color:var(--amber);display:flex;gap:14px}.kick span{color:var(--dim)}.side h2{font-weight:360;font-size:clamp(2rem,3.6vw,3.6rem);line-height:1;letter-spacing:-.03em;margin-top:18px;text-wrap:balance}.body{color:var(--soft);margin-top:20px;font-size:1.06rem;line-height:1.5;max-width:40ch;text-wrap:pretty}.fine{color:var(--mute);margin-top:16px;font-size:.86rem;font-style:italic;line-height:1.4;max-width:42ch}.label{margin-top:26px;color:var(--mute)}.crafts{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;color:var(--paper);font-size:.93rem;line-height:1.28}.crafts li{padding-left:14px;position:relative;text-wrap:balance}.crafts li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--amber)}.crafts i{font-style:normal;font-size:.5rem;color:var(--amber);white-space:nowrap;margin-left:2px}.why{margin-top:18px}.door{left:50%;bottom:clamp(24px,4.6vh,50px);width:min(90vw,880px);text-align:center;transform:translate3d(-50%,calc((1 - var(--v)) * 16px),0)}.door .say{margin:0 auto;max-width:33ch;font-size:clamp(1.25rem,2.3vw,2.15rem);line-height:1.2}.door .hl{color:var(--amber)}.social{margin-top:clamp(12px,2vh,20px)}.social p{color:var(--amber)}.social ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 20px;margin-top:5px}.social a{font-size:.95rem;text-decoration:underline;text-decoration-color:#ece8df4d;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .2s,text-decoration-color .2s}.social a:hover{color:var(--amber);text-decoration-color:var(--amber)}.also{margin-top:clamp(16px,3vh,32px)}.also p{color:var(--dim)}.sites{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(14px,2vw,28px);margin-top:12px;text-align:left}.sites a{display:grid;gap:3px;padding:12px 0 2px;border-top:1px solid #ece8df33;text-decoration:none;transition:border-color .25s}.sites b{font-weight:400;font-size:clamp(1.02rem,1.55vw,1.4rem);letter-spacing:-.015em;line-height:1.1;transition:color .2s;overflow-wrap:anywhere}.sites span{color:var(--mute);font-size:.86rem;font-style:italic;line-height:1.25}.sites a:hover{border-color:var(--amber)}.sites a:hover b{color:var(--amber)}.legal{margin-top:16px;color:var(--dim);display:flex;gap:6px 22px;justify-content:center;flex-wrap:wrap}.legal a{color:var(--mute);text-decoration:none;transition:color .2s}.legal a:hover{color:var(--paper)}.note{margin-top:5px;color:var(--dim);font-size:.74rem;font-style:italic}.note a{color:var(--mute);text-decoration:none;font-style:normal;transition:color .2s}.note a:hover{color:var(--paper)}.back{position:absolute;z-index:3;right:var(--pad);bottom:16px;padding:6px 0;color:var(--mute);opacity:0;visibility:hidden;transition:color .2s}.back:hover{color:var(--paper)}.tags{position:absolute;inset:0;z-index:1;pointer-events:none}.tag{position:absolute;left:0;top:0;opacity:0;will-change:transform}.tag i{position:absolute;inset:0;--c: var(--amber);--l: 9px;background:linear-gradient(var(--c) 0 0) top left / var(--l) 1px,linear-gradient(var(--c) 0 0) top left / 1px var(--l),linear-gradient(var(--c) 0 0) top right / var(--l) 1px,linear-gradient(var(--c) 0 0) top right / 1px var(--l),linear-gradient(var(--c) 0 0) bottom left / var(--l) 1px,linear-gradient(var(--c) 0 0) bottom left / 1px var(--l),linear-gradient(var(--c) 0 0) bottom right / var(--l) 1px,linear-gradient(var(--c) 0 0) bottom right / 1px var(--l);background-repeat:no-repeat}.tag p{position:absolute;left:calc(-8px + var(--sx, 0px));bottom:calc(100% + 4px);width:max-content;max-width:256px;padding:5px 8px 6px;background:#0a0a0bd6}.tag.lat p{left:calc(100% + 10px);bottom:auto;top:-5px}.tag b{display:block;font-family:var(--mono);font-size:.6rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.tag b:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;background:var(--amber);vertical-align:1px}.tag span{display:block;margin-top:4px;color:var(--soft);font-size:.84rem;font-style:italic;line-height:1.24;text-wrap:balance}.tag em{display:block;margin-top:5px;font-family:var(--mono);font-size:.56rem;font-style:normal;letter-spacing:.09em;text-transform:uppercase;color:var(--amber);white-space:nowrap}.tag em.off{color:var(--mute)}.tag.r:not(.lat) p{left:auto;right:-8px;text-align:right}.tag.below:not(.lat) p{bottom:auto;top:calc(100% + 4px)}.index{position:absolute;z-index:3;right:var(--pad);top:50%;transform:translateY(-50%)}.index ol{display:grid;gap:2px;justify-items:end}.index button{display:flex;align-items:center;gap:12px;padding:6px 0;color:var(--dim);letter-spacing:inherit;text-transform:inherit;transition:color .2s}.index button i{width:14px;height:1px;background:currentColor;transition:width .4s cubic-bezier(.2,.7,.2,1),background .3s}.index button span{opacity:0;transform:translate(6px);transition:opacity .25s,transform .25s;background:#0a0a0be0;padding:2px 6px;margin-right:-6px}.index:hover button span,.index:focus-within button span{opacity:1;transform:none}.index button:hover,.index button.on{color:var(--paper)}.index button.on i{width:34px;background:var(--amber)}.count{position:absolute;z-index:3;left:var(--pad);bottom:22px;color:var(--dim)}.count b{font-weight:400;color:var(--mute);margin-right:12px}.hint{position:absolute;z-index:3;left:50%;bottom:20px;transform:translate(-50%);color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:9px}.hint i{width:1px;height:28px;background:linear-gradient(var(--paper),#ece8df00);transform-origin:top;animation:drip 2s cubic-bezier(.6,0,.3,1) infinite}@keyframes drip{0%{transform:scaleY(0)}55%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media (max-aspect-ratio: 85/100){.hero{right:var(--pad);width:auto;bottom:62px}.hero h1{font-size:clamp(3.3rem,17.5vw,6.4rem)}.hero h1 em{padding-left:.36em}.say{font-size:1.12rem;margin-top:18px}.creed{margin-top:12px;font-size:.95rem}.lens{bottom:13vh;font-size:clamp(1.35rem,6.2vw,1.9rem)}.side{top:auto;bottom:56px;right:var(--pad);width:auto;transform:translate3d(0,calc((1 - var(--v)) * 16px),0)}.side:before{inset:-60px -40px}.side h2{font-size:clamp(1.55rem,7vw,2.3rem);margin-top:10px}.body{font-size:.98rem;line-height:1.42;margin-top:10px}.fine,.index,.tag span,.hint{display:none}.label{margin-top:12px}.crafts{display:block;font-size:.84rem;line-height:1.4;margin-top:5px;color:var(--soft)}.crafts li{display:inline;padding:0}.crafts li:before{display:none}.crafts li:not(:last-child):after{content:" · ";color:var(--amber)}.sites{grid-template-columns:1fr 1fr;gap:6px 16px}.sites a{padding-top:8px}.sites span{font-size:.78rem}.door{bottom:46px}.door .say{font-size:1.18rem}.count{bottom:18px}.back{bottom:12px}.note{font-size:.7rem}}@media (max-height: 800px) and (min-aspect-ratio: 85/100){.door .say{font-size:clamp(1.15rem,1.9vw,1.7rem)}.also{margin-top:12px}.sites a{padding-top:8px}.legal{margin-top:10px}}.nogl .journey{height:auto!important}.nogl .stage{position:static;height:auto;overflow:visible;padding:110px var(--pad) 60px}.nogl .beat{position:static;opacity:1;visibility:visible;transform:none;width:auto;max-width:720px;margin:0 0 96px;text-align:left}.nogl .lens span span{opacity:1!important}.nogl .fallback{display:block;width:min(100%,360px);height:auto;margin-top:40px}.nogl .tags,.nogl .index,.nogl .count,.nogl .hint,.nogl .veil,.nogl .side:before{display:none}.nogl .sr{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin-top:18px;color:var(--soft);font-style:italic;display:grid;gap:6px}.nogl .legal,.nogl .social ul{justify-content:flex-start}.nogl .back{display:none}.nogl .door .say{margin:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
