@font-face{font-family:'Instrument Serif';src:url('/design/assets/fonts/InstrumentSerif-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/design/assets/fonts/InstrumentSerif-Italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Haskoy;src:url('/design/assets/fonts/Haskoy-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/design/assets/fonts/SpaceGrotesk-variable.woff2') format('woff2');font-weight:300 700;font-display:swap}
/* Looks v2 reading faces (apps/notefriends/src/constants/look-fonts.js): declared here, downloaded only when a Look uses one. */
@font-face{font-family:Fraunces;src:url('/design/assets/fonts/Fraunces-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Literata;src:url('/design/assets/fonts/Literata-variable.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:Literata;src:url('/design/assets/fonts/Literata-Italic-variable.woff2') format('woff2');font-style:italic;font-weight:200 900;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/design/assets/fonts/BricolageGrotesque-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/design/assets/fonts/JetBrainsMono-variable.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
@font-face{font-family:'Courier Prime';src:url('/design/assets/fonts/CourierPrime-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Courier Prime';src:url('/design/assets/fonts/CourierPrime-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/* Open-licence fonts from the Awwwards free-fonts collection (2026-10-22): one typography each, chosen by AI through set_note_look. */
@font-face{font-family:'Hanken Grotesk';src:url('/design/assets/fonts/HankenGrotesk-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Archivo Narrow';src:url('/design/assets/fonts/ArchivoNarrow-variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
/* Rooms visual standard (ADR-023): Newsreader is the shell's title serif (--nf-font-display); Hanken Grotesk above is the interface face. Both have the optical-size axis where the font has one. */
@font-face{font-family:Newsreader;src:url('/design/assets/fonts/Newsreader-variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('/design/assets/fonts/Newsreader-Italic-variable.woff2') format('woff2');font-style:italic;font-weight:200 800;font-display:swap}