/* Lumiar – felles stilark. Tokens, typografi og komponenter først, deretter regler fra de tidligere sidene. */
:root{--color-ink:#232E38;--color-ink-deep:#16273E;--color-gold:#D19A3E;--color-gold-dark:#B07A22;--color-gold-text:#8A5A12;--color-canvas:#F0EBE2;--color-surface:#F6F1E8;--color-white:#FFFFFF;--color-text-secondary:#5D6B79;--color-text-muted:#8A97A6;--color-line:#B9C2CC;--font-sans:'Schibsted Grotesk','Segoe UI',sans-serif;--font-serif:'Literata',Georgia,serif;--font-mono:'IBM Plex Mono',monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:96px;--space-11:120px;--section-y:var(--space-10);--section-x:48px;--content-max:1200px;--radius-model:4px;--radius-card:8px}
.h-display,.h-page,.h-major,.h2,.h2-sm,.h3{margin:0;font-family:var(--font-sans);font-weight:600;color:var(--color-ink)}
.h-display{font-size:76px;line-height:1.04;letter-spacing:-0.02em}.h-page{font-size:46px;line-height:1.12}.h-major{font-size:36px;line-height:1.18}.h2{font-size:32px;line-height:1.2}.h2-sm{font-size:24px;line-height:1.25}.h3,.h3-alt{font-size:21px;line-height:1.3}
.h3-alt{font-family:var(--font-sans);font-weight:600;color:var(--color-ink)}
.lead,.body,.body-sm,.small,.quote{margin:0;font-family:var(--font-serif);color:var(--color-ink)}
.lead{font-size:19px;line-height:1.55;max-width:62ch}.body{font-size:17px;line-height:1.65;max-width:70ch}.body-sm{font-size:15.5px;line-height:1.6;max-width:70ch}.small{font-size:14px;line-height:1.5}.quote{font-size:22px;line-height:1.5;max-width:60ch}
.sans{font-family:var(--font-sans)}.muted{color:var(--color-text-secondary)}
.eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:0.08em;color:var(--color-text-secondary)}
.section{padding:var(--section-y) var(--section-x)}.section--surface{background:var(--color-surface);border-top:1px solid rgba(93,107,121,0.12)}.section--canvas{background:var(--color-canvas)}.section--white{background:var(--color-white);border-top:1px solid rgba(94,112,137,0.14)}
.container{max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}
.btn--primary{align-self:flex-start;display:inline-block;background:var(--color-gold);color:var(--color-ink-deep);text-decoration:none;font-family:var(--font-sans);font-size:16px;font-weight:600;padding:15px 30px;border-radius:var(--radius-model)}
.source-reference{font-family:var(--font-serif);font-size:14px;line-height:1.55;color:var(--color-text-secondary);max-width:80ch}
@media (max-width:900px){:root{--section-y:var(--space-8);--section-x:20px}.h-display{font-size:40px}.h-page{font-size:36px}.h-major{font-size:30px}.h2{font-size:27px}.h2-sm{font-size:22px}.h3,.h3-alt{font-size:20px}.lead{font-size:18px}}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#F0EBE2}
.hov{transition:box-shadow .2s ease-out,transform .2s ease-out}
.hov:hover{box-shadow:0 6px 18px rgba(29,38,48,0.12), 0 20px 44px -14px rgba(29,38,48,0.22);transform:translateY(-3px)}
@media (max-width:900px){ div[style*="grid-template-columns"]{display:flex!important;flex-direction:column!important} nav{gap:16px!important;flex-wrap:wrap;justify-content:flex-end} div[style*="padding:110px 48px"]{padding:64px 20px 72px!important} div[style*=" 48px"]{padding-left:20px!important;padding-right:20px!important} div[style*="justify-content:space-between"]{flex-wrap:wrap} header{height:auto!important;min-height:60px;flex-wrap:wrap;padding:10px 20px!important;gap:10px} }
a, button, input, select, textarea, label{font-family:'Schibsted Grotesk','Segoe UI',sans-serif}
.v2skjul{opacity:0;transform:translateY(26px)}
.v2skjul.vist{opacity:1;transform:translateY(0);transition:opacity 1.05s ease-out, transform 1.05s cubic-bezier(0.2,0.7,0.2,1)}
@keyframes v2kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero-foto img{animation:v2kb 16s ease-out both}
.hov:hover{border-color:#D19A3E!important}
a[style*="background:#D19A3E"]{transition:transform .2s ease-out, box-shadow .2s ease-out}
a[style*="background:#D19A3E"]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(29,38,48,0.22)}
button{transition:transform .2s ease-out}
button:hover{transform:translateY(-1px)}
.sek-bilde img, .kort-bilde img{transition:transform .7s cubic-bezier(0.2,0.7,0.2,1)}
.sek-bilde:hover img{transform:scale(1.035)}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .v2skjul{opacity:1;transform:none;transition:none} .hero-foto img{animation:none} a[style*="background:#D19A3E"],button,.sek-bilde img,.kort-bilde img{transition:none} }
.hov{overflow-wrap:break-word;hyphens:auto}
@media (max-width:1150px){ div[style*="repeat(4,minmax(0,1fr))"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} }
@media (max-width:640px){ .hero-foto{padding-top:40px!important;padding-bottom:40px!important;padding-left:20px!important;padding-right:20px!important;min-height:0!important} .hero-foto h1{font-size:27px!important;line-height:1.2!important} .hero-foto p{font-size:16px!important} .hero-foto img{object-position:center center!important} }
@media (max-width:640px){ .hov svg{display:none!important} .hov > div:first-child > div{font-size:17px!important} .hov{padding:22px 20px!important} }
@media (max-width:640px){ body p{font-size:15px!important;line-height:1.55!important} h1{font-size:26px!important;line-height:1.2!important} h2{font-size:22px!important;line-height:1.25!important} .hero-foto h1{font-size:25px!important} .hero-foto p{font-size:15px!important} .hero-tekst h1{font-size:32px!important} }
body{font-family:'Schibsted Grotesk','Segoe UI',sans-serif}
.dd{position:relative;display:flex;align-items:center;gap:2px}
.dd-knapp{background:none;border:0;padding:6px 4px;cursor:pointer;color:inherit;display:flex;align-items:center}
.dd-knapp svg{transition:transform .2s}
.dd-meny{display:none;position:absolute;top:100%;left:-16px;padding-top:12px;z-index:60}
.dd-meny>div{background:#fff;border:1px solid rgba(93,107,121,0.18);border-radius:8px;box-shadow:0 14px 34px -8px rgba(29,38,48,0.3);padding:8px;display:flex;flex-direction:column;min-width:330px}
.dd-meny a{display:block;padding:10px 12px;border-radius:5px;color:#232E38!important;text-decoration:none;font-size:14.5px;font-weight:500;line-height:1.35}
.dd-meny a:hover,.dd-meny a:focus{background:#F6F1E8}
.dd-meny a[aria-current]{box-shadow:inset 2px 0 0 #D19A3E}
.dd:hover .dd-meny,.dd:focus-within .dd-meny,.dd.apen .dd-meny{display:block}
.dd.apen .dd-knapp svg{transform:rotate(180deg)}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #D19A3E;outline-offset:3px}
details.faq summary{list-style:none;cursor:pointer}
details.faq summary::-webkit-details-marker{display:none}
details.faq[open] .faq-pluss{transform:rotate(45deg)}
.faq-pluss{transition:transform .2s;flex:none}
.tabell{width:100%;border-collapse:collapse}
.tabell th,.tabell td{text-align:left;vertical-align:top;padding:16px 18px;border-bottom:1px solid rgba(93,107,121,0.16)}
@media (max-width:900px){ .dd-meny{left:auto;right:-40px}.dd-meny>div{min-width:250px} .tabell thead{display:none}.tabell tr{display:block;padding:12px 0;border-bottom:1px solid rgba(93,107,121,0.16)} .tabell th,.tabell td{display:block;border:0;padding:4px 0} }
.snarvei{position:absolute;left:-9999px;top:0;z-index:200;background:#D19A3E;color:#16273E!important;padding:10px 16px;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;border-radius:0 0 4px 4px;text-decoration:none}
.snarvei:focus{left:16px}
.mob-knapp{display:none;align-items:center;gap:8px;background:none;border:1px solid currentColor;border-radius:4px;padding:9px 12px;cursor:pointer;font-family:'Schibsted Grotesk',sans-serif;font-weight:600;font-size:14px}
@media (max-width:900px){ .mob-knapp{display:flex} .hovedmeny{display:none!important} header.meny-apen .mob-knapp{position:fixed;top:18px;right:20px;z-index:110;color:#232E38!important;background:#F6F1E8} header.meny-apen .hovedmeny{display:flex!important;position:fixed;inset:0;z-index:100;background:#F6F1E8;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:88px 24px 32px;overflow-y:auto;flex-wrap:nowrap!important} header.meny-apen .hovedmeny > a:not(.knapp):not([lang]), header.meny-apen .dd > a{color:#232E38!important;font-size:19px!important;font-weight:600!important;padding:15px 0!important;border-bottom:0!important} header.meny-apen .hovedmeny > a:not(.knapp):not([lang]), header.meny-apen .dd{border-bottom:1px solid rgba(93,107,121,0.2)} header.meny-apen .dd{flex-wrap:wrap;justify-content:space-between} header.meny-apen .dd > a{flex:1} header.meny-apen .dd-knapp{color:#232E38!important;padding:15px 10px} header.meny-apen .dd:hover .dd-meny,header.meny-apen .dd:focus-within .dd-meny{display:none} header.meny-apen .dd.apen .dd-meny{display:block;position:static;padding:0 0 10px;width:100%} header.meny-apen .dd-meny>div{box-shadow:none;border:0;background:transparent;min-width:0;padding:0} header.meny-apen .dd-meny a{font-size:16px;padding:10px 12px} header.meny-apen .hovedmeny > a.knapp, header.meny-apen .hovedmeny > a[href*="kontakt"][style*="background:#D19A3E"], header.meny-apen .hovedmeny > a[href*="contact"][style*="background:#D19A3E"]{margin-top:24px;text-align:center;background:#D19A3E!important;color:#16273E!important;border:0!important;backdrop-filter:none!important} header.meny-apen .hovedmeny > a[lang]{align-self:flex-start;margin-top:18px;color:#232E38!important;border-color:rgba(93,107,121,0.5)!important} }
.lm-fig[data-lang="no"] [data-l="en"],.lm-fig[data-lang="en"] [data-l="no"]{display:none!important}
.lm-b{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600;padding:8px 14px;border:0;cursor:pointer;background:#fff;color:#232E38;min-height:36px}
.lm-b[aria-pressed="true"]{background:#232E38;color:#F6E3AC}
.lm-m{display:none}
.lm-compact .lm-d{display:none}
.lm-compact .lm-m{display:block;max-width:420px}
@media (max-width:700px){.lm-d{display:none}.lm-m{display:block;max-width:420px;margin:0 auto}.lm-fig{padding:20px 16px!important}.lm-grid{grid-template-columns:1fr!important}}
@keyframes kenburns{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes ordOpp{from{transform:translateY(110%)}to{transform:translateY(0)}}
.hero-bilde{animation:kenburns 18s ease-out both}
.hero-ord{display:block;overflow:hidden}
.hero-ord > span{display:block;transform:translateY(110%);animation:ordOpp 1.5s cubic-bezier(0.2,0.7,0.2,1) 0.3s forwards}
.hero-ord.o2 > span{animation-delay:1.15s}
.hero-fade{opacity:0;transform:translateY(22px);transition:opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.2,0.7,0.2,1);transition-delay:2.5s}
.hero-fade.hf2{transition-delay:2.85s}
.hero-fade.vist{opacity:1;transform:none}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s ease-out, transform 1.1s cubic-bezier(0.2,0.7,0.2,1)}
.reveal.vist{opacity:1;transform:none}
.reveal.f2{transition-delay:0.18s}
.reveal.f3{transition-delay:0.36s}
.linje{transform:scaleX(0);transform-origin:left center;transition:transform 3s cubic-bezier(0.2,0.7,0.2,1) 0.2s}
.linje.vist{transform:scaleX(1)}
.steg-blokk{opacity:0;transform:translateY(22px);transition:opacity 1.6s ease-out, transform 1.6s cubic-bezier(0.2,0.7,0.2,1)}
.steg-blokk.vist{opacity:1;transform:none}
.steg-tall{opacity:0;transform:scale(0.6);transition:opacity 1.1s ease-out, transform 1.1s cubic-bezier(0.2,0.9,0.3,1.3)}
.steg-blokk.vist .steg-tall{opacity:1;transform:scale(1)}
.steg-blokk.b1.vist, .steg-blokk.b1.vist .steg-tall{transition-delay:.3s}
.steg-blokk.b2.vist, .steg-blokk.b2.vist .steg-tall{transition-delay:1.1s}
.steg-blokk.b3.vist, .steg-blokk.b3.vist .steg-tall{transition-delay:1.9s}
.steg-blokk.b4.vist, .steg-blokk.b4.vist .steg-tall{transition-delay:2.7s}
.kort-bilde{overflow:hidden}
.kort-bilde img{transition:transform 0.7s cubic-bezier(0.2,0.7,0.2,1)}
a:hover .kort-bilde img{transform:scale(1.045)}
.hov{transition:box-shadow .25s ease-out, transform .25s ease-out, border-color .25s ease-out}
.hov:hover{box-shadow:0 8px 22px rgba(29,38,48,0.12), 0 22px 48px -14px rgba(29,38,48,0.24);transform:translateY(-4px);border-color:#D19A3E!important}
.pil{display:inline-block;transition:transform .25s ease-out}
a:hover .pil{transform:translateX(4px)}
.knapp{transition:background .2s ease-out, transform .2s ease-out}
.knapp:hover{transform:translateY(-1px)}
@media (prefers-reduced-motion: reduce) and (min-width:100000px){ .linje,.steg-tall,.steg-blokk{opacity:1;transform:none;transition:none} .hero-bilde{animation:none} .hero-ord > span{animation:none;transform:none} .hero-fade,.reveal{opacity:1;transform:none;transition:none} .kort-bilde img,.hov,.pil,.knapp{transition:none} }
@media (max-width:900px){ h1{font-size:38px!important;line-height:1.15!important} h2{font-size:28px!important} nav{gap:16px!important;flex-wrap:wrap;justify-content:flex-end} div[style*=" 48px"]{padding-left:20px!important;padding-right:20px!important} div[style*="grid-template-columns"]{display:flex!important;flex-direction:column!important} .sek-grid{display:grid!important;grid-template-columns:1fr!important} div[style*="justify-content:space-between"]{flex-wrap:wrap} .hero-topp{padding:14px 20px!important} .hero-tekst{padding:0 20px 40px!important} .hero-tekst h1{font-size:40px!important} }
.flyt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.flyt-steg{position:relative;padding:22px 28px 0 0;border-top:1px solid rgba(246,227,172,0.35)}
@media (max-width:900px){.flyt{grid-template-columns:1fr}.flyt-steg{padding:18px 0 18px 22px;border-top:0;border-left:1px solid rgba(246,227,172,0.35)}.flyt-node{top:22px!important;left:-5px!important}.flyt-pil{display:none}}
.kc{background:radial-gradient(120% 90% at 15% 0%,#182231 0%,#0E141C 62%);border:1px solid rgba(237,240,244,0.08);border-radius:16px;padding:34px;color:#EDF0F4;font-family:'Schibsted Grotesk',sans-serif}
.kc-lag{display:flex;align-items:center;gap:14px;padding:0 16px;height:58px;border-radius:10px;background:rgba(237,240,244,0.035);border:1px solid rgba(237,240,244,0.09);transition:background .5s,border-color .5s,box-shadow .5s}
.kc-lag.brudd{background:rgba(229,72,77,0.055);border-color:rgba(229,72,77,0.30)}
.kc-lag.aktiv{background:rgba(229,72,77,0.13);border-color:rgba(229,72,77,0.85);box-shadow:0 0 0 1px rgba(229,72,77,0.45),0 0 34px rgba(229,72,77,0.26)}
.kc-flagg{display:none;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.09em;color:#FF8A8E;margin-left:auto}
.kc-lag.aktiv .kc-flagg{display:flex}
@keyframes kcpuls{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,0.55),0 0 18px 4px rgba(229,72,77,0.55)}50%{box-shadow:0 0 0 8px rgba(229,72,77,0),0 0 26px 8px rgba(229,72,77,0.35)}}
.kc-prikk{position:absolute;left:15px;width:16px;height:16px;border-radius:50%;background:#E5484D;animation:kcpuls 1.4s ease-in-out infinite;transition:top .8s cubic-bezier(.4,0,.2,1)}
.kc-spor{position:absolute;left:22px;top:0;width:2px;background:linear-gradient(180deg,rgba(229,72,77,0.15),#E5484D);border-radius:2px;transition:height .8s cubic-bezier(.4,0,.2,1)}
.kc-fase{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:7px;cursor:pointer;background:transparent;border:0;font-size:13.5px;color:#B9C2CC;text-align:left}
.kc-fase.aktiv{background:rgba(229,72,77,0.14);color:#EDF0F4;font-weight:600}
.kc-fase.ferdig{color:#8A97A6}
.kc-nr{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;background:rgba(237,240,244,0.06);color:#8A97A6}
.kc-fase.aktiv .kc-nr{background:#E5484D;color:#0E141C}
.kc-fase.ferdig .kc-nr{background:rgba(229,72,77,0.2);color:#FF8A8E}
.kc-knapp{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:8px;background:rgba(237,240,244,0.06);border:1px solid rgba(237,240,244,0.14);color:#EDF0F4;cursor:pointer;font-family:'IBM Plex Mono',monospace;font-size:12px;padding:0 12px}
.kc-knapp[aria-pressed="true"]{background:#D19A3E;color:#16273E;border-color:#D19A3E}
@media (max-width:900px){.kc{padding:22px}.kc-assets{display:none!important}}
