/* scener.css - reisen som rullestyrte scener. Rullingen er tidslinjen: JS setter --p (0..1 gjennom scenen)
   og --inn (0..1 mens scenen glir inn) på hver scene. Alt annet er CSS på transform og opacity.
   Uten .anim på <html> (redusert bevegelse eller uten JS) vises de statiske seksjonene i .fallback.
   Regler: platå 80-95 % i full styrke, demping 95-100 %, opacity ferdig i første tredel av hver bevegelse,
   48 px luft til kanten, tekst aldri utenfor sitt ark, de dramatiske øyeblikkene lengst. */
/* --p og --inn er registrerte tall så nettleseren kan animere dem av rullingen (Safari 26+, Chrome 115+).
   Uten støtte setter JS dem. Verdiene arves, så alle barn kan lese var(--p). */
@property --p{syntax:"<number>";inherits:true;initial-value:0}
@property --inn{syntax:"<number>";inherits:true;initial-value:1}
@keyframes sc-p{from{--p:0}to{--p:1}}
@keyframes sc-inn{from{--inn:0}to{--inn:1}}
@supports (animation-timeline: view()){
  .anim .scene{animation:sc-p linear both,sc-inn linear both;animation-timeline:view(),view();animation-range:contain 0% contain var(--ms-scene-andel),entry 0% entry 100%}
  .anim .scene:last-of-type{animation-range:contain 0% contain 100%,entry 0% entry 100%}
}
.scene{display:none}
.anim .scene{display:block}
.anim .fallback{display:none}
#reise{background:var(--pd-tekst)}
.scene{position:relative;height:calc(100vh + var(--ms-scene-rull) + var(--ms-scene-overlapp));height:calc(100svh + var(--ms-scene-rull) + var(--ms-scene-overlapp));color:var(--pd-petrol-tekst);z-index:1;
  --p:0;--inn:1;--luft:var(--ms-scene-luft);
  /* Standard tidslinje. o = opacity (første tredel), m = bevegelse (smoothstep over hele vinduet). */
  --stA:clamp(0,calc((var(--p) - .2) / .12),1);                /* stempelet til hjørnet 20-32 % */
  --a1o:clamp(0,calc((var(--p) - .2) / .07),1);               /* første ark: opacity 20-27 % */
  --a1m:clamp(0,calc((var(--p) - .2) / .2),1);                /* første ark: bevegelse 20-40 % */
  --mid:clamp(0,calc((var(--p) - .4) / .32),1);               /* handlingen 40-72 % */
  --seto:clamp(0,calc((var(--p) - .72) / .03),1);             /* setningen: opacity 72-75 % */
  --setm:clamp(0,calc((var(--p) - .72) / .08),1);             /* setningen: bevegelse 72-80 % */
  --ut0:clamp(0,calc((var(--p) - .9) / .1),1);                 /* demping 90-100 %, jevnet */
  --ut:calc(var(--ut0) * var(--ut0) * (3 - 2 * var(--ut0)));
  --innE:calc(var(--inn) * var(--inn) * (3 - 2 * var(--inn))); /* inngangen jevnet: stempelet lander mykt */
  --bak0:clamp(0,calc((var(--inn) - .8) / .2),1);
  --bakE:calc(var(--bak0) * var(--bak0) * (3 - 2 * var(--bak0)));
  --eA:calc(var(--stA) * var(--stA) * (3 - 2 * var(--stA)));
  --e1:calc(var(--a1m) * var(--a1m) * (3 - 2 * var(--a1m)));
  --eS:calc(var(--setm) * var(--setm) * (3 - 2 * var(--setm)));
  --tx:0px;--ty:0px;--s:1;--kari-x:var(--ms-scene-kari-x);--deg-x:var(--ms-scene-deg-x);
  --ms-scene-andel:54.5455%; /* egen rulling / (egen rulling + overlapp) = 120 / 220 */
}
.scene + .scene{z-index:2;margin-top:calc(-1 * var(--ms-scene-overlapp))}
.scene:last-of-type{height:calc(100vh + var(--ms-scene-rull));height:calc(100svh + var(--ms-scene-rull))}
.scene.ferdig{--ms-scene-rull:var(--ms-scene-rull-ferdig)}
/* Stagen: rad 1 = stempel, ark og foto (midtstilt), rad 2 = setningen. Arkene kan aldri ligge over setningen. */
.sc-fast{position:sticky;top:var(--ms-stegrekke-h);height:calc(100vh - var(--ms-stegrekke-h));height:calc(100svh - var(--ms-stegrekke-h));overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;row-gap:var(--beffen-rom-4);place-items:center;padding:var(--luft);box-sizing:border-box}
.sc-fast > *{grid-area:1/1}
.sc-fast > .sc-setning{grid-area:2/1;align-self:end}
/* Bunnen toner inn de siste 30 % av inngangen; til da ligger forrige scene synlig under. Første scene er alltid dekket. */
.sc-fast > .sc-bak{grid-area:auto;position:absolute;inset:0;background:var(--pd-tekst);opacity:var(--bakE)}
.scene:first-of-type .sc-bak{opacity:1}
.sc-fast > .sc-bilde{grid-area:auto;position:absolute;inset:0}
/* Stempelordet: rir høyt inn mens forrige scene forlater (ingen svart bånd), står stort, krymper til hjørnet uten oppskalering. */
.sc-stempel{margin:0;font-family:var(--font-display);font-weight:700;line-height:.9;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;transform-origin:0 0;
  transform:translate(calc(var(--tx) * var(--eA)),calc(var(--ty) * var(--eA) - 40vh * (1 - var(--innE)))) scale(calc(1 + (var(--s) - 1) * var(--eA)));opacity:calc(1 - .3 * var(--ut));will-change:transform}
.sc-stempel .punktum{color:var(--pd-kobber)}
/* Arkene: lyse ark på sverte, alt i em. Papiret er et eget lag bak innholdet. */
.sc-ark{position:relative;width:var(--ms-scene-ark-bredde);max-width:calc(100vw - 2 * var(--luft));font-size:var(--ms-scene-ark-font);font-family:var(--font-tekst);line-height:1.4;color:var(--ink);will-change:transform,opacity}
.sc-ark .papir{position:absolute;inset:0;border-radius:.6em;background:var(--bg);transform-origin:50% 0}
.sc-ark.hvit .papir{background:var(--pd-flate)}
.sc-ark.hvit .ark-inn{color:var(--pd-tekst)}
.sc-ark .ark-inn{position:relative;padding:1.3em 1.4em 1.2em}
/* Rollene: .forst = første ark (kommer 20-40 %, viker i handlingen når .viker), .andre = arket som tar over (kommer i handlingen). */
.sc-ark.forst{opacity:calc(var(--a1o) * (1 - .65 * var(--eMid, 0)) * (1 - .3 * var(--ut)));transform:translateX(calc(var(--kari-x) * var(--eMid, 0))) scale(calc((.85 + .15 * var(--e1)) * (1 - .3 * var(--eMid, 0))))}
.sc-ark.andre{font-size:var(--ms-scene-ark-font-fokus);opacity:calc(var(--oMid, 0) * (1 - .3 * var(--ut)));transform:translateX(calc(var(--deg-x) + (70vw - var(--deg-x)) * (1 - var(--eMid, 0)))) scale(calc(.9 + .1 * var(--eMid, 0)))}
.scene.bytte{--oMid:clamp(0,calc((var(--p) - .5) / .07),1);--mMid:clamp(0,calc((var(--p) - .5) / .22),1);--eMid:calc(var(--mMid) * var(--mMid) * (3 - 2 * var(--mMid)))}
/* Setningen: i sitt eget ark nederst, aldri inntil kanten */
.sc-setning{justify-self:center;margin:0;max-width:42ch;padding:.7em 1.1em;border-radius:.4em;background:var(--pd-tekst);text-align:center;font-size:var(--ms-scene-tekst-stor);line-height:1.4;color:var(--pd-petrol-demp);opacity:calc(var(--seto) * (1 - .3 * var(--ut)));transform:translateY(calc(14px * (1 - var(--eS))));pointer-events:none}
.sc-setning b{color:var(--pd-petrol-tekst);font-weight:600}
.sc-setning .ms-kn{pointer-events:auto;margin-top:.6em}
.sc-setning .sc-lenke{display:inline-block;margin-top:.3em;color:var(--pd-petrol-tekst);font-weight:600;text-decoration:underline;text-underline-offset:.18em;pointer-events:auto}
/* Felles innhold i arkene */
.sc-ark .ark-topp{margin:0 0 .9em;font-family:var(--font-display);font-weight:700;font-size:.9em;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.sc-ark h3{margin:0 0 .2em;font-family:var(--font-display);font-weight:600;font-size:1.6em;line-height:1.1;letter-spacing:0;text-transform:none}
.sc-ark .hilsen,.sc-ark .under{margin:0 0 .1em;color:var(--grey)}
.sc-ark .under b{color:var(--ink)}
.sc-ark h4{margin:1.1em 0 .45em;font-family:var(--font-tekst);font-size:.9em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.sc-ark .h1{display:block;font-family:var(--font-display);font-weight:600;font-size:1.6em;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.sc-ark .meta{display:block;margin:.3em 0 .9em;color:var(--pd-demp)}
.sc-ark .hode{display:flex;align-items:center;gap:.5em;padding-bottom:.4em;border-bottom:2px solid var(--pd-tekst);font-family:var(--font-display);font-weight:600;font-size:1em;letter-spacing:.03em;text-transform:uppercase}
.sc-ark .hode .nr{font-family:var(--font-etikett);font-size:.85em;letter-spacing:.04em;color:var(--pd-demp);text-transform:uppercase}
.sc-ark .antall{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;height:1.4em;padding:0 .4em;border:1px solid var(--pd-tekst);border-radius:var(--pd-radius);font-family:var(--font-etikett);font-size:.9em;font-weight:700}
.sc-ark .sak{display:flex;gap:.7em;align-items:flex-start;padding:.9em 0;border-bottom:1px solid var(--pd-kant-svak)}
.sc-ark .prikk{width:.5em;height:.5em;margin-top:.45em;border-radius:var(--pd-radius);background:var(--pd-kobber-mork);flex:none}
.sc-ark .sak b{display:block;font-size:1.1em;font-weight:600;line-height:1.3}
.sc-ark .sak span{color:var(--pd-demp)}
.sc-ark .handlinger{display:flex;gap:.5em;padding-top:.9em;flex-wrap:wrap}
.sc-ark .kn{display:inline-flex;align-items:center;justify-content:center;min-height:2.4em;padding:0 1em;border:1px solid var(--pd-kant);border-radius:var(--pd-radius);background:var(--pd-flate-2);font-size:1em;font-weight:600;white-space:nowrap}
.sc-ark .kn.primar{background:var(--pd-kobber-fyll);border-color:var(--pd-kobber-kant);color:var(--pd-kobber-fyll-tekst)}
.sc-ark .st{display:inline-flex;align-items:center;height:1.6em;padding:0 .6em;border-radius:var(--pd-radius);color:var(--pd-petrol-tekst);font-family:var(--font-etikett);font-weight:600;font-size:.9em;letter-spacing:.05em;text-transform:uppercase;line-height:1;white-space:nowrap}
.sc-ark .st.sendt{background:var(--pd-lavendel)}
.sc-ark .st.vunnet,.sc-ark .st.betalt{background:var(--pd-salvie)}
.sc-ark .st.planlagt{background:var(--pd-flate);color:var(--pd-demp);border:1px solid var(--pd-kant)}
.sc-ark .sum-stor{font-family:var(--font-display);font-weight:600;font-size:2em;letter-spacing:-.03em;line-height:1;padding-bottom:.15em;border-bottom:2px solid var(--pd-kobber);white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-ark .sumlabel{display:block;font-family:var(--font-etikett);font-weight:600;font-size:.85em;letter-spacing:.06em;text-transform:uppercase;color:var(--pd-demp);margin-bottom:.3em}
.sc-ark .rad{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;padding:.8em 0;border-bottom:1px solid var(--pd-kant-svak)}
.sc-ark .rad .dempet{color:var(--pd-demp)}
/* Innfylling: elementer med --vis (0..1) kommer med opacity i første tredel og en liten forflytning. */
.sc-ark .inn{opacity:clamp(0,calc(var(--vis, 1) * 3),1);transform:translateY(calc(.4em * (1 - var(--vis, 1))))}
/* Stempling: statusmerker som slås inn */
.sc-ark .stemples{opacity:clamp(0,calc(var(--vis, 1) * 3),1);transform:scale(calc(1.4 - .4 * var(--vis, 1)))}
/* Tider (Booket) */
.sc-tider{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45em}
.sc-tid{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.6em;border:1px solid var(--line);border-radius:.4em;background:var(--card);font-weight:600;font-variant-numeric:tabular-nums}
.sc-tid.velges::after{content:attr(data-tid);position:absolute;inset:-1px;display:grid;place-items:center;border-radius:.4em;background:var(--ink);color:var(--card);opacity:clamp(0,calc(var(--velg) * 3),1);transform:scale(calc(.85 + .15 * var(--velg)))}
.sc-valgt{margin-top:1.1em;padding-top:1em;border-top:1px solid var(--linje-svak)}
.sc-valgt .etikett{display:block;margin-bottom:.3em;font-size:.9em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.sc-valgt .tid{font-size:1.1em;font-weight:600}
.sc-kn{display:flex;align-items:center;justify-content:center;min-height:2.6em;margin-top:.8em;border-radius:.4em;background:var(--primar-bg);color:var(--primar-tekst);font-weight:700}
.sc-kn.sekundar{background:var(--card);color:var(--ink);border:1px solid var(--line);margin-top:.5em}
/* Booket: papiret vokser først (40-50 %), så kommer «Valgt tidspunkt» (52-62 %) - ingen tekst utenfor papiret */
.scene.booket{--velg:clamp(0,calc((var(--p) - .4) / .08),1);--vekst:clamp(0,calc((var(--p) - .42) / .1),1);--valgt:clamp(0,calc((var(--p) - .53) / .09),1)}
.scene.booket .forst .papir{transform:scaleY(calc(var(--vekst-min, 1) + (1 - var(--vekst-min, 1)) * var(--vekst)))}
.scene.booket .sc-valgt{opacity:clamp(0,calc(var(--valgt) * 3),1);transform:translateY(calc(.6em * (1 - var(--valgt))))}
/* Målt opp: foto bak, tallene fylles inn, summen teller lengst (56-76 %) */
.sc-bilde img{display:block;width:100%;height:100%;object-fit:cover}
.scene.maalt .sc-bilde{opacity:calc(var(--ms-scene-bilde-demp) * clamp(0,calc((var(--p) - .12) / .08),1) * (1 - .3 * var(--ut)));transform:scale(calc(1.06 - .06 * clamp(0,calc(var(--p) / .6),1)))}
.scene.maalt{--f3a:clamp(0,calc((var(--p) - .4) / .06),1);--f3b:clamp(0,calc((var(--p) - .46) / .06),1);--f3c:clamp(0,calc((var(--p) - .52) / .06),1);--f3d:clamp(0,calc((var(--p) - .56) / .06),1);--sum:clamp(0,calc((var(--p) - .56) / .2),1)}
.scene.maalt .forst{opacity:calc(var(--a1o) * (1 - .3 * var(--ut)));transform:translateY(calc(6vh * (1 - var(--e1)))) scale(calc(.9 + .1 * var(--e1)))}
.scene.maalt .forst .papir{transform:scaleY(calc(.78 + .22 * var(--f3d)))}
.sc-ark .mal{display:grid;grid-template-columns:1fr 1fr;gap:.6em .8em;margin:.9em 0 0}
.sc-ark .mal dt{font-size:.9em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pd-demp);margin-bottom:.2em}
.sc-ark .mal dd{margin:0;min-height:2.3em;padding:.5em .7em;border:1px solid var(--pd-kant-kontroll);border-radius:var(--pd-radius);background:var(--pd-flate-2);font-weight:600;font-variant-numeric:tabular-nums}
.sc-ark .mal dd span{display:inline-block}
.scene.maalt .m-gulv span{--vis:var(--f3a)}.scene.maalt .m-vegg span{--vis:var(--f3b)}.scene.maalt .m-pg span,.scene.maalt .m-pv span{--vis:var(--f3c)}
.sc-ark .linjer{margin-top:.9em;border-top:1px solid var(--pd-kant-svak)}
.scene.maalt .linjer{--vis:var(--f3d)}
.sc-ark .linjer div{display:flex;justify-content:space-between;gap:1em;padding:.5em 0;border-bottom:1px solid var(--pd-kant-svak)}
.sc-ark .linjer div span:last-child{font-weight:600}
.sc-ark .sumbar{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin-top:.9em;padding-top:.8em;border-top:2px solid var(--pd-tekst)}
.sc-ark .sumbar .et{color:var(--pd-demp)}
.sc-ark .sumbar .sum{font-family:var(--font-display);font-weight:500;font-size:2em;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.scene.maalt .sumbar .sum{opacity:calc(.25 + .75 * var(--sum))}
/* Sendt: hos deg først (status stemples 40-48 %), Karis tilbudsside tar over (50-72 %) */
.scene.sendt{--stat:clamp(0,calc((var(--p) - .4) / .08),1)}
.scene.sendt .st.sendt{--vis:var(--stat)}
.scene.sendt .neste{--vis:clamp(0,calc((var(--p) - .46) / .06),1)}
.sc-ark .sumband{display:flex;flex-direction:column;gap:.2em;margin:.8em 0 .6em;padding:.7em .9em;border:1px solid var(--line);border-radius:.4em;background:var(--bg)}
.sc-ark .sumband span{color:var(--grey)}
.sc-ark .sumband b{font-family:var(--font-display);font-size:1.7em;font-weight:600;line-height:1;white-space:nowrap}
.sc-ark .status-kunde{display:inline-block;margin:.2em 0 .5em;padding:.35em .7em;border-radius:.4em;font-weight:600}
.sc-ark .status-kunde.venter{background:var(--bg);border:1px solid var(--line);color:var(--grey)}
.sc-ark .status-kunde.ok{background:var(--linje-svak);color:var(--ok)}
/* Akseptert: Kari først (navn 40-50, kryss 50-56, kvittering 56-62 %), hos deg tar over (62-82 %, Sendt -> Vunnet 72-78, logg 78-88 %) */
.scene.akseptert{--navn1:clamp(0,calc((var(--p) - .4) / .05),1);--navn2:clamp(0,calc((var(--p) - .45) / .05),1);--kryss:clamp(0,calc((var(--p) - .5) / .06),1);--kvitt:clamp(0,calc((var(--p) - .56) / .06),1);
  --oMid:clamp(0,calc((var(--p) - .62) / .06),1);--mMid:clamp(0,calc((var(--p) - .62) / .18),1);--eMid:calc(var(--mMid) * var(--mMid) * (3 - 2 * var(--mMid)));
  --vunnet:clamp(0,calc((var(--p) - .72) / .06),1);--logg1:clamp(0,calc((var(--p) - .78) / .05),1);--logg2:clamp(0,calc((var(--p) - .83) / .05),1);
  --seto:clamp(0,calc((var(--p) - .86) / .03),1);--setm:clamp(0,calc((var(--p) - .86) / .06),1)}
.scene.akseptert .navn .n1{--vis:var(--navn1)}.scene.akseptert .navn .n2{--vis:var(--navn2)}
.sc-ark .felt{min-height:2.3em;padding:.5em .7em;border:1px solid var(--kant-kontroll);border-radius:.4em;background:var(--flate-input)}
.sc-ark .felt span{display:inline-block}
.sc-ark .huk{display:flex;align-items:center;gap:.6em;margin:.9em 0 .3em;font-weight:600}
.sc-ark .boks{width:1.2em;height:1.2em;border:2px solid var(--ink);border-radius:.25em;background:var(--ink);box-shadow:inset 0 0 0 .2em var(--card);flex:none;position:relative}
.sc-ark .boks::after{content:"";position:absolute;inset:.15em;background:var(--ink);border-radius:.1em;opacity:clamp(0,calc(var(--kryss) * 3),1);transform:scale(calc(.5 + .5 * var(--kryss)))}
.scene.akseptert .kvittering{--vis:var(--kvitt)}
.scene.akseptert .st.sendt{opacity:calc(1 - .6 * var(--vunnet))}
.scene.akseptert .st.vunnet{--vis:var(--vunnet)}
.scene.akseptert .logg .l1{--vis:var(--logg1)}.scene.akseptert .logg .l2{--vis:var(--logg2)}
.sc-ark .pil{width:.5em;height:.5em;border-right:1.5px solid var(--pd-demp);border-top:1.5px solid var(--pd-demp);transform:rotate(45deg)}
.sc-ark .logg div{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.8em;padding:.6em 0;border-bottom:1px solid var(--pd-kant-svak)}
.sc-ark .logg div span:first-child{color:var(--pd-demp)}
/* Rett i Tripletex: radene kommer 40-58 %, Betalt stemples 60-68 %, «lest» kommer 70-76 % */
.scene.tripletex{--r1:clamp(0,calc((var(--p) - .4) / .06),1);--r2:clamp(0,calc((var(--p) - .46) / .06),1);--r3:clamp(0,calc((var(--p) - .52) / .06),1);--betalt:clamp(0,calc((var(--p) - .6) / .08),1);--lest:clamp(0,calc((var(--p) - .7) / .06),1)}
.scene.tripletex .plan .p1{--vis:var(--r1)}.scene.tripletex .plan .p2{--vis:var(--r2)}.scene.tripletex .plan .p3{--vis:var(--r3)}
.scene.tripletex .st.betalt{--vis:var(--betalt)}
.scene.tripletex .lest{--vis:var(--lest)}
.sc-ark .plan div.planrad{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;gap:.8em;padding:.55em 0;border-bottom:1px solid var(--pd-kant-svak)}
.sc-ark .plan .planrad b{display:block;font-weight:600}
.sc-ark .plan .planrad span.dempet{display:block;color:var(--pd-demp);font-size:.9em}
.sc-ark .plan .belop{font-weight:600;white-space:nowrap}
.sc-ark .lest{padding-top:.8em;color:var(--pd-demp)}
/* Ferdig: før-bildet fyller skjermen, blir etter-bildet over 25-75 %, stempelet står over, setning og «Be om demo» nederst */
.scene.ferdig{--kryss:clamp(0,calc((var(--p) - .25) / .5),1);--seto:clamp(0,calc((var(--p) - .76) / .03),1);--setm:clamp(0,calc((var(--p) - .76) / .08),1);--eS:calc(var(--setm) * var(--setm) * (3 - 2 * var(--setm)))}
.scene.ferdig .sc-bilde.for{opacity:calc(clamp(0,calc((var(--p) - .1) / .1),1) * (1 - .3 * var(--ut)))}
.scene.ferdig .sc-bilde.etter{opacity:calc(var(--kryss) * (1 - .3 * var(--ut)));transform:scale(calc(1.04 - .04 * var(--kryss)))}
.scene.ferdig .sc-stempel{transform:translateY(calc(-22vh * clamp(0,calc((var(--p) - .12) / .12),1) - 40vh * (1 - var(--innE)))) scale(calc(1 - .55 * clamp(0,calc((var(--p) - .12) / .12),1)));transform-origin:50% 50%}
.scene.ferdig .sc-setning{max-width:46ch;font-size:var(--ms-scene-tekst-stor)}
@media (min-width:760px){.sc-ark{font-size:var(--ms-scene-ark-font-desktop)}
  /* Høye ark: ett trinn ned så de holder 48 px luft og plass til setningen */
  .scene.tripletex .sc-ark,.scene.maalt .sc-ark{font-size:var(--ms-scene-ark-font)}
  .scene.sendt .sc-ark.andre,.scene.akseptert .sc-ark.andre{font-size:var(--ms-scene-ark-font-desktop)}}
@media (max-width:759px){
  .scene{--ms-scene-rull:var(--ms-scene-rull-mobil);--luft:var(--ms-scene-luft-mobil);--kari-x:var(--ms-scene-kari-x-mobil);--deg-x:var(--ms-scene-deg-x-mobil);--ms-scene-andel:44.4445%}
  .scene.ferdig{--ms-scene-andel:100%}
  /* Mobil: én ting om gangen. Stempelet toner ut (ingen plass i hjørnet), arket som viker toner helt ut, bunnen dekker (rent push). */
  .sc-stempel{opacity:calc((1 - var(--stA)) * (1 - .3 * var(--ut)));transform:translateY(calc(-40vh * (1 - var(--innE)))) scale(calc(1 - .1 * var(--eA)));transform-origin:50% 50%}
  .scene.ferdig .sc-stempel{opacity:1}
  .sc-ark.forst{opacity:calc(var(--a1o) * (1 - var(--oMid, 0)) * (1 - .3 * var(--ut)));transform:translateY(calc(-4vh * var(--eMid, 0))) scale(calc((.9 + .1 * var(--e1)) * (1 - .06 * var(--eMid, 0))))}
  .sc-ark.andre{transform:translateX(calc(60vw * (1 - var(--eMid, 0)))) scale(calc(.94 + .06 * var(--eMid, 0)))}
  .sc-fast > .sc-bak{opacity:1}
  .sc-ark{font-size:var(--ms-scene-ark-font-mobil)}
  .sc-ark.andre{font-size:var(--ms-scene-ark-font-mobil)}
  .sc-ark .ark-inn,.sc-ark.hvit .ark-inn{padding:.9em .9em .8em}
  .sc-ark .papir{border-radius:.5em}
  .sc-ark h3{font-size:1.4em}
  .sc-ark .h1{font-size:1.4em}
  .sc-ark h4{margin:.7em 0 .35em}
  .sc-tid{min-height:2.3em}
  .sc-ark .mobil-skjul{display:none}
  .sc-valgt{margin-top:.8em;padding-top:.7em}
  .sc-kn{min-height:2.4em;margin-top:.6em}
  .sc-ark .sak{padding:.6em 0}
  .sc-ark .handlinger{padding-top:.6em}
  .sc-ark .sumband{margin:.5em 0 .4em;padding:.5em .7em}
  .sc-ark .logg div{padding:.4em 0}
  .scene.ferdig{--ms-scene-rull:var(--ms-scene-rull-ferdig-mobil)}
  .sc-ark.andre{font-size:var(--ms-scene-ark-font)}
  .sc-ark.forst{transform:translateX(calc(var(--kari-x) * var(--eMid, 0))) scale(calc((.85 + .15 * var(--e1)) * (1 - .15 * var(--eMid, 0))))}
  .sc-ark .ark-inn{padding:1.1em 1em 1em}
  .sc-setning{font-size:var(--ms-scene-ark-font-mobil);max-width:none;padding:.6em .9em}
  .sc-ark .plan div.planrad{grid-template-columns:minmax(0,1fr) max-content;padding:.45em 0}
  .sc-ark .plan div.planrad .st,.sc-ark .plan div.planrad .kn{grid-column:1/-1;justify-self:start}
  .sc-ark .plan div.planrad .dempet{display:none}
  .scene.akseptert .logg div{grid-template-columns:1fr;gap:.1em}
}
.fallback{display:block}

/* Scenene på kobber (valgt 09.10.2026). <html class="kobber"> settes i head; ?tema=sverte viser sverte-varianten. */
.kobber #reise,.kobber .sc-fast > .sc-bak{background:var(--pd-kobber)}
.kobber .scene{color:var(--pd-kobber-fyll-tekst)}
.kobber .sc-stempel .punktum{color:var(--pd-tekst)}
.kobber .sc-setning{background:var(--pd-tekst);color:var(--pd-petrol-demp)}
.kobber .sc-setning b{color:var(--pd-petrol-tekst)}
.kobber .scene.maalt .sc-bilde,.kobber .scene.ferdig .sc-bilde{opacity:1}
.kobber .scene.maalt .sc-bilde{opacity:calc(.5 * clamp(0,calc((var(--p) - .12) / .08),1) * (1 - .3 * var(--ut)))}

@media (max-width:759px) and (max-height:700px){
  .scene{--luft:24px}
  .sc-fast{row-gap:var(--beffen-rom-2)}
  .sc-ark .ark-inn,.sc-ark.hvit .ark-inn{padding:.75em .85em .7em}
}