@font-face{font-family:'Gloock';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/gloock-latin.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/hanken-grotesk-latin.woff2) format('woff2')}

:root{
  
  --brand:#14222D;         
  --brand-dk:#0D1720;      
  --brand-md:#22374A;      
  --brand-2:#2E4A5C;       
  --brand-lt:#E6ECEF;      

  
  --accent:#8A3324;        
  --accent-dk:#6E2819;
  --accent-lt:#F3E5E0;
  --ruby:#8A3324;          

  --zest:#C9963A;          
  --zest-lt:#F6EBD6;

  
  --bg:#FFFFFF;
  --cream:#F4F2ED;         
  --ink:#1D2024;
  --muted:#5A5F66;
  --line:#D5D8D6;
  --vein:#D3D6D4;          

  
  --sans:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:"Gloock",Georgia,"Times New Roman",serif;
  --h-weight:400;          
  --h-track:-.005em;

  
  --r:4px;
  --r-sm:3px;
  --maxw:1180px;
  --shadow:0 18px 40px -22px rgba(20,34,45,.55);
  --card-foot:6px;         

  
  --texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.28' stroke-width='3'%3E%3Cpath d='M0 1.5h64M0 23.5h64M1.5 0v22M33.5 22v22'/%3E%3C/g%3E%3C/svg%3E");

  
  --scrim-rgb:20,34,45;
  --band-rgb:20,34,45;
  --ink-rgb:29,32,36;
  --zest-rgb:201,150,58;

  --paper:#FBFAF7;
  --paper-rgb:251,250,247;

  --zest-ink:#15181C;      
  --zest-dk:#A97B27;

  --on-brand:#E7ECEF;
  --on-brand-dim:#C9D2D8;
  --on-brand-mute:#AEB9C1;
  --on-brand-fade:#8FA3B1;

  
  --hero-focus:70% 55%;
  --hero-focus-sm:72% 55%;

  --hero-band-h:auto;
}