@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-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:#1F1B18;         
  --brand-dk:#13100E;      
  --brand-md:#3A322C;      
  --brand-lt:#F3E6DE;      

  
  --stain:#8A3B22;         
  --stain-2:#6B2C18;
  --stain-3:#B4673F;       
  --stain-shade:rgba(20,16,13,.62);   
  --stain-shade-hi:rgba(20,16,13,.8);
  --joint:rgba(0,0,0,.35); 
  --joint-w:2px;

  
  --accent:#8A3B22;        
  --accent-dk:#6B2C18;     
  --accent-lt:#F3E6DE;     
  --ruby:#8A3B22;          

  
  --zest:#E3A72F;
  --zest-lt:#F6E3B8;
  --zest-ink:#1F1B18;
  --zest-dk:#C68B17;

  
  --bg:#F2EFEA;            
  --cream:#E9E4DC;         
  --surface:#FFFFFF;       
  --paper:#FFFFFF;
  --paper-rgb:255,255,255;
  --ink:#22201D;           
  --ink-rgb:34,32,29;
  --heading:#1F1B18;
  --muted:#5D5953;         
  --ink-faint:#6E6962;     
  --line:#D9D3CA;          
  --line-strong:#C4BCB0;   
  --white:#FFFFFF;
  --sky:#2F5A6E;           

  
  --on-brand:#D3CCC4;
  --on-brand-dim:#BDB6AE;
  --on-brand-mute:#BDB6AE;
  --on-brand-fade:#958D84;
  --on-deep:#D3CCC4;
  --on-hero:#EDE3DA;
  --on-stain:#EEE2D8;
  --on-stain-dim:#D9CCC0;
  --chip-ring:rgba(255,255,255,.3);
  --chip-fill:rgba(0,0,0,.18);

  
  --shadow:0 30px 60px -25px rgba(0,0,0,.75);       
  --shadow-soft:0 18px 40px -22px rgba(31,27,24,.55);
  --scrim-rgb:19,16,14;      
  --band-rgb:31,27,24;       
  --zest-rgb:227,167,47;
  --hero-scrim:linear-gradient(100deg,rgba(20,16,13,.78) 0%,rgba(20,16,13,.4) 65%,rgba(20,16,13,.15) 100%);
  --hero-scrim-sm:linear-gradient(180deg,rgba(20,16,13,.78) 0%,rgba(20,16,13,.6) 60%,rgba(20,16,13,.8) 100%);
  --ghost-line:rgba(255,255,255,.55);
  --ghost-hover:rgba(255,255,255,.1);
  --ph-stripe:rgba(255,255,255,.06);
  --dark-rule:rgba(255,255,255,.14);

  
  --mottle-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='4' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .05 0 0 0 -1.6 1.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --mottle-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .012' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .7 0 0 0 0 .5 0 0 0 -2.4 1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");
  --mottle-dark-size:600px;
  --mottle-light-size:420px;

  
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --serif:var(--display);  
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

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

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