@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/instrument-serif-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Geist"; font-weight: 100 900; font-display: swap; src: url("/fonts/geist-latin-wght-normal.woff2") format("woff2"); }
html { background: #030406; color-scheme: dark; }
body { margin: 0; background: radial-gradient(80% 50% at 50% 0%, #07090f 0%, #030406 70%); color: #eef1f8; font: 400 16px/1.65 "Geist", ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.lg { max-width: 720px; margin: 0 auto; padding: clamp(36px, 8vh, 80px) 24px clamp(48px, 10vh, 110px); }
.lg-brand { margin: 0 0 40px; font-size: 18px; font-weight: 500; letter-spacing: -0.012em; }
.lg-brand a { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.lg-brand b { font-weight: 600; color: #19e6a2; }
.lg h1 { margin: 0; font: italic 400 clamp(44px, 8vw, 80px)/1 "Instrument Serif", Georgia, serif; letter-spacing: -0.03em; }
.lg h2 { margin: 40px 0 8px; font: 500 12px "Geist Mono", ui-monospace, Consolas, monospace; letter-spacing: 0.14em; text-transform: uppercase; color: #8a93a8; }
.lg p, .lg li { margin: 10px 0; color: #dfe4ef; }
.lg ul { padding-left: 1.2em; }
.lg a { color: #eef1f8; text-decoration-color: rgba(255, 255, 255, 0.35); text-underline-offset: 3px; }
.lg a:hover { text-decoration-color: #19e6a2; }
.lg a:focus-visible { outline: 2px solid #19e6a2; outline-offset: 3px; border-radius: 3px; }
.lg-note { color: #8a93a8; font-size: 14px; }
.lg-brand .mk { flex: none; margin-right: 8px; }