:root { --mms-inchiostro: #0d100e; --mms-calce: #eceee6; --mms-lime: #c8f03a; --mms-nebbia: #a3ab9f; }
@font-face { font-family: "Instrument Serif"; font-weight: 400; font-display: swap; src: url("/fonts/instrument-serif-latin.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-weight: 400 700; font-display: swap; src: url("/fonts/hanken-latin.woff2") format("woff2"); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--mms-inchiostro); color: var(--mms-calce); font: 400 1.0625rem/1.65 "Hanken Grotesk", system-ui, sans-serif; }
main { max-width: 42rem; margin-inline: auto; padding: 3rem max(16px, env(safe-area-inset-right, 0px)) 4rem max(16px, env(safe-area-inset-left, 0px)); }
h1 { font: 400 clamp(2.6rem, 9vw, 3.6rem)/1 "Instrument Serif", Georgia, serif; margin: 1.2rem 0 1.5rem; letter-spacing: -0.02em; }
h2 { font: 600 1.05rem/1.3 "Hanken Grotesk", system-ui, sans-serif; margin: 2rem 0 0.5rem; color: var(--mms-lime); }
a { color: var(--mms-lime); text-underline-offset: 0.2em; }
a:focus-visible { outline: 3px solid var(--mms-lime); outline-offset: 3px; }