@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/assets/playfair-display.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600 700; font-display: swap; src: url("/assets/montserrat.woff2") format("woff2"); }
@font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/source-sans-pro.woff2") format("woff2"); }
:root { color-scheme: dark; --background: #10171b; --glow: #24302e; --accent: #bcb298; --text: #f5f4ef; --muted: #a8b0b2; }
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--background); }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; color: var(--text); background: radial-gradient(ellipse at 50% 35%, var(--glow), var(--background) 68%); font: 400 16px/1.5 "Source Sans Pro", Arial, sans-serif; }
body.diy { --background: #0f191c; --glow: #203536; --accent: #99bab1; }
.site-header { padding: 44px 24px 24px; text-align: center; }
.brand { margin: 0; font: 700 clamp(17px, 2vw, 23px)/1.4 "Montserrat", Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; }
main { flex: 1; display: grid; place-items: center; padding: 64px 24px 80px; text-align: center; }
.announcement { max-width: 100%; }
h1 { margin: 0; font: 400 clamp(42px, 7vw, 80px)/1.18 "Playfair Display", Georgia, serif; letter-spacing: -.02em; }
.rule { width: 48px; height: 1px; margin: 30px auto 0; background: var(--accent); }
.site-footer { padding: 28px 24px 36px; text-align: center; color: var(--muted); font-size: 14px; }
.site-footer p { margin: 0; }
@media (max-width: 480px) { .site-header { padding-top: 32px; } main { padding: 56px 20px 72px; } .site-footer { font-size: 13px; padding-bottom: 28px; } }