/* ---------- Fonter (selvhostet, ingen tredjepart) ----------
   ITF Free Font License + SIL OFL 1.1 + demo-konvertering (GT Sectra Fine, Suisse Int'l:
   ikke lisensiert for levering). Se assets/fonts/.
   ---------------------------------------------------------- */
@font-face{font-family:'Sentient';src:url('../assets/fonts/sentient-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Sentient';src:url('../assets/fonts/sentient-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@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:'GT Sectra Fine';src:url('../assets/fonts/gt-sectra-fine-700-normal.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('../assets/fonts/fraunces-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('../assets/fonts/fraunces-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;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}
@font-face{font-family:'Switzer';src:url('../assets/fonts/switzer-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:'Suisse Intl';src:url('../assets/fonts/suisse-intl-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Suisse Intl';src:url('../assets/fonts/suisse-intl-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Suisse Intl';src:url('../assets/fonts/suisse-intl-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('../assets/fonts/general-sans-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* ---------- Design DNA (research/notat.md) ---------- */
:root{
  /* Palett 1: kundens papir og blekk, aksent mørknet fra logoens grønne */
  --c-papir:#F2EFE9; --c-flate:#E8E6E1; --c-blekk:#1C1714; --c-demp:#5E5852;
  --c-linje:rgba(28,23,20,.16); --c-aksent:#1E5C4A; --c-aksent-flate:#1E5C4A; --c-pa-flate:#F2EFE9;
  --c-pa-flate-demp:rgba(242,239,233,.78); --c-fokus:#1E5C4A; --c-scrim:rgba(20,16,14,.74);
  --spektrum:linear-gradient(90deg,#3DB88E 2%,#8CC84A,#EDB22E,#EC6A2C,#D62E26 98%);
  --spektrum-loddrett:linear-gradient(180deg,#3DB88E 2%,#8CC84A,#EDB22E,#EC6A2C,#D62E26 97%);

  --f-vis:'Sentient',Georgia,serif; --f-tekst:'Switzer',system-ui,sans-serif; --vis-vekt:300;

  --t-liten:.875rem; --t-tekst:1.125rem; --t-ingress:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --t-h3:1.375rem; --t-h2:clamp(2.25rem,1.6rem + 2.6vw,4rem);
  --t-hero:clamp(3.4rem,1.6rem + 7.4vw,8.25rem); --t-hero-stor:clamp(3.6rem,1rem + 10.6vw,11rem);
  --lh-vis:.96; --spor-vis:-.02em; --lh-tekst:1.6;

  --marg:clamp(1.25rem,4.5vw,4rem); --ramme:1360px; --luft:120px; --topp-h:84px;
  --r-pille:100px; --r-bilde:2px;
  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
  --ease:cubic-bezier(.22,1,.36,1);
}
/* Palett 2: kundens egen mørke modus (lssv.no: #140B07 / #DADADA, lys logogradient) */
[data-palette="2"]{
  --c-papir:#140B07; --c-flate:#1E1510; --c-blekk:#DADADA; --c-demp:#A8A29C;
  --c-linje:rgba(218,218,218,.16); --c-aksent:#77EAB9; --c-aksent-flate:#24493D; --c-pa-flate:#EDEDED;
  --c-pa-flate-demp:rgba(237,237,237,.8); --c-fokus:#77EAB9; --c-scrim:rgba(10,6,4,.74);
  --spektrum:linear-gradient(90deg,#77EAB9 2%,#B0E67E,#FACD51,#F47A36,#E8322A 98%);
  --spektrum-loddrett:linear-gradient(180deg,#77EAB9 2%,#B0E67E,#FACD51,#F47A36,#E8322A 97%);
  color-scheme:dark;
}
[data-palette="2"] :is(.lab__knapp,.lab__panel){background:rgba(15,20,25,.4);border-color:rgba(255,255,255,.12);box-shadow:0 8px 32px 0 rgba(0,0,0,.2),inset 0 1.5px .5px rgba(255,255,255,.25),inset 0 -1px 2px rgba(255,255,255,.05),inset 0 10px 20px rgba(255,255,255,.05)}
[data-palette="2"] img{filter:brightness(.88)}
/* Palett 3: varmt papir, rødt fra logoens nedre ende (asktia.com) */
[data-palette="3"]{
  --c-papir:#FBF4EA; --c-flate:#F0E2D2; --c-blekk:#1C1714; --c-demp:#5E5450;
  --c-linje:rgba(28,23,20,.16); --c-aksent:#A1302A; --c-aksent-flate:#A8322A; --c-pa-flate:#FBF4EA;
  --c-pa-flate-demp:rgba(251,244,234,.82); --c-fokus:#A1302A; --c-scrim:rgba(28,18,16,.72);
}
[data-font="2"]{ --f-vis:'GT Sectra Fine',Georgia,serif; --f-tekst:'Suisse Intl',system-ui,sans-serif }
[data-font="3"]{ --f-vis:'Fraunces',Georgia,serif; --f-tekst:'General Sans',system-ui,sans-serif }
.stor-tekst{font-size:112.5%}

/* ---------- Grunnlag ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font-family:var(--f-tekst);font-size:var(--t-tekst);line-height:var(--lh-tekst);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}
img,video{display:block;max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3{margin:0;font-family:var(--f-vis);font-weight:var(--vis-vekt);letter-spacing:var(--spor-vis);text-wrap:balance}
h2{font-size:var(--t-h2);line-height:1.02}
h3{font-size:var(--t-h3);line-height:1.2;letter-spacing:-.01em}
p{margin:0 0 1em}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.hopp{position:absolute;left:var(--marg);top:-4rem;background:var(--c-blekk);color:var(--c-papir);padding:.75rem 1rem;z-index:var(--z-varsel)}
.hopp:focus{top:.75rem}

/* ---------- Topp ---------- */
.topp{position:relative;z-index:var(--z-sticky);display:flex;align-items:center;gap:2rem;height:var(--topp-h);padding:0 var(--marg);max-width:calc(var(--ramme) + 2*var(--marg));margin:0 auto}
.merke{display:flex;align-items:center;gap:.8rem;text-decoration:none;margin-right:auto;min-height:44px}
.merke__logo{width:52px;height:52px;background:var(--spektrum-loddrett);-webkit-mask:url('../assets/img/logo.svg') center/contain no-repeat;mask:url('../assets/img/logo.svg') center/contain no-repeat}
.merke__navn{display:flex;flex-direction:column;font-family:var(--f-vis);font-size:1.375rem;line-height:1.05;letter-spacing:-.01em}
.merke__navn small{font-family:var(--f-tekst);font-size:.75rem;letter-spacing:.02em;color:var(--c-demp);margin-top:.2rem}
.topp__nav{display:flex;gap:1.75rem;font-size:.9375rem}
.topp__nav a{position:relative;text-decoration:none;padding:.6rem 0}
.topp__nav a::after{content:'';position:absolute;left:0;right:0;bottom:.35rem;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.topp__a{min-width:44px;min-height:44px;border:1px solid var(--c-linje);border-radius:var(--r-pille);background:transparent;color:inherit;font:600 .9375rem/1 var(--f-tekst);cursor:pointer;transition:background-color .2s,color .2s}
.topp__a[aria-pressed="true"]{background:var(--c-blekk);color:var(--c-papir)}
.topp__tlf{display:inline-flex;align-items:center;min-height:44px;padding:0 1.25rem;border-radius:var(--r-pille);background:var(--c-aksent-flate);color:var(--c-pa-flate);text-decoration:none;font-weight:500;font-variant-numeric:tabular-nums;transition:opacity .2s,transform .2s var(--ease)}

/* ---------- Hero, felles ---------- */
.hero[hidden]{display:none}
html[data-hero="2"] .hero[data-hero="2"]{display:block}
html[data-hero="2"] .hero[data-hero="1"]{display:none}
.hero h1{font-weight:var(--vis-vekt);line-height:var(--lh-vis);letter-spacing:var(--spor-vis)}
/* Masken holder blekket, ikke linjeboksen (Phase 5, kopiert ordrett) */
.hero h1 .hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero h1 .hero__line-in{display:block}
.hero h1 em{font-style:italic}
[data-font="2"] .hero h1 em{font-style:normal}
.hero__handling{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}
.knapp{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.75rem;border-radius:var(--r-pille);background:var(--c-aksent-flate);color:var(--c-pa-flate);font-weight:500;text-decoration:none;font-variant-numeric:tabular-nums;transition:transform .25s var(--ease),opacity .2s}
.lenke-pil{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-weight:500;text-decoration:none}
.lenke-pil::after{content:'→';transition:transform .25s var(--ease)}
.knapp:active,.topp__tlf:active,.lab__rad button:active{transform:scale(.97);transition-duration:.1s}

/* Hero 1: logoen stor på papir, malt med kundens egen gradient */
.hero--logo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:2rem 4rem;max-width:calc(var(--ramme) + 2*var(--marg));min-height:min(calc(100svh - var(--topp-h)),820px);margin:0 auto;padding:2rem var(--marg) 4.5rem}
.hero--logo h1{font-size:var(--t-hero);margin-bottom:1.75rem}
.hero--logo .hero__sub{max-width:34rem;font-size:var(--t-ingress);line-height:1.45;color:var(--c-demp);margin-bottom:2rem}
.hero__merke{width:100%;max-width:520px;aspect-ratio:1;justify-self:end;background:var(--spektrum-loddrett);-webkit-mask:url('../assets/img/logo.svg') center/contain no-repeat;mask:url('../assets/img/logo.svg') center/contain no-repeat}

/* Hero 2: navnet størst, filmen i egen bue */
.hero--type{max-width:calc(var(--ramme) + 2*var(--marg));margin:0 auto;padding:clamp(2rem,5vw,4.5rem) var(--marg) clamp(3rem,6vw,5.5rem)}
.hero__type{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(1.5rem,4vw,4rem)}
.hero--type h1{font-size:var(--t-hero-stor)}
.hero__demp{color:var(--c-demp)}
.hero__film{width:clamp(220px,22vw,320px);aspect-ratio:2/3;border-radius:999px 999px var(--r-bilde) var(--r-bilde);overflow:hidden;background:var(--c-flate);align-self:end;margin-bottom:.4em}
.hero__film video{width:100%;height:100%;object-fit:cover}
.hero__bunn{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem 4rem;align-items:start;margin-top:clamp(2rem,4vw,3.5rem);padding-top:1.75rem;border-top:1px solid var(--c-linje)}
.hero--type .hero__sub{font-size:var(--t-ingress);line-height:1.45;margin:0;max-width:36rem}
.hero__bevis{list-style:none;margin:0;padding:0;font-size:.9375rem;color:var(--c-demp)}
.hero__bevis li{padding:.15rem 0}
.hero--type .hero__handling{grid-column:1/-1}

/* Skjul-tilstand: kun heroen, kun når JS har satt klassen */
.anim-hero :is(.hero__sub,.hero__handling,.hero__bevis,.hero__film,.hero__merke){opacity:0}
.anim-hero .hero__line-in{transform:translateY(150%)}

.spekter{height:4px;background:var(--spektrum)}

/* ---------- Seksjoner ---------- */
section:not(.hero){padding:var(--luft) max(var(--marg),calc((100% - var(--ramme))/2))}

/* Fagområder */
.fag{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem 6rem}
.fag__hode h2{margin-bottom:1.5rem}
.fag__intro{color:var(--c-demp);max-width:30rem}
.fag__liste{list-style:none;padding:0;margin:0;border-top:1px solid var(--c-linje)}
.fag__liste li{display:grid;grid-template-columns:40px 13rem minmax(0,1fr);gap:1.5rem;align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--c-linje)}
.fag__ikon{width:32px;height:32px;fill:none;stroke:var(--c-aksent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;align-self:center}
.fag__liste p{margin:0;color:var(--c-demp)}

/* Om */
.om{background:var(--c-flate)}
.om{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:6rem;align-items:center}
.om__bilde img{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:var(--r-bilde)}
.om__tekst h2{margin-bottom:1.5rem}
.om__ingress{font-size:var(--t-ingress);line-height:1.45}
.om__tekst p{max-width:36rem}
details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.6rem;font-weight:500;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:'+';display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid var(--c-linje);border-radius:50%;font-weight:400;transition:transform .25s var(--ease)}
details[open] summary::before{transform:rotate(45deg)}
details[open] summary{margin-bottom:.75rem}
.om__mer{border-top:1px solid var(--c-linje);padding-top:.75rem;margin-top:1.5rem}

/* Henvisning og refusjon */
.refusjon__hode{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem 6rem;margin-bottom:4rem}
.refusjon__ingress{font-size:var(--t-ingress);line-height:1.45;margin:0}
.steg{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;counter-reset:steg}
.steg li{counter-increment:steg;padding-top:1.5rem;border-top:1px solid var(--c-blekk)}
.steg li::before{content:counter(steg);display:block;font-family:var(--f-vis);font-weight:var(--vis-vekt);font-size:2.5rem;line-height:1;color:var(--c-aksent);margin-bottom:1.25rem}
.steg h3{margin-bottom:.6rem}
.steg p{margin:0;color:var(--c-demp)}
.refusjon__tvil{margin-top:3rem;color:var(--c-demp)}
.refusjon__tvil a{color:var(--c-aksent);font-weight:500}

/* Priser: aksenten dekker flaten */
.priser{--c-blekk:var(--c-pa-flate);--c-demp:var(--c-pa-flate-demp);--c-linje:rgba(255,255,255,.22);--c-fokus:var(--c-pa-flate);background:var(--c-aksent-flate);color:var(--c-pa-flate)}
.priser{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem 6rem}
.priser__hode h2{margin-bottom:1.5rem}
.priser__hode p{color:var(--c-demp);max-width:28rem}
.prisliste{margin:0;border-top:1px solid var(--c-linje)}
.pris{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.05rem 0;border-bottom:1px solid var(--c-linje)}
.pris dt small{display:inline-block;margin-left:.4rem;font-size:var(--t-liten);color:var(--c-demp)}
.pris dd{margin:0;font-family:var(--f-vis);font-size:1.375rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.priser__merk{grid-column:2;font-size:.9375rem;color:var(--c-demp)}
.priser__merk :is(strong,b){color:var(--c-blekk);font-weight:500}
.priser :focus-visible{outline-color:var(--c-pa-flate)}

/* Kontakt */
.kontakt{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:6rem;align-items:start}
.kontakt h2{margin-bottom:2rem}
.kontakt__linjer{list-style:none;padding:0;margin:0 0 1rem;border-top:1px solid var(--c-linje)}
.kontakt__linjer li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--c-linje)}
.kontakt__linjer li>span:first-child{color:var(--c-demp);font-size:.9375rem;padding-top:.15rem}
.kontakt__linjer a{display:inline-flex;align-items:center;min-height:44px;margin:-.6rem 0;font-family:var(--f-vis);font-size:1.5rem;text-decoration:none}
.kontakt__merk{font-size:.9375rem;color:var(--c-demp)}
.vei{margin-top:1.5rem;border-top:1px solid var(--c-linje);padding-top:.75rem}
.vei dl{margin:0;display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.6rem 1rem;font-size:1rem}
.vei dt{color:var(--c-demp)}
.vei dd{margin:0}
.kontakt__bilde img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-bilde)}

/* Bunn */
.bunn{border-top:1px solid var(--c-linje);padding:3rem var(--marg) 2rem;font-size:.9375rem;color:var(--c-demp)}
.bunn{padding-left:max(var(--marg),calc((100% - var(--ramme))/2));padding-right:max(var(--marg),calc((100% - var(--ramme))/2))}
.bunn__rad{display:flex;justify-content:space-between;gap:1rem 3rem;flex-wrap:wrap}
.bunn__lenker{display:flex;gap:1.5rem}
.bunn__lenker a{display:inline-flex;align-items:center;min-height:44px;margin:-.7rem 0}
.bunn__kilde{font-size:.8125rem}
.footer__credit{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--c-linje);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;font-size:.8125rem;color:var(--c-demp)}
.footer__credit-logo{position:relative;display:inline-flex;align-items:center;min-height:44px;gap:.2em;font-weight:700;letter-spacing:-.01em;color:var(--c-blekk);text-decoration:none;padding-right:1.1em;transition:opacity .25s,transform .25s}
.footer__credit-dot{color:var(--c-aksent)}
.footer__credit-spark{position:absolute;right:0;top:.8rem;width:.85em;height:.85em;color:var(--c-aksent)}

/* ---------- Design Lab ---------- */
.dokk{display:none}
.lab{position:fixed;left:20px;bottom:20px;z-index:var(--z-panel);font-family:var(--f-tekst);font-size:.8125rem;color:var(--c-blekk)}
.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,.04),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{min-height:44px;padding:0 1.1rem;border-radius:100px;font:inherit;font-weight:500;color:inherit;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.lab__panel{position:absolute;left:0;bottom:calc(100% + 10px);width:max-content;padding:1rem 1.1rem .8rem;border-radius:24px;transform-origin:bottom left}
.lab__panel:not([hidden]){animation:lab-inn .25s cubic-bezier(.16,1,.3,1)}
@keyframes lab-inn{from{opacity:0;transform:translateY(6px) scale(.97)}}
.lab__rad{display:flex;align-items:center;gap:.35rem;margin-bottom:.45rem}
.lab__navn{width:3.6rem;color:var(--c-demp)}
.lab__rad button{width:36px;height:36px;border-radius:100px;border:.5px solid var(--c-linje);background:transparent;font:inherit;font-weight:600;color:inherit;cursor:pointer;transition:background-color .25s,transform .2s cubic-bezier(.16,1,.3,1)}
.lab__rad button[aria-pressed="true"]{background:var(--c-blekk);color:var(--c-papir);border-color:var(--c-blekk)}
.design-lab__credit{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;padding-top:.6rem;border-top:.5px solid var(--c-linje);font-size:.6875rem;color:var(--c-demp)}
.design-lab__credit-logo{position:relative;display:inline-flex;align-items:center;font-weight:700;color:var(--c-blekk);text-decoration:none;padding-right:1em;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.design-lab__credit-dot{color:var(--c-aksent)}
.design-lab__credit-spark{position:absolute;right:0;top:0;width:.8em;height:.8em;color:var(--c-aksent)}
.design-lab__credit-logo:hover .design-lab__credit-spark{animation:gnist .6s cubic-bezier(.16,1,.3,1)}
@keyframes gnist{50%{transform:rotate(90deg) scale(1.3);opacity:.6}}

@media (hover:hover) and (pointer:fine){
  .topp__nav a:hover::after{transform:scaleX(1)}
  .topp__tlf:hover,.knapp:hover{opacity:.9}
  .knapp:hover{transform:translateY(-1px)}
  .lenke-pil:hover::after{transform:translateX(4px)}
  .lab__knapp:hover{transform:translateY(-1px) scale(1.03)}
  .lab__rad button:hover{transform:scale(1.08)}
  .design-lab__credit-logo:hover,.footer__credit-logo:hover{transform:scale(1.04)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important}
  .lab__panel:not([hidden]),.design-lab__credit-logo:hover .design-lab__credit-spark{animation:none}
}

/* ---------- Nettbrett ---------- */
@media (max-width:1100px){
  .topp__nav{display:none}
  .fag,.priser,.refusjon__hode{grid-template-columns:1fr;gap:2.5rem}
  .priser__merk{grid-column:auto}
  .fag__liste li{grid-template-columns:40px 11rem minmax(0,1fr)}
  .om,.kontakt{gap:3rem}
}

/* ---------- Mobil: ruter, ramser ikke opp (regel 2) ---------- */
@media (max-width:640px){
  :root{--luft:64px;--topp-h:68px;--t-tekst:1.0625rem}
  .merke__logo{width:40px;height:40px}
  .merke__navn{font-size:1.125rem}
  .topp{gap:.6rem}
  .topp__tlf{display:none}

  .hero--logo{grid-template-columns:1fr;min-height:0;gap:0;padding:.5rem var(--marg) 2.5rem}
  .hero__merke{grid-row:1;justify-self:start;width:132px;margin:0 0 1.25rem -12px}
  .hero--logo h1{margin-bottom:1rem}
  .hero--logo .hero__sub{font-size:1.0625rem;margin-bottom:1.25rem}
  .hero__handling .knapp{display:none}

  .hero--type{padding-top:1rem;padding-bottom:2.5rem}
  .hero__type{grid-template-columns:1fr;gap:1.25rem}
  .hero__film{width:100%;aspect-ratio:auto;height:150px;border-radius:999px 999px var(--r-bilde) var(--r-bilde);margin:0}
  .hero__bunn{grid-template-columns:1fr;margin-top:1.25rem;padding-top:1.25rem;gap:1rem}
  .hero--type .hero__sub{font-size:1.0625rem}
  .hero__bevis{display:none}

  /* Fagområdene blir et ikongitter: ikon og navn, detaljene står i intro og samtale */
  .fag{gap:1.75rem}
  .fag__hode h2{margin-bottom:.75rem}
  .fag__intro{font-size:1rem}
  .fag__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;gap:1px;background:var(--c-linje);border:1px solid var(--c-linje)}
  .fag__liste li{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .25rem;border:0;background:var(--c-papir);text-align:center}
  .fag__liste h3{font-family:var(--f-tekst);font-size:.875rem;font-weight:500;letter-spacing:0;line-height:1.25;hyphens:auto;overflow-wrap:anywhere}
  .fag__liste p{display:none}

  .om{grid-template-columns:96px minmax(0,1fr);gap:1.25rem;align-items:start}
  .om__bilde img{aspect-ratio:1;border-radius:50%}
  .om__tekst{grid-column:1/-1}
  .om__bilde{grid-row:1}
  .om__tekst h2{margin-bottom:1rem}
  .om__ingress{font-size:1.125rem}

  .refusjon__hode{gap:1rem;margin-bottom:2rem}
  .refusjon__ingress{font-size:1.0625rem}
  .steg{grid-template-columns:1fr;gap:0}
  .steg li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:.75rem;padding:1rem 0;border-top:1px solid var(--c-linje)}
  .steg li::before{grid-row:1/3;font-size:1.75rem;margin:0}
  .steg h3{font-size:1.125rem;margin-bottom:.25rem}
  .steg p{font-size:.9375rem}
  .refusjon__tvil{margin-top:1.5rem;font-size:.9375rem}

  .priser{gap:1.5rem}
  .priser__hode h2{margin-bottom:.75rem}
  .priser__hode p{font-size:.9375rem}
  .pris{padding:.7rem 0;gap:1rem;font-size:.9375rem}
  .pris dt small{display:block;margin:0}
  .pris dd{font-size:1.125rem}
  .priser__merk{font-size:.875rem}

  .kontakt{grid-template-columns:1fr;gap:0}
  .kontakt h2{margin-bottom:1.25rem}
  .kontakt__linjer li{grid-template-columns:5rem minmax(0,1fr);padding:.7rem 0}
  .kontakt__linjer a{font-size:1.25rem}
  .vei dl{grid-template-columns:1fr;gap:.15rem}
  .vei dd{margin-bottom:.6rem}
  .kontakt__bilde{display:none}

  .bunn{padding-bottom:calc(2rem + 64px)}
  .bunn__rad{flex-direction:column;gap:.5rem}
  .footer__credit{flex-direction:column;gap:0}

  .dokk{display:flex;position:fixed;inset:auto 0 0;z-index:var(--z-dokk);height:64px;background:var(--c-papir);border-top:1px solid var(--c-linje)}
  .dokk a{display:flex;align-items:center;justify-content:center;text-decoration:none}
  .dokk__hoved{flex:1;background:var(--c-aksent-flate);color:var(--c-pa-flate);font-weight:500}
  .dokk__ikon{width:64px;color:var(--c-blekk);border-left:1px solid var(--c-linje)}
  .dokk svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
  .lab{left:12px;bottom:76px}
}