/* ---------- 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:'GT Sectra';
  src:url('../assets/fonts/gt-sectra-400-normal.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'GT Sectra';
  src:url('../assets/fonts/gt-sectra-500-normal.woff2') format('woff2');
  font-weight:500;font-style:normal;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:'Gambetta';
  src:url('../assets/fonts/gambetta-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Gambetta';
  src:url('../assets/fonts/gambetta-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:'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;
}
@font-face{
  font-family:'Melodrama';
  src:url('../assets/fonts/melodrama-normal.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

/* ---------- Tokens: Gunns egne fargeblokker (gunnfinnby.com, målt 22.10.2026) ---------- */
:root{
  --c-papir:#EEEDEB; --c-blush:#E1CCBE; --c-oliven:#6A6756; --c-hvit:#F7F5F2;
  --c-blekk:#111111; --c-dempet:#4A4540; --c-linje:rgba(17,17,17,.16);
  --c-pa-oliven:#F3EFEA; --c-linje-oliven:rgba(243,239,234,.28); --c-feil:var(--c-feil); --c-kort:#EEEDEB; --c-kort-tekst:#111111; --c-kort-dempet:#4A4540; --c-kort-linje:rgba(17,17,17,.16);
  --c-knapp:#111111; --c-knapp-tekst:#E1CCBE; --c-fokus:#111111; --c-topp:#111111; --c-topp-tekst:#EEEDEB;
  --f-display:'Melodrama',Georgia,serif; --f-tekst:'Switzer',Helvetica,Arial,sans-serif;
  --vekt-display:500; --vekt-tekst:400; --vekt-sterk:600; --hero-skala:.88;
  --lh-display:.98; --spor-display:-.01em;
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:72px;
  --pad-y:clamp(64px,8.5vw,136px); --pad-x:clamp(20px,9vw,150px);
  --topp:60px; --dokk:0px; --radius:18px; --rask:.25s cubic-bezier(.22,1,.36,1);
  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
  --t-xs:.8125rem; --t-s:.9375rem; --t-m:1.0625rem; --t-l:clamp(1.25rem,1.7vw,1.6rem);
  --t-h3:clamp(1.7rem,2.6vw,2.4rem); --t-h2:clamp(2.6rem,4.6vw,4.4rem); --t-liste:clamp(2rem,3.4vw,3.2rem);
}
html[data-palett="2"]{
  --c-papir:#EEF0EA; --c-blush:#D7DDCC; --c-oliven:#3E4A3D; --c-hvit:#F7F8F4;
  --c-blekk:#121512; --c-dempet:#444C42; --c-linje:rgba(18,21,18,.16);
  --c-knapp:#121512; --c-knapp-tekst:#D7DDCC; --c-fokus:#121512; --c-topp:#121512; --c-topp-tekst:#EEF0EA;
}
html[data-palett="3"]{
  --c-papir:#1B1917; --c-blush:#2B2420; --c-oliven:#47453A; --c-hvit:#221F1C;
  --c-blekk:#F1E7DF; --c-dempet:#C9BDB2; --c-linje:rgba(241,231,223,.18);
  --c-pa-oliven:#F1E7DF; --c-feil:#F2A28C; --c-kort:#1B1917; --c-kort-tekst:#F1E7DF; --c-kort-dempet:#C9BDB2; --c-kort-linje:rgba(241,231,223,.18); --c-knapp:#E1CCBE; --c-knapp-tekst:#1B1917; --c-fokus:#E1CCBE; --c-topp:#0E0D0C; --c-topp-tekst:#F1E7DF;
}
html[data-font="2"]{ --f-display:'GT Sectra',Georgia,serif; --f-tekst:'Suisse Intl',Helvetica,Arial,sans-serif; --vekt-display:400; --vekt-tekst:300; --vekt-sterk:600; --hero-skala:.78; --spor-display:-.025em; }
html[data-font="3"]{ --f-display:'Gambetta',Georgia,serif; --f-tekst:'General Sans',Helvetica,Arial,sans-serif; --vekt-display:300; --vekt-tekst:400; --vekt-sterk:600; --hero-skala:.84; --spor-display:-.02em; }

/* ---------- 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-family:var(--f-tekst);font-weight:var(--vekt-tekst);font-size:var(--t-m);line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:var(--dokk)}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:var(--vekt-display);line-height:var(--lh-display);letter-spacing:var(--spor-display);margin:0}
h2{font-size:var(--t-h2);margin-bottom:var(--s-3)}
h3{font-size:var(--t-h3);line-height:1.05}
p{margin:0 0 1em;max-width:32em}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:4px}
.hopp{position:absolute;left:-9999px;top:0;z-index:var(--z-varsel);background:var(--c-blekk);color:var(--c-papir);padding:12px 16px}
.hopp:focus{left:16px;top:16px}
.etikett{font-size:var(--t-s);font-weight:var(--vekt-sterk);letter-spacing:-.005em;margin-bottom:var(--s-3)}
.ingress{color:var(--c-dempet)}
.lenke{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:.25em}

/* ---------- Knapper: Gunns svarte pille ---------- */
.pille{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:54px;padding:0 36px;border-radius:var(--radius);border:1px solid transparent;
  background:var(--c-knapp);color:var(--c-knapp-tekst);font-size:var(--t-s);font-weight:500;text-decoration:none;cursor:pointer;
  transition:transform var(--rask),background-color var(--rask),color var(--rask)}
.pille:hover{transform:translateY(-1px)}
.pille:active{transform:scale(.97)}
.pille--linje{background:transparent;color:inherit;border-color:currentColor}
.pille--blush{background:var(--c-blush);color:var(--c-kort-tekst)}
.pille:disabled{opacity:.4;cursor:not-allowed;transform:none}

/* ---------- Topp: svart, som i dag ---------- */
.topp{position:sticky;top:0;z-index:var(--z-sticky);height:var(--topp);display:flex;align-items:center;gap:var(--s-4);padding-inline:clamp(16px,2.4vw,40px);background:var(--c-topp);color:var(--c-topp-tekst)}
.topp__navn{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:1.5rem;letter-spacing:var(--spor-display);text-decoration:none;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.topp__nav{display:flex;gap:var(--s-3);margin-left:auto}
.topp__nav a,.topp__tlf{font-size:var(--t-s);text-decoration:none;min-height:44px;display:flex;align-items:center;opacity:.86}
.topp__nav a:hover,.topp__tlf:hover{opacity:1}
.topp__tlf{white-space:nowrap}
.topp .pille{min-height:44px;padding:0 22px}

/* ---------- Fargeblokker 50/50 ---------- */
.blokk,.hero{display:grid;grid-template-columns:1fr 1fr}
.felt{position:relative;min-width:0}
.felt__innhold{padding:var(--pad-y) var(--pad-x);max-width:760px}
.felt--papir{background:var(--c-papir)}
.felt--blush{background:var(--c-blush)}
.felt--hvit{background:var(--c-hvit)}
.felt--oliven{background:var(--c-oliven);color:var(--c-pa-oliven);--c-blekk:var(--c-pa-oliven);--c-dempet:var(--c-pa-oliven);--c-linje:var(--c-linje-oliven);--c-fokus:var(--c-pa-oliven)}
.felt--bilde{background:var(--c-oliven)}
.felt--bilde img{width:100%;height:100%;object-fit:cover}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:calc(100svh - var(--topp));max-height:940px;overflow:hidden}
.hero__bildefelt{display:grid;place-items:center;padding:var(--s-5)}
.hero__portrett{margin:0;width:min(74%,560px)}
.hero__portrett img{width:100%;aspect-ratio:1;object-fit:cover}
.hero__tekstfelt{display:flex;align-items:center}
.hero__innhold{container-type:inline-size;width:100%;padding:var(--s-6) var(--pad-x)}
.hero h1,.hero__navn{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);margin:0 0 var(--s-4)}
.hero h1{font-size:calc(11.4cqi * var(--hero-skala))}
.hero__navn{font-size:calc(25cqi * var(--hero-skala))}
/* Masken holder blekket, ikke linjeboksen (Phase 5, ordrett) */
.hero h1 .hero__line,.hero__navn .hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero h1 .hero__line-in,.hero__navn .hero__line-in{display:block;white-space:nowrap}
.hero__ingress{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:calc(5.4cqi * var(--hero-skala));line-height:1.12;letter-spacing:var(--spor-display);max-width:16em}
.hero__knapper{display:flex;flex-wrap:wrap;gap:12px;margin:var(--s-4) 0 var(--s-3)}
.hero__sted{font-size:var(--t-s);color:var(--c-dempet);margin:0}
.anim-hero .hero__sub{opacity:0}
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero .hero__portrett,.anim-hero .hero__film{opacity:.4}
/* Hero 2: film i hele bakgrunnen, blush-feltet til høyre */
.hero__film{position:absolute;inset:0;background:#080808}
.hero__film video{width:100%;height:100%;object-fit:cover;object-position:30% 40%}
.hero--film .hero__tekstfelt{grid-column:2;position:relative;z-index:var(--z-dekor)}

/* ---------- Samtaler (papir) og velger (oliven) ---------- */
.liste{border-bottom:1px solid var(--c-linje);margin:var(--s-4) 0 var(--s-5)}
.liste__rad{border-top:1px solid var(--c-linje)}
.liste__rad summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:20px 0;min-height:44px}
.liste__rad summary::-webkit-details-marker{display:none}
.liste__navn{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:var(--t-liste);line-height:1.02;letter-spacing:var(--spor-display)}
.liste__pluss{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:var(--c-blush);transition:transform var(--rask),background-color var(--rask)}
.liste__pluss::before,.liste__pluss::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--c-blekk);transform:translate(-50%,-50%)}
.liste__pluss::after{transform:translate(-50%,-50%) rotate(90deg)}
.liste__rad[open] .liste__pluss{transform:rotate(45deg);background:var(--c-knapp)}
.liste__rad[open] .liste__pluss::before,.liste__rad[open] .liste__pluss::after{background:var(--c-knapp-tekst)}
.liste__tekst p{color:var(--c-dempet);padding-bottom:var(--s-3);margin:0}

.velger{position:sticky;top:var(--topp)}
.velger__boks{background:var(--c-kort);color:var(--c-kort-tekst);--c-blekk:var(--c-kort-tekst);--c-dempet:var(--c-kort-dempet);--c-linje:var(--c-kort-linje);--c-fokus:var(--c-kort-tekst);border-radius:var(--radius);padding:clamp(20px,2.6vw,36px);margin-top:var(--s-4)}
.velger__topp{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);font-size:var(--t-xs);color:var(--c-dempet)}
.velger__bar{flex:1;height:2px;background:var(--c-linje)}
.velger__bar i{display:block;height:100%;width:25%;background:var(--c-blekk);transition:width .45s cubic-bezier(.22,1,.36,1)}
.velger__spm{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.velger__spm legend{font-family:var(--f-display);font-weight:var(--vekt-display);font-size:var(--t-h3);line-height:1.05;letter-spacing:var(--spor-display);margin-bottom:var(--s-3);padding:0}
.velger__spm label{position:relative;display:flex;align-items:center;gap:var(--s-2);min-height:54px;padding:8px 14px;border:1px solid var(--c-linje);border-radius:12px;cursor:pointer;color:var(--c-blekk);transition:border-color var(--rask),background-color var(--rask)}
.velger__spm label b{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--c-blush);color:var(--c-kort-tekst);font-size:var(--t-xs);font-weight:var(--vekt-sterk)}
.velger__spm input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.velger__spm label:hover{border-color:var(--c-blekk)}
.velger__spm label:has(input:checked){border-color:var(--c-blekk)}
.velger__spm label:has(input:checked) b{background:var(--c-knapp);color:var(--c-knapp-tekst)}
.velger__spm label:has(input:focus-visible){outline:2px solid var(--c-fokus);outline-offset:2px}
.velger__svar h3{margin-bottom:var(--s-2)}
.velger__svar p:not(.etikett){color:var(--c-dempet)}
.velger__knapper{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s-3)}
.velger__knapper [data-velger-bestill]{margin-left:auto}

/* ---------- Behandling ---------- */
.beh img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);margin-bottom:var(--s-4)}
.beh__pris{display:flex;gap:var(--s-3);font-family:var(--f-display);font-size:var(--t-h3);letter-spacing:var(--spor-display);margin:var(--s-3) 0}

/* ---------- Om og priser ---------- */
.sitat{margin:0 0 var(--s-4);font-family:var(--f-display);font-weight:var(--vekt-display);font-size:var(--t-h2);line-height:1.04;letter-spacing:var(--spor-display)}
.sitat p{max-width:13em;margin:0}
.priser{margin:0 0 var(--s-3);border-top:1px solid var(--c-linje)}
.priser div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:16px 0;border-bottom:1px solid var(--c-linje)}
.priser dt{font-family:var(--f-display);font-size:var(--t-h3);line-height:1.1;letter-spacing:var(--spor-display)}
.priser dd{margin:0;font-size:var(--t-m);white-space:nowrap}
.priser__notat{margin-bottom:var(--s-4)}

/* ---------- Kontakt ---------- */
.kontakt__knapper{margin:var(--s-4) 0 var(--s-5)}
.kontakt__stor{display:block;font-family:var(--f-display);font-weight:var(--vekt-display);font-size:clamp(2.8rem,5.6vw,5.6rem);line-height:1;letter-spacing:var(--spor-display);text-decoration:none;min-height:44px}
.kontakt__epost{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-l);text-underline-offset:.25em}

/* ---------- Bunn: svart, som i dag ---------- */
.bunn{background:var(--c-topp);color:var(--c-topp-tekst);padding:var(--s-5) clamp(16px,2.4vw,40px) var(--s-4);font-size:var(--t-s);--c-blekk:var(--c-topp-tekst)}
.bunn__grid{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1.4fr;gap:var(--s-4);align-items:start}
.bunn p{margin:0;opacity:.86}
.bunn a{text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.bunn__navn{font-family:var(--f-display);font-size:1.6rem;line-height:1;opacity:1!important}
.bunn__kilder{font-size:var(--t-xs)}
.footer__credit{margin:var(--s-5) 0 0;padding-top:var(--s-3);border-top:1px solid rgba(238,237,235,.18);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;font-size:var(--t-xs);color:var(--c-topp-tekst);letter-spacing:.02em}
.footer__credit>span{opacity:.8}
.footer__credit-logo{position:relative;display:inline-flex;align-items:center;gap:.2em;min-height:44px;font-family:var(--f-tekst);font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:var(--c-topp-tekst);text-decoration:none;transition:opacity .25s,transform .25s;padding-right:1.1em}
.footer__credit-logo:hover{opacity:.85;transform:translateY(-1px)}
.footer__credit-dot,.footer__credit-spark{color:var(--c-knapp-tekst)}
html[data-palett="3"] .footer__credit-dot,html[data-palett="3"] .footer__credit-spark{color:var(--c-knapp)}
.footer__credit-fag{font-weight:400;opacity:.8;margin-left:.3em}
.footer__credit-spark{position:absolute;right:0;top:.9em;width:.85em;height:.85em}

/* ---------- Timebestilling (dummy) ---------- */
.booking{width:min(640px,calc(100vw - 32px));max-height:calc(100svh - 48px);padding:0;border:0;border-radius:24px;background:var(--c-papir);color:var(--c-blekk);overflow:auto}
.booking::backdrop{background:rgba(17,17,17,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.booking__ramme{padding:clamp(20px,3.4vw,40px);display:flex;flex-direction:column;gap:var(--s-3)}
.booking__hode{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}
.booking__hode .etikett{margin:0}
.booking__lukk{width:44px;height:44px;border-radius:50%;border:1px solid var(--c-linje);background:transparent;cursor:pointer;display:grid;place-items:center}
.booking__steg{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-size:var(--t-xs)}
.booking__steg li{flex:1;padding-top:8px;border-top:2px solid var(--c-linje);color:var(--c-dempet)}
.booking__steg li.er-aktiv,.booking__steg li.er-ferdig{border-color:var(--c-blekk);color:var(--c-blekk)}
.booking h2{font-size:var(--t-h3);margin-bottom:var(--s-2)}
.booking__valg{display:grid;gap:8px}
.booking__valg label,.booking__dager button,.booking__tider button{position:relative;display:flex;align-items:center;min-height:56px;padding:10px 16px;border:1px solid var(--c-linje);border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:border-color var(--rask),background-color var(--rask)}
.booking__valg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.booking__valg span{display:flex;flex-direction:column}
.booking__valg b{font-weight:var(--vekt-sterk)}
.booking__valg small{font-size:var(--t-xs);color:var(--c-dempet)}
.booking__valg label:has(input:checked),.booking__dager [aria-checked=true],.booking__tider [aria-checked=true]{border-color:var(--c-blekk);background:var(--c-blush)}
html[data-palett="3"] .booking__valg label:has(input:checked),html[data-palett="3"] .booking__dager [aria-checked=true],html[data-palett="3"] .booking__tider [aria-checked=true]{background:var(--c-oliven)}
.booking__valg label:has(input:focus-visible){outline:2px solid var(--c-fokus);outline-offset:2px}
.booking__dager{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.booking__dager button{flex:0 0 76px;flex-direction:column;justify-content:center;text-align:center;line-height:1.2;font-size:var(--t-xs)}
.booking__dager button b{font-size:1.25rem;font-family:var(--f-display);font-weight:var(--vekt-display)}
.booking__tider{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:var(--s-3)}
.booking__tider button{justify-content:center}
.booking__oppsummering{background:var(--c-blush);border-radius:12px;padding:12px 16px;max-width:none}
html[data-palett="3"] .booking__oppsummering{background:var(--c-oliven)}
.booking__felt{display:grid;gap:12px}
.booking__felt label{display:grid;gap:6px;font-size:var(--t-s)}
.booking__felt input[type=text],.booking__felt input[type=tel],.booking__felt input[type=email]{font:inherit;font-size:1rem;min-height:48px;padding:0 14px;border:1px solid var(--c-linje);border-radius:12px;background:transparent;color:inherit}
.booking__felt [aria-invalid=true]{border-color:var(--c-feil)}
.booking__boks{display:flex!important;align-items:flex-start;gap:10px!important;min-height:44px}
.booking__boks input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--c-blekk);flex:none}
.booking__feil{color:var(--c-feil);font-weight:var(--vekt-sterk);font-size:var(--t-s);margin:0;min-height:1.4em}
.booking__fot{display:flex;gap:12px;justify-content:flex-end}
.booking__fot [data-btilbake]{margin-right:auto}

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

/* ---------- Design Lab ---------- */
.lab{position:fixed;left:20px;bottom:20px;z-index:var(--z-panel);font-family:var(--f-tekst);font-size:14px}
.lab__knapp{min-height:44px;padding:0 18px;border-radius:100px;border:.5px solid rgba(255,255,255,.4);cursor:pointer;color:#1E1A17;font-weight:500;
  background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(30px) saturate(210%);backdrop-filter:blur(30px) saturate(210%);
  box-shadow:0 8px 32px 0 rgba(0,0,0,.08),inset 0 1.5px .5px rgba(255,255,255,.65),inset 0 -1px 2px rgba(0,0,0,.05),inset 0 10px 20px rgba(255,255,255,.3);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.lab__knapp:hover{transform:translateY(-1px) scale(1.02)}
.lab__panel{position:absolute;left:0;bottom:calc(100% + 10px);display:grid;gap:10px;padding:16px;border-radius:24px;color:#1E1A17;
  background:rgba(255,255,255,.55);-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,.1),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__rad{display:flex;align-items:center;gap:6px}
.lab__rad>span{width:30px;font-size:18px}
.lab__rad button{width:44px;height:44px;border-radius:100px;border:.5px solid rgba(30,26,23,.25);background:rgba(255,255,255,.5);font-weight:500;color:#1E1A17;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}
.lab__rad button:hover{transform:translateY(-1px)}
.lab__rad button[aria-pressed=true]{background:#111;color:#E1CCBE;border-color:#111}
.design-lab__credit{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:6px;border-top:.5px solid rgba(30,26,23,.15);font-size:11px;color:#4A4540}
.design-lab__credit-logo{position:relative;display:inline-flex;align-items:center;min-height:32px;padding-right:1em;font-weight:700;font-size:13px;color:#111;text-decoration:none;transition:transform .25s}
.design-lab__credit-logo:hover{transform:scale(1.04)}
.design-lab__credit-dot,.design-lab__credit-spark{color:#757261}
.design-lab__credit-spark{position:absolute;right:0;top:4px;width:.8em;height:.8em}
.design-lab__credit-logo:hover .design-lab__credit-spark{animation:gnist .7s cubic-bezier(.16,1,.3,1)}
@keyframes gnist{0%{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.35);opacity:.6}100%{transform:rotate(180deg) scale(1)}}

/* Valgt hero fra localStorage før JS har kjørt (satt i <head>) */
html[data-heroaktiv="2"] .hero[data-hero="1"]{display:none!important}
html[data-heroaktiv="2"] .hero[data-hero="2"]{display:grid!important}

/* ---------- Mobil: ruter, ramser ikke opp (regel 2) ---------- */
@media (max-width:1100px){
  .topp__nav{display:none}
  .topp__tlf{margin-left:auto}
}
@media (max-width:760px){
  :root{--topp:56px;--dokk:64px;--pad-y:44px;--pad-x:16px;--t-m:1rem}
  .topp{gap:var(--s-2)}
  .topp__navn{font-size:1.3rem}
  .topp__tlf{display:none}
  .topp__bestill{margin-left:auto}
  .blokk,.hero{grid-template-columns:1fr}
  .hero{min-height:calc(100svh - var(--topp) - var(--dokk));max-height:none;grid-template-rows:auto 1fr}
  .hero__bildefelt{padding:20px 16px}
  .hero__portrett{width:min(46vw,200px)}
  .hero__innhold{padding:28px 16px 24px}
  .hero h1{margin-bottom:var(--s-3)}
  .hero__ingress{font-size:calc(6.2cqi * var(--hero-skala))}
  .hero__knapper{margin:var(--s-3) 0 var(--s-2)}
  .hero__knapper .pille{flex:1 1 auto;padding:0 20px}
  .hero--film{grid-template-rows:min(36svh,300px) 1fr}
  .hero--film .hero__film{bottom:auto;height:min(36svh,300px)}
  .hero--film .hero__tekstfelt{grid-column:1;grid-row:2}
  .hero__film video{object-position:22% 30%}
  .velger{position:static}
  .liste{margin:var(--s-3) 0 var(--s-4)}
  .liste__rad summary{padding:14px 0}
  .skjul-mobil{display:none}
  #behandling{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--c-blush)}
  #behandling::-webkit-scrollbar{display:none}
  #behandling .felt{flex:0 0 88%;scroll-snap-align:start}
  #behandling .felt__innhold{padding-right:12px}
  .beh img{aspect-ratio:16/10;margin-bottom:var(--s-3)}
  .beh h2{font-size:2.2rem}
  .sitat{font-size:clamp(1.9rem,8.4vw,2.4rem);margin-bottom:var(--s-3)}
  .liste{margin-top:var(--s-2)}
  .bunn{padding-top:var(--s-4)}
  .priser dt{font-size:1.35rem}
  .felt--bilde{display:none}
  .bunn__grid{grid-template-columns:1fr;gap:var(--s-2)}
  .booking{width:100vw;max-width:100vw;max-height:100svh;height:100svh;border-radius:0;margin:0}
  .booking__fot{position:sticky;bottom:0;background:var(--c-papir);padding-top:12px}
  .dokk{display:grid;grid-template-columns:1fr 1.3fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-dokk);height:var(--dokk);background:var(--c-topp);color:var(--c-topp-tekst);padding-bottom:env(safe-area-inset-bottom)}
  .dokk a,.dokk button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:var(--t-xs);text-decoration:none;min-height:44px;border:0;background:transparent;color:inherit;cursor:pointer}
  .dokk button{background:var(--c-blush);color:#111}
  html[data-palett="3"] .dokk button{background:var(--c-knapp);color:var(--c-knapp-tekst)}
  .lab{left:auto;right:12px;bottom:auto;top:calc(var(--topp) + 12px)}
  .lab__panel{bottom:auto;top:calc(100% + 10px);left:auto;right:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}