@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/fonts/hanken-grotesk-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/assets/fonts/hanken-grotesk-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  
  --kalk: #f5f4f1;
  --sand: #ebe7e0;
  --hvit: #ffffff;
  --dis: #e4ebf2;             
  --natt: #0e1d2c;
  --natt-2: #132639;
  --natt-3: #1e3650;
  --skifer: #5b6573;
  --bla: #005b9e;             
  --bla-tekst: #005b9e;       
  --bla-dyp: #004a82;
  --bla-lys: #8cc0ec;         
  
  --hero-slor-topp: rgba(14, 29, 44, 0.42);
  --hero-slor-bunn: rgba(14, 29, 44, 0.82);
  --hero-slor-midt: rgba(14, 29, 44, 0.4);
  --hero-slor-hjorne: rgba(14, 29, 44, 0.62);
  --hero-slor-himmel: rgba(14, 29, 44, 0.6); 

  
  --tekst: var(--natt);
  --tekst-dempet: #4a5563;
  --linje: rgba(14, 29, 44, 0.14);
  --linje-sterk: rgba(14, 29, 44, 0.32);

  
  --tekst-lys: #f5f4f1;
  --tekst-lys-dempet: rgba(245, 244, 241, 0.76);
  --linje-lys: rgba(245, 244, 241, 0.18);

  
  --slor: rgba(14, 29, 44, 0.72);   
  --skygge: rgba(14, 29, 44, 0.28);
  --feil: #a3341b;
  --meny-matt: rgba(245, 244, 241, 0.92);
  --merknad: rgba(255, 255, 255, 0.88);
  --merknad-skygge: rgba(0, 0, 0, 0.4);
  --hero-tekst-dempet: rgba(255, 255, 255, 0.86);    
  --hero-kant: rgba(255, 255, 255, 0.62);            
  --hero-knapp-flate: rgba(14, 29, 44, 0.3);         
  --hero-knapp-himmel: rgba(14, 29, 44, 0.55);       
  --hero-linje: rgba(255, 255, 255, 0.24);           
  --hero-skygge: rgba(8, 15, 24, 0.5);               
  --fokus: var(--bla-tekst);        

  
  --strek: #0e1d2c;
  --strek-mal: var(--bla);

  
  --font: "Hanken Grotesk", "Helvetica Neue", Helvetica, sans-serif;
  --vekt-tittel: 300;
  --vekt-tekst: 400;
  --vekt-merke: 600;
  --sporing-tittel: -0.03em;
  --sporing-merke: 0.14em;
  --str-hero: clamp(2.3rem, 1.2rem + 3.6vw, 4.6rem);
  --str-h2: clamp(2.1rem, 1.2rem + 3vw, 4.1rem);
  --str-h3: clamp(1.3rem, 1.1rem + 0.6vw, 1.6rem);
  --str-ingress: clamp(1.125rem, 1.05rem + 0.35vw, 1.3rem);
  --str-tekst: 1.0625rem;
  --str-merke: 0.78rem;
  --linjehoyde: 1.55;

  
  --marg: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);
  --maks: 1360px;
  --seksjon-luft: clamp(3.5rem, 2.2rem + 3.6vw, 6rem);
  --rad-luft: clamp(1.25rem, 0.8rem + 1.6vw, 2.25rem);
  --meny-h: 76px;
  --radius: 2px;
  --fe-glipe: clamp(0.4rem, 0.25rem + 0.6vw, 0.7rem);   

  
  --mykt: cubic-bezier(0.22, 0.61, 0.36, 1);
  --hero-reise: 1;          
  --hero-naer: 0.08;        
  --sl-reise: 2;            
}

@media (min-width: 1024px) {
  :root { --str-tekst: 1.125rem; }
}
@media (max-width: 767px) {
  :root { --meny-h: 64px; }
}
@media (pointer: coarse) {
  :root { --hero-reise: 0.75; --sl-reise: 1.6; }
}


::backdrop { --lysboks: rgba(9, 18, 28, 0.94); }