@font-face { font-family: "Hanken Grotesk"; src: url("/fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
* { box-sizing: border-box; }
html { background: #d6d4b9; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 32px 20px; color: #0f1511; font-family: "Hanken Grotesk", system-ui, sans-serif; border-bottom: 14px solid #c8321e; }
main { width: 100%; max-width: 38rem; }
.mark { display: block; width: min(260px, 60%); height: auto; margin: 0 0 36px; }
.label { margin: 0 0 14px; font: 600 1rem/1 "JetBrains Mono", ui-monospace, monospace; letter-spacing: 0.12em; text-transform: uppercase; color: #a52613; }
h1 { margin: 0 0 20px; font-weight: 800; font-size: clamp(2.5rem, 8vw, 4.25rem); line-height: 1; letter-spacing: -0.035em; }
.lead { margin: 0 0 32px; font-size: 1.25rem; line-height: 1.5; color: #3b463d; }
.mail { margin: 0; padding-top: 20px; border-top: 2px solid #0f1511; font: 500 0.9375rem/1.5 "JetBrains Mono", ui-monospace, monospace; }
a { color: inherit; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #1f3a2b; outline-offset: 3px; }