@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-wdth-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/fonts/newsreader-latin-wght-italic.woff2)format("woff2")}:root{--bg:#0a0908;--bg-1:#100e0c;--bg-2:#171411;--rule:#241f1a;--rule-strong:#38312a;--ink:#f2ede4;--ink-2:#a79e90;--ink-3:#8a8174;--ink-4:#6b6357;--declared:#9fc6d4;--drift:#ff5a2b;--proof:#d8b23a;--declared-glow:#9fc6d424;--drift-glow:#ff5a2b29;--proof-glow:#d8b23a29;--font-display:"Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--step--2:clamp(.66rem, .64rem + .1vw, .72rem);--step--1:clamp(.8rem, .77rem + .15vw, .86rem);--step-0:clamp(.98rem, .94rem + .2vw, 1.06rem);--step-1:clamp(1.15rem, 1.08rem + .4vw, 1.4rem);--step-2:clamp(1.45rem, 1.25rem + .9vw, 2rem);--step-3:clamp(1.9rem, 1.5rem + 1.8vw, 3rem);--step-4:clamp(2.4rem, 1.6rem + 3.2vw, 4.4rem);--display:clamp(2.6rem, 1rem + 7.6vw, 8.4rem);--giant:clamp(4.5rem, 2rem + 14vw, 15rem);--gutter:clamp(1.5rem, 1rem + 2.2vw, 4rem);--measure:62ch;--wrap:1320px;--section-y:clamp(4rem, 2.6rem + 5vw, 8.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);color-scheme:dark}.paper{--bg:#f4f0e8;--bg-1:#fff;--bg-2:#ebe6dc;--rule:#e0d9cd;--rule-strong:#c9c0b1;--ink:#14120f;--ink-2:#524c43;--ink-3:#6f675b;--ink-4:#8a8275;--declared:#1a6a83;--drift:#e23c0b;--proof:#8a6a12;--declared-glow:#1a6a831a;--drift-glow:#e23c0b17;--proof-glow:#8a6a121a;background:var(--bg);color:var(--ink);color-scheme:light;border-radius:3px;box-shadow:0 40px 90px -40px #000c,0 0 0 1px #f4f0e80f}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none;overflow-x:clip}html.ready{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);font-size:var(--step-0);font-variation-settings:"wdth" 100;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button,input{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}::selection{background:var(--drift);color:var(--bg)}:focus-visible{outline:2px solid var(--declared);outline-offset:3px}body:after{content:"";z-index:60;pointer-events:none;mix-blend-mode:screen;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.wrap{width:min(100% - var(--gutter) * 2, var(--wrap));z-index:1;margin-inline:auto;position:relative}.scene{padding-block:var(--section-y);position:relative}.scene--plate{border-block:1px solid var(--rule);background:var(--bg-1)}.mono{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.01em}.tabular{font-variant-numeric:tabular-nums}.prose{max-width:48ch;color:var(--ink-2);text-wrap:pretty}.lede{font-size:var(--step-1);color:var(--ink-2);text-wrap:pretty;font-variation-settings:"wdth" 100, "wght" 350;max-width:46ch;line-height:1.5}.voice{font-family:var(--font-serif);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;font-size:clamp(1.4rem,1rem + 1.9vw,2.5rem);font-style:italic;font-weight:330;line-height:1.3}.voice--small{font-size:clamp(1.15rem,.95rem + 1.2vw,1.8rem)}.src{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.fig{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:1em;display:flex}.fig:before{content:"/";color:var(--ink-4)}.fig:after{content:"";background:var(--rule);flex:1;height:1px}.js .fig:after{transform-origin:0;transition:transform 1.4s var(--ease-out) .2s;transform:scaleX(0)}.js .in .fig:after,.js .fig.in:after{transform:scaleX(1)}.fig b{color:var(--ink-2);font-weight:500}.h-scene{font-size:var(--step-4);letter-spacing:-.02em;text-wrap:balance;font-variation-settings:"wdth" 108, "wght" 300;max-width:22ch;font-weight:300;line-height:1.02}.h-scene .dim{color:var(--ink-2)}.h-scene .dimmer{color:var(--ink-3)}.display{font-size:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-variation-settings:"wdth" 74, "wght" 800;text-wrap:balance;font-weight:800;line-height:.86}.display .accent{color:var(--drift);text-shadow:0 0 60px #ff5a2b52}.ink-declared{color:var(--declared)}.ink-drift{color:var(--drift)}.ink-proof{color:var(--proof)}.js .rv{opacity:0;transition:opacity .9s var(--ease-out), translate .9s var(--ease-out);transition-delay:calc(var(--i,0) * 90ms);translate:0 1.6rem}.js .rv.in{opacity:1;translate:0}.mask{display:block;overflow:clip}.js .mask>span{transition:translate 1.1s var(--ease-out);transition-delay:calc(var(--i,0) * .11s);display:block;translate:0 110%}.js .in .mask>span{translate:0}.btn{isolation:isolate;font-weight:600;font-size:var(--step-0);font-variation-settings:"wdth" 100, "wght" 600;transition:box-shadow .4s var(--ease-out), color .4s var(--ease-out), border-color .4s var(--ease-out);will-change:translate;border:1px solid #0000;border-radius:2px;align-items:center;gap:.8rem;padding:.9em 1.45em;text-decoration:none;display:inline-flex;position:relative;overflow:clip}.btn:active{scale:.985}.btn--primary{color:var(--bg);background:var(--ink)}.btn--primary:hover{box-shadow:0 0 60px -10px #f2ede480,inset 0 0 0 1px #0a090833}.btn--primary .arr{color:var(--drift)}.btn--ghost{border-color:var(--rule-strong);color:var(--ink-2)}.btn--ghost:before{content:"";z-index:-1;background:var(--ink);transform-origin:0;transition:transform .45s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.btn--ghost:hover{color:var(--bg);border-color:var(--ink)}.btn--ghost:hover:before{transform:scaleX(1)}.lbl{line-height:1.2;display:inline-block;position:relative;overflow:clip}.lbl__a,.lbl__b{transition:translate .45s var(--ease-out);display:block}.lbl__b{position:absolute;inset:0;translate:0 115%}.btn:hover .lbl__a{translate:0 -115%}.btn:hover .lbl__b{translate:0}.arr{text-align:center;width:1.1em;height:1.2em;line-height:1.2em;display:inline-block;position:relative;overflow:clip}.arr i{transition:translate .45s var(--ease-out);font-style:normal;display:block}.arr i+i{position:absolute;inset:0;translate:-130%}.btn:hover .arr i:first-child,a:hover>.arr i:first-child{translate:130%}.btn:hover .arr i+i,a:hover>.arr i+i{translate:0}.u{transition:background-size .45s var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:.1em}a:hover .u,.u:hover{background-size:100% 1px}.textlink{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.06em;color:var(--proof);align-items:center;gap:.6rem;width:fit-content;text-decoration:none;display:inline-flex}.row-live{transition:background .4s var(--ease-out);position:relative}.row-live:before{content:"";background:var(--drift);transform-origin:top;width:1px;transition:transform .45s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.row-body,.row-n{transition:color .4s var(--ease-out)}@media (hover:hover){.row-live:hover{background:linear-gradient(90deg,#f2ede409,#0000 70%)}.paper .row-live:hover{background:#14120f09}.row-live:hover:before{transform:scaleY(1)}.row-live:hover .prose,.row-live:hover .row-body{color:var(--ink)}.row-live:hover .row-n{color:var(--drift)}}.chip{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule-strong);color:var(--ink-3);transition:color .35s var(--ease-out), border-color .35s var(--ease-out), background .35s var(--ease-out);border-radius:999px;align-items:center;gap:.6em;padding:.45em .8em;display:inline-flex}.chip:before{content:"";width:6px;height:6px;transition:background .35s var(--ease-out), border-color .35s var(--ease-out);border:1px solid;border-radius:50%}.chip--on{color:var(--ink);border-color:var(--ink-2)}.chip--on:before{background:var(--declared);border-color:var(--declared);box-shadow:0 0 8px #9fc6d499}@media (hover:hover){.chip:hover{color:var(--ink);border-color:var(--ink-2);background:#f2ede40a}.chip:hover:before{background:var(--ink-2);border-color:var(--ink-2)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:var(--step--1);padding:.6rem 1rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip:focus{left:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .rv,.js .mask>span{opacity:1;translate:0}.js .fig:after{transform:scaleX(1)}}@media print{:root{--bg:#fff;--bg-1:#fff;--bg-2:#f4f0e8;--rule:#d9d2c6;--rule-strong:#b9b0a0;--ink:#111;--ink-2:#333;--ink-3:#555;--ink-4:#777;--declared:#1a6a83;--drift:#c8360a;--proof:#7a5d10;color-scheme:light}body:after,.masthead,.rail,.edge,.cur,.spot,.scrollcue,.btn--ghost,canvas{display:none!important}.js .rv,.js .mask>span{opacity:1!important;translate:0!important}.js .fig:after{transform:none!important}.scene{break-inside:avoid;padding-block:1.5rem}.display,.display .accent,.h-scene{text-shadow:none;color:var(--ink)}.paper{box-shadow:none;border:1px solid var(--rule-strong)}a[href^=http]:after{content:" (" attr(href) ")";font-family:var(--font-mono);color:var(--ink-3);font-size:.8em}}
