:root{--walnut:#3a2213;--oak:#9d653b;--tan:#c88b5a;--brass:#a17a42;--foam:#ece7e3;--teal:#29595e;--ocean:#204e5f;--sky:#91b9c3;--funnel:#f3cb5c;--octo:#d8652f;--night:#0f2229;--slab:"Alfa Slab One", "Rockwell", "Roboto Slab", Georgia, serif;--sans:"Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--night)}body{color:var(--foam);font:18px/1.55 var(--sans);background:var(--night);margin:0}#scene{z-index:1;width:100vw;height:100vh;opacity:0;height:100lvh;transition:opacity .8s;display:block;position:fixed;inset:0}.scene-on #scene{opacity:1}.scene-on #scene.fading{opacity:0;transition-duration:.25s}.poster{z-index:0;position:fixed;inset:0}.poster img{object-fit:cover;width:100%;height:100%;display:block}.no-3d #scene,.no-3d .horn-btn,.no-3d .mute,.no-3d .hint{display:none}.bar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.mark{font:20px var(--slab);color:var(--foam);letter-spacing:.02em;text-decoration:none}.mute{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--foam);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f22298c;border:1px solid #ece7e340;border-radius:999px;padding:8px 14px}main{z-index:2;pointer-events:none;position:relative}.stop{min-height:200vh;padding:0 clamp(16px,5vw,64px)}.copy{flex-direction:column;justify-content:center;max-width:30rem;min-height:100vh;display:flex;position:sticky;top:0}.copy a,.copy button,.crates .soon{pointer-events:auto}.copy.right{margin-left:auto}.hero{justify-content:flex-end;max-width:none;padding-bottom:14vh}h1{font:clamp(56px, 9vw, 124px)/.9 var(--slab);color:var(--foam);text-shadow:0 4px 30px #00000073;margin:0}.line{color:var(--funnel);margin:14px 0 0;font-size:clamp(20px,2.4vw,28px)}.hint{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:28px 0 0;font-size:13px}h2{font:clamp(32px, 4vw, 52px)/1 var(--slab);color:var(--foam);margin:0 0 16px}.side p{text-shadow:0 1px 12px #0009;margin:0 0 14px}.side{background:linear-gradient(90deg,#0f2229b8,#0f222900);margin-left:calc(-1*clamp(16px,5vw,64px));padding-left:clamp(16px,5vw,64px);padding-right:40px}.side.right{background:linear-gradient(270deg,#0f2229b8,#0f222900);margin-right:calc(-1*clamp(16px,5vw,64px));padding-left:40px;padding-right:clamp(16px,5vw,64px)}.crates,.links{gap:12px;margin:0;padding:0;list-style:none;display:grid}.crates a,.crates .soon{color:var(--foam);background:#3a2213b8;border:1px solid #c88b5a59;border-radius:10px;gap:2px;padding:14px 16px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.crates a:hover,.crates a:focus-visible,.crates a.lit,.crates .soon:hover,.crates .soon:focus-visible,.crates .soon.lit{border-color:var(--funnel);outline:none;transform:translateY(-3px)}.crates b{font:22px var(--slab);color:var(--tan)}.crates span{font-size:16px}.crates em{letter-spacing:.1em;text-transform:uppercase;color:var(--funnel);font-size:12px;font-style:normal}.links a{color:var(--foam);text-underline-offset:4px;font-size:20px}.links .aboard{font:18px var(--slab);color:var(--walnut);background:var(--funnel);border-radius:999px;margin-top:10px;padding:12px 22px;text-decoration:none;display:inline-block}.tally{letter-spacing:.02em;color:#ece7e3bf;font-size:15px}.tally b{font:18px var(--slab);color:var(--funnel);font-variant-numeric:tabular-nums}kbd{font:600 14px var(--sans);border:1px solid #ece7e366;border-radius:5px;padding:1px 7px}@media (max-width:700px){body{font-size:17px}.hero{background:linear-gradient(#0f222900 55%,#0f2229cc);margin:0 calc(-1*clamp(16px,5vw,64px));padding-left:clamp(16px,5vw,64px);padding-right:clamp(16px,5vw,64px)}.copy{justify-content:flex-end;padding-bottom:8vh}.side,.side.right{background:linear-gradient(#0f222900,#0f2229d9);max-width:none;margin:0 calc(-1*clamp(16px,5vw,64px));padding:30vh clamp(16px,5vw,64px) 8vh}}.horn-btn{z-index:5;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:64px;height:64px;font:15px var(--slab);color:var(--walnut);background:radial-gradient(circle at 35% 30%, #e6c27a, var(--brass) 70%);border:2px solid #3a221399;border-radius:50%;transition:transform .12s;position:fixed;bottom:clamp(16px,4vw,36px);right:clamp(16px,4vw,40px);box-shadow:0 6px 18px #0006}.horn-btn:active{transform:scale(.93)}body.can-pull #scene{cursor:grab}body.pulling,body.pulling #scene{cursor:grabbing}body.on-crate #scene,body.on-vortex #scene{cursor:pointer}body.vortex:after{opacity:1;background:#0a0612;transition:opacity 1.1s .6s}.scroll{max-width:24rem;padding:14px 0;position:relative}.scroll:before,.scroll:after{content:"";z-index:1;background:linear-gradient(#7a5030,#3a2213 70%);border-radius:8px;height:16px;position:absolute;left:-12px;right:-12px;box-shadow:0 3px 8px #00000073}.scroll:before{top:0}.scroll:after{transition:bottom 1.1s cubic-bezier(.2,.7,.2,1) .35s;bottom:0}.sheet{color:var(--walnut);clip-path:inset(0);background:radial-gradient(at 30% 20%,#f3e7cb,#e1cb9c 70%,#cfb27c);padding:22px 26px 20px;transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1) .35s;box-shadow:inset 0 0 22px #5a371459}.sheet h2{color:var(--walnut)}.sheet .note{text-shadow:none;margin:-6px 0 14px;font-style:italic}.sheet .links a{color:var(--walnut)}.scene-on #contact:not(.open) .sheet{clip-path:inset(0 0 100%)}.scene-on #contact:not(.open) .scroll:after{bottom:calc(100% - 30px)}@media (prefers-reduced-motion:reduce){.sheet,.scroll:after{transition:none}}body:after{content:"";z-index:10;pointer-events:none;opacity:0;background:#d3dcdf;transition:opacity .9s .7s;position:fixed;inset:0}body.aboard:after{opacity:1}@media (prefers-reduced-motion:reduce){body:after{transition-duration:.6s;transition-delay:0s}}.side,.side.right,.hero{-webkit-mask-image:linear-gradient(#0000 0,#000 16% 84%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 16% 84%,#0000 100%)}@media (max-width:700px){.side,.side.right,.hero{-webkit-mask-image:linear-gradient(#000 0 94%,#0000 100%);mask-image:linear-gradient(#000 0 94%,#0000 100%)}}@media (pointer:coarse){.keys{display:none}}