@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/anton-400.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope-400.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/manrope-600.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope-700.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope-800.ttf') format('truetype')}
:root{
  --font-display:'Anton','Arial Narrow',Impact,sans-serif;
  --font-body:'Manrope',Arial,sans-serif;
  --bg:#f3f5ef;
  --surface:#ffffff;
  --surface-dark:#09110c;
  --surface-soft:#dfe8dd;
  --ink:#09110c;
  --ink-soft:#4d5a50;
  --paper:#f7f9f3;
  --accent:#239e3d;
  --accent-dark:#117529;
  --accent-pale:#d9f7df;
  --accent-ink:#ffffff;
  --border:#b9c4b9;
  --shadow:8px 8px 0 rgba(9,17,12,.16);
  --shadow-lift:12px 12px 0 rgba(9,17,12,.22);
  --content:min(92vw,1180px);
  --section-pad:clamp(4.2rem,8vw,7.5rem);
  --h1:clamp(3.55rem,7vw,6.9rem);
  --h2:clamp(2.8rem,5.5vw,5.4rem);
  --ease:cubic-bezier(.2,.9,.1,1);
  --reveal-rise:28px;
  --reveal-dur:.30s;
  --stagger:55ms;
}