/* Archivo, self-hosted (SIL Open Font License) */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 400; font-stretch: 100% 125%; font-display: swap; src: url('/archivo-latin.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: 'Archivo'; font-style: normal; font-weight: 700; font-stretch: 100% 125%; font-display: swap; src: url('/archivo-latin.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; }
:root { color-scheme: dark; --ground: #000; --ink: #fff; --ink-soft: #B9B9B9; --line: rgba(255,255,255,.14); }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--ground); color: var(--ink); font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: calc(env(safe-area-inset-top, 0px) + 24px) clamp(16px, 4vw, 48px) 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand img { width: clamp(46px, 5vw, 60px); height: auto; mix-blend-mode: screen; }
.brand b { display: block; font-size: clamp(.95rem, 2vw, 1.3rem); font-stretch: 125%; letter-spacing: .14em; text-transform: uppercase; }
.brand small { display: block; font-size: .72rem; color: var(--ink-soft); letter-spacing: .03em; margin-top: 2px; }
.btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 999px; background: var(--ink); color: var(--ground); text-decoration: none; font-size: .85rem; font-weight: 700; font-stretch: 112%; letter-spacing: .12em; text-transform: uppercase; }
.btn:hover { box-shadow: 0 0 30px rgba(255,255,255,.3); }
.btn:focus-visible, .brand:focus-visible, a:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font-size: .78rem; font-weight: 700; font-stretch: 115%; letter-spacing: .24em; text-transform: uppercase; color: var(--ink-soft); }
.eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }
h1 { margin: 0; font-weight: 700; font-stretch: 112%; text-transform: uppercase; letter-spacing: -.015em; line-height: .98; text-wrap: balance; }
h1 em { font-style: normal; color: transparent; -webkit-text-stroke: 1.5px var(--ink); }
.foot { padding: 22px clamp(16px, 4vw, 48px) calc(env(safe-area-inset-bottom, 0px) + 22px); border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; font-size: .85rem; color: var(--ink-soft); }
.foot a { color: var(--ink); text-decoration: none; }