/* Homeopati for deg: stilark. Design DNA i research/notat.md */
/* ---------- Fonter (selvhostet, ingen tredjepart) ----------
   ITF Free Font License + OnlineWebFonts-konvertering (demo) – ikke lisensiert for kommersiell levering + SIL Open Font License 1.1. Se assets/fonts/lisenser/
   Variable filer: én per stil dekker hele vektaksen 100-900.
   ---------------------------------------------------------- */
@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:'Supreme';
  src:url('../assets/fonts/supreme-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Supreme';
  src:url('../assets/fonts/supreme-italic.woff2') format('woff2');
  font-weight:100 900;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'Newsreader';
  src:url('../assets/fonts/newsreader-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Newsreader';
  src:url('../assets/fonts/newsreader-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:'Suisse Intl';
  src:url('../assets/fonts/suisse-intl-700-normal.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Erode';
  src:url('../assets/fonts/erode-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Erode';
  src:url('../assets/fonts/erode-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;
}

/* ---------- Tokens (Design DNA i research/notat.md) ---------- */
:root{
  --c-papir:#F5F8F7; --c-flate:#E3EFEE; --c-blekk:#0E2A2F; --c-dempet:#45595D; --c-linje:rgba(14,42,47,.16);
  --c-hav:#0D3540; --c-hav-tekst:#EAF4F3; --c-hav-dempet:#B9D2D4; --c-aksent:#1C697F; --c-aksent-lys:#8FD1DF;
  --c-knapp:#0D3540; --c-knapp-tekst:#FFFFFF; --c-fokus:#1C697F; --c-slor:5,58,72;
  --f-kursiv:'Sentient',Georgia,serif; --f-versal:'Supreme',system-ui,sans-serif; --f-tekst:'Supreme',system-ui,sans-serif;
  --vekt-versal:300; --spor-versal:.04em; --vekt-tekst:400;
  --s1:8px; --s2:13px; --s3:21px; --s4:34px; --s5:55px; --s6:89px; --s7:144px;
  --seksjon:clamp(55px,8.2vw,118px);
  --rand:clamp(16px,4vw,55px); --ramme:1280px; --tekstbredde:600px;
  --r:15px; --pille:999px;
  --t-brod:17px; --t-liten:14px;
  --t-hero-kursiv:clamp(40px,5vw,76px); --t-hero-versal:clamp(38px,6.2vw,94px);
  --t-tittel-kursiv:clamp(30px,3.3vw,48px); --t-tittel-versal:clamp(24px,2.6vw,38px);
  --ease:cubic-bezier(.23,1,.32,1);
  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
  --topp-h:84px;
}
/* Palett 2: sand og sjøgrønt (vivamayr-beige) */
[data-pal="2"]{
  --c-papir:#F7F1EB; --c-flate:#EEE3D7; --c-blekk:#1E1A17; --c-dempet:#5A4F47; --c-linje:rgba(30,26,23,.16);
  --c-hav:#1F4746; --c-hav-tekst:#F3EEE8; --c-hav-dempet:#CFD9D3; --c-aksent:#2F6B66; --c-aksent-lys:#A9D5CF;
  --c-knapp:#1F4746; --c-fokus:#2F6B66; --c-slor:22,52,50;
}
/* Palett 3: natt */
[data-pal="3"]{
  --c-papir:#0B2328; --c-flate:#12323A; --c-blekk:#E6F1F0; --c-dempet:#A7BFC1; --c-linje:rgba(230,241,240,.18);
  --c-hav:#06181C; --c-hav-tekst:#E6F1F0; --c-hav-dempet:#A7BFC1; --c-aksent:#8FD1DF; --c-aksent-lys:#8FD1DF;
  --c-knapp:#8FD1DF; --c-knapp-tekst:#06181C; --c-fokus:#8FD1DF; --c-slor:4,20,24;
}
/* Skrift 2: Newsreader kursiv + Suisse Intl (demoOnly, samme par som NHL-utkastet). Skrift 3: Erode + Switzer */
[data-font="2"]{ --f-kursiv:'Newsreader',Georgia,serif; --f-versal:'Suisse Intl',system-ui,sans-serif; --f-tekst:'Suisse Intl',system-ui,sans-serif; --spor-versal:.03em; }
[data-font="3"]{ --f-kursiv:'Erode',Georgia,serif; --f-versal:'Switzer',system-ui,sans-serif; --f-tekst:'Switzer',system-ui,sans-serif; --spor-versal:.05em; }

/* ---------- Grunnlag ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--s3)}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font:var(--vekt-tekst) var(--t-brod)/1.55 var(--f-tekst);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.ramme{width:min(var(--ramme),100% - 2*var(--rand));margin-inline:auto}
.vis-skjermleser{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hopp{position:absolute;left:var(--s2);top:-80px;z-index:var(--z-varsel);background:var(--c-knapp);color:var(--c-knapp-tekst);padding:var(--s2) var(--s3);border-radius:var(--pille)}
.hopp:focus{top:var(--s2)}
.ikon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.dempet{color:var(--c-dempet)}

/* ---------- Knapper: piller (lanserhof, vivamayr) ---------- */
.knapp{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 24px;border-radius:var(--pille);background:var(--c-knapp);color:var(--c-knapp-tekst);text-decoration:none;font:500 16px/1.2 var(--f-tekst);border:1px solid transparent;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .16s var(--ease)}
.knapp:active{transform:scale(.97)}
.knapp--liten{min-height:44px;padding:10px 20px;font-size:15px}
.knapp--strek{background:transparent;color:var(--c-blekk);border-color:var(--c-linje)}
.knapp--lys{background:#FFFFFF;color:#0E2A2F}
.knapp--strek-lys{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.55)}
@media (hover:hover) and (pointer:fine){
  .knapp:hover{background:var(--c-aksent);color:#FFFFFF}
  [data-pal="3"] .knapp:hover{color:#06181C}
  .knapp--strek:hover{background:var(--c-blekk);color:var(--c-papir);border-color:var(--c-blekk)}
  .knapp--lys:hover{background:var(--c-aksent-lys);color:#0E2A2F}
  .knapp--strek-lys:hover{background:rgba(255,255,255,.14);color:#FFFFFF;border-color:#FFFFFF}
}

/* ---------- Toppen: meny til venstre, ordmerke i midten, bestill til høyre (lanserhof) ---------- */
.topp{position:absolute;inset:0 0 auto;z-index:var(--z-sticky);height:var(--topp-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s3);padding-inline:var(--rand);color:var(--topp-farge,var(--c-blekk))}
[data-hero="1"] .topp{--topp-farge:#FFFFFF}
.topp__meny{display:flex;gap:var(--s4)}
.topp__meny a{text-decoration:none;font-size:15px;padding-block:12px}
.topp__meny a:hover{text-decoration:underline;text-underline-offset:5px}
.merke{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:48px;text-decoration:none;line-height:1}
.merke__kursiv{font:italic 300 26px/1 var(--f-kursiv)}
.merke__versal{font:var(--vekt-versal) 12px/1.4 var(--f-versal);text-transform:uppercase;letter-spacing:.24em;margin-top:4px}
.topp__handling{display:flex;justify-content:flex-end;align-items:center;gap:var(--s3)}
.topp__tlf{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;min-height:44px}
.topp__tlf .ikon{width:18px;height:18px}
[data-hero="1"] .topp .knapp{background:#FFFFFF;color:#0E2A2F}

/* ---------- Heroene ---------- */
html:not([data-hero="1"]) .hero[data-hero="1"],html:not([data-hero="2"]) .hero[data-hero="2"],html:not([data-hero="3"]) .hero[data-hero="3"]{display:none}
/* Vanntemaet følger hero 1. De andre heroene får kamille i stedet for vann og ren havflate i kontakt. */
html:not([data-hero="1"]) .tema-vann,[data-hero="1"] .tema-natur{display:none}

/* NHL-seglet */
.segl{display:flex;align-items:center;gap:var(--s2);font-size:13px;line-height:1.35;letter-spacing:.02em}
.segl__merke{width:clamp(52px,4.4vw,64px);height:auto;aspect-ratio:1;flex:none;fill:currentColor}
.segl__tekst{max-width:16em}
.segl--sentrert{flex-direction:column;text-align:center;gap:var(--s1)}
.segl--sentrert .segl__merke{width:clamp(64px,5.6vw,84px)}
/* Over filmen: egen mørk flate bak seglet og teksten, så lesbarheten ikke avhenger av bildet */
.hero--film .segl__merke{background:rgba(var(--c-slor),.5);border-radius:50%}
.hero--film .segl__tekst{background:rgba(var(--c-slor),.55);padding:5px 12px;border-radius:var(--pille)}
.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-weight:400}
.hero__kursiv{font:italic 300 var(--t-hero-kursiv)/1.1 var(--f-kursiv);letter-spacing:-.01em}
.hero__versal{font:var(--vekt-versal) var(--t-hero-versal)/1.08 var(--f-versal);text-transform:uppercase;letter-spacing:var(--spor-versal)}
.hero__ingress{max-width:34em;font-size:clamp(17px,1.35vw,19px);line-height:1.55}
.hero__knapper{display:flex;flex-wrap:wrap;gap:var(--s2)}
.prikk{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-inline:var(--s2);vertical-align:middle;opacity:.7}

/* Hero 1: film over hele flaten, sentrert */
.hero--film{position:relative;min-height:max(640px,100svh);display:grid;grid-template-rows:1fr auto;color:#FFFFFF;background:var(--c-hav);overflow:hidden}
.hero__media{position:absolute;inset:0}
.hero__film{width:100%;height:100%;object-fit:cover;filter:brightness(.94) saturate(1.12)}
.hero__slor{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(var(--c-slor),.5) 0%,rgba(var(--c-slor),0) 20%),
  radial-gradient(ellipse 46% 34% at 50% 52%,rgba(var(--c-slor),.46) 0%,rgba(var(--c-slor),.3) 55%,rgba(var(--c-slor),0) 100%),
  linear-gradient(0deg,rgba(var(--c-slor),.82) 0%,rgba(var(--c-slor),.5) 32%,rgba(var(--c-slor),.36) 58%,rgba(var(--c-slor),.5) 100%)}
.hero--film .hero__innhold{position:relative;z-index:var(--z-dekor);align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s4);padding:calc(var(--topp-h) + var(--s5)) var(--rand) var(--s4)}
.hero--film .hero__tittel{align-items:center}
.hero--film .hero__knapper{justify-content:center}
.hero__fot{position:relative;z-index:var(--z-dekor);text-align:center;padding:0 var(--rand) var(--s4);font-size:var(--t-liten);letter-spacing:.06em;text-transform:uppercase}

/* Hero 2: tekst til venstre, hånden og glasset til høyre (delt flate som i lanserhof) */
.hero--haand{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:max(640px,100svh)}
.hero--haand .hero__tekst{display:flex;flex-direction:column;justify-content:center;gap:var(--s4);padding:calc(var(--topp-h) + var(--s5)) clamp(21px,5vw,89px) var(--s5) var(--rand)}
.hero--haand .hero__kursiv{color:var(--c-aksent)}
.hero--haand .hero__fot{text-align:left;padding:0;color:var(--c-dempet)}
.hero__haand{position:relative;overflow:hidden;container-type:size;background:#AAA8AD}
.hero__scene{position:absolute;left:50%;top:50%;width:max(100cqw,66.667cqh);aspect-ratio:2/3;transform:translate(-50%,-50%)}
.hero__scene img{position:absolute;inset:0;width:100%;height:100%}
.hero__scene .hero__glass{inset:auto;left:40%;top:22.857%;width:19.143%;height:auto;transform-origin:50% 60%;animation:sveve 3.6s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}
@keyframes sveve{from{transform:translateY(4%) rotate(2deg)}to{transform:translateY(-16%) rotate(-5deg)}}
[data-pal="3"] .hero--haand .hero__kursiv{color:var(--c-aksent-lys)}

/* Hero 3: tekst til venstre, portrett til høyre (vivamayr) */
.hero--portrett{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(34px,6vw,89px);align-items:end;width:min(var(--ramme),100% - 2*var(--rand));margin-inline:auto;padding:calc(var(--topp-h) + var(--s6)) 0 var(--s6);min-height:min(100svh,940px)}
.hero--portrett .hero__tekst{display:flex;flex-direction:column;gap:var(--s4);padding-bottom:var(--s5)}
.hero__stor{font:var(--vekt-versal) clamp(46px,5.5vw,82px)/1.06 var(--f-versal);letter-spacing:-.02em}
.hero--portrett .hero__kursiv{color:var(--c-aksent)}
.hero__portrett{position:relative}
.hero__portrett img{width:100%;height:auto;aspect-ratio:639/822;object-fit:cover;border-radius:var(--r)}
.hero__portrett figcaption{display:flex;flex-direction:column;margin-top:var(--s2);font-size:var(--t-liten);color:var(--c-dempet)}
.hero__portrett figcaption span:first-child{color:var(--c-blekk);font-weight:500}

/* Skjul-tilstand: bare heroen, bare når head-skriptet har satt .anim-hero */
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero .hero__sub{opacity:0}
.anim-hero .hero__glass{animation-play-state:paused}

/* ---------- Titler: kursiv over versal, som i heroen ---------- */
.tittel{display:flex;flex-direction:column;gap:2px;font-weight:400}
.tittel__kursiv{font:italic 300 var(--t-tittel-kursiv)/1.1 var(--f-kursiv)}
.tittel--en .tittel__kursiv{font-size:calc(var(--t-tittel-kursiv) * 1.15)}
.tittel--en .tittel__versal{font-size:calc(var(--t-tittel-versal) * 1.1)}
.tittel__versal{font:var(--vekt-versal) var(--t-tittel-versal)/1.12 var(--f-versal);text-transform:uppercase;letter-spacing:var(--spor-versal)}

/* ---------- Helhet: mørkt panel og stort bilde (lanserhof) ---------- */
.helhet{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);min-height:560px}
.helhet__panel{background:var(--c-hav);color:var(--c-hav-tekst);display:flex;flex-direction:column;justify-content:center;gap:var(--s4);padding:var(--s6) clamp(21px,5vw,89px)}
.helhet__panel p{max-width:var(--tekstbredde);color:var(--c-hav-dempet)}
.sitat{border-top:1px solid rgba(255,255,255,.22);padding-top:var(--s3)}
.sitat p{font:italic 300 clamp(24px,2.2vw,32px)/1.25 var(--f-kursiv);color:var(--c-hav-tekst)}
.sitat footer{margin-top:var(--s2);font-size:var(--t-liten);letter-spacing:.06em;text-transform:uppercase;color:var(--c-hav-dempet)}
.helhet__bilde img{width:100%;height:100%;object-fit:cover}

/* ---------- Første konsultasjon: tittel og liste (lanserhof) ---------- */
.konsultasjon{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(34px,6vw,89px);padding-block:var(--seksjon)}
.konsultasjon__hode{display:flex;flex-direction:column;gap:var(--s3)}
.steg{border-top:1px solid var(--c-linje)}
.steg__rad{display:grid;grid-template-columns:55px 1fr;gap:var(--s3);padding-block:var(--s3);border-bottom:1px solid var(--c-linje)}
.steg__nr{font:italic 300 30px/1 var(--f-kursiv);color:var(--c-aksent)}
.steg h3{font:500 19px/1.3 var(--f-tekst);margin-bottom:4px}
.steg p{color:var(--c-dempet);max-width:52ch}
.merknad{grid-column:2;display:flex;gap:var(--s2);margin-top:var(--s4);font-size:15px;color:var(--c-dempet);max-width:60ch}
.merknad .ikon{color:var(--c-aksent);margin-top:2px}

/* ---------- Om meg: portrett og tekst (vivamayr) ---------- */
.om{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(34px,6vw,89px);align-items:center;padding-bottom:var(--seksjon)}
.om__bilde img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border-radius:var(--r)}
.om__tekst{display:flex;flex-direction:column;gap:var(--s4)}
.om__ingress{max-width:var(--tekstbredde);font-size:clamp(17px,1.4vw,20px)}
.fakta{display:flex;flex-direction:column;border-top:1px solid var(--c-linje)}
.fakta li{display:flex;gap:var(--s2);align-items:flex-start;padding-block:var(--s2);border-bottom:1px solid var(--c-linje);font-size:16px}
.fakta .ikon{color:var(--c-aksent);margin-top:2px}

/* ---------- Om homeopati: tre punkter på lys flate ---------- */
.homeopati{padding-bottom:var(--seksjon)}
.homeopati__flate{background:var(--c-flate);border-radius:var(--r);padding:var(--s6) clamp(21px,5vw,89px);display:flex;flex-direction:column;gap:var(--s5)}
.punkter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.punkter li{display:flex;flex-direction:column;gap:var(--s1);border-top:1px solid var(--c-linje);padding-top:var(--s3)}
.punkter .ikon{width:24px;height:24px;color:var(--c-aksent);margin-bottom:var(--s1)}
.punkter h3{font:500 19px/1.3 var(--f-tekst)}
.punkter p{color:var(--c-dempet)}
.mnhl{max-width:70ch;color:var(--c-dempet)}
.mnhl a{color:var(--c-blekk);text-underline-offset:4px;display:inline-block;padding-block:12px}

/* ---------- Kontakt: mørk havflate ---------- */
.kontakt{position:relative;background:var(--c-hav);color:var(--c-hav-tekst);overflow:hidden}
.kontakt__bakgrunn{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;mix-blend-mode:luminosity}
.kontakt__innhold{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,6vw,89px);align-items:end;padding-block:var(--seksjon)}
.kontakt__innhold > div{display:flex;flex-direction:column;gap:var(--s4)}
.kontakt__innhold p{max-width:46ch;color:var(--c-hav-dempet)}
.kontakt__knapper{display:flex;flex-wrap:wrap;gap:var(--s2)}
.kontakt__liste{border-top:1px solid rgba(255,255,255,.2)}
.kontakt__liste li{display:flex;align-items:center;gap:var(--s2);min-height:52px;border-bottom:1px solid rgba(255,255,255,.2)}
.kontakt__liste a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.kontakt__liste a:hover{text-decoration:underline;text-underline-offset:4px}
.kontakt__liste .ikon{color:var(--c-aksent-lys)}
.kontakt :focus-visible,.hero--film :focus-visible,[data-hero="1"] .topp :focus-visible{outline-color:#FFFFFF}

/* ---------- Bunn ---------- */
.bunn{padding-block:var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));font-size:var(--t-liten);color:var(--c-dempet)}
.bunn__rad{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s4)}
.bunn a{color:var(--c-blekk);text-underline-offset:3px}

/* ---------- Dokken: bare mobil, to knapper (lanserhof) ---------- */
.dokk{display:none}

/* ---------- Designvalg ---------- */
.lab{position:fixed;right:12px;bottom:12px;z-index:var(--z-panel);display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:500 13px/1 system-ui,sans-serif}
.lab__veksle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--pille);border:1px solid rgba(255,255,255,.35);background:rgba(13,53,64,.78);color:#FFFFFF;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;font:inherit}
.lab__panel{order:-1;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:16px;background:rgba(13,53,64,.86);color:#FFFFFF;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.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-radius:12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#FFFFFF;font:inherit;cursor:pointer}
.lab__gruppe button[aria-pressed="true"]{background:#FFFFFF;color:#0D3540}
.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:#FFFFFF;text-decoration:none;font-weight:700}
.lab__prikk{color:var(--c-aksent-lys)}
.lab :focus-visible{outline-color:#FFFFFF}

/* ---------- Mobil: ruter, ikke ramse opp ---------- */
@media (max-width:760px){
  :root{--topp-h:68px; --t-brod:16px}
  .topp{grid-template-columns:1fr auto}
  .topp__meny,.topp__tlf{display:none}
  .merke{align-items:flex-start}
  .merke__kursiv{font-size:22px}
  .merke__versal{font-size:11px}

  .hero--film{min-height:0;display:block;background:var(--c-hav)}
  .hero__media{position:relative;inset:auto;height:min(50svh,420px)}
  .hero__media::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,var(--c-hav),transparent)}
  .hero__slor{background:linear-gradient(180deg,rgba(3,30,38,.9) 0%,rgba(var(--c-slor),.3) 26%,rgba(var(--c-slor),.3) 50%,rgba(var(--c-slor),.62) 100%)}
  .hero--film .hero__innhold{margin-top:calc(-1 * min(17svh,140px));padding:0 var(--rand) var(--s4);align-items:flex-start;text-align:left;gap:var(--s3)}
  .hero--film .hero__tittel{align-items:flex-start}
  .hero--film .hero__knapper{justify-content:flex-start}
  .hero__fot{text-align:left;padding-bottom:var(--s5);font-size:12px;display:flex;flex-direction:column;gap:4px}
  .hero__fot .prikk{display:none}
  .hero__knapper{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .hero__knapper .knapp,.kontakt__knapper .knapp{justify-content:center;padding:12px 10px;font-size:15px;gap:8px}
  .hero__knapper .ikon,.kontakt__knapper .ikon{width:18px;height:18px}

  .hero--haand{grid-template-columns:1fr;min-height:0}
  .hero__haand{order:-1;height:min(38svh,320px)}
  .hero__scene{transform:translate(-50%,-40%)}
  .hero--haand .hero__tekst{padding:var(--s4) var(--rand) var(--s5);gap:var(--s3)}
  .hero--haand .hero__fot{display:flex;flex-direction:column;gap:4px}
  [data-hero="2"] .topp{--topp-farge:#0E2A2F}
  .segl__merke{width:48px}
  .segl--sentrert{flex-direction:row;text-align:left;gap:var(--s2)}
  .segl--sentrert .segl__merke{width:48px}
  .hero--portrett{grid-template-columns:1fr 34%;align-items:start;gap:var(--s3);padding:calc(var(--topp-h) + var(--s3)) 0 var(--s5);min-height:0}
  .hero--portrett .hero__tekst{display:contents}
  .hero--portrett .hero__tittel{grid-column:1;align-self:end}
  .hero__portrett{grid-column:2;grid-row:1}
  .hero__portrett figcaption{display:none}
  .hero--portrett .hero__ingress,.hero--portrett .hero__knapper{grid-column:1 / -1}
  .hero__stor{font-size:clamp(34px,10vw,46px)}
  .hero--portrett .hero__kursiv{font-size:clamp(30px,9vw,40px)}

  .helhet{grid-template-columns:1fr;min-height:0}
  .helhet__bilde{order:-1;height:120px}
  .helhet__panel{padding:var(--s4) var(--rand) var(--s5);gap:var(--s3)}

  .konsultasjon{grid-template-columns:1fr;row-gap:var(--s3)}
  .steg__rad{grid-template-columns:34px 1fr;gap:var(--s2);padding-block:var(--s2)}
  .steg__nr{font-size:24px}
  .steg h3{font-size:17px;margin:0}
  .steg p{font-size:15px}
  .merknad{grid-column:1;margin-top:var(--s1);font-size:14px}

  .om{grid-template-columns:30% 1fr;align-items:start;gap:var(--s3)}
  .om__tekst{display:contents}
  .om .tittel{grid-column:2;grid-row:1;align-self:end}
  .om__bilde{grid-row:1}
  .om__ingress,.fakta{grid-column:1 / -1}
  .fakta li{font-size:15px;padding-block:10px}

  .homeopati__flate{padding:var(--s4) var(--s3);gap:var(--s4);width:calc(100% - 2*var(--rand))}
  .punkter{grid-template-columns:1fr;gap:0}
  .punkter li{display:grid;grid-template-columns:24px 1fr;column-gap:var(--s2);padding-block:var(--s2)}
  .punkter .ikon{grid-row:1 / 3;margin:2px 0 0}
  .punkter h3{font-size:17px}
  .punkter p{font-size:15px}
  .mnhl{font-size:15px}

  .kontakt__innhold{grid-template-columns:1fr;gap:var(--s4)}
  .kontakt__knapper{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .bunn{padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom))}
  .bunn__rad{flex-direction:column}

  .dokk{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;inset:auto 0 0;z-index:var(--z-dokk);padding:10px var(--rand) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--c-papir) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--c-linje);transform:translateY(110%);transition:transform .3s var(--ease)}
  .dokk.er-synlig{transform:none}
  .dokk__knapp{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:var(--pille);border:1px solid var(--c-linje);color:var(--c-blekk);text-decoration:none;font-weight:500}
  .dokk__knapp--fylt{background:var(--c-knapp);color:var(--c-knapp-tekst);border-color:transparent}
  .dokk-ute .lab{bottom:84px}
  .lab__veksle-tekst{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero__glass{animation:none!important}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}