/* Selvhostede fonter fra ~/.claude/assets/fonts. Suisse Intl er demoOnly: lisens må kjøpes eller fonten byttes før levering. */
@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:'Tanker'; src:url('../assets/fonts/tanker-400-normal.woff2') format('woff2'); font-weight:400;font-style:normal;font-display:swap; }
@font-face{ font-family:'Clash Display'; src:url('../assets/fonts/clash-display-normal.woff2') format('woff2'); font-weight:100 900;font-style:normal;font-display:swap; }
@font-face{ font-family:'Geist'; src:url('../assets/fonts/geist-normal.woff2') format('woff2'); font-weight:100 900;font-style:normal;font-display:swap; }
@font-face{ font-family:'Geist Mono'; src:url('../assets/fonts/geist-mono-normal.woff2') format('woff2'); font-weight:100 900;font-style:normal;font-display:swap; }

/* ---------- Tokens ---------- */
:root{
  /* Palett 1: kundens egne farger (Squarespace: white #FAFAFA, black #000, accent #DCDCDC, darkAccent #1C1C1C) */
  --c-papir:#FAFAFA;--c-blekk:#000000;--c-flate:#DCDCDC;--c-mork:#1C1C1C;--c-bunn:#000000;
  --c-aksent:#000000;--c-aksent-tekst:#FAFAFA;--c-lys:#FAFAFA;
  --c-bg:var(--c-papir);--c-tekst:var(--c-blekk);--c-dempet:#4F4F4F;--c-linje:rgba(0,0,0,.16);--c-fokus:#000000;
  --f-display:'Suisse Intl','Helvetica Neue',Arial,sans-serif;--vekt-display:400;--lh-display:1;--spor-display:-.01em;--tt-display:uppercase;
  --f-tekst:'Geist','Helvetica Neue',Arial,sans-serif;--f-mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --t-hero:clamp(42px,6.2vw,100px);--t-hero2:clamp(40px,6.8vw,104px);--t-h2:clamp(36px,5.2vw,84px);--t-stor:clamp(26px,3.3vw,50px);--t-h3:clamp(19px,1.5vw,22px);--t-ingress:clamp(17px,1.3vw,19px);--t-tekst:16px;--t-liten:13px;
  --kant:clamp(16px,3.4vw,48px);--ramme:1360px;--seksjon:clamp(72px,9vw,128px);--fuge:6px;--topp:56px;
  --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);
}
html[data-palett="2"]{--c-papir:#1C1C1C;--c-blekk:#FAFAFA;--c-flate:#000000;--c-mork:#000000;--c-bunn:#000000;--c-aksent:#FAFAFA;--c-aksent-tekst:#000000;--c-dempet:#B8B8B8;--c-linje:rgba(250,250,250,.18);--c-fokus:#FAFAFA}
html[data-palett="3"]{--c-mork:#1F4F8C;--c-bunn:#16396A;--c-aksent:#1F4F8C;--c-flate:#E4E9F1;--c-fokus:#1F4F8C}
html[data-font="2"]{--f-display:'Tanker',Impact,sans-serif;--lh-display:1.06;--spor-display:0;--t-hero:clamp(50px,7.4vw,120px);--t-hero2:clamp(52px,9vw,140px);--t-h2:clamp(44px,6.4vw,104px)}
html[data-font="3"]{--f-display:'Clash Display','Helvetica Neue',Arial,sans-serif;--vekt-display:300;--lh-display:.94;--spor-display:-.02em;--tt-display:none}
.mork{--c-bg:var(--c-mork);--c-tekst:var(--c-lys);--c-dempet:#D6D6D6;--c-linje:rgba(250,250,250,.2);--c-fokus:var(--c-lys);--c-aksent:var(--c-lys);--c-aksent-tekst:#000000}

/* ---------- Grunnlag ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
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 var(--t-tekst)/1.55 var(--f-tekst);-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,ol,figure,fieldset{margin:0;padding:0}
ul,ol{list-style:none}
fieldset{border:0;min-width:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.vis-skjermleser{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hopp{position:absolute;left:12px;top:-60px;z-index:var(--z-varsel);padding:12px 16px;background:var(--c-blekk);color:var(--c-papir)}
.hopp:focus{top:12px}
.ramme{width:min(100% - 2*var(--kant),var(--ramme));margin-inline:auto}
.ikon{width:20px;height:20px;flex:none}
.etikett{font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
section{background:var(--c-bg);color:var(--c-tekst)}

/* ---------- Knapper ---------- */
.knapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--c-aksent);background:var(--c-aksent);color:var(--c-aksent-tekst);font:500 14px/1 var(--f-tekst);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,transform .16s var(--ease)}
.knapp:active{transform:scale(.97)}
.knapp--strek{background:transparent;color:var(--c-tekst);border-color:currentColor}
.knapp--lys{background:var(--c-lys);border-color:var(--c-lys);color:#000000}
.knapp--lys-strek{color:var(--c-lys)}
@media (hover:hover) and (pointer:fine){
  .knapp:hover{background:transparent;color:var(--c-aksent)}
  .knapp--strek:hover{background:var(--c-tekst);color:var(--c-bg)}
  .knapp--lys:hover{background:transparent;color:var(--c-lys)}
  .knapp--lys-strek:hover{background:var(--c-lys);color:#000000}
}

/* ---------- Topp ---------- */
.topp{position:fixed;inset:0 0 auto;z-index:var(--z-sticky);height:var(--topp);display:flex;align-items:center;justify-content:space-between;padding:0 var(--kant);background:var(--c-papir);color:var(--c-blekk);border-bottom:1px solid var(--c-linje);transition:background-color .3s,color .3s,border-color .3s}
html[data-heroaktiv="2"] .topp:not(.topp--rullet){background:transparent;color:var(--c-lys);border-color:transparent}
.topp__merke{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}
.logo__merke{width:34px;height:auto}
.topp__navn{font:500 13px/1 var(--f-tekst);letter-spacing:.08em;text-transform:uppercase}
.topp__nav{display:flex;gap:clamp(16px,3vw,40px)}
.topp__lenke{display:inline-flex;align-items:center;min-height:44px;font:500 13px/1 var(--f-tekst);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
@media (hover:hover) and (pointer:fine){.topp__lenke:hover{text-decoration:underline;text-underline-offset:4px}}

/* ---------- Hero: felles ---------- */
.hero h1{display:flex;flex-direction:column;font-family:var(--f-display);font-weight:var(--vekt-display);line-height:var(--lh-display);letter-spacing:var(--spor-display);text-transform:var(--tt-display)}
.hero h1 .hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero h1 .hero__line-in{display:block;white-space:nowrap}
.hero__ingress{font-size:var(--t-ingress);line-height:1.5;max-width:34ch}
.hero__knapper{display:flex;flex-wrap:wrap;gap:10px}
.hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover}
.anim-hero .hero__sub{opacity:0}
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero .hero__media{opacity:.4}

/* Hero 1: bildemosaikk (almirakho.com) */
.hero--mosaikk{display:grid;grid-template-columns:5fr 4fr 3fr;grid-template-rows:minmax(0,1fr) auto;gap:var(--fuge);height:100svh;min-height:680px;padding-top:calc(var(--topp) + var(--fuge));background:var(--c-papir)}
.mosaikk__a{grid-column:1;grid-row:1;overflow:hidden}
.mosaikk__b{grid-column:2;grid-row:1;overflow:hidden}
.mosaikk__c{grid-column:3;grid-row:1;overflow:hidden}
.mosaikk__a img{object-position:50% 60%}
.mosaikk__b img{object-position:50% 35%}
.mosaikk__c img{object-position:50% 50%}
.mosaikk__tekst{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);align-items:end;gap:24px 48px;padding:clamp(20px,2.2vw,28px) var(--kant) 72px}
.mosaikk__tittel{display:grid;gap:16px}
.mosaikk__tekst h1{font-size:var(--t-hero)}
.mosaikk__bunn{display:grid;gap:18px;justify-items:start}

/* Hero 2: søkerbilde over film (aaronbrimhall.com) */
.hero--sok{position:relative;height:100svh;min-height:680px;background:#000000;color:var(--c-lys);overflow:hidden;--c-fokus:var(--c-lys)}
.hero__film{position:absolute;inset:0}
.hero__film::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.66) 30%,rgba(0,0,0,.42) 46%,rgba(0,0,0,0) 66%),linear-gradient(90deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 50%),linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.3) 9%,rgba(0,0,0,0) 18%)}
.sok{position:absolute;inset:calc(var(--topp) + 16px) var(--kant) 24px;pointer-events:none;z-index:var(--z-dekor)}
.sok__hjorne{position:absolute;width:28px;height:28px;border:0 solid rgba(250,250,250,.85)}
.sok__hjorne--1{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}
.sok__hjorne--2{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}
.sok__hjorne--3{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}
.sok__hjorne--4{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}
.sok__rec,.sok__info{position:absolute;top:10px;display:flex;align-items:center;gap:8px;padding:5px 7px;background:rgba(0,0,0,.72);font:500 12px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.sok__rec{left:44px}
.sok__info{right:44px}
.sok__prikk{width:8px;height:8px;border-radius:50%;background:var(--c-lys)}
.hero--sok .hero__innhold{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:20px;padding:0 calc(var(--kant) + 44px) clamp(56px,9vh,104px)}
.hero--sok h1{font-size:var(--t-hero2);flex-direction:row;flex-wrap:wrap;column-gap:.28em}

/* ---------- Seksjoner ---------- */
.seksjon__tittel{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:var(--t-h2);line-height:var(--lh-display);letter-spacing:var(--spor-display);text-transform:var(--tt-display)}
.seksjon__ingress{font-size:var(--t-ingress);line-height:1.5;color:var(--c-dempet);max-width:42ch}

.intro{padding:var(--seksjon) 0 calc(var(--seksjon) * .6)}
.intro__rad{display:grid;gap:40px}
.intro__stor{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:var(--t-stor);line-height:1.08;letter-spacing:var(--spor-display);text-transform:var(--tt-display);max-width:24ch}
.fakta{display:flex;flex-wrap:wrap;gap:12px 40px;border-top:1px solid var(--c-linje);padding-top:20px}
.fakta__punkt{display:flex;align-items:center;gap:10px;font:500 13px/1.4 var(--f-mono);letter-spacing:.04em;text-transform:uppercase}

.tjenester{padding:0 0 var(--seksjon)}
.seksjon__topp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 48px;margin-bottom:40px}
.kortrad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fuge)}
.kort{position:relative;display:flex;flex-direction:column;background:var(--c-bg)}
.kort__bilde{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.kort:nth-child(1) .kort__bilde{object-position:40% 50%}
.kort:nth-child(3) .kort__bilde{object-position:35% 50%}
.kort__tekst{display:grid;gap:10px;padding:20px 0 0}
.kort__navn{display:flex;align-items:center;gap:10px;font:500 var(--t-h3)/1.2 var(--f-tekst)}
.kort__linje{font:500 12px/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-dempet)}
.kort__beskrivelse{color:var(--c-dempet);max-width:40ch}
.kort__lenke{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;font:500 14px/1 var(--f-tekst);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;justify-self:start}
.kort__lenke .ikon{width:18px;height:18px;transition:transform .2s var(--ease)}
@media (hover:hover) and (pointer:fine){.kort__lenke:hover .ikon{transform:translateX(4px)}}

.stevne{padding:var(--seksjon) 0}
.stevne__rad{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:start}
.stevne__bilde{position:relative;padding:14px}
.stevne__bilde img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:45% 50%}
.stevne__bilde .sok__hjorne{border-color:var(--c-tekst)}
.stevne__tekst{display:grid;gap:20px}
.steg{counter-reset:steg;margin-top:20px;border-top:1px solid var(--c-linje)}
.steg__punkt{counter-increment:steg;display:grid;grid-template-columns:64px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--c-linje)}
.steg__nr::before{content:counter(steg,decimal-leading-zero);font:500 13px/1.6 var(--f-mono);letter-spacing:.06em}
.steg__navn{font:500 var(--t-h3)/1.25 var(--f-tekst);margin-bottom:6px}
.steg__tekst{color:var(--c-dempet);max-width:46ch}

/* ---------- Velger ---------- */
.velger{padding:var(--seksjon) 0;--c-bg:var(--c-flate)}
.velger__rad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px);align-items:start}
.velger__intro{display:grid;gap:20px;position:sticky;top:calc(var(--topp) + 32px)}
.fakta--liten{border-top:0;padding-top:0;flex-direction:column;gap:12px}
.velger__skjema{position:relative;background:var(--c-papir);color:var(--c-blekk);border:1px solid var(--c-blekk);padding:clamp(20px,3vw,40px);display:grid;gap:20px;--c-tekst:var(--c-blekk);--c-dempet:#4F4F4F}
html[data-palett="2"] .velger__skjema{--c-dempet:#B8B8B8}
.velger__topp{display:grid;gap:10px}
.velger__bar{height:2px;background:var(--c-linje)}
.velger__bar span{display:block;height:100%;width:100%;background:var(--c-blekk);transform-origin:0 50%;transform:scaleX(.25);transition:transform .25s var(--ease)}
.velger__sporsmal{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:var(--spor-display);text-transform:var(--tt-display);margin-bottom:16px;float:left;width:100%}
.velger__spm{display:grid}
.val{display:block;cursor:pointer}
.val input{position:absolute;opacity:0;pointer-events:none}
.val__rad{display:flex;align-items:center;gap:16px;min-height:56px;padding:8px 12px;border-top:1px solid var(--c-linje);font-size:17px;transition:background-color .15s,color .15s}
.val:last-of-type .val__rad{border-bottom:1px solid var(--c-linje)}
.val__bokstav{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;font:500 13px/1 var(--f-mono);flex:none}
.val input:checked + .val__rad{background:var(--c-blekk);color:var(--c-papir)}
.val input:focus-visible + .val__rad{outline:2px solid var(--c-fokus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.val:hover .val__rad{background:var(--c-linje)}}
.velger__svar,.velger__takk{display:grid;gap:14px}
.velger__svartittel{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:clamp(28px,2.8vw,42px);line-height:1.05;letter-spacing:var(--spor-display);text-transform:var(--tt-display)}
.velger__svartekst{max-width:52ch}
.velger__notert{font:500 12px/1.5 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--c-dempet)}
.velger__felt{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.felt{display:grid;gap:6px}
.felt--hel{grid-column:1/-1}
.felt__navn{font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.felt__valgfri{text-transform:none;letter-spacing:0;color:var(--c-dempet)}
.felt input{min-height:48px;padding:0 12px;border:1px solid var(--c-blekk);border-radius:0;background:var(--c-papir);color:var(--c-blekk);font:400 16px var(--f-tekst)}
.felt input[aria-invalid="true"]{border-width:2px}
.samtykke{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer;min-height:44px}
.samtykke input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--c-blekk);flex:none}
.velger__feil{font-weight:500;min-height:0}
.velger__feil:empty{display:none}
.velger__takk .ikon{width:40px;height:40px}
.velger__tilbake{justify-self:start;min-height:44px;padding:0;border:0;background:none;color:var(--c-blekk);font:500 13px/1 var(--f-tekst);letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}

/* ---------- Om ---------- */
.om{padding:var(--seksjon) 0}
.om__rad{display:grid;grid-template-columns:5fr 3fr 4fr;gap:var(--fuge) clamp(24px,3vw,48px);align-items:start}
.om__tekst{display:grid;gap:18px;padding-right:clamp(0px,2vw,32px)}
.om__tekst p:not(.om__stor){color:var(--c-dempet);max-width:52ch}
.om__stor{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:clamp(22px,2.4vw,36px);line-height:1.1;letter-spacing:var(--spor-display);text-transform:var(--tt-display)}
.navn{border-top:1px solid var(--c-linje);margin-top:8px}
.navn__rad{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--c-linje)}
.navn__navn{font-weight:500}
.navn__rolle{font:500 12px/1.6 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-dempet)}
.om__bilde img{width:100%;object-fit:cover}
.om__bilde--a img{aspect-ratio:1}
.om__bilde--b{margin-top:clamp(40px,8vw,120px)}
.om__bilde--b img{aspect-ratio:3/4}
.om__bilde figcaption{margin-top:10px;font:500 12px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-dempet)}

/* ---------- Bunn ---------- */
.bunn{background:var(--c-bunn);color:var(--c-lys);padding:var(--seksjon) 0 32px;--c-fokus:var(--c-lys);--c-linje:rgba(250,250,250,.2)}
.bunn__cta{display:grid;gap:20px;max-width:720px;margin-bottom:clamp(56px,8vw,112px)}
.bunn__sporsmal{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:var(--t-h2);line-height:var(--lh-display);letter-spacing:var(--spor-display);text-transform:var(--tt-display)}
.bunn__tekst{font-size:var(--t-ingress);color:#C9C9C9;max-width:46ch}
.bunn__cta .knapp{justify-self:start}
.bunn__ordmerke{display:flex;align-items:center;gap:.25em;font-family:var(--f-display);font-weight:var(--vekt-display);font-size:clamp(22px,6.3vw,104px);line-height:1.2;letter-spacing:var(--spor-display);text-transform:var(--tt-display);white-space:nowrap;overflow-x:clip;overflow-y:visible;padding:.1em 0 28px;border-bottom:1px solid var(--c-linje)}
.bunn__ordmerke .logo__merke{width:1.1em}
.bunn__rad{display:grid;grid-template-columns:auto 1fr auto;gap:12px 40px;align-items:center;padding-top:20px;font-size:var(--t-liten);color:#C9C9C9}
.bunn__nav{display:flex;gap:24px}
.bunn__nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-lys);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.bunn__kreditt{display:inline-flex;align-items:center;min-height:44px;color:#C9C9C9;text-underline-offset:3px}

/* ---------- Dokk (mobil) ---------- */
.dokk{display:none}

/* ---------- Designvalg ---------- */
.lab{position:fixed;right:16px;bottom:16px;z-index:var(--z-panel);display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:500 13px/1 var(--f-tekst)}
.lab__veksle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(250,250,250,.3);border-radius:0;background:rgba(0,0,0,.82);color:#FAFAFA;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;font:inherit;letter-spacing:.04em}
.lab__panel{order:-1;display:flex;flex-direction:column;gap:6px;padding:12px;background:rgba(0,0,0,.86);color:#FAFAFA;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(250,250,250,.18)}
.lab__gruppe{display:flex;align-items:center;gap:6px}
.lab__merke{width:26px;text-align:center;font-size:16px}
.lab__gruppe button{width:44px;height:44px;border:1px solid rgba(250,250,250,.3);border-radius:0;background:transparent;color:#FAFAFA;font:inherit;cursor:pointer;transition:background-color .15s,color .15s}
.lab__gruppe button[aria-pressed="true"]{background:#FAFAFA;color:#000000}
.lab__kreditt{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:11px;opacity:.8}
.lab__kreditt a{color:#FAFAFA;text-decoration:none;font-weight:700}
.lab :focus-visible{outline-color:#FAFAFA}

/* ---------- Mobil ---------- */
@media (max-width:899px){
  :root{--topp:52px;--fuge:4px}
  .topp__lenke--skjul{display:none}
  .topp__navn{font-size:12px}
  .logo__merke{width:30px}

  .hero--mosaikk{display:block;height:auto;min-height:0;padding-top:var(--topp)}
  .mosaikk__a{height:min(46svh,400px)}
  .mosaikk__b,.mosaikk__c{display:none}
  .mosaikk__tekst{display:grid;grid-template-columns:1fr;gap:14px;padding:22px var(--kant) 28px}
  .mosaikk__tittel{gap:12px}
  .mosaikk__bunn{gap:14px;justify-items:stretch}
  .hero__knapper .knapp{flex:1 1 100%}

  .hero--sok{height:auto;min-height:0}
  .hero__film{bottom:auto;height:min(50svh,420px)}
  .hero__film::after{background:linear-gradient(0deg,#000000 0%,rgba(0,0,0,.6) 26%,rgba(0,0,0,0) 56%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 30%)}
  .sok{inset:calc(var(--topp) + 8px) 12px auto;height:calc(min(50svh,420px) - var(--topp) - 24px)}
  .sok__rec{left:36px;top:8px}.sok__info{right:36px;top:8px}
  .hero--sok .hero__innhold{position:relative;padding:min(41svh,340px) var(--kant) 32px}
  .hero--sok h1{flex-direction:column}

  .intro{padding:48px 0 40px}
  .intro__rad{gap:24px}
  .fakta{gap:12px 24px}

  .tjenester{padding-bottom:56px}
  .seksjon__topp{margin-bottom:24px}
  .kortrad{grid-template-columns:1fr 1fr}
  .kort:first-child{grid-column:1/-1}
  .kort__bilde,.kort:first-child .kort__bilde{aspect-ratio:3/2}
  .kort__tekst{padding:12px 0 8px;gap:4px}
  .kort__navn{font-size:16px;gap:8px;align-items:flex-start}
  .kort__navn .ikon{width:18px;height:18px;margin-top:1px}
  .kort__linje{font-size:11px}
  .kort__beskrivelse{display:none}
  .kort__lenke{position:absolute;inset:0;margin:0;border:0;min-height:0;justify-self:stretch;align-self:stretch}
  .kort__lenketekst,.kort__lenke .ikon{display:none}

  .stevne{padding:56px 0}
  .stevne__rad{grid-template-columns:1fr;gap:0}
  .stevne__bilde{display:none}
  .steg{margin-top:4px}
  .steg__punkt{grid-template-columns:40px 1fr;gap:8px;padding:14px 0}
  .steg__navn{font-size:16px;margin-bottom:2px}
  .steg__tekst{font-size:14px}

  .velger{padding:56px 0}
  .velger__rad{grid-template-columns:1fr;gap:24px}
  .velger__intro{position:static;gap:12px}
  .velger__intro .fakta{display:none}
  .velger__skjema{padding:20px 16px;gap:16px}
  .val__rad{min-height:52px;font-size:16px}
  .velger__felt{grid-template-columns:1fr}

  .om{padding:56px 0}
  .om__rad{grid-template-columns:1fr 1fr;gap:16px var(--fuge)}
  .om__tekst{grid-column:1/-1;padding:0;gap:14px}
  .om__ekstra{display:none}
  .om__bilde--b{margin-top:0}
  .om__bilde--b img{aspect-ratio:1}

  .bunn{padding:56px 0 96px}
  .bunn__cta{margin-bottom:40px}
  .bunn__rad{grid-template-columns:1fr;gap:4px}
  .bunn__ordmerke{padding-bottom:20px}

  .dokk{display:block;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-dokk);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--c-papir);border-top:1px solid var(--c-linje);transform:translateY(110%);transition:transform .3s var(--ease)}
  .dokk-ute .dokk{transform:none}
  .dokk__knapp{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:var(--c-aksent);color:var(--c-aksent-tekst);font:500 14px/1 var(--f-tekst);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
  .dokk__knapp .ikon{width:18px;height:18px}

  .lab{right:12px;bottom:12px;transition:transform .3s var(--ease)}
  .dokk-ute .lab{transform:translateY(-72px)}
  .lab__veksle-tekst{display:none}
}

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