@layer reset,base,components;
@layer reset {
 *,*::before,*::after{box-sizing:border-box}
 body,h1,h2,h3,p,ul,ol,figure{margin:0}
 img,svg{display:block;max-width:100%}
 button,input,select,textarea{font:inherit}
 button,a,input,select{-webkit-tap-highlight-color:transparent}
 [hidden]{display:none!important}
 button{cursor:pointer}
 fieldset{min-width:0;margin:0;padding:0;border:0}
}
@layer base {
 @font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
 @font-face{font-family:Doto;src:url('/assets/fonts/doto-latin.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
 :root{--paper:#f6f4ed;--white:#fffdf8;--mint:#dce7da;--ink:#1d2d34;--lime:#cbe886;--terracotta:#c56b43;--muted:#536359;--line:#c8cec4;--control:#667b6c;--orange:#994426;--focus:#994426;color-scheme:light}
 html{scroll-behavior:smooth;scroll-padding-top:24px}
 body{background:var(--paper);color:var(--ink);font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
 a{color:inherit;text-decoration:none}
 p{color:var(--muted)}
 h1,h2,h3{font-weight:700;letter-spacing:-.04em;line-height:1.12}
 h1{font-size:clamp(2rem,4.5vw,3.8rem)}
 h2{font-size:clamp(1.8rem,3vw,2.5rem)}
 h3{font-size:1.125rem}
 button:disabled{cursor:not-allowed;opacity:.5}
 :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
 ::selection{background:var(--lime);color:var(--ink)}
 svg{flex-shrink:0;width:20px;height:20px}
 @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
}