@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/e8f2fbee2754df70-s.p.9b7a96b4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/a88409fdd7dc121c-s.62b55a98.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/99e609270109b47d-s.64b9304e.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/2fe89d53234c61d4-s.cb53f04b.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--background-primary:#131313;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-tertiary:#a1a1aa;--text-quaternary:#71717a;--border-primary:#404040;--grid-line-large:#1f1f1f;--accent-primary:#57ded3;--font-sans:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--k:calc(100vw / 24)}
@media (max-width:900px){:root{--k:calc(100vw / 6)}}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--background-primary);color:var(--text-secondary);font-family:var(--font-sans);font-weight:300;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}
/* the site's block grid, drawn on the page floor */
.grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--grid-line-large) 1px,transparent 1px),linear-gradient(var(--grid-line-large) 1px,transparent 1px);background-size:var(--k) var(--k);background-position:calc(var(--k) / 2) 0}
.top,.legal,.foot{position:relative;z-index:1}
.top{height:var(--k);display:flex;align-items:stretch;justify-content:space-between;margin:0 var(--k)}
.top .brand{display:flex;align-items:center;gap:.7em;padding:0 calc(var(--k) * .35);box-shadow:inset 0 0 0 1px var(--border-primary);color:var(--text-primary);letter-spacing:.32em;font-size:13px;font-weight:400}
.top .brand .logo{width:1.15em;height:1.15em;color:var(--text-primary)}
.top .back{display:flex;align-items:center;padding:0 calc(var(--k) * .4);box-shadow:inset 0 0 0 1px var(--border-primary);color:var(--text-tertiary);font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:color .2s,background-color .2s}
.top .back:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}
.legal{margin:calc(var(--k) * 1) var(--k) 0}
.frame{box-shadow:inset 0 0 0 1px var(--border-primary);padding:calc(var(--k) * .8) calc(var(--k) * .9) calc(var(--k) * 1);background:rgba(19,19,19,.72)}
.frame h1{font-weight:200;font-size:clamp(30px,3.2vw,46px);letter-spacing:.06em;text-transform:uppercase;line-height:1.05;margin:0 0 .35em;color:var(--text-primary)}
.frame .date{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-quaternary);margin:0 0 calc(var(--k) * .7)}
.frame h2{font-weight:300;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);margin:calc(var(--k) * .55) 0 .7em;padding-top:calc(var(--k) * .3);border-top:1px solid var(--border-primary);max-width:760px}
.frame p,.frame li{color:var(--text-tertiary);font-size:15px;line-height:1.75;max-width:720px;margin:0 0 1em}
.frame ul{margin:.4em 0 1.2em 1.2em;padding:0}
.frame li{margin-bottom:.45em}
.frame strong{color:var(--text-primary);font-weight:400}
.frame a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(87,222,211,.4)}
.foot{margin:calc(var(--k) * .5) var(--k) calc(var(--k) * .8);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6em calc(var(--k) * .5);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-quaternary)}
.foot nav{display:flex;gap:calc(var(--k) * .4)}
.foot a:hover{color:var(--text-primary)}
@media (max-width:900px){.top,.legal,.foot{margin-left:calc(var(--k) * .25);margin-right:calc(var(--k) * .25)}.top .brand{padding:0 1em}.top .back{padding:0 1em}.frame{padding:calc(var(--k) * .5) calc(var(--k) * .35)}.frame h2{padding-top:calc(var(--k) * .25)}}