@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:700 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:400 800;font-display:swap;src:url(/assets/fonts/public-sans-latin.woff2) format('woff2')}

:root{
  
  --brand:#2B2D2E;         
  --brand-dk:#1D1F20;      
  --brand-md:#3B3E40;      
  --brand-2:#4A4C4B;       
  --brand-lt:#E9EEEA;      

  
  --accent:#3F6B4E;        
  --accent-dk:#2F5340;
  --accent-lt:#E3ECE6;
  --ruby:#B4341E;          

  --zest:#E3A62F;          
  --zest-lt:#F8ECD2;

  
  --bg:#FFFFFF;
  --cream:#EFECE6;         
  --ink:#222425;
  --muted:#5D605F;
  --line:#D8D3CA;
  --vein:#D3CEC4;          
  --joint-w:4px;           

  
  --sans:"Public Sans",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;  
  --h-weight:800;
  --h-track:.005em;
  --h-case:uppercase;

  
  --r:3px;
  --r-sm:2px;
  --maxw:1180px;
  --shadow:0 18px 40px -22px rgba(31,32,33,.55);
  --card-foot:0px;

  
  --texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -9 4.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3Cpath d='M279 0v280M0 279h280' stroke='%23000' stroke-opacity='.28' stroke-width='2'/%3E%3C/svg%3E");

  
  --scrim-rgb:31,32,33;
  --band-rgb:31,32,33;
  --ink-rgb:34,36,37;
  --zest-rgb:227,166,47;

  --paper:#FAF9F6;
  --paper-rgb:250,249,246;

  --zest-ink:#1F2021;      
  --zest-dk:#C68C1C;

  --on-brand:#ECE9E3;
  --on-brand-dim:#C9C8C3;
  --on-brand-mute:#B0AFAA;
  --on-brand-fade:#9A9993;

  
  --hero-focus:60% 60%;
  --hero-focus-sm:60% 60%;

  --hero-band-h:auto;
}