@font-face{font-family:"Geist";src:url("/assets/fonts/geist-latin-v3.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/assets/fonts/geist-mono-latin-v3.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{
  
  --papel:#E7E6E1;
  --papel-2:#D6D4CE;
  --branco:#FFFFFF;                     
  --tinta:#0E0E0D;
  --cinza-esc:#55524C;
  --shu:#E8381F;
  --shu-esc:#B42415;
  --grafite:#2B2A27;                    
  --linha-inv:rgba(231,230,225,.24);    
  --grelha:rgba(14,14,13,.07);          
  --linha:rgba(14,14,13,.25);           
  --neon:0 0 14px 4px rgba(232,56,31,.45); 
  --op-matriz:.26;                      
  
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
  
  --t-display:clamp(2.75rem,11vw,12rem);  --lh-display:.9;   --ls-display:-.045em; --w-display:600;
  --t-h1:clamp(2rem,6vw,5.5rem);          --lh-h1:.95;       --ls-h1:-.035em;      --w-h1:600;
  --t-h2:clamp(1.375rem,3vw,2.5rem);      --lh-h2:1.05;      --ls-h2:-.02em;       --w-h2:500;
  --t-body:1.125rem;                      --lh-body:1.45;    --measure-body:52ch;
  --t-small:.9375rem;                     --lh-small:1.4;
  
  --t-hero:clamp(3rem,6.6vw,6.75rem);
  --t-sec:clamp(2.667rem,1.7rem + 1.9vw,3.556rem);
  --t-case:2rem;  --t-lede:1.5rem;  --t-cap:.84375rem;
  --r-screen:10px;                      
  --t-mono:.75rem;                        --lh-mono:1.4;     --ls-mono:.04em;      --w-mono:500; 
  
  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:32px; --sp-6:48px; --sp-7:64px; --sp-8:96px; --sp-9:128px;
  
  --cols:4; --gutter:16px; --margem:16px;
  --passo-pontos:16px;                  
  
  --dur-max:300ms;
  --dur-fill:160ms;
  --dur-hover:140ms;
  --dur-cut:300ms;
}
@media (min-width:640px){  
  :root{--cols:6; --gutter:20px; --margem:32px; --passo-pontos:24px}
}
@media (min-width:1024px){ 
  :root{--cols:12; --gutter:24px; --margem:clamp(20px,4vw,64px)}
}
:root{--pad-r:max(var(--margem),var(--nav-rail,0px)); --measure-max:75ch}
:root{--nav-rail:0px}
@media (hover:hover) and (pointer:fine) and (min-width:1024px){:root{--nav-rail:calc(var(--margem) + 64px)}}