/* KVALI AS · midlertidig landingsside v6 · 22.10.2026
   Farger og typografi: KV-POL-DES-001 rev. 0.5 (design/tokens/kvali-tokens.css).
   Mørk scene som forteller historien ett steg om gangen. Løkke: 29 s. Bare CSS/SVG, ingen JavaScript.
   Ytelse: kortene animeres med transform/opacity; glød ligger i pseudo-elementer der bare opacity endres. Ingen filter. */
@font-face{font-family:"Inter";src:url("fonter/inter-latin-var.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("fonter/inter-tight-latin-var.woff2") format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
:root{
  --kv-ink:#20282D;--kv-ink-2:#4A5265;--kv-line:#E2E4EA;--kv-bg:#FFFFFF;
  --kv-accent:#6B6910;--kv-accent-hover:#54530D;--kv-accent-soft:#F5F5E4;
  --kv-brand-olive:#B7B900;--kv-accent-dark:#D6D34A;--kv-warn-dark:#FBBF24;
  --lys:#E8EBF0;--lys-2:#C2C8D4;
  --kv-font-sans:"Inter",Arial,Helvetica,sans-serif;
  --kv-font-display:"Inter Tight","Inter",Arial,Helvetica,sans-serif;
  --wrap:1240px;--pad:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--kv-font-sans);color:var(--kv-ink);background:var(--kv-bg);line-height:1.6}
main{flex:1}
h1{font-family:var(--kv-font-display);line-height:1.08;margin:0;font-weight:700;letter-spacing:-.02em}
p,figure{margin:0}
ol{margin:0;padding:0}
a{color:var(--kv-accent);text-underline-offset:.15em}
a:hover{color:var(--kv-accent-hover)}
:focus-visible{outline:3px solid var(--kv-accent);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.topp{border-top:6px solid var(--kv-brand-olive)}
.topp-inner,.intro,.plansje-ramme,.bunn-inner{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.topp-inner{padding-top:22px;padding-bottom:22px}
.ordmerke{font-family:var(--kv-font-display);font-weight:700;font-size:1.5rem;letter-spacing:.08em;line-height:1}
.intro{padding-top:clamp(20px,3.5vw,44px);padding-bottom:clamp(18px,2.5vw,28px)}
.intro h1{font-size:clamp(2.1rem,1.2rem + 3.6vw,3.75rem)}
.intro .ingress{margin-top:12px;font-size:clamp(1.125rem,1rem + .6vw,1.375rem);color:var(--kv-ink-2)}
.plansje-ramme{padding-bottom:clamp(32px,5vw,64px)}

/* ---------- Scenen ---------- */
.scene-ramme{container-type:inline-size;margin:0 auto;max-width:480px}
@media (min-width:900px){.scene-ramme{max-width:none}}
.scene{position:relative;overflow:hidden;border-radius:calc(22 * var(--u));color:var(--lys);font-size:calc(14 * var(--u));line-height:1.25;
  background:
    radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.4px) 0 0/calc(22 * var(--u)) calc(22 * var(--u)),
    radial-gradient(120% 80% at 50% 0%,#2E3A40 0%,#20282D 60%) #20282D;
  box-shadow:0 30px 60px -30px rgba(32,40,45,.55)}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(60% 45% at 50% 72%,rgba(183,185,0,.16),transparent 70%)}
.scene > *{position:absolute}

/* Bildetekst */
.bildetekst{z-index:4}
.bt{position:absolute;inset:0;display:flex;align-items:center;gap:calc(18 * var(--u));opacity:0;font-family:var(--kv-font-display);font-weight:600;color:#fff;font-size:calc(27 * var(--u));line-height:1.2;letter-spacing:-.01em}
.bt-nr{flex:none;font-family:var(--kv-font-display);font-weight:700;font-size:calc(56 * var(--u));line-height:1;color:var(--kv-accent-dark);min-width:1.2em;text-align:right;letter-spacing:-.03em}
.bt-slutt{opacity:1;font-size:calc(30 * var(--u));font-weight:700;padding-left:calc(18 * var(--u));border-left:calc(5 * var(--u)) solid var(--kv-brand-olive)}

.lane-tittel{font-size:calc(11 * var(--u));font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lys-2)}

/* Sti og komet */
.spor{inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.spor-m{display:none}
.spor path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.bane-linje{stroke:rgba(255,255,255,.12);stroke-width:2;stroke-dasharray:2 7}
.fyll,.efyll{stroke:var(--kv-brand-olive);stroke-width:2.5;opacity:.85}
.hale{stroke:var(--kv-accent-dark);stroke-width:4;opacity:0}
.hode-glod{stroke:rgba(214,211,74,.3);stroke-width:28}
.hode-kjerne{stroke:#F4F3B8;stroke-width:11}
.hode,.ehode{opacity:0}

/* Kortene */
.kort{z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(12 * var(--u));
  background:#2A3238;border:1px solid rgba(255,255,255,.10);color:#fff;transform-origin:50% 50%;will-change:transform,opacity}
.kort::before{content:"";position:absolute;inset:-2px;border-radius:inherit;opacity:0;pointer-events:none;
  box-shadow:0 0 0 2px var(--kv-brand-olive),0 0 calc(34 * var(--u)) calc(4 * var(--u)) rgba(183,185,0,.38),0 calc(18 * var(--u)) calc(40 * var(--u)) calc(-10 * var(--u)) rgba(0,0,0,.6)}
.k-ass{background:#323A2F;border-color:rgba(183,185,0,.38)}
.k-godkjenn{background:var(--kv-accent-soft);border-color:var(--kv-accent-soft);color:var(--kv-ink)}
.k-godkjenn::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:#2A3238;opacity:0;pointer-events:none}
.k-topp{display:flex;align-items:center;gap:calc(6 * var(--u))}
.nr{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:calc(20 * var(--u));height:calc(20 * var(--u));padding:0 calc(5 * var(--u));border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:calc(11 * var(--u));font-weight:700}
.k-godkjenn .nr{border-color:rgba(32,40,45,.45)}
.hvem{font-size:calc(10.5 * var(--u));font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:calc(2 * var(--u)) calc(7 * var(--u));border-radius:999px;line-height:1.3}
.hvem-du{background:#fff;color:var(--kv-ink)}
.k-godkjenn .hvem-du{background:var(--kv-ink);color:#fff}
.hvem-ass{color:var(--kv-accent-dark);border:1px solid rgba(214,211,74,.55)}
.k-tekst{font-family:var(--kv-font-display);font-weight:600;font-size:calc(16 * var(--u));line-height:1.15}
.hake{position:absolute;top:calc(-8 * var(--u));right:calc(-8 * var(--u));width:calc(22 * var(--u));height:calc(22 * var(--u));z-index:3}
.hake circle{stroke:#20282D;stroke-width:1.6}
.hake circle{fill:var(--kv-brand-olive)}
.hake-strek{fill:none;stroke:var(--kv-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:0}
.stempel{position:absolute;right:calc(-10 * var(--u));bottom:calc(-12 * var(--u));transform:rotate(-8deg);padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(6 * var(--u));background:var(--kv-brand-olive);color:var(--kv-ink);
  font-family:var(--kv-font-display);font-weight:700;font-size:calc(12 * var(--u));letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 0 calc(2 * var(--u)) #20282D,0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0,0,0,.45)}

/* E-post */
.k-epost{justify-content:flex-start;gap:calc(8 * var(--u))}
.e-rad{display:flex;flex-wrap:wrap;align-items:center;gap:calc(5 * var(--u))}
.ik{width:calc(14 * var(--u));height:calc(14 * var(--u));flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.konvolutt,.oppgave,.paminn{display:inline-flex;align-items:center;gap:calc(5 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));border-radius:999px;font-size:calc(12 * var(--u));font-weight:600;white-space:nowrap}
.konvolutt{background:#fff;color:var(--kv-ink)}
.e-pil{font-weight:700;color:var(--kv-accent-dark)}
.oppgave{background:var(--kv-brand-olive);color:var(--kv-ink)}
.paminn{border:1.5px solid var(--kv-warn-dark);color:#FCD789}
.bjelle{color:var(--kv-warn-dark);width:calc(16 * var(--u));height:calc(16 * var(--u));transform-origin:50% 15%}

/* Laget */
.lag{z-index:2;display:flex;align-items:center;justify-content:center;border-radius:calc(14 * var(--u));background:linear-gradient(180deg,#323A30,#283028);border:1px solid rgba(183,185,0,.55)}
.lag::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 calc(40 * var(--u)) calc(2 * var(--u)) rgba(183,185,0,.35);animation:puls 4.8s ease-in-out infinite}
.lag-navn{position:relative;font-family:var(--kv-font-display);font-weight:700;font-size:calc(20 * var(--u));color:#fff;letter-spacing:.01em}
.lag-sveip-ramme{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.lag-sveip{position:absolute;top:0;bottom:0;left:0;width:25%;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(244,243,184,.35),transparent)}
@keyframes puls{0%,100%{opacity:.35}50%{opacity:1}}

/* Systemene */
.sys{z-index:2;display:flex;align-items:center;justify-content:center;border-radius:calc(9 * var(--u));background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:var(--lys);font-size:calc(13 * var(--u));font-weight:500}
.sys::before{content:"";position:absolute;left:50%;top:0;width:calc(6 * var(--u));height:calc(6 * var(--u));margin-left:calc(-3 * var(--u));border-radius:50%;background:#F4F3B8;
  box-shadow:0 0 calc(8 * var(--u)) calc(2 * var(--u)) rgba(214,211,74,.6);opacity:0;animation:stig 2.6s cubic-bezier(.4,0,.6,1) infinite}
.sys2::before{animation-delay:.45s}.sys3::before{animation-delay:.9s}.sys4::before{animation-delay:1.35s}.sys5::before{animation-delay:1.8s}.sys6::before{animation-delay:2.25s}
@keyframes stig{0%{opacity:0;transform:translateY(0)}20%{opacity:1}85%{opacity:.9}100%{opacity:0;transform:translateY(var(--stig))}}

/* Plassering: smal skjerm (stående scene) */
.scene{aspect-ratio:360/920;--u:0.27778cqw}
.bildetekst{left:4.4444%;top:1.0870%;width:91.1111%;height:10.6522%;}
.tittel-jobb{left:4.4444%;top:12.3913%;}.tittel-epost{left:4.4444%;top:59.1304%;}
.f1{left:4.4444%;top:14.7826%;width:41.6667%;height:8.6957%;}
.f2{left:53.8889%;top:14.7826%;width:41.6667%;height:8.6957%;}
.f3{left:53.8889%;top:26.0870%;width:41.6667%;height:8.6957%;}
.f4{left:4.4444%;top:26.0870%;width:41.6667%;height:8.6957%;}
.f5{left:4.4444%;top:37.3913%;width:41.6667%;height:8.6957%;}
.f6{left:53.8889%;top:37.3913%;width:41.6667%;height:8.6957%;}
.f7{left:53.8889%;top:48.6957%;width:41.6667%;height:8.6957%;}
.f8{left:4.4444%;top:48.6957%;width:41.6667%;height:8.6957%;}
.f9{left:4.4444%;top:61.3043%;width:91.1111%;height:7.1739%;}
.f10{left:4.4444%;top:70.8696%;width:91.1111%;height:7.1739%;}
.lag{left:4.4444%;top:80.6522%;width:91.1111%;height:5.4348%;}
.tittel-grunn{left:4.4444%;top:88.0435%;}
.sys1{left:4.4444%;top:90.0000%;width:28.3333%;height:3.6957%;}
.sys2{left:35.8333%;top:90.0000%;width:28.3333%;height:3.6957%;}
.sys3{left:67.2222%;top:90.0000%;width:28.3333%;height:3.6957%;}
.sys4{left:4.4444%;top:94.5652%;width:28.3333%;height:3.6957%;}
.sys5{left:35.8333%;top:94.5652%;width:28.3333%;height:3.6957%;}
.sys6{left:67.2222%;top:94.5652%;width:28.3333%;height:3.6957%;}
.sys::before{--stig:calc(-38 * var(--u))}
.sys4::before,.sys5::before,.sys6::before{display:none}
/* Plassering: bred skjerm */
@media (min-width:900px){
  .scene{aspect-ratio:1000/560;--u:0.10000cqw}
  .bildetekst{left:3.0000%;top:1.7857%;width:94.0000%;height:15.3571%;}
  .tittel-jobb{left:3.0000%;top:18.2143%;}.tittel-epost{left:81.0000%;top:18.2143%;}
  .f1{left:3.0000%;top:22.1429%;width:15.0000%;height:16.0714%;}
  .f2{left:23.0000%;top:22.1429%;width:15.0000%;height:16.0714%;}
  .f3{left:43.0000%;top:22.1429%;width:15.0000%;height:16.0714%;}
  .f4{left:63.0000%;top:22.1429%;width:15.0000%;height:16.0714%;}
  .f5{left:63.0000%;top:46.7857%;width:15.0000%;height:16.0714%;}
  .f6{left:43.0000%;top:46.7857%;width:15.0000%;height:16.0714%;}
  .f7{left:23.0000%;top:46.7857%;width:15.0000%;height:16.0714%;}
  .f8{left:3.0000%;top:46.7857%;width:15.0000%;height:16.0714%;}
  .f9{left:81.0000%;top:22.1429%;width:17.0000%;height:16.0714%;}
  .f10{left:81.0000%;top:46.7857%;width:17.0000%;height:16.0714%;}
  .lag{left:3.0000%;top:70.0000%;width:94.0000%;height:10.7143%;}
  .tittel-grunn{left:3.0000%;top:85.0000%;}
  .sys1{left:3.0000%;top:88.5714%;width:14.5000%;height:6.7857%;}
  .sys2{left:18.9000%;top:88.5714%;width:14.5000%;height:6.7857%;}
  .sys3{left:34.8000%;top:88.5714%;width:14.5000%;height:6.7857%;}
  .sys4{left:50.7000%;top:88.5714%;width:14.5000%;height:6.7857%;}
  .sys5{left:66.6000%;top:88.5714%;width:14.5000%;height:6.7857%;}
  .sys6{left:82.5000%;top:88.5714%;width:14.5000%;height:6.7857%;}
  .sys::before{--stig:calc(-44 * var(--u))}
  .spor-d{display:block}.spor-m{display:none}
  .sys4::before,.sys5::before,.sys6::before{display:block}
}
@media (max-width:899px){
  .spor-d{display:none}.spor-m{display:block}
  .bt{font-size:calc(19 * var(--u));gap:calc(12 * var(--u))}
  .bt-nr{font-size:calc(40 * var(--u))}
  .bt-slutt{font-size:calc(19.5 * var(--u))}
  .k-tekst{font-size:calc(14.5 * var(--u))}
  .k-godkjenn .k-tekst{padding-right:calc(34 * var(--u))}
}

/* Statisk liste: for skjermlesere, og synlig ved redusert bevegelse */
.stegliste{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ---------- Løkken (29 s) ---------- */
.f1{animation:fk1 29s ease-in-out infinite}
.f1::before{animation:gl1 29s ease-in-out infinite}
.f1 .hake-strek{animation:hk1 29s ease-out infinite}
.f1 .hake{animation:hr1 29s ease-in-out infinite}
.f2{animation:fk2 29s ease-in-out infinite}
.f2::before{animation:gl2 29s ease-in-out infinite}
.f2 .hake-strek{animation:hk2 29s ease-out infinite}
.f2 .hake{animation:hr2 29s ease-in-out infinite}
.f3{animation:fk3 29s ease-in-out infinite}
.f3::before{animation:gl3 29s ease-in-out infinite}
.f3 .hake-strek{animation:hk3 29s ease-out infinite}
.f3 .hake{animation:hr3 29s ease-in-out infinite}
.f4{animation:fk4 29s ease-in-out infinite}
.f4::before{animation:gl4 29s ease-in-out infinite}
.f4 .hake-strek{animation:hk4 29s ease-out infinite}
.f4 .hake{animation:hr4 29s ease-in-out infinite}
.f5{animation:fk5 29s ease-in-out infinite}
.f5::before{animation:gl5 29s ease-in-out infinite}
.f5 .hake-strek{animation:hk5 29s ease-out infinite}
.f5 .hake{animation:hr5 29s ease-in-out infinite}
.f6{animation:fk6 29s ease-in-out infinite}
.f6::before{animation:gl6 29s ease-in-out infinite}
.f6 .hake-strek{animation:hk6 29s ease-out infinite}
.f6 .hake{animation:hr6 29s ease-in-out infinite}
.f7{animation:fk7 29s ease-in-out infinite}
.f7::before{animation:gl7 29s ease-in-out infinite}
.f7 .hake-strek{animation:hk7 29s ease-out infinite}
.f7 .hake{animation:hr7 29s ease-in-out infinite}
.f8{animation:fk8 29s ease-in-out infinite}
.f8::before{animation:gl8 29s ease-in-out infinite}
.f8 .hake-strek{animation:hk8 29s ease-out infinite}
.f8 .hake{animation:hr8 29s ease-in-out infinite}
.f9{animation:fk9 29s ease-in-out infinite}
.f9::before{animation:gl9 29s ease-in-out infinite}
.f9 .hake-strek{animation:hk9 29s ease-out infinite}
.f9 .hake{animation:hr9 29s ease-in-out infinite}
.f10{animation:fk10 29s ease-in-out infinite}
.f10::before{animation:gl10 29s ease-in-out infinite}
.f10 .hake-strek{animation:hk10 29s ease-out infinite}
.f10 .hake{animation:hr10 29s ease-in-out infinite}
.f3::after{animation:dekk3 29s ease-in-out infinite}
.f8::after{animation:dekk8 29s ease-in-out infinite}
.st3{animation:st3 29s cubic-bezier(.2,.8,.2,1) infinite}
.st8{animation:st8 29s cubic-bezier(.2,.8,.2,1) infinite}
.konvolutt{animation:konv 29s cubic-bezier(.2,.8,.2,1) infinite}
.e-pil{animation:epil 29s ease-in-out infinite}
.oppgave{animation:oppg 29s ease-in-out infinite}
.bjelle{animation:bjelle 29s ease-in-out infinite}
.p1{animation:pm1 29s ease-in-out infinite}
.p2{animation:pm2 29s ease-in-out infinite}
.spor-d .fyll{animation:fyll-d 29s linear infinite}
.spor-d .hode{animation:hode-d 29s ease-in-out infinite}
.spor-d .hale{animation:hale-d 29s ease-in-out infinite}
.spor-d .efyll{animation:efyll-d 29s ease-in-out infinite}
.spor-d .ehode{animation:ehode-d 29s ease-in-out infinite}
.spor-m .fyll{animation:fyll-m 29s linear infinite}
.spor-m .hode{animation:hode-m 29s ease-in-out infinite}
.spor-m .hale{animation:hale-m 29s ease-in-out infinite}
.spor-m .efyll{animation:efyll-m 29s ease-in-out infinite}
.spor-m .ehode{animation:ehode-m 29s ease-in-out infinite}
.lag-sveip{animation:sveip 29s cubic-bezier(.4,0,.2,1) infinite}
.scene::after{animation:scene-lys 29s ease-in-out infinite}
.bt1{animation:bt1 29s ease-in-out infinite}
.bt2{animation:bt2 29s ease-in-out infinite}
.bt3{animation:bt3 29s ease-in-out infinite}
.bt4{animation:bt4 29s ease-in-out infinite}
.bt5{animation:bt5 29s ease-in-out infinite}
.bt6{animation:bt6 29s ease-in-out infinite}
.bt7{animation:bt7 29s ease-in-out infinite}
.bt8{animation:bt8 29s ease-in-out infinite}
.bt9{animation:bt9 29s ease-in-out infinite}
.bt10{animation:bt10 29s ease-in-out infinite}
.bt11{animation:bt11 29s ease-in-out infinite}
@keyframes fk1{0.000%{opacity:.34;transform:scale(.95)}1.724%{opacity:1;transform:scale(1.09)}7.759%{opacity:1;transform:scale(1.09)}9.483%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl1{0.000%{opacity:0}1.552%{opacity:1}7.759%{opacity:1}9.483%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk1{0.000%{stroke-dashoffset:20}8.276%{stroke-dashoffset:20}9.828%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr1{0.000%{opacity:0}8.276%{opacity:0}8.966%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk2{0.000%{opacity:.34;transform:scale(.95)}8.793%{opacity:.34;transform:scale(.95)}10.862%{opacity:1;transform:scale(1.09)}16.034%{opacity:1;transform:scale(1.09)}17.759%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl2{0.000%{opacity:0}8.793%{opacity:0}10.862%{opacity:1}16.034%{opacity:1}17.759%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk2{0.000%{stroke-dashoffset:20}16.552%{stroke-dashoffset:20}18.103%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr2{0.000%{opacity:0}16.552%{opacity:0}17.241%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk3{0.000%{opacity:.34;transform:scale(.95)}17.069%{opacity:.34;transform:scale(.95)}19.138%{opacity:1;transform:scale(1.09)}24.310%{opacity:1;transform:scale(1.09)}26.034%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl3{0.000%{opacity:0}17.069%{opacity:0}19.138%{opacity:1}24.310%{opacity:1}26.034%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk3{0.000%{stroke-dashoffset:20}24.828%{stroke-dashoffset:20}26.379%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr3{0.000%{opacity:0}24.828%{opacity:0}25.517%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk4{0.000%{opacity:.34;transform:scale(.95)}25.345%{opacity:.34;transform:scale(.95)}27.414%{opacity:1;transform:scale(1.09)}32.586%{opacity:1;transform:scale(1.09)}34.310%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl4{0.000%{opacity:0}25.345%{opacity:0}27.414%{opacity:1}32.586%{opacity:1}34.310%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk4{0.000%{stroke-dashoffset:20}33.103%{stroke-dashoffset:20}34.655%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr4{0.000%{opacity:0}33.103%{opacity:0}33.793%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk5{0.000%{opacity:.34;transform:scale(.95)}33.621%{opacity:.34;transform:scale(.95)}35.690%{opacity:1;transform:scale(1.09)}40.862%{opacity:1;transform:scale(1.09)}42.586%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl5{0.000%{opacity:0}33.621%{opacity:0}35.690%{opacity:1}40.862%{opacity:1}42.586%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk5{0.000%{stroke-dashoffset:20}41.379%{stroke-dashoffset:20}42.931%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr5{0.000%{opacity:0}41.379%{opacity:0}42.069%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk6{0.000%{opacity:.34;transform:scale(.95)}41.897%{opacity:.34;transform:scale(.95)}43.966%{opacity:1;transform:scale(1.09)}49.138%{opacity:1;transform:scale(1.09)}50.862%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl6{0.000%{opacity:0}41.897%{opacity:0}43.966%{opacity:1}49.138%{opacity:1}50.862%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk6{0.000%{stroke-dashoffset:20}49.655%{stroke-dashoffset:20}51.207%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr6{0.000%{opacity:0}49.655%{opacity:0}50.345%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk7{0.000%{opacity:.34;transform:scale(.95)}50.172%{opacity:.34;transform:scale(.95)}52.241%{opacity:1;transform:scale(1.09)}57.414%{opacity:1;transform:scale(1.09)}59.138%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl7{0.000%{opacity:0}50.172%{opacity:0}52.241%{opacity:1}57.414%{opacity:1}59.138%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk7{0.000%{stroke-dashoffset:20}57.931%{stroke-dashoffset:20}59.483%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr7{0.000%{opacity:0}57.931%{opacity:0}58.621%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk8{0.000%{opacity:.34;transform:scale(.95)}58.448%{opacity:.34;transform:scale(.95)}60.517%{opacity:1;transform:scale(1.09)}65.690%{opacity:1;transform:scale(1.09)}67.414%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl8{0.000%{opacity:0}58.448%{opacity:0}60.517%{opacity:1}65.690%{opacity:1}67.414%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk8{0.000%{stroke-dashoffset:20}66.207%{stroke-dashoffset:20}67.759%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr8{0.000%{opacity:0}66.207%{opacity:0}66.897%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk9{0.000%{opacity:.34;transform:scale(.95)}66.724%{opacity:.34;transform:scale(.95)}68.793%{opacity:1;transform:scale(1.09)}73.966%{opacity:1;transform:scale(1.09)}75.690%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl9{0.000%{opacity:0}66.724%{opacity:0}68.793%{opacity:1}73.966%{opacity:1}75.690%{opacity:0}82.759%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk9{0.000%{stroke-dashoffset:20}74.483%{stroke-dashoffset:20}76.034%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr9{0.000%{opacity:0}74.483%{opacity:0}75.172%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes fk10{0.000%{opacity:.34;transform:scale(.95)}75.000%{opacity:.34;transform:scale(.95)}77.069%{opacity:1;transform:scale(1.09)}82.241%{opacity:1;transform:scale(1.09)}83.966%{opacity:1;transform:scale(1)}98.793%{opacity:1;transform:scale(1)}100.000%{opacity:.34;transform:scale(.95)}}
@keyframes gl10{0.000%{opacity:0}75.000%{opacity:0}77.069%{opacity:1}82.241%{opacity:1}82.759%{opacity:0}83.966%{opacity:0}84.828%{opacity:.45}98.793%{opacity:.45}100.000%{opacity:0}}
@keyframes hk10{0.000%{stroke-dashoffset:20}82.759%{stroke-dashoffset:20}84.310%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:20}}
@keyframes hr10{0.000%{opacity:0}82.759%{opacity:0}83.448%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes dekk3{0.000%{opacity:.82}16.552%{opacity:.82}18.103%{opacity:0}98.793%{opacity:0}100.000%{opacity:.82}}
@keyframes dekk8{0.000%{opacity:.82}57.931%{opacity:.82}59.483%{opacity:0}98.793%{opacity:0}100.000%{opacity:.82}}
@keyframes st3{0.000%{opacity:0;transform:rotate(-8deg) scale(1.7)}19.655%{opacity:0;transform:rotate(-8deg) scale(1.7)}20.517%{opacity:1;transform:rotate(-8deg) scale(.94)}21.207%{opacity:1;transform:rotate(-8deg) scale(1)}98.793%{opacity:1;transform:rotate(-8deg) scale(1)}100.000%{opacity:0;transform:rotate(-8deg) scale(1)}}
@keyframes st8{0.000%{opacity:0;transform:rotate(-8deg) scale(1.7)}61.034%{opacity:0;transform:rotate(-8deg) scale(1.7)}61.897%{opacity:1;transform:rotate(-8deg) scale(.94)}62.586%{opacity:1;transform:rotate(-8deg) scale(1)}98.793%{opacity:1;transform:rotate(-8deg) scale(1)}100.000%{opacity:0;transform:rotate(-8deg) scale(1)}}
@keyframes konv{0.000%{opacity:0;transform:translateX(60%)}66.552%{opacity:0;transform:translateX(60%)}68.621%{opacity:1;transform:none}98.793%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes epil{0.000%{opacity:0;transform:translateX(-6px)}69.310%{opacity:0;transform:translateX(-6px)}70.345%{opacity:1;transform:none}98.793%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes oppg{0.000%{opacity:0;transform:scale(.8)}70.345%{opacity:0;transform:scale(.8)}71.552%{opacity:1;transform:scale(1.06)}72.241%{opacity:1;transform:none}98.793%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes bjelle{0.000%{transform:none}75.517%{transform:none}75.931%{transform:rotate(16deg)}76.345%{transform:rotate(-14deg)}76.759%{transform:rotate(12deg)}77.172%{transform:rotate(-10deg)}77.586%{transform:rotate(7deg)}78.000%{transform:rotate(-4deg)}78.414%{transform:rotate(0deg)}100.000%{transform:none}}
@keyframes pm1{0.000%{opacity:0;transform:translateY(6px)}75.690%{opacity:0;transform:translateY(6px)}76.897%{opacity:1;transform:none}98.793%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes pm2{0.000%{opacity:0;transform:translateY(6px)}77.414%{opacity:0;transform:translateY(6px)}78.621%{opacity:1;transform:none}98.793%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes fyll-d{0.000%{stroke-dashoffset:1338}8.276%{stroke-dashoffset:1338}11.034%{stroke-dashoffset:1138}16.552%{stroke-dashoffset:1138}19.310%{stroke-dashoffset:938}24.828%{stroke-dashoffset:938}27.586%{stroke-dashoffset:738}33.103%{stroke-dashoffset:738}35.862%{stroke-dashoffset:600}41.379%{stroke-dashoffset:600}44.138%{stroke-dashoffset:400}49.655%{stroke-dashoffset:400}52.414%{stroke-dashoffset:200}57.931%{stroke-dashoffset:200}60.690%{stroke-dashoffset:0}82.759%{stroke-dashoffset:0}85.517%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:1338}}
@keyframes hode-d{0.000%{stroke-dashoffset:0;opacity:0}1.034%{stroke-dashoffset:0;opacity:1}8.276%{stroke-dashoffset:0}11.034%{stroke-dashoffset:-200}16.552%{stroke-dashoffset:-200}19.310%{stroke-dashoffset:-400}24.828%{stroke-dashoffset:-400}27.586%{stroke-dashoffset:-600}33.103%{stroke-dashoffset:-600}35.862%{stroke-dashoffset:-738}41.379%{stroke-dashoffset:-738}44.138%{stroke-dashoffset:-938}49.655%{stroke-dashoffset:-938}52.414%{stroke-dashoffset:-1138}57.931%{stroke-dashoffset:-1138}60.690%{stroke-dashoffset:-1338}66.207%{stroke-dashoffset:-1338;opacity:1}67.931%{opacity:0}100.000%{opacity:0}}
@keyframes hale-d{0.000%{stroke-dashoffset:60;opacity:0}8.276%{stroke-dashoffset:60;opacity:0}8.448%{opacity:.9}11.034%{stroke-dashoffset:-140;opacity:.9}12.414%{opacity:0}16.552%{stroke-dashoffset:-140;opacity:0}16.724%{opacity:.9}19.310%{stroke-dashoffset:-340;opacity:.9}20.690%{opacity:0}24.828%{stroke-dashoffset:-340;opacity:0}25.000%{opacity:.9}27.586%{stroke-dashoffset:-540;opacity:.9}28.966%{opacity:0}33.103%{stroke-dashoffset:-540;opacity:0}33.276%{opacity:.9}35.862%{stroke-dashoffset:-678;opacity:.9}37.241%{opacity:0}41.379%{stroke-dashoffset:-678;opacity:0}41.552%{opacity:.9}44.138%{stroke-dashoffset:-878;opacity:.9}45.517%{opacity:0}49.655%{stroke-dashoffset:-878;opacity:0}49.828%{opacity:.9}52.414%{stroke-dashoffset:-1078;opacity:.9}53.793%{opacity:0}57.931%{stroke-dashoffset:-1078;opacity:0}58.103%{opacity:.9}60.690%{stroke-dashoffset:-1278;opacity:.9}62.069%{opacity:0}100.000%{opacity:0}}
@keyframes efyll-d{0.000%{stroke-dashoffset:138}74.483%{stroke-dashoffset:138}77.241%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:138}}
@keyframes ehode-d{0.000%{stroke-dashoffset:0;opacity:0}66.207%{stroke-dashoffset:0;opacity:0}67.241%{stroke-dashoffset:0;opacity:1}74.483%{stroke-dashoffset:0;opacity:1}77.241%{stroke-dashoffset:-138;opacity:1}82.759%{stroke-dashoffset:-138;opacity:1}84.483%{opacity:0}100.000%{opacity:0}}
@keyframes fyll-m{0.000%{stroke-dashoffset:1024}8.276%{stroke-dashoffset:1024}11.034%{stroke-dashoffset:846}16.552%{stroke-dashoffset:846}19.310%{stroke-dashoffset:742}24.828%{stroke-dashoffset:742}27.586%{stroke-dashoffset:564}33.103%{stroke-dashoffset:564}35.862%{stroke-dashoffset:460}41.379%{stroke-dashoffset:460}44.138%{stroke-dashoffset:282}49.655%{stroke-dashoffset:282}52.414%{stroke-dashoffset:178}57.931%{stroke-dashoffset:178}60.690%{stroke-dashoffset:0}82.759%{stroke-dashoffset:0}85.517%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:1024}}
@keyframes hode-m{0.000%{stroke-dashoffset:0;opacity:0}1.034%{stroke-dashoffset:0;opacity:1}8.276%{stroke-dashoffset:0}11.034%{stroke-dashoffset:-178}16.552%{stroke-dashoffset:-178}19.310%{stroke-dashoffset:-282}24.828%{stroke-dashoffset:-282}27.586%{stroke-dashoffset:-460}33.103%{stroke-dashoffset:-460}35.862%{stroke-dashoffset:-564}41.379%{stroke-dashoffset:-564}44.138%{stroke-dashoffset:-742}49.655%{stroke-dashoffset:-742}52.414%{stroke-dashoffset:-846}57.931%{stroke-dashoffset:-846}60.690%{stroke-dashoffset:-1024}66.207%{stroke-dashoffset:-1024;opacity:1}67.931%{opacity:0}100.000%{opacity:0}}
@keyframes hale-m{0.000%{stroke-dashoffset:60;opacity:0}8.276%{stroke-dashoffset:60;opacity:0}8.448%{opacity:.9}11.034%{stroke-dashoffset:-118;opacity:.9}12.414%{opacity:0}16.552%{stroke-dashoffset:-118;opacity:0}16.724%{opacity:.9}19.310%{stroke-dashoffset:-222;opacity:.9}20.690%{opacity:0}24.828%{stroke-dashoffset:-222;opacity:0}25.000%{opacity:.9}27.586%{stroke-dashoffset:-400;opacity:.9}28.966%{opacity:0}33.103%{stroke-dashoffset:-400;opacity:0}33.276%{opacity:.9}35.862%{stroke-dashoffset:-504;opacity:.9}37.241%{opacity:0}41.379%{stroke-dashoffset:-504;opacity:0}41.552%{opacity:.9}44.138%{stroke-dashoffset:-682;opacity:.9}45.517%{opacity:0}49.655%{stroke-dashoffset:-682;opacity:0}49.828%{opacity:.9}52.414%{stroke-dashoffset:-786;opacity:.9}53.793%{opacity:0}57.931%{stroke-dashoffset:-786;opacity:0}58.103%{opacity:.9}60.690%{stroke-dashoffset:-964;opacity:.9}62.069%{opacity:0}100.000%{opacity:0}}
@keyframes efyll-m{0.000%{stroke-dashoffset:88}74.483%{stroke-dashoffset:88}77.241%{stroke-dashoffset:0}98.793%{stroke-dashoffset:0}100.000%{stroke-dashoffset:88}}
@keyframes ehode-m{0.000%{stroke-dashoffset:0;opacity:0}66.207%{stroke-dashoffset:0;opacity:0}67.241%{stroke-dashoffset:0;opacity:1}74.483%{stroke-dashoffset:0;opacity:1}77.241%{stroke-dashoffset:-88;opacity:1}82.759%{stroke-dashoffset:-88;opacity:1}84.483%{opacity:0}100.000%{opacity:0}}
@keyframes sveip{0.000%{transform:translateX(-120%)}83.448%{transform:translateX(-120%)}88.966%{transform:translateX(420%)}100.000%{transform:translateX(420%)}}
@keyframes scene-lys{0.000%{opacity:0}82.759%{opacity:0}85.517%{opacity:1}98.793%{opacity:1}100.000%{opacity:0}}
@keyframes bt1{0.000%{opacity:0;transform:translateY(10px)}1.552%{opacity:1;transform:none}7.069%{opacity:1;transform:none}8.276%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt2{0.000%{opacity:0;transform:translateY(10px)}8.276%{opacity:0;transform:translateY(10px)}9.828%{opacity:1;transform:none}15.345%{opacity:1;transform:none}16.552%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt3{0.000%{opacity:0;transform:translateY(10px)}16.552%{opacity:0;transform:translateY(10px)}18.103%{opacity:1;transform:none}23.621%{opacity:1;transform:none}24.828%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt4{0.000%{opacity:0;transform:translateY(10px)}24.828%{opacity:0;transform:translateY(10px)}26.379%{opacity:1;transform:none}31.897%{opacity:1;transform:none}33.103%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt5{0.000%{opacity:0;transform:translateY(10px)}33.103%{opacity:0;transform:translateY(10px)}34.655%{opacity:1;transform:none}40.172%{opacity:1;transform:none}41.379%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt6{0.000%{opacity:0;transform:translateY(10px)}41.379%{opacity:0;transform:translateY(10px)}42.931%{opacity:1;transform:none}48.448%{opacity:1;transform:none}49.655%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt7{0.000%{opacity:0;transform:translateY(10px)}49.655%{opacity:0;transform:translateY(10px)}51.207%{opacity:1;transform:none}56.724%{opacity:1;transform:none}57.931%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt8{0.000%{opacity:0;transform:translateY(10px)}57.931%{opacity:0;transform:translateY(10px)}59.483%{opacity:1;transform:none}65.000%{opacity:1;transform:none}66.207%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt9{0.000%{opacity:0;transform:translateY(10px)}66.207%{opacity:0;transform:translateY(10px)}67.759%{opacity:1;transform:none}73.276%{opacity:1;transform:none}74.483%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt10{0.000%{opacity:0;transform:translateY(10px)}74.483%{opacity:0;transform:translateY(10px)}76.034%{opacity:1;transform:none}81.552%{opacity:1;transform:none}82.759%{opacity:0;transform:translateY(-8px)}100.000%{opacity:0;transform:translateY(-8px)}}
@keyframes bt11{0.000%{opacity:0;transform:translateY(10px)}82.759%{opacity:0;transform:translateY(10px)}84.310%{opacity:1;transform:none}98.793%{opacity:1;transform:none}100.000%{opacity:0;transform:translateY(-8px)}}

/* Bunnfelt */
.bunn{background:var(--kv-ink);color:#C9CED4;font-size:.875rem}
.bunn-inner{padding-top:32px;padding-bottom:32px;display:flex;flex-wrap:wrap;gap:6px 32px}
.bunn a{color:var(--kv-accent-dark)}
.bunn a:hover{color:#fff}
.bunn :focus-visible{outline-color:var(--kv-accent-dark)}

/* Redusert bevegelse: statisk sluttilstand og synlig nummerert liste */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .scene::after{opacity:1}
  .kort::before{opacity:.35}
  .stegliste{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin-top:24px;font-size:1.0625rem}
  .stegliste ol{list-style:decimal;padding-left:1.6em;display:grid;gap:4px}
  .stegliste ol li::marker{font-weight:700}
  .stegliste p{margin-top:16px;font-weight:600;padding-left:14px;border-left:4px solid var(--kv-brand-olive)}
}
@media print{*,*::before,*::after{animation:none!important}}