@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-display: swap; font-weight: 200 800; src: url(fonts/bricolage-grotesque-latin-opsz-normal.woff2) format("woff2-variations"); }
:root { --bg: #EFEEEC; --ink: #111113; --body: #4F5058; --muted: #8A8B94; --accent: #2447E8; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #161413; --ink: #F2F2F3; --body: #B4B5BC; --muted: #7C7D86; --accent: #6F8BFF; } }
:root[data-theme="dark"] { --bg: #161413; --ink: #F2F2F3; --body: #B4B5BC; --muted: #7C7D86; --accent: #6F8BFF; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 96px; }
.back { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-weight: 700; font-size: 20px; letter-spacing: -.03em; }
h1 { font-size: clamp(40px, 8vw, 60px); line-height: 1; letter-spacing: -.04em; margin: 48px 0 12px; }
.lead { font-size: 22px; color: var(--ink); font-weight: 600; letter-spacing: -.02em; }
h2 { font-size: 19px; letter-spacing: -.01em; margin: 34px 0 6px; }
p { color: var(--body); margin: 0 0 10px; }
a { color: var(--accent); }
.stand { color: var(--muted); font-size: 14px; margin-top: 30px; }