/* ---------- Fonter (selvhostet, ingen tredjepart) ----------
   ITF Free Font License + OnlineWebFonts-konvertering (demo) – ikke lisensiert for kommersiell levering. Se assets/fonts/lisenser/
   Variable filer: én per stil dekker hele vektaksen 100-900.
   ---------------------------------------------------------- */
@font-face{
  font-family:'Boska';
  src:url('../assets/fonts/boska-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Boska';
  src:url('../assets/fonts/boska-italic.woff2') format('woff2');
  font-weight:100 900;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'Melodrama';
  src:url('../assets/fonts/melodrama-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;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:'General Sans';
  src:url('../assets/fonts/general-sans-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'General Sans';
  src:url('../assets/fonts/general-sans-italic.woff2') format('woff2');
  font-weight:100 900;font-style:italic;font-display:swap;
}

/* ---------- Tokens ---------- */
:root{
  --c-papir:#ECEFEA; --c-flate:#E1E6E0; --c-blekk:#13231F; --c-dempet:#4A5753; --c-linje:rgba(19,35,31,.16);
  --c-aksent:#136B60; --c-paa-aksent:#F4F6F2; --c-bolge:#198476; --c-fokus:#136B60; --c-stjerne:#136B60;
  --c-mork:#10201C; --c-paa-mork:#EEF2EE; --c-paa-mork-dempet:#B9C6C1;
  --f-display:'Boska',Georgia,serif; --f-tekst:'General Sans',system-ui,sans-serif;
  --d-vekt:300; --d-lh:.98; --d-spor:-.007em; --d-skala:1;
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:72px; --s-7:120px;
  --seksjon:clamp(72px,9vw,128px); --side:clamp(16px,4vw,56px); --maks:1240px; --spalte:600px;
  --r-knapp:4px; --topp:72px;
  --ease:cubic-bezier(.23,1,.32,1);
  --z-dekor:1; --z-innhold:2; --z-sticky:100; --z-overlay:300; --z-panel:400;
}
html[data-pal="2"]{
  --c-papir:#0E1C1A; --c-flate:#152724; --c-blekk:#E8EEEA; --c-dempet:#A9B8B3; --c-linje:rgba(232,238,234,.16);
  --c-aksent:#6CC9B5; --c-paa-aksent:#0E1C1A; --c-bolge:#6CC9B5; --c-fokus:#6CC9B5; --c-stjerne:#6CC9B5;
  --c-mork:#081210;
}
html[data-pal="3"]{
  --c-papir:#F2EEF3; --c-flate:#E7E1EA; --c-blekk:#241B2B; --c-dempet:#574D5E; --c-linje:rgba(36,27,43,.16);
  --c-aksent:#6A3F87; --c-paa-aksent:#F6F2F7; --c-bolge:#7B4C9B; --c-fokus:#6A3F87; --c-stjerne:#6A3F87;
  --c-mork:#1D1524;
}
html[data-font="2"]{ --f-display:'Melodrama',Georgia,serif; --d-lh:1; --d-spor:0em; --d-skala:1.06; }
html[data-font="3"]{ --f-display:'GT Sectra Fine',Georgia,serif; --d-lh:1.02; --d-spor:-.012em; --d-skala:.9; }

/* ---------- Grunnlag ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--topp)}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font:400 17px/1.65 var(--f-tekst);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3{margin:0;font-weight:var(--d-vekt)}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.vis-skjermleser{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hopp{position:absolute;left:var(--s-2);top:-60px;z-index:var(--z-panel);background:var(--c-blekk);color:var(--c-papir);padding:12px 16px}
.hopp:focus{top:var(--s-2)}
.ikon{width:20px;height:20px;flex:none}

.knapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid var(--c-aksent);border-radius:var(--r-knapp);background:var(--c-aksent);color:var(--c-paa-aksent);font:500 15px/1.2 var(--f-tekst);letter-spacing:.01em;text-decoration:none;transition:background-color .2s var(--ease),color .2s var(--ease),transform .16s var(--ease)}
.knapp:active{transform:scale(.97)}
.knapp--liten{min-height:44px;padding:10px 18px}
.knapp--linje{background:transparent;color:var(--c-blekk);border-color:var(--c-linje)}
.knapp--lys{background:var(--c-paa-mork);border-color:var(--c-paa-mork);color:#10201C}
.knapp--linje-lys{background:transparent;border-color:rgba(238,242,238,.5);color:var(--c-paa-mork)}
@media (hover:hover) and (pointer:fine){
  .knapp:hover{background:var(--c-blekk);border-color:var(--c-blekk);color:var(--c-papir)}
  .knapp--lys:hover,.knapp--linje-lys:hover{background:var(--c-paa-mork);color:#10201C}
}
.lenke{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--c-aksent);font-weight:500;text-decoration:none;border-bottom:1px solid transparent}
.lenke .ikon{width:18px;height:18px;transition:transform .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.lenke:hover .ikon{transform:translateX(3px)}}

.etikett{font:500 14px/1.4 var(--f-tekst);color:var(--c-dempet);letter-spacing:.01em}
.seksjonstittel{font-family:var(--f-display);font-size:calc(clamp(2.2rem,4.2vw,3.8rem)*var(--d-skala));line-height:1.04;letter-spacing:var(--d-spor)}
.ingress{color:var(--c-dempet);max-width:var(--spalte);margin-top:var(--s-2)}

/* ---------- Toppen ---------- */
.topp{position:fixed;inset:0 0 auto;z-index:var(--z-sticky);height:var(--topp);display:flex;align-items:center;gap:var(--s-3);padding:0 var(--side);color:var(--c-blekk);transition:background-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.topp.er-rullet{background:color-mix(in srgb,var(--c-papir) 92%,transparent);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--c-linje)}
html[data-hero="2"] .topp:not(.er-rullet){color:var(--c-paa-mork)}
.topp__merke{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:44px}
.topp__merke img{width:40px;height:40px}
.topp__navn{font-family:var(--f-display);font-size:24px;line-height:1}
.topp__nav{display:flex;gap:var(--s-3);margin-left:auto}
.topp__nav a{font-size:15px;text-decoration:none;padding:12px 0;opacity:.85}
@media (hover:hover) and (pointer:fine){.topp__nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}}
.topp__handling{display:flex;align-items:center;gap:var(--s-1)}
.topp__ikon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%}
html[data-hero="2"] .topp:not(.er-rullet) .knapp{background:var(--c-paa-mork);border-color:var(--c-paa-mork);color:#10201C}

/* ---------- Hero, felles ---------- */
.hero{position:relative;display:none}
html[data-hero="1"] .hero[data-hero="1"],html[data-hero="2"] .hero[data-hero="2"]{display:block}
.hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero__line-in{display:block}
.hero__tittel{display:flex;flex-direction:column;font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(clamp(2.6rem,6.6vw,6.3rem)*var(--d-skala));line-height:var(--d-lh);letter-spacing:var(--d-spor)}
.hero__rolle{font-size:15px;color:var(--c-dempet);margin-bottom:var(--s-2)}
.hero__ingress{max-width:34em;margin-top:var(--s-3);color:var(--c-dempet)}
.hero__knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s-4)}
.vurdering{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:var(--s-2);font-size:15px;text-decoration:none;color:inherit}
.stjerner{position:relative;display:inline-block;font-size:17px;letter-spacing:2px;line-height:1}
.stjerner::before{content:"★★★★★";color:color-mix(in srgb,var(--c-stjerne) 25%,transparent)}
.stjerner::after{content:"★★★★★";position:absolute;inset:0;width:var(--snitt);overflow:hidden;color:var(--c-stjerne);white-space:nowrap}
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero .hero__sub{opacity:0}

/* ---------- Hero 1: lydbølgen ---------- */
.hero--bolge{min-height:max(640px,100svh);display:none;text-align:center;overflow:hidden}
html[data-hero="1"] .hero--bolge{display:grid;place-items:center}
.bolge{position:absolute;inset:0;width:100%;height:100%;z-index:var(--z-dekor);pointer-events:none}
.hero--bolge .hero__innhold{position:relative;z-index:var(--z-innhold);display:flex;flex-direction:column;align-items:center;padding:calc(var(--topp) + var(--s-4)) var(--side) var(--s-6)}
.hero__portrett{width:clamp(128px,12vw,176px);aspect-ratio:1;border-radius:50%;padding:6px;background:var(--c-papir);box-shadow:0 0 0 1px var(--c-bolge);margin-bottom:var(--s-4)}
.hero__portrett img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero--bolge .hero__ingress{margin-inline:auto}
.hero--bolge .hero__knapper{justify-content:center}

/* ---------- Hero 2: filmen ---------- */
.hero--film{min-height:max(620px,100svh);background:var(--c-mork);color:var(--c-paa-mork);overflow:hidden}
.hero__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__slor{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,14,.86) 0%,rgba(8,16,14,.66) 38%,rgba(8,16,14,.12) 70%,rgba(8,16,14,0) 100%),linear-gradient(0deg,rgba(8,16,14,.6) 0%,rgba(8,16,14,0) 40%)}
.hero--film .hero__innhold{position:relative;z-index:var(--z-innhold);max-width:var(--maks);margin:0 auto;min-height:max(620px,100svh);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--topp) + var(--s-4)) var(--side) var(--s-6)}
.hero--film .hero__tittel{max-width:12em}
.hero--film .hero__rolle,.hero--film .hero__ingress{color:var(--c-paa-mork-dempet)}
.hero--film .stjerner{--c-stjerne:#F2D79B}

/* ---------- Om ---------- */
.om{position:relative;padding:var(--seksjon) var(--side);overflow:hidden}
.om__buer{position:absolute;left:0;right:0;top:0;width:100%;height:min(640px,70%);z-index:0;fill:none;stroke:var(--c-linje);stroke-width:1;vector-effect:non-scaling-stroke}
.om__innhold{position:relative;max-width:var(--maks);margin:0 auto;text-align:center}
.om__utsagn{font-family:var(--f-display);font-weight:var(--d-vekt);font-size:calc(clamp(1.7rem,3.2vw,2.9rem)*var(--d-skala));line-height:1.18;letter-spacing:var(--d-spor);max-width:24em;margin:var(--s-3) auto 0}
.om__rad{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,520px);justify-content:center;align-items:center;gap:clamp(32px,6vw,96px);margin-top:var(--s-6);text-align:left}
.om__tekst p+p{margin-top:var(--s-2)}
.om__media{display:flex;gap:10px;align-items:flex-start;color:var(--c-dempet);margin-top:var(--s-3)!important}
.om__tekst .lenke{margin-top:var(--s-2)}
.lydklipp{position:relative;margin:0}
.lydklipp__video{width:100%;aspect-ratio:480/684;object-fit:cover;border-radius:999px 999px 6px 6px;background:var(--c-flate)}
.lydklipp__knapp{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:0;border-radius:999px;background:var(--c-papir);color:var(--c-blekk);font-size:15px;font-weight:500;white-space:nowrap}
.lydklipp__knapp .ikon{width:18px;height:18px;color:var(--c-aksent)}
.lydklipp figcaption{font-size:14px;color:var(--c-dempet);margin-top:var(--s-1);text-align:center}
.lydklipp.spiller .lydklipp__knapp{opacity:.92}

/* ---------- Behandlinger ---------- */
.behandlinger{padding:var(--seksjon) var(--side);max-width:calc(var(--maks) + 2*var(--side));margin:0 auto}
.behandlinger__topp{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.skaal{position:relative;width:clamp(200px,22vw,300px);aspect-ratio:1}
.skaal img{position:absolute;inset:15%;width:70%;height:70%;object-fit:cover;border-radius:50%}
.skaal__tekst{position:absolute;inset:0;width:100%;height:100%;font:500 13px var(--f-tekst);letter-spacing:.18em;fill:var(--c-dempet);animation:roter 60s linear infinite}
@keyframes roter{to{transform:rotate(360deg)}}
.kortrad{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px);margin-top:var(--s-6)}
.kort{position:relative;display:flex;flex-direction:column}
.kort__bilde{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;background:var(--c-flate);transition:transform .5s var(--ease)}
.kort__navn{font-family:var(--f-display);font-size:calc(clamp(1.5rem,2.2vw,2rem)*var(--d-skala));line-height:1.1;margin-top:var(--s-3);padding-right:44px}
.kort__linje{color:var(--c-dempet);margin-top:var(--s-1);font-size:16px}
.kort__lenke{position:absolute;inset:0;z-index:var(--z-innhold)}
.kort__navn{position:relative}
.kort__navn::after{content:"";position:absolute;right:0;top:50%;width:40px;height:1px;background:var(--c-aksent);transform:scaleX(.7);transform-origin:100% 50%;transition:transform .25s var(--ease)}
@media (hover:hover) and (pointer:fine){.kort:hover .kort__navn::after{transform:scaleX(1)}.kort:hover .kort__bilde{transform:scale(1.015)}}
.kort:has(.kort__lenke:focus-visible){outline:2px solid var(--c-fokus);outline-offset:6px}
.behandlinger__utgang{margin-top:var(--s-4)}

/* ---------- Velger ---------- */
.velger{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:start;padding:var(--seksjon) var(--side);background:var(--c-flate)}
.velger>*{max-width:640px}
.velger__hode{display:flex;flex-direction:column;gap:var(--s-3);justify-self:end}
.velger__ansikt{width:96px;height:96px;border-radius:50%;object-fit:cover}
.velger__skjema,.resultat{grid-column:2;grid-row:1;min-width:0}
.velger__fremdrift{height:2px;background:var(--c-linje);overflow:hidden}
.velger__fyll{display:block;height:100%;background:var(--c-aksent);transform:scaleX(.25);transform-origin:0 50%;transition:transform .4s var(--ease)}
.velger__teller{font-size:14px;color:var(--c-dempet);margin-top:var(--s-2)}
.sporsmal{border:0;margin:0;padding:0}
.sporsmal__tekst{font-family:var(--f-display);font-size:calc(clamp(1.5rem,2.4vw,2.1rem)*var(--d-skala));line-height:1.15;padding:0;margin:var(--s-2) 0 var(--s-3)}
.valg{display:block;position:relative}
.valg+.valg{margin-top:10px}
.valg input{position:absolute;opacity:0;pointer-events:none}
.valg__rad{display:flex;gap:16px;align-items:center;min-height:56px;padding:14px 18px;border:1px solid var(--c-linje);border-radius:var(--r-knapp);background:var(--c-papir);cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease)}
.valg__rad b{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--c-linje);border-radius:50%;font-size:13px;font-weight:500}
.valg input:checked+.valg__rad{border-color:var(--c-aksent);box-shadow:inset 0 0 0 1px var(--c-aksent)}
.valg input:checked+.valg__rad b{background:var(--c-aksent);border-color:var(--c-aksent);color:var(--c-paa-aksent)}
.valg input:focus-visible+.valg__rad{outline:2px solid var(--c-fokus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.valg__rad:hover{border-color:var(--c-aksent)}}
.velger__knapper{display:flex;gap:12px;margin-top:var(--s-3)}
.resultat:focus{outline:none}
.resultat__navn{font-family:var(--f-display);font-size:calc(clamp(2rem,3.4vw,3rem)*var(--d-skala));line-height:1.05;margin-top:var(--s-1)}
.resultat__hvorfor{margin-top:var(--s-2);max-width:34em}
.prat{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-linje);display:grid;gap:var(--s-2)}
.prat__tittel{font-weight:500}
.felt label{display:block;font-size:14px;color:var(--c-dempet);margin-bottom:6px}
.felt input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--c-linje);border-radius:var(--r-knapp);background:var(--c-papir);color:var(--c-blekk);font:inherit}
.felt input[aria-invalid="true"]{border-color:#A3352A}
.feil{color:#A3352A;font-size:14px;margin-top:6px}
html[data-pal="2"] .feil{color:#FF9C8F}
html[data-pal="2"] .felt input[aria-invalid="true"]{border-color:#FF9C8F}
.samtykke{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--c-dempet);min-height:44px;cursor:pointer}
.samtykke input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--c-aksent);flex:none}
.prat__knapper{display:flex;flex-wrap:wrap;gap:12px}
.kvittering{margin-top:var(--s-4);padding:var(--s-3);border:1px solid var(--c-aksent);border-radius:var(--r-knapp);background:var(--c-papir)}
.kvittering:focus{outline:none}

/* ---------- Tilbakemeldinger ---------- */
.omtaler{padding:var(--seksjon) var(--side);max-width:calc(var(--maks) + 2*var(--side));margin:0 auto}
.omtaler__hode{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s-2)}
.vurdering--stor{color:var(--c-dempet);margin:0}
.omtaler__liste{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin-top:var(--s-5)}
.omtale{padding-top:var(--s-3);border-top:1px solid var(--c-linje)}
.omtale blockquote{margin:0;font-family:var(--f-display);font-size:calc(clamp(1.2rem,1.6vw,1.45rem)*var(--d-skala));line-height:1.35}
.omtale__hvem{margin-top:var(--s-3);font-size:15px;font-weight:500}
.omtale__hva{display:block;font-weight:400;color:var(--c-dempet)}
.omtaler__utgang{margin-top:var(--s-4)}

/* ---------- Instagram ---------- */
.folg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:end;padding:0 var(--side) var(--seksjon);max-width:calc(var(--maks) + 2*var(--side));margin:0 auto}
.folg__hode{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);align-self:center}
.folg__ingress{color:var(--c-dempet);max-width:28em}
.folg__hode .lenke .ikon{width:20px;height:20px}
.folg__rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.reel{position:relative;display:block;width:100%;padding:0;border:0;background:var(--c-flate);border-radius:6px;overflow:hidden;text-align:left}
.reel img{width:100%;aspect-ratio:9/16;object-fit:cover}
.reel__tekst{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(0deg,rgba(8,16,14,.85),rgba(8,16,14,0));color:#F4F6F2;font-size:14px;font-weight:500;line-height:1.3}
.reel__spill{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(244,246,242,.92);color:#13231F}
.reel__spill .ikon{width:16px;height:16px}
.reelvindu{width:min(420px,calc(100vw - 32px));height:min(760px,calc(100svh - 64px));padding:0;border:0;border-radius:8px;background:#000}
.reelvindu::backdrop{background:rgba(8,16,14,.8)}
.reelvindu iframe{width:100%;height:100%;border:0}
.reelvindu__lukk{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#F4F6F2;color:#13231F}

/* ---------- Kontakt ---------- */
.kontakt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center;padding:var(--seksjon) var(--side);max-width:calc(var(--maks) + 2*var(--side));margin:0 auto}
.kontaktliste{margin-top:var(--s-4);display:grid;gap:4px}
.kontaktliste li{display:flex;gap:14px;align-items:center;min-height:44px}
.kontaktliste .ikon{color:var(--c-aksent)}
.kontaktliste a{text-decoration:none;padding:10px 0}
@media (hover:hover) and (pointer:fine){.kontaktliste a:hover{text-decoration:underline;text-underline-offset:4px}}
.kontakt__knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s-4)}
.kart{position:relative;margin:0}
.kart__bilde{width:100%;aspect-ratio:1440/640;object-fit:cover;border-radius:4px}
.kart__nal{position:absolute;left:50%;top:calc(50% - 22px);transform:translate(-50%,-100%);pointer-events:none}
.kart__nal span{display:block;padding:8px 14px;border-radius:999px;background:var(--c-aksent);color:var(--c-paa-aksent);font-size:14px;font-weight:500;white-space:nowrap}
.kart__nal::after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;margin-left:-6px;margin-top:6px;border-radius:50%;background:var(--c-aksent);box-shadow:0 0 0 5px color-mix(in srgb,var(--c-aksent) 30%,transparent)}
.kart__under{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:var(--s-1);font-size:14px;color:var(--c-dempet)}
.kart__under a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- Bunn ---------- */
.bunn{padding:var(--s-6) var(--side) var(--s-5);background:var(--c-flate)}
.bunn__rad{display:flex;align-items:center;gap:var(--s-3);max-width:var(--maks);margin:0 auto}
.bunn__navn{font-family:var(--f-display);font-size:28px;line-height:1.1}
.bunn__rad p:not(.bunn__navn){color:var(--c-dempet);font-size:15px}
.bunn__sosial{display:flex;gap:4px;margin-left:auto}
.bunn__sosial a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}
.bunn__liten{max-width:var(--maks);margin:var(--s-4) auto 0;font-size:14px;color:var(--c-dempet)}
.bunn__liten a{display:inline-block;padding:12px 0}
.bunn__kreditt{margin-top:0}

/* ---------- Designvalg ---------- */
.lab{position:fixed;left:16px;bottom:16px;z-index:var(--z-panel);font:500 14px/1 var(--f-tekst);color:#13231F}
.lab__veksle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid rgba(19,35,31,.12);border-radius:999px;background:rgba(244,246,242,.82);backdrop-filter:blur(14px)}
.lab__panel{position:absolute;left:0;bottom:56px;display:grid;gap:10px;padding:14px;border:1px solid rgba(19,35,31,.12);border-radius:16px;background:rgba(244,246,242,.9);backdrop-filter:blur(14px);min-width:220px}
.lab__gruppe{display:flex;align-items:center;gap:6px}
.lab__merke{width:28px;font-size:18px}
.lab__gruppe button{width:44px;height:44px;border:1px solid rgba(19,35,31,.18);border-radius:10px;background:transparent;color:#13231F}
.lab__gruppe button[aria-pressed="true"]{background:#13231F;color:#F4F6F2;border-color:#13231F}
.lab__kreditt{display:flex;gap:6px;align-items:center;font-size:12px;color:#4A5753;padding-top:4px}
.lab__kreditt a{color:#13231F;text-decoration:none;font-weight:600;padding:8px 0}
.lab__prikk{color:#198476}

/* ---------- Mobil ---------- */
@media (max-width:860px){
  :root{--topp:64px}
  body{font-size:16px}
  .topp__nav,.topp__handling .knapp{display:none}
  .topp__handling{margin-left:auto}
  .topp__navn{font-size:21px}
  .hero--bolge{min-height:0}
  html[data-hero="1"] .hero--bolge{display:block}
  .om__buer{display:none}
  .hero__knapper .knapp{font-size:14px;padding:12px 14px}
  .folg{grid-template-columns:1fr;gap:var(--s-3)}
  .hero--film .hero__tittel{font-size:calc(2.5rem*var(--d-skala))}
  .hero--bolge .hero__innhold{padding-bottom:var(--s-5)}
  .hero__portrett{margin-bottom:var(--s-3)}
  .hero__knapper .knapp{flex:1 1 140px}
  /* Hero 2: filmen i øvre halvdel, teksten under */
  .hero--film{min-height:auto}
  .hero__film{height:min(50svh,420px);bottom:auto}
  .hero__slor{height:min(50svh,420px);background:linear-gradient(0deg,var(--c-mork) 0%,rgba(16,32,28,.55) 30%,rgba(16,32,28,0) 60%)}
  .hero--film .hero__innhold{min-height:auto;padding-top:min(41svh,340px);padding-bottom:var(--s-5)}
  .om__rad{grid-template-columns:120px 1fr;gap:var(--s-3);margin-top:var(--s-5);align-items:start}
  .lydklipp__video{border-radius:999px 999px 4px 4px}
  .lydklipp__knapp{position:static;transform:none;margin-top:var(--s-1);padding:10px 12px;width:100%;justify-content:center;background:var(--c-flate)}
  .lydklipp__tekst{display:none}
  .lydklipp figcaption{display:none}
  .om__tekst p:nth-child(2){display:none}
  .behandlinger__topp{grid-template-columns:96px 1fr;gap:var(--s-3)}
  .skaal{width:96px}
  .skaal__tekst{display:none}
  .skaal img{inset:0;width:100%;height:100%}
  .kortrad{grid-template-columns:1fr 1fr;gap:12px;margin-top:var(--s-4)}
  .kortrad .kort:nth-child(3){grid-column:1/-1}
  .kort__bilde{aspect-ratio:3/2}
  .kortrad .kort:nth-child(3) .kort__bilde{aspect-ratio:2/1;object-position:50% 25%}
  .kort__navn{font-size:calc(1.25rem*var(--d-skala));margin-top:12px;padding-right:0}
  .kort__navn::after{display:none}
  .kort__linje{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .velger{grid-template-columns:1fr}
  .velger__hode{flex-direction:row;align-items:center;justify-self:start}
  .velger__ansikt{width:64px;height:64px}
  .velger__skjema,.resultat{grid-column:1;grid-row:auto}
  .omtaler__liste{grid-template-columns:1fr;margin-top:var(--s-4)}
  .omtale:nth-child(3){display:none}
  .folg__rad{grid-template-columns:repeat(3,1fr);gap:8px}
  .reel__tekst{display:none}
  .reel__spill{top:8px;right:8px}
  .kontakt{grid-template-columns:1fr}
  .kart__bilde{aspect-ratio:16/10}
  .bunn__rad{flex-wrap:wrap}
  .lab{left:auto;right:12px;bottom:12px}
  .lab__veksle-tekst{display:none}
  .lab__panel{left:auto;right:0}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .skaal__tekst{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}