@font-face{font-family:"Red Hat Display";src:url("../assets/fonts/red-hat-display.ttf") format("truetype");font-weight:300 900;font-display:swap}
:root{
  --background:#f9f8f5;--surface:#fff;--text:#242720;--muted:#666a60;--border:#d9dcd3;
  --accent:#365344;--accent-light:#e9eee6;--sale:#85513f;--image-bg:#e7e7e4;--overlay:rgb(25 30 25 / 28%);
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
  --space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --gutter:clamp(20px,3.4vw,64px);--container:1720px;--reading:560px;--section-space:clamp(64px,7.5vw,128px);
  --font:"Red Hat Display",Arial,sans-serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;
  --type-hero:clamp(68px,9.5vw,156px);--type-page:clamp(42px,5vw,76px);--type-heading:clamp(30px,3vw,46px);
  --header-height:88px;--radius:0;--speed:220ms;--ease:cubic-bezier(.2,.65,.3,1);
}
@media(max-width:1099px){:root{--header-height:72px}}
@media(max-width:599px){:root{--header-height:64px;--gutter:20px;--text-base:14px}}