:root{--black: #0a0a0b;--graphite: #17171a;--ti: #e4e4e0;--muted: #9a9a9f;--line: rgba(228, 228, 224, .16);--line-strong: rgba(228, 228, 224, .34);--max: 1180px;--pad: clamp(20px, 4vw, 48px);--sans: "Outfit", "Outfit Fallback", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "Mono Fallback", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{background:var(--black);color-scheme:dark;scrollbar-color:rgba(228,228,224,.22) var(--black)}html::-webkit-scrollbar{width:12px;background:var(--black)}html::-webkit-scrollbar-thumb{background:#e4e4e02e;border:3px solid var(--black);border-radius:8px}html::-webkit-scrollbar-thumb:hover{background:#e4e4e04d}body{margin:0;background:var(--black);color:var(--ti);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em}.muted{color:var(--muted)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0}.loader{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--black);transition:opacity .5s ease}body:not(.loading) .loader{opacity:0;pointer-events:none}.site{opacity:0;transition:opacity 1s ease}body:not(.loading) .site{opacity:1}.flying-mark{position:fixed;z-index:61;left:0;top:0;width:64px;height:64px;transform-origin:0 0;transition:transform 1.1s cubic-bezier(.22,1,.36,1);will-change:transform}.flying-mark.docked{position:static;width:100%;height:100%;transform:none;transition:none;animation:drift-y 14s ease-in-out -3.5s infinite}.mark .flying-mark.docked{grid-area:1 / 1}@keyframes drift-y{0%{transform:translateY(-6px)}50%{transform:translateY(6px)}to{transform:translateY(-6px)}}.grain{pointer-events:none;position:fixed;inset:0;z-index:50;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:screen}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);background:linear-gradient(to bottom,#0a0a0beb,#0a0a0b00)}.lockup img{height:34px;width:auto}.nav{display:flex;gap:28px}.nav a{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-bottom:2px;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.nav a:hover{color:var(--ti);border-bottom-color:var(--line-strong)}.hero{max-width:var(--max);margin:0 auto;min-height:calc(100vh - 90px);padding:4vh var(--pad) 10vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,80px);align-items:center}.mark{display:grid;place-items:center}.mark{width:min(52vh,36vw,440px);aspect-ratio:1 / 1;justify-self:center}.mark:before{content:"";display:block;grid-area:1 / 1;width:100%;height:100%}.hero-text{max-width:560px}.hero h1{font-weight:200;font-size:clamp(34px,5vw,64px);line-height:1.06;height:2.12em;overflow:visible;letter-spacing:-.005em;margin:18px 0 20px;max-width:14ch;text-wrap:balance}.lede{margin:0;max-width:42ch;height:3.2em;color:#e4e4e0bd;font-size:clamp(15px,1.4vw,18px)}.hero{position:relative}.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .8s ease 1.6s,color .3s}body:not(.loading) .scroll-cue{opacity:.85}.scroll-cue svg{animation:cue 2.4s ease-in-out infinite}.scroll-cue:hover{color:var(--ti)}body.scrolled .scroll-cue{opacity:0;transition:opacity .5s ease;pointer-events:none}@keyframes cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.feature{max-width:var(--max);margin:0 auto;padding:72px var(--pad) 96px;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;border-top:1px solid var(--line)}.feature-art{aspect-ratio:880 / 760;width:100%}.feature-art svg{width:100%;height:100%;display:block}.feature-text h2{font-weight:200;font-size:clamp(26px,3vw,40px);line-height:1.12;margin:14px 0 16px;text-wrap:balance}.feature-sub{max-width:52ch;margin:0 0 14px;color:#e4e4e0c7}.feature-authors{margin:0 0 28px;color:var(--muted)}.btn{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:13px 26px;border:1px solid var(--line-strong);color:var(--ti);transition:background .3s,border-color .3s,color .3s}.btn:hover{background:#e4e4e00f;border-color:var(--ti)}.btn-primary{background:var(--ti);color:var(--black);border-color:var(--ti)}.btn-primary:hover{background:#fff;border-color:#fff}.foot{max-width:var(--max);margin:0 auto;padding:28px var(--pad) 44px;border-top:1px solid var(--line);display:flex;align-items:center;gap:22px}.foot-mark{height:18px;width:auto;opacity:.8}.foot .mono:last-child{margin-left:auto}@keyframes drift{0%{transform:translate(-50%,calc(-50% - 6px))}to{transform:translate(-50%,calc(-50% + 6px))}}.lockup img{height:34px;width:auto;aspect-ratio:153 / 34}.foot-mark{width:18px;height:18px}.feature-art{position:relative}.feature-art svg{position:absolute;inset:0}@font-face{font-family:Outfit Fallback;src:local("Arial"),local("Helvetica Neue");size-adjust:88%;ascent-override:100%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Mono Fallback;src:local("Menlo"),local("Consolas"),local("Courier New");size-adjust:92%}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:0;padding-top:2vh;text-align:center;justify-items:center}.mark{width:min(48vw,260px)}.hero h1{margin-left:auto;margin-right:auto}.lede{margin:0 auto}.feature{grid-template-columns:1fr}.feature-art{max-width:560px;margin:0 auto}}@media(max-width:640px){.lockup img{height:28px}}@media(prefers-reduced-motion:reduce){.flying-mark,.flying-mark.docked,.scroll-cue svg{animation:none;transition:none}.btn,.nav a,.loader,.site{transition:none}}