:root{--ink:#0a0a0a;--mut:#777;--green:#24df92;--paper:#f5f5f5}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{width:min(780px,calc(100% - 40px));margin:0 auto;padding:44px 0 70px}
.brand{display:inline-block;color:var(--ink);font-size:29px;font-weight:700;letter-spacing:-.055em;text-decoration:none}
.brand span{color:var(--green)}
.kicker{margin:80px 0 12px;color:var(--mut);font:500 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.14em}
h1{max-width:680px;margin:0;font-size:clamp(42px,8vw,76px);font-weight:400;line-height:.98;letter-spacing:-.05em;text-transform:uppercase}
.date{margin:22px 0 50px;color:var(--mut);font:400 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em}
section{border-top:1px solid var(--ink)}
h2{margin:34px 0 10px;font-size:20px;letter-spacing:-.02em}
p{font-size:17px;line-height:1.65}
a{color:inherit;text-underline-offset:4px}
.back{display:inline-block;margin-top:44px;font-weight:700}
@media(max-width:520px){main{padding-top:24px}.kicker{margin-top:60px}p{font-size:16px}}