:root{

  
  --ff-display : "Archivo", "Helvetica Neue", Arial, sans-serif;      
  --ff-text    : "Public Sans", "Helvetica Neue", Arial, sans-serif;  
  --ff-record  : "Newsreader", Georgia, "Times New Roman", serif;     
  --ff-mono    : "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; 

  

  
  --paper-050 : #f4f6f5;   
  --paper-100 : #e9eceb;   
  --paper-200 : #e3e6e6;   
  --paper-300 : #d2d6d6;   
  --paper-400 : #a9afaf;   
  
  --paper-500 : #929999;   
  --white     : #ffffff;   

  
  --ink-1000  : #000000;   
  --ink-900   : #111312;   
  --ink-850   : #171a1a;   
  --ink-700   : #2b2f2f;   
  
  --ink-500   : #464a4b;   
  --ink-400   : #7a7f80;   

  
  --signal-on-paper : #a32b12;   
  --signal-on-ink   : #d8442a;   

  
  --line-on-paper        : rgba(17,19,18,.17);
  --line-on-paper-strong : rgba(17,19,18,.40);
  --line-on-ink          : rgba(233,236,235,.17);
  --line-on-ink-strong   : rgba(233,236,235,.40);

  
  --state-focus-width   : 2px;
  --state-focus-offset  : 3px;
  --state-muted-alpha   : .62;
  --state-quiet-alpha   : .40;
  --state-disabled-alpha: .34;
  --state-hover-lift    : -2px;
  --state-scrim-alpha   : .86;   

  

  
  --step-n3 : 0.702rem;    
  --step-n2 : 0.790rem;    
  --step-n1 : 0.889rem;    
  --step-0  : 1rem;        
  --step-1  : 1.250rem;    
  --step-2  : 1.563rem;    
  --step-3  : 1.953rem;    
  --step-4  : 2.441rem;    
  --step-6  : 3.815rem;    
  --step-7  : 4.768rem;    
  --step-9  : 7.451rem;    
  --step-10 : 9.313rem;    

  
  --fs-micro     : var(--step-n3);   
  --fs-fine      : var(--step-n2);   
  --fs-small     : var(--step-n1);   
  --fs-body      : var(--step-0);    
  --fs-lede      : clamp(1.125rem, 0.963rem + 0.667vw, 1.563rem);  
  --fs-sub       : clamp(1.250rem, 0.989rem + 1.071vw, 1.953rem);  
  --fs-statement : clamp(1.625rem, 1.322rem + 1.244vw, 2.441rem);  
  --fs-chapter   : clamp(2.125rem, 1.497rem + 2.575vw, 3.815rem);  
  --fs-figure    : clamp(2.750rem, 2.001rem + 3.075vw, 4.768rem);  
  --fs-hero      : clamp(2.875rem, 1.176rem + 6.972vw, 7.451rem);  
  --fs-monument  : clamp(3.500rem, 1.341rem + 8.858vw, 9.313rem);  
  

  
  --ls-display : -0.042em;
  --ls-figure  : -0.045em;
  --ls-row     : -0.022em;   
  --ls-lede    : -0.012em;
  --ls-body    : -0.003em;
  --ls-record  :  0em;       
  --ls-mono    :  0.16em;
  --ls-mark    :  0.10em;    

  
  --ws-display : 0.06em;
  --ws-figure  : 0.04em;
  --ws-row     : 0.02em;

  
  --lh-display : 0.88;
  --lh-figure  : 0.82;
  --lh-lede    : 1.36;
  --lh-body    : 1.5;
  --lh-record  : 1.44;
  --lh-mono    : 1.2;

  
  --wt-display     : 600;
  --wt-display-lt  : 400;   
  --wt-figure      : 500;
  --wt-body        : 400;
  --wt-body-strong : 500;
  --wt-mono        : 500;
  --wt-mono-lt     : 400;
  --wt-record      : 400;

  --wd-display : 86%;   
  --wd-figure  : 74%;   
  --wd-mark    : 90%;   
  --wd-row     : 92%;   

  
  --measure-prose   : 62ch;   
  --measure-record  : 54ch;   
  --measure-tight   : 46ch;   
  --measure-display : 17ch;   

  
  --sp-1  : 4px;
  --sp-2  : 8px;
  --sp-3  : 12px;
  --sp-4  : 16px;
  --sp-5  : 24px;
  --sp-6  : 32px;
  --sp-7  : 48px;
  --sp-8  : 64px;
  --sp-9  : 96px;
  --sp-10 : 128px;
  --sp-11 : 192px;
  --sp-12 : 256px;

  --baseline    : 24px;            
  --pad-ch-y    : var(--sp-9);     
  --pad-ch-y-lg : var(--sp-10);    
  --pad-monument: clamp(120px, 22vh, 208px);  

  
  --shell   : 1360px;                       
  --page-x  : clamp(20px, 2.8vw, 40px);     
  --rail    : 88px;                         
  --rail-gap: 5px;                          
  --tick    : 48px;                         
  --tick-len: 13px;
  --cols    : 12;
  --gutter  : 24px;
  --nav-h   : 64px;

  
  --hair   : 1px;    
  --hair-2 : 2px;    
  --spine  : 2px;    
  --radius : 0;      

  
  --ratio-wide   : 16 / 9;
  --ratio-frame  : 3 / 2;
  --ratio-tall   : 4 / 5;
  --ratio-square : 1 / 1;
  --fig-h-full   : 100svh;
  --fig-h-major  : clamp(420px, 72vh, 860px);
  --fig-h-minor  : clamp(240px, 38vh, 440px);
  --scrim-foot   : linear-gradient(to top, rgba(0,0,0,.74) 0%, rgba(0,0,0,.30) 38%, rgba(0,0,0,0) 72%);
  --scrim-head   : linear-gradient(to bottom, rgba(0,0,0,.66) 0%, rgba(0,0,0,0) 56%);
  --scrim-flat   : linear-gradient(to bottom, rgba(0,0,0,.42) 0%, rgba(0,0,0,.42) 100%);

  
  --ease-out  : cubic-bezier(.16,1,.3,1);      
  --ease-rule : cubic-bezier(.22,.61,.36,1);   
  --ease-swap : cubic-bezier(.65,0,.35,1);     
  --dur-1     : 180ms;    
  --dur-2     : 420ms;    
  --dur-3     : 720ms;    
  --dur-4     : 1100ms;   
  --dur-rule  : 900ms;    
  --stagger   : 70ms;     

  
  --z-under   : -1;
  --z-base    : 0;
  --z-field   : 1;    
  --z-content : 2;    
  --z-rail    : 3;    
  --z-sticky  : 50;
  --z-nav     : 100;
  --z-sheet   : 200;  
  --z-skip    : 300;  

  color-scheme: light;
}

@media (max-width: 1100px){
  :root{
    --gutter : 20px;
  }
}

@media (max-width: 760px){
  :root{
    --rail     : 40px;
    --tick     : 48px;       
    --tick-len : 9px;
    --rail-gap : 0px;
    --gutter   : 16px;
    --nav-h    : 58px;
    --ls-mono  : 0.10em;
    --pad-ch-y : var(--sp-8);
  }
}