@font-face{font-family:Mattone;src:url(../fonts/Mattone-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mattone;src:url(../fonts/Mattone-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Mattone;src:url(../fonts/Mattone-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Necto Mono;src:url(../fonts/NectoMono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink: #0d0d0f;--cream: #f4ecd8;--clay: #C26B4A;--cream-62: rgba(244,236,216,.62);--cream-38: rgba(244,236,216,.38);--cream-16: rgba(244,236,216,.16);--cream-08: rgba(244,236,216,.08);--ink-60: rgba(13,13,15,.6);--ink-38: rgba(13,13,15,.38);--ink-14: rgba(13,13,15,.14);--ink-06: rgba(13,13,15,.06);--bg: var(--ink);--bg-soft: #141416;--fg: var(--cream);--fg-dim: var(--cream-62);--fg-mute: var(--cream-38);--hair: var(--cream-16);--fill: var(--cream-08);--accent: var(--clay);--accent-fg:#ffffff;--display: "Mattone", serif;--body: "Necto Mono", monospace;--fs-display: clamp(3.5rem, 9vw, 8rem);--fs-h1: clamp(2.5rem, 6vw, 4.5rem);--fs-h2: clamp(2rem, 4.5vw, 3rem);--fs-h3: 1.5rem;--fs-lede: 1.25rem;--fs-body: 1rem;--fs-caption: .8125rem;--fs-eyebrow: .75rem;--lh-tight: 1;--lh-snug: 1.1;--lh-base: 1.2;--lh-lede: 1.55;--lh-body: 1.7;--tracking-eyebrow: .2em;--tracking-button: .04em;--s-1: 4px;--s-2: 8px;--s-3: 16px;--s-4: 24px;--s-5: 32px;--s-6: 48px;--s-7: 64px;--s-8: 96px;--s-9: 128px;--measure: 64ch;--container: 1040px;--pad-page: 8vw;--r-1: 1px;--r-2: 2px;--r-3: 3px;--r-pill: 999px;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .48s}.theme-cream,[data-theme=cream]{--bg: var(--cream);--bg-soft: #efe6cf;--fg: var(--ink);--fg-dim: var(--ink-60);--fg-mute: var(--ink-38);--hair: var(--ink-14);--fill: var(--ink-06)}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--display);color:var(--fg);text-wrap:balance}::selection{background:var(--clay);color:#fff}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--cream);font-family:var(--body);margin:0}*{box-sizing:border-box}