@font-face{font-family:Fraunces;src:url('./fonts/Fraunces.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('./fonts/Manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--brand-plum:#281B35;--brand-ivory:#F7F4EE;--brand-lavender:#E5DEF5;--brand-mint:#DBF5DC;--brand-petrol:#123D43;--color-ink:var(--brand-plum);--color-canvas:var(--brand-ivory);--color-accent:var(--brand-lavender);--font-display:'Fraunces',Georgia,serif;--font-body:'Manrope',Arial,sans-serif;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--radius-control:8px;--radius-card:12px;--content-max:1280px;--motion-fast:180ms;--motion-reveal:480ms}
.brand-display{font-family:var(--font-display);font-weight:550;font-variation-settings:'SOFT' 50,'WONK' 1,'opsz' 72;line-height:1.08;letter-spacing:-.025em}
.brand-body{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--color-ink)}
.brand-focus:focus-visible{outline:2px solid var(--brand-plum);outline-offset:4px;box-shadow:0 0 0 4px var(--brand-ivory)}
@media(prefers-reduced-motion:reduce){.brand-motion{animation:none!important;transition:none!important;scroll-behavior:auto!important}}