/* ---------- Fonter (selvhostet, ingen tredjepart) ----------
   GT Sectra Fine er demoOnly: kunden må kjøpe lisens, eller fonten byttes før levering.
   ---------------------------------------------------------- */
@font-face{font-family:'GT Sectra Fine';src:url('../assets/fonts/gt-sectra-fine-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Gambetta';src:url('../assets/fonts/gambetta-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Familjen Grotesk';src:url('../assets/fonts/familjen-grotesk-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Switzer';src:url('../assets/fonts/switzer-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* ---------- Design DNA ----------
   Papir #FAF7F1 og gull #CEAC70 er kundens egne (CSS og logo). Kull #2B2A28 fra logosirkelen.
   Foto i full flate med en tett boks nede til venstre: lundhagem.no (svart boks, radius 0).
   Display i mørk gull på lyst papir, ingen knapper i heroen ellers: vandkunsten.com (#967819 på all tekst).
   Ingen radius, ingen skygger (begge). */
:root{
  --c-papir:#FAF7F1;
  --c-flate:#F1ECE2;
  --c-blekk:#2B2A28;
  --c-dempet:#6B655C;
  --c-linje:#DDD6CA;
  --c-aksent:#CEAC70;
  --c-paa-aksent:#2B2A28;
  --c-aksent-tekst:#8A6A2B;
  --c-kull:#2B2A28;
  --c-paa-kull:#FAF7F1;
  --c-kull-dempet:#BDB6AA;
  --c-kull-tittel:#CEAC70;
  --c-fokus:#2B2A28;
  --c-fokus-mork:#CEAC70;

  --f-display:'GT Sectra Fine', Georgia, serif;
  --f-body:'Switzer', system-ui, sans-serif;
  --w-display:300;
  --spor-display:-.025em;
  --lh-display:.94;

  --t-mikro:.8125rem;
  --t-liten:.9375rem;
  --t-brod:1.0625rem;
  --t-h3:1.375rem;
  --t-ingress:clamp(1.375rem, 1.1rem + .9vw, 1.875rem);
  --t-h2:clamp(2.25rem, 1.5rem + 3vw, 4.25rem);
  --t-h1:clamp(2.75rem, 1.4rem + 4.2vw, 5.5rem);
  --t-h1-typo:clamp(3.5rem, .8rem + 9.6vw, 10.5rem);
  --t-tlf:clamp(3rem, 1rem + 6vw, 7.5rem);

  --kant:clamp(16px, 4vw, 56px);
  --maks:1328px;
  --seksjon:clamp(64px, 3.5rem + 4vw, 128px);
  --topp-h:80px;
  --ease:cubic-bezier(.22,1,.36,1);

  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
}

/* 🎨 2: kull, gullet lyser mot nærsvart som i logoen */
:root[data-palette="2"]{
  --c-papir:#1E1D1B; --c-flate:#282725; --c-blekk:#F3EEE4; --c-dempet:#A39D92; --c-linje:#3A3835;
  --c-aksent-tekst:#CEAC70; --c-kull:#141413; --c-fokus:#CEAC70;
}
/* 🎨 3: granittgrønn, uten gull */
:root[data-palette="3"]{
  --c-papir:#F4F3EE; --c-flate:#E7E7E0; --c-blekk:#1F2622; --c-dempet:#5E5850; --c-linje:#D3D4CC;
  --c-aksent:#3E5B4F; --c-paa-aksent:#FFFFFF; --c-aksent-tekst:#3E5B4F;
  --c-kull:#1F2A25; --c-kull-tittel:#FFFFFF; --c-fokus:#1F2622; --c-fokus-mork:#FFFFFF;
}
/* 🅰️ 2: Gambetta, fri serif. 🅰️ 3: Familjen Grotesk, nær grotesken hos Vandkunsten */
:root[data-font="2"]{--f-display:'Gambetta', Georgia, serif;--w-display:350;--spor-display:-.02em;--lh-display:.96}
:root[data-font="3"]{--f-display:'Familjen Grotesk', system-ui, sans-serif;--w-display:500;--spor-display:-.035em;--lh-display:.94}

/* ---------- Grunn ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--topp-h)}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font:400 var(--t-brod)/1.6 var(--f-body);-webkit-font-smoothing:antialiased;transition:background-color .3s ease-out,color .3s ease-out}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2{font-family:var(--f-display);font-weight:var(--w-display);letter-spacing:var(--spor-display);line-height:var(--lh-display);margin:0}
h3{margin:0;font-size:var(--t-h3);font-weight:500;line-height:1.2}
p,figure,blockquote{margin:0}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.hopp{position:absolute;left:var(--kant);top:-100px;z-index:var(--z-varsel);background:var(--c-blekk);color:var(--c-papir);padding:12px 16px}
.hopp:focus{top:12px}

/* ---------- Topplinje ---------- */
.topp{position:sticky;top:0;z-index:var(--z-sticky);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:var(--topp-h);padding:0 var(--kant);background:var(--c-papir);border-bottom:1px solid var(--c-linje);font-size:var(--t-liten);transition:background-color .3s ease-out}
.topp__logo{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.topp__logo img{width:44px;height:44px}
.topp__navn{display:flex;flex-direction:column;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.25}
.topp__nav{display:flex;justify-content:center;gap:32px}
.topp__nav a{text-decoration:none;color:var(--c-dempet);padding:12px 0;transition:color .2s ease-out}
.topp__ring{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--c-aksent);color:var(--c-paa-aksent);text-decoration:none;font-weight:500;white-space:nowrap;transition:transform .2s var(--ease),filter .2s ease-out}
.topp__ring:active{transform:scale(.97)}

/* ---------- Hero 1: foto, kull-boks nede til venstre ---------- */
.hero1{position:relative;height:calc(100svh - var(--topp-h));min-height:600px;max-height:1000px;overflow:hidden;background:var(--c-kull)}
.hero1__bilde{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 60%}
.hero1__boks{position:absolute;left:var(--kant);bottom:var(--kant);z-index:2;width:min(600px, calc(100% - 2 * var(--kant)));padding:clamp(24px, 3vw, 44px);background:var(--c-kull);color:var(--c-paa-kull);--c-fokus:var(--c-fokus-mork)}
.hero1 .hero__h1{font-size:var(--t-h1);color:var(--c-kull-tittel)}
.hero__sub{margin-top:20px;max-width:46ch;font-size:var(--t-brod);line-height:1.5}
.hero__cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:28px;padding:0 22px;background:var(--c-aksent);color:var(--c-paa-aksent);text-decoration:none;font-weight:500;transition:transform .2s var(--ease),filter .2s ease-out}
.hero__cta::after{content:"→";transition:transform .25s var(--ease)}
.hero__cta:active{transform:scale(.97)}

/* Masken holder blekket, ikke linjeboksen (Phase 5, kopiert ordrett) */
.hero .hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero .hero__line-in{display:block}

/* ---------- Hero 2: typografisk ---------- */
.hero2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,10fr);grid-template-areas:"kontor kicker" ". h1" ". fot";column-gap:24px;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:clamp(40px, 7vh, 88px) var(--kant) clamp(48px, 8vh, 96px)}
.hero2__kontor{grid-area:kontor;margin:0;padding:0;list-style:none;font-size:var(--t-liten);color:var(--c-aksent-tekst);line-height:1.5}
.hero__kicker{grid-area:kicker;max-width:48ch;font-size:var(--t-liten);line-height:1.5;color:var(--c-aksent-tekst)}
.hero2 .hero__h1{grid-area:h1;margin-top:clamp(48px, 10vh, 120px);font-size:var(--t-h1-typo);color:var(--c-aksent-tekst)}
.hero2__fot{grid-area:fot;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:clamp(40px, 7vh, 80px)}
.hero2__fot p{color:var(--c-dempet);font-size:var(--t-liten)}
.hero2__fot .hero__cta{margin-top:0}
.hero2__tlf{display:inline-flex;align-items:center;min-height:48px;font-size:1.25rem;text-decoration:none;color:var(--c-blekk)}

/* ---------- Tjenester ---------- */
.tjenester,.tiltak,.anmeldelser,.om{max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:var(--seksjon) var(--kant) 0}
.tjenester{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px, 5vw, 80px);align-items:start}
.tjenester__bilde img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--c-flate)}
.tjenester h2,.tiltak h2,.prosess h2,.anmeldelser h2,.om h2,.kontakt h2{font-size:var(--t-h2)}
.tjenester__liste{margin:40px 0 0;padding:0;list-style:none}
.tjenester__liste li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:8px 32px;padding:24px 0;border-top:1px solid var(--c-linje)}
.tjenester__liste p{grid-column:2;color:var(--c-dempet);max-width:48ch}
.tjenester__liste h3{grid-row:span 2}
.tjenester__liste a{grid-column:2;justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--c-aksent-tekst);text-underline-offset:4px;font-size:var(--t-liten)}

/* ---------- Veiviser ---------- */
.tiltak__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:32px 0 0;padding:0;list-style:none}
.tiltak__liste a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"navn pil" "linje pil";align-items:center;gap:2px 16px;min-height:88px;padding:16px 0;border-top:1px solid var(--c-blekk);text-decoration:none}
.tiltak__liste a::after{content:"→";grid-area:pil;font-size:1.25rem;color:var(--c-aksent-tekst);transition:transform .25s var(--ease)}
.tiltak__navn{grid-area:navn;font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(1.5rem, 1.2rem + 1vw, 2.25rem);letter-spacing:-.01em;line-height:1.1}
.tiltak__linje{grid-area:linje;font-size:var(--t-liten);color:var(--c-dempet)}
.tiltak__alle{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:var(--t-liten);color:var(--c-aksent-tekst);text-underline-offset:4px}

/* ---------- Slik foregår det: kull-flate, tokenene byttes ---------- */
.prosess{margin-top:var(--seksjon);background:var(--c-kull);color:var(--c-paa-kull);--c-dempet:var(--c-kull-dempet);--c-linje:rgba(250,247,241,.18);--c-fokus:var(--c-fokus-mork)}
.prosess__inne{max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:var(--seksjon) var(--kant)}
.prosess h2{color:var(--c-kull-tittel)}
.prosess__liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 0;padding:0;list-style:none;counter-reset:steg}
.prosess__liste li{counter-increment:steg;padding-top:20px;border-top:1px solid var(--c-linje)}
.prosess__liste li::before{content:counter(steg);display:block;margin-bottom:28px;font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(2.5rem, 1.6rem + 2.4vw, 4rem);line-height:1;color:var(--c-kull-tittel)}
.prosess__liste p{margin-top:8px;color:var(--c-dempet);max-width:30ch}

/* ---------- Anmeldelser ---------- */
.anmeldelser__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;margin:40px 0 0;padding:0;list-style:none}
.anmeldelser__liste li{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.anmeldelser blockquote{font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(1.25rem, 1.05rem + .6vw, 1.625rem);line-height:1.28;letter-spacing:-.005em}
.anmeldelser__hvem{font-size:var(--t-liten);color:var(--c-dempet);padding-top:12px;border-top:1px solid var(--c-linje)}
.anmeldelser__hvem span:first-child{color:var(--c-blekk)}
.anmeldelser__kilde{margin-top:24px;font-size:var(--t-mikro);color:var(--c-dempet)}

/* ---------- Om kontoret ---------- */
.om{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:48px;padding-bottom:var(--seksjon)}
.om__tekst p{max-width:52ch}
.om__tekst p+p{margin-top:16px;color:var(--c-dempet)}
.om__ingress{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-ingress);line-height:1.2;letter-spacing:-.01em}
.om__fakta{margin:0;font-size:var(--t-liten)}
.om__fakta div{padding:16px 0;border-top:1px solid var(--c-linje)}
.om__fakta dt{color:var(--c-dempet);margin-bottom:4px}
.om__fakta dd{margin:0}

/* ---------- Kontakt: gullet dekker flaten ---------- */
.kontakt{background:var(--c-aksent);color:var(--c-paa-aksent);--c-fokus:var(--c-paa-aksent)}
.kontakt__inne{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:var(--seksjon) var(--kant)}
.kontakt__tlf{display:inline-block;margin-top:24px;font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-tlf);letter-spacing:var(--spor-display);line-height:1;text-decoration:none;white-space:nowrap}
.kontakt__epost{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:1.25rem;text-underline-offset:4px}
.kontakt__tilbud{margin-top:24px;max-width:40ch}
.kontakt__kontor{margin:24px 0 0;padding:0;list-style:none;font-size:var(--t-liten)}
.kontakt__kontor li{padding:8px 0;border-top:1px solid currentColor}
.skjema{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.skjema__felt{display:flex;flex-direction:column;gap:6px}
.skjema__felt--bred,.skjema__felt:first-child{grid-column:1 / -1}
.skjema label{font-size:var(--t-liten)}
.skjema input,.skjema textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--c-paa-aksent);border-radius:0;background:rgba(255,255,255,.28);color:var(--c-paa-aksent)}
.skjema textarea{resize:vertical}
.skjema [aria-invalid="true"]{border-width:2px;border-color:#7A1F14}
.skjema__send{grid-column:1 / -1;justify-self:start;min-height:48px;padding:0 32px;border:0;background:var(--c-paa-aksent);color:var(--c-aksent);font-weight:500;cursor:pointer;transition:transform .2s var(--ease)}
.skjema__send:active{transform:scale(.97)}
.skjema__svar{grid-column:1 / -1;min-height:1.6em;font-size:var(--t-liten)}
.kart{position:relative;margin:0;background:var(--c-papir);color:var(--c-blekk)}
.kart__bilde{width:100%;height:clamp(280px, 34vw, 480px);object-fit:cover}
.kart__nal{position:absolute;left:50%;top:calc(clamp(280px, 34vw, 480px) / 2);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}
.kart__nal span{padding:6px 12px;background:var(--c-kull);color:var(--c-paa-kull);font-size:var(--t-mikro);white-space:nowrap}
.kart__nal::after{content:"";width:2px;height:18px;background:var(--c-kull)}
.kart__under{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:12px var(--kant);font-size:var(--t-liten)}
.kart__under a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.kart__kreditt{margin-left:auto;color:var(--c-dempet);font-size:var(--t-mikro)}

/* ---------- Bunn ---------- */
.bunn{max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:32px var(--kant);font-size:var(--t-liten);color:var(--c-dempet);border-top:1px solid var(--c-linje)}
.bunn__rad{display:flex;align-items:center;gap:16px}
.bunn__rad img{width:32px;height:32px}
.footer__credit{margin-top:20px;padding-top:12px;border-top:1px solid var(--c-linje);display:flex;justify-content:center}
.footer__credit-logo{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-mikro);color:var(--c-dempet);text-decoration:none;transition:color .2s ease-out}

/* ---------- Hurtigknapper (mobil) ---------- */
.hurtig{display:none}

/* ---------- Design Lab ---------- */
.lab{position:fixed;left:16px;bottom:16px;z-index:var(--z-panel);font-family:var(--f-body);color:#1D1D1D}
.lab__knapp,.lab__panel{background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(30px) saturate(210%);backdrop-filter:blur(30px) saturate(210%);border:.5px solid rgba(255,255,255,.4);box-shadow:0 8px 32px 0 rgba(0,0,0,.08),inset 0 1.5px .5px rgba(255,255,255,.65),inset 0 -1px 2px rgba(0,0,0,.05),inset 0 10px 20px rgba(255,255,255,.3)}
.lab__knapp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:100px;font:500 .875rem var(--f-body);color:inherit;cursor:pointer;background:rgba(255,255,255,.72);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.lab__knapp:active{transform:scale(.97)}
.lab__panel{position:absolute;left:0;bottom:56px;width:268px;padding:14px 14px 10px;border-radius:24px;background:rgba(255,255,255,.78)}
.lab__rad{display:flex;align-items:center;gap:6px;padding:4px 0}
.lab__navn{flex:1;font-size:.8125rem}
.lab__rad button{width:34px;height:34px;border-radius:100px;border:.5px solid rgba(0,0,0,.14);background:rgba(255,255,255,.5);font:600 .8125rem var(--f-body);color:#1D1D1D;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease-out,color .2s ease-out}
.lab__rad button:active{transform:scale(.94)}
.lab__rad button[aria-pressed="true"]{background:#2B2A28;color:#CEAC70;border-color:#2B2A28}
.design-lab__credit{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding-top:8px;border-top:.5px solid rgba(0,0,0,.12);font-size:.75rem;color:#4A4743}
.design-lab__credit-logo{display:inline-flex;align-items:center;gap:1px;font-weight:600;color:#1D1D1D;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.design-lab__credit-dot,.design-lab__credit-spark{color:#8A6A2B}
.design-lab__credit-spark{width:.8em;height:.8em;margin-left:2px;transition:transform .3s cubic-bezier(.16,1,.3,1)}

@media (hover:hover) and (pointer:fine){
  .topp__nav a:hover{color:var(--c-blekk)}
  .topp__ring:hover,.hero__cta:hover{filter:brightness(1.06)}
  .hero__cta:hover::after{transform:translateX(3px)}
  .tiltak__liste a:hover::after{transform:translateX(4px)}
  .tiltak__liste a:hover .tiltak__navn{color:var(--c-aksent-tekst)}
  .skjema__send:hover{filter:brightness(1.25)}
  .footer__credit-logo:hover{color:var(--c-blekk)}
  .lab__knapp:hover{transform:scale(1.03)}
  .lab__rad button:hover{transform:translateY(-1px)}
  .design-lab__credit-logo:hover{transform:scale(1.04)}
  .design-lab__credit-logo:hover .design-lab__credit-spark{transform:rotate(90deg) scale(1.25)}
}
.tiltak__navn{transition:color .2s ease-out}

/* ---------- Animasjon: bare heroen kan skjules, og bare bak .anim-hero ---------- */
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero :is(.hero__sub, .hero__kicker, .hero__cta, .hero2__kontor, .hero2__fot){opacity:0}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
}

/* ---------- Nettbrett ---------- */
@media (max-width:1100px){
  .topp__nav{gap:20px}
  .om{grid-template-columns:1fr 1fr}
  .om h2{grid-column:1 / -1}
  .tjenester__liste li{grid-template-columns:1fr}
  .tjenester__liste p,.tjenester__liste a{grid-column:1}
  .tjenester__liste h3{grid-row:auto}
}

/* ---------- Mobil: ruter i stedet for å ramse opp ---------- */
@media (max-width:767px){
  :root{--topp-h:64px}
  .topp{grid-template-columns:1fr auto;gap:12px}
  .topp__logo img{width:36px;height:36px}
  .topp__navn{font-size:.6875rem}
  .topp__nav{display:none}
  .topp__ring{padding:0 14px;font-size:var(--t-mikro)}

  .hero1{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
  .hero1__bilde{position:relative;height:34svh;min-height:220px}
  .hero1__boks{position:relative;left:0;bottom:0;width:100%;padding:24px var(--kant) 28px}
  .hero__sub{margin-top:12px;font-size:var(--t-liten)}
  .hero__cta{margin-top:20px;width:100%;justify-content:space-between}

  .hero2{grid-template-columns:1fr;grid-template-areas:"kicker" "h1" "fot" "kontor";padding-top:32px}
  .hero2 .hero__h1{margin-top:40px}
  .hero2__kontor{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:24px}
  .hero2__fot{margin-top:32px;gap:8px 20px}
  .hero2__fot .hero__cta{width:100%}

  .tjenester{grid-template-columns:1fr;gap:0}
  .tjenester__bilde{display:none}
  .tjenester__liste{margin-top:16px}
  .tjenester__liste li{padding:14px 0;gap:4px}
  .tjenester__liste h3{font-size:1.125rem}
  .tjenester__liste p{font-size:var(--t-liten);line-height:1.5}
  .tjenester__liste a{min-height:40px}

  .tiltak__liste{grid-template-columns:1fr 1fr;gap:0 12px;margin-top:16px}
  .tiltak__liste a{min-height:72px;padding:12px 0;grid-template-columns:1fr;grid-template-areas:"navn" "linje"}
  .tiltak__liste a::after{display:none}
  .tiltak__navn{font-size:1.375rem}
  .tiltak__linje{font-size:var(--t-mikro);line-height:1.35}

  .prosess__liste{grid-template-columns:1fr;gap:0;margin-top:24px}
  .prosess__liste li{display:grid;grid-template-columns:44px 1fr;gap:0 12px;padding:14px 0 0}
  .prosess__liste li::before{grid-row:span 2;margin:0;font-size:2rem}
  .prosess__liste h3{font-size:1.125rem}
  .prosess__liste p{margin-top:2px;font-size:var(--t-liten);line-height:1.45}
  .prosess__liste li + li{margin-top:14px}

  .anmeldelser__liste{display:flex;gap:16px;margin:24px calc(-1 * var(--kant)) 0;padding:0 var(--kant);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .anmeldelser__liste::-webkit-scrollbar{display:none}
  .anmeldelser__liste li{flex:0 0 84%;scroll-snap-align:start}
  .anmeldelser blockquote{font-size:1.1875rem}

  .om{grid-template-columns:1fr;gap:20px}
  .om__ingress{font-size:1.25rem}
  .om__tekst p:not(.om__ingress){font-size:var(--t-liten)}
  .om__fakta div{padding:10px 0}

  .kontakt__inne{grid-template-columns:1fr;gap:32px}
  .kontakt__tlf{margin-top:12px}
  .kontakt__tilbud{margin-top:12px;font-size:var(--t-liten)}
  .kontakt__kontor{margin-top:16px}
  .kontakt__kontor li{padding:6px 0}
  .skjema{gap:12px 10px}
  .skjema textarea{min-height:96px}
  .skjema__send{width:100%}
  .kart__bilde{height:220px}
  .kart__nal{top:110px}
  .kart__under{gap:0 20px}
  .kart__kreditt{margin-left:0}

  .bunn{padding-bottom:88px}
  .hurtig{display:flex;position:fixed;right:16px;bottom:16px;z-index:var(--z-dokk);gap:8px}
  .hurtig a{display:grid;place-items:center;width:48px;height:48px;background:var(--c-kull);color:var(--c-kull-tittel)}
  .hurtig svg{width:20px;height:20px;fill:currentColor}
  .hurtig a:last-child svg{fill:none}
}