*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--surface);color:var(--text-body);font-family:var(--font-body);font-size:var(--t-body-size);line-height:var(--t-body-lh);position:relative}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.36'/%3E%3C/svg%3E");
mix-blend-mode:multiply;opacity:.55}
h1,h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;margin:0}
h1{font-size:var(--t-hero-size);line-height:var(--t-hero-lh);letter-spacing:var(--t-hero-ls)}
h2{font-size:var(--t-h2-size);letter-spacing:var(--t-h2-ls)}
h3{font-family:var(--font-mono);font-size:var(--t-eyebrow-size);text-transform:uppercase;letter-spacing:var(--t-eyebrow-ls);color:var(--text-caption);margin:0;font-weight:500}
p{margin:0 0 14px;max-width:62ch}
a{color:var(--accent-link);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px}
a:hover{color:var(--ink)}
.note{font-family:var(--font-hand);font-size:var(--t-note-size);color:var(--text-caption);transform:rotate(-1.4deg);display:inline-block;line-height:var(--t-note-lh)}
.lede{font-size:var(--t-lede-size);line-height:var(--t-lede-lh);color:var(--text-secondary)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}