@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/big-shoulders-display-latin.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/public-sans-latin.woff2) format('woff2')}

:root{
  
  --brand:#23272B;         
  --brand-dk:#1A1D20;      
  --brand-md:#343A40;      
  --brand-lt:#F3E6DA;      

  
  --accent:#A95B1E;        
  --accent-dk:#8A4815;     
  --accent-lt:#F3E6DA;     
  --ruby:#A95B1E;          

  
  --zest:#E0A064;
  --zest-lt:#F6E7D6;
  --zest-ink:#23272B;      
  --zest-dk:#EAB684;

  
  --bg:#FFFFFF;            
  --cream:#EEEAE3;         
  --surface:#FFFFFF;       
  --paper:#FFFFFF;
  --paper-rgb:255,255,255;
  --ink:#22252A;           
  --ink-rgb:34,37,42;
  --muted:#5E6268;         
  --ink-faint:#6A6E74;     
  --line:#D8D2C7;          
  --white:#FFFFFF;

  
  --on-brand:#DDDAD4;
  --on-brand-dim:#BDBAB3;
  --on-brand-mute:#BDBAB3;
  --on-brand-fade:#9C9A94;
  --on-deep:#D2CFC8;
  --on-hero:#E6E2DA;

  
  --wood:#7A4A26;          
  --wood-lt:#B07A4E;       

  
  --picket-h:64px;
  --picket-w:44px;

  
  --shadow:0 30px 60px -22px rgba(0,0,0,.55);   
  --shadow-soft:0 14px 36px -18px rgba(35,39,43,.5);  
  --scrim-rgb:26,29,32;      
  --band-rgb:35,39,43;       
  --zest-rgb:224,160,100;
  --hero-scrim:linear-gradient(90deg,rgba(20,22,25,.84) 0%,rgba(20,22,25,.58) 55%,rgba(20,22,25,.22) 100%);
  --ghost-line:rgba(255,255,255,.55);
  --ghost-hover:rgba(255,255,255,.1);
  --ph-stripe:rgba(255,255,255,.06);

  
  --display:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;
  --serif:var(--display);  
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  
  --r:6px;
  --r-sm:4px;
  --pill:999px;
  --maxw:1180px;

  
  --hero-focus:50% 55%;
  --hero-focus-sm:60% 55%;
  --hero-shift:0%;
  --hero-band-h:min(52vh,440px);
}