/* K09 · Strekk */
:root{--or:#C8501E;--sv:#111111;--be:#F4F1EA;--is:#CFE3EE;--bg:var(--be);--fg:var(--sv);--mu:#4A4844;--line:rgba(17,17,17,.2);
 --disp:'Anybody',system-ui,sans-serif;--sans:'Archivo',system-ui,sans-serif;--pad:clamp(16px,3vw,48px);--out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}
body{background:var(--bg);color:var(--fg);font:400 18px/1.55 var(--sans);font-stretch:100%}
::selection{background:var(--or);color:#000}
a{color:inherit;text-underline-offset:4px}
:focus-visible{outline:3px solid var(--sv);outline-offset:3px}
.kick{font:700 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px}
.small{font-size:14px;color:var(--mu)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sh{font-family:var(--disp);font-weight:850;font-size:clamp(48px,7vw,124px);line-height:.88;letter-spacing:-.02em;margin:0 0 50px;font-variation-settings:'wdth' var(--sw,100)}
@supports (animation-timeline:view()){
 html:not(.rm) [data-stretch]{animation:k9st linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
}
@keyframes k9st{from{font-variation-settings:'wdth' 50;letter-spacing:.04em}to{font-variation-settings:'wdth' 125;letter-spacing:-.02em}}

/* markør: blob som strekker seg i fartsretningen */
.cursor{width:0;height:0}
.cursor__b{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;background:var(--sv);transform:rotate(var(--ca,0deg)) scale(var(--cs,1),calc(2 - var(--cs,1)));transition:width .35s var(--spring),height .35s var(--spring),left .35s var(--spring),top .35s var(--spring),background-color .2s}
.cursor__label{position:absolute;left:-42px;top:-42px;width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sv);color:var(--be);font:800 14px/1 var(--disp);font-variation-settings:'wdth' 130;text-transform:uppercase;opacity:0;transform:scale(.2);transition:transform .45s var(--spring),opacity .2s}
.cursor.state-link .cursor__b{width:56px;height:56px;left:-28px;top:-28px;background:var(--or);mix-blend-mode:multiply}
.cursor.state-text .cursor__b{width:4px;height:34px;left:-2px;top:-17px;border-radius:0}
.cursor.has-label .cursor__b{opacity:0}
.cursor.has-label .cursor__label{opacity:1;transform:none}
.cursor.is-down .cursor__label,.cursor.is-down .cursor__b{transform:scale(.75)}

/* header */
.hd{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:30px;padding:12px var(--pad);background:var(--bg)}
.logo{text-decoration:none;margin-right:auto}
.logo__wm,.pre__wm{display:inline-flex;gap:.04em;font:900 34px/1 var(--disp)}
.logo__wm span,.pre__wm span{font-variation-settings:'wdth' var(--w);transition:font-variation-settings .5s var(--spring)}
.logo:hover .logo__wm span{font-variation-settings:'wdth' calc(200 - var(--w))}
.hd__nav{display:flex;gap:6px}
.hd__a{text-decoration:none;font:700 16px var(--sans);padding:10px 14px;border-radius:99px;transition:background-color .2s,font-stretch .3s}
.hd__a:hover{background:var(--sv);color:var(--be)}
.hd__a[aria-current]{background:var(--or);color:#000}
.hd__menu{display:none;background:var(--sv);color:var(--be);border:0;border-radius:99px;font:700 15px var(--sans);padding:12px 18px}
.mnav{display:none}

/* hero */
section.hero{padding:clamp(40px,6vw,90px) var(--pad) 80px;min-height:calc(100svh - 70px);display:flex;flex-direction:column;justify-content:space-between}
.hero__head{margin:0}
.hero__t{margin:0;font:900 clamp(52px,8.2vw,150px)/.94 var(--disp);letter-spacing:0}
/* hver linje er en blokk; ord er udelelige enheter, men linja kan brytes mellom ord (aldri klipp) */
.kin{display:block}
.kw{display:inline-flex}
.kl{display:inline-block;font-variation-settings:'wdth' var(--w,100),'wght' var(--g,900);will-change:font-variation-settings;padding-right:.015em}
.l2,.l4{color:var(--or)}
.l3{padding-left:1.1em}
.hero__b{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:40px}
.hero__p{max-width:52ch;margin:0}
.btn{flex:none;display:inline-flex;align-items:center;min-height:64px;padding:0 34px;border-radius:99px;background:var(--sv);color:var(--be);font:800 20px var(--disp);font-variation-settings:'wdth' 120;text-decoration:none;transition:background-color .2s,color .2s,font-variation-settings .4s var(--spring)}
.btn:hover{background:var(--or);color:#000;font-variation-settings:'wdth' 150}

.band{background:var(--or);color:#000;overflow:hidden;padding:18px 0;border-block:2px solid var(--sv)}
.band__t{white-space:nowrap;font:900 clamp(34px,4vw,64px)/1 var(--disp);font-variation-settings:'wdth' var(--bw,100);width:max-content;animation:k9m 30s linear infinite}
.band__t::after{content:"Nettsider · Merkevare · Strategi · Bevegelse · Tromsø · "}
@keyframes k9m{to{transform:translateX(-50%)}}
@supports (animation-timeline:scroll()){html:not(.rm) .band__t{animation:k9m 30s linear infinite,k9bw linear both;animation-timeline:auto,scroll(root)}}
@keyframes k9bw{from{font-variation-settings:'wdth' 50}to{font-variation-settings:'wdth' 150}}

/* tjenester som fargeblokker */
section.svcs{padding:120px var(--pad) 100px}
.svc{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.sv{padding:28px 24px 40px;min-height:340px;display:flex;flex-direction:column;transition:flex .5s}
.sv--0{background:var(--or);color:#000}.sv--1{background:var(--sv);color:var(--be)}.sv--2{background:var(--is)}.sv--3{background:var(--be);box-shadow:inset 0 0 0 2px var(--sv)}
.sv__n{font:900 18px var(--disp);font-variation-settings:'wdth' 150}
.sv h3{font:900 36px/.95 var(--disp);font-variation-settings:'wdth' 75;margin:auto 0 14px;transition:font-variation-settings .5s var(--spring)}
.sv:hover h3{font-variation-settings:'wdth' 140}
.sv p{margin:0;font-size:16px}

/* typelab */
section.lab-s{padding:110px var(--pad) 130px;background:var(--sv);color:var(--be)}
.lab-s :focus-visible{outline-color:var(--or)}
.lab__h{display:grid;grid-template-columns:auto 1fr;gap:10px 50px;align-items:end;margin-bottom:40px}
.lab__h .kick{grid-column:1/-1;color:#F0A37F;margin:0}
.lab__h .sh{margin:0}
.lab__h p:last-child{max-width:40ch;margin:0}
.lab{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}
.lab__stage{min-height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;padding:20px;transition:background-color .4s,color .4s}
.lab__stage[data-tone=or]{background:var(--or);color:#000}.lab__stage[data-tone=sv]{background:#000;color:var(--be);box-shadow:inset 0 0 0 2px #444}.lab__stage[data-tone=be]{background:var(--be);color:var(--sv)}.lab__stage[data-tone=is]{background:var(--is);color:var(--sv)}
.lab__out{margin:0;font-family:var(--disp);text-align:center;line-height:var(--lh,.9);white-space:pre-wrap;word-break:normal;overflow-wrap:normal;outline:none;max-width:100%}
.lab__out span{display:inline-block}
.lab__ctl{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;align-content:start}
.lab__f{display:flex;flex-direction:column;gap:8px;font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;border:0;padding:0;margin:0}
.lab__f--wide{grid-column:1/-1}
.lab__f output{float:right;color:#F0A37F}
.lab__f input[type=range]{accent-color:var(--or);width:100%;height:28px}
.lab__f input:not([type]){background:var(--be);color:var(--sv);border:0;border-radius:0;padding:12px;font:800 20px var(--disp);text-transform:none}
.lab__f legend{margin-bottom:8px}
.lab__tones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lab__tones input{position:absolute;opacity:0}
.sw{display:flex;flex-direction:column;justify-content:flex-end;min-height:64px;padding:8px;border-radius:0;font:700 13px var(--sans);text-transform:none;letter-spacing:0;box-shadow:inset 0 0 0 2px transparent}
.sw small{font-weight:400}
.sw--or{background:var(--or);color:#000}.sw--sv{background:#000;color:var(--be);box-shadow:inset 0 0 0 1px #555}.sw--be{background:var(--be);color:var(--sv)}.sw--is{background:var(--is);color:var(--sv)}
.lab__tones input:checked+.sw{outline:3px solid var(--be);outline-offset:2px}
.lab__tones input:focus-visible+.sw{outline:3px solid var(--or);outline-offset:2px}
.lab__chk{display:flex;align-items:center;gap:10px;font-weight:700;min-height:44px}
.lab__chk input{width:20px;height:20px;accent-color:var(--or)}
.lab__copy{min-height:48px;border-radius:99px;border:2px solid var(--be);background:none;color:var(--be);font:800 15px var(--disp);font-variation-settings:'wdth' 120}
.lab__copy:hover{background:var(--be);color:var(--sv)}
.lab__css{grid-column:1/-1;margin:0;padding:12px;background:#000;border-radius:0;font:400 12.5px/1.6 ui-monospace,monospace;color:#D8D4CA;white-space:pre-wrap}

/* bokstavkassa */
section.box-s{padding:120px var(--pad) 120px;background:var(--is)}
.box__h{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 40px;margin-bottom:30px}
.box__h .sh{margin:0}
.box__h p{margin:0;max-width:30ch}
.box__reset{min-height:48px;padding:0 22px;border-radius:99px;border:2px solid var(--sv);background:none;font:800 16px var(--disp);font-variation-settings:'wdth' 120;color:var(--sv)}
.box__reset:hover{background:var(--sv);color:var(--is)}
.box{position:relative;height:clamp(380px,52vh,560px);border:2px solid var(--sv);border-radius:0;overflow:hidden;touch-action:none;background:var(--be);user-select:none}
.bx{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;font:900 var(--fs,120px)/1 var(--disp);font-variation-settings:'wdth' var(--bw,100);border-radius:0;will-change:transform;touch-action:none}
.bx--0{background:var(--or);color:#000}.bx--1{background:var(--sv);color:var(--be)}.bx--2{background:var(--be);color:var(--sv);box-shadow:inset 0 0 0 2px var(--sv)}.bx--3{background:var(--is);color:var(--sv);box-shadow:inset 0 0 0 2px var(--sv)}
.bx.is-drag{z-index:2;box-shadow:0 18px 30px rgba(0,0,0,.25)}

/* arbeid (forside) */
section.wk{padding:130px var(--pad) 90px}
.wk__g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cs{position:relative;display:block;text-decoration:none;overflow:hidden;border-radius:0;background:var(--sv);color:var(--be);aspect-ratio:3/4}
.cs img{width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .4s,transform .8s var(--out)}
.cs:hover img{opacity:.9;transform:scale(1.04)}
.cs__t{position:absolute;left:14px;right:14px;bottom:40px;font:900 30px/.95 var(--disp);font-variation-settings:'wdth' 80;transition:font-variation-settings .5s var(--spring)}
.cs:hover .cs__t{font-variation-settings:'wdth' 130}
.cs__s{position:absolute;left:14px;bottom:14px;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.06em;background:var(--be);color:var(--sv);padding:3px 8px;border-radius:99px}
.tlink{font-weight:700}

/* priser */
section.pr{padding:90px var(--pad) 140px}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.pcard{padding:28px;display:flex;flex-direction:column;border-radius:0;background:var(--be);box-shadow:inset 0 0 0 2px var(--sv)}
.pcard.is-rec{background:var(--or);color:#000;box-shadow:none}
.pcard__h{display:flex;justify-content:space-between;align-items:center}
.pcard__n{font:900 52px/1 var(--disp);font-variation-settings:'wdth' 130;margin:0}
.pcard__rec{font:800 12px var(--sans);text-transform:uppercase;background:var(--sv);color:var(--be);padding:6px 10px;border-radius:99px}
.pcard__pris strong{font:900 30px var(--disp);font-variation-settings:'wdth' 110}
.pcard__l{padding-left:18px;flex:1;font-size:16px}
.pcard__tid{font-size:14px}
.pcard__cta{margin-top:12px;min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:var(--sv);color:var(--be);text-decoration:none;font:800 17px var(--disp);font-variation-settings:'wdth' 120}
.ptab{overflow-x:auto;margin-top:40px}
.ptab table{width:100%;border-collapse:collapse;min-width:640px}
.ptab th,.ptab td{padding:12px;border-bottom:2px solid var(--sv);text-align:left;vertical-align:top;font-size:16px}
.ptab thead th{font:900 28px var(--disp);font-variation-settings:'wdth' 130}
.ptab th small{display:block;font:700 12px var(--sans);text-transform:uppercase;color:var(--mu)}
.ptab tbody th{font-weight:700}

/* undersider */
section.page-h{padding:100px var(--pad) 60px}
.ph{font:900 clamp(60px,11vw,200px)/.85 var(--disp);letter-spacing:-.02em;margin:0 0 34px}
.lede{font-size:clamp(19px,1.6vw,23px);max-width:58ch;margin:0}
section.cases{display:grid;gap:20px;padding:20px var(--pad) 140px}
.case{display:grid;grid-template-columns:1.3fr 1fr;border-radius:0;overflow:hidden}
.case--0{background:var(--or);color:#000}.case--1{background:var(--sv);color:var(--be)}.case--1 .small{color:#C9C5BB}.case--2{background:var(--is)}.case--3{background:var(--be);box-shadow:inset 0 0 0 2px var(--sv)}
.case__i img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.case__t{padding:30px}
.case__m{font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;margin:0}
.case h2{font:900 clamp(36px,4vw,64px)/.92 var(--disp);font-variation-settings:'wdth' 110;margin:14px 0}
.case--0 .small{color:#000}
section.areas{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px var(--pad) 60px}
.ar{padding:30px;border-radius:0}
.ar--0{background:var(--or);color:#000}.ar--1{background:var(--sv);color:var(--be)}.ar--2{background:var(--is)}.ar--3{box-shadow:inset 0 0 0 2px var(--sv)}
.ar h2{font:900 44px/.95 var(--disp);font-variation-settings:'wdth' 115;margin:16px 0 12px}
section.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:80px var(--pad) 70px}
.h2s{font:900 44px/1 var(--disp);font-variation-settings:'wdth' 130;margin:0 0 20px}
.addons{list-style:none;padding:0;margin:0}
.addons li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:2px solid var(--sv)}
.addons li span:last-child{color:var(--mu);text-align:right}
.terms p{font-size:15px;color:var(--mu)}
section.faqs{padding:120px var(--pad) 150px}
.faq__i{border-bottom:2px solid var(--sv)}
.faq__q{font:800 clamp(22px,2.2vw,32px)/1.15 var(--disp);font-variation-settings:'wdth' 90;padding:22px 0;list-style:none;transition:font-variation-settings .5s var(--spring)}
.faq__q:hover,.faq__i[open] .faq__q{font-variation-settings:'wdth' 130}
.faq__q::-webkit-details-marker{display:none}
.faq__a{margin:0 0 24px;max-width:62ch;color:var(--mu)}
section.team{display:grid;grid-template-columns:repeat(2,minmax(0,440px));gap:16px;padding:30px var(--pad) 100px}
.tm{margin:0}
.tm__p{aspect-ratio:4/5;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.tm--0 .tm__p{background:var(--or);color:#000}.tm--1 .tm__p{background:var(--sv);color:var(--be)}
.tm__i{font:900 160px/1 var(--disp)}
.tm figcaption{display:flex;flex-direction:column;gap:4px;padding-top:12px}
.tm b{font:900 28px var(--disp);font-variation-settings:'wdth' 110}
section.tools{padding:90px var(--pad);background:var(--is)}
.q{font:800 clamp(26px,3vw,46px)/1.12 var(--disp);font-variation-settings:'wdth' 90;max-width:30ch;margin:0}
section.steps{padding:130px var(--pad) 140px}
.steps__l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps__l li{padding:22px;border-radius:0;box-shadow:inset 0 0 0 2px var(--sv)}
.steps__l b{display:block;font:900 36px var(--disp);font-variation-settings:'wdth' 120;margin:14px 0 8px}
.steps__l p{margin:0;font-size:16px;color:var(--mu)}
section.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:30px var(--pad) 150px}
.big{font:900 clamp(28px,3.2vw,50px)/1 var(--disp);font-variation-settings:'wdth' 80;word-break:break-word;margin-top:0}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form__f{display:flex;flex-direction:column;gap:6px;font:700 13px var(--sans);text-transform:uppercase;letter-spacing:.05em}
.form__f--wide,.form__b,.form__note{grid-column:1/-1}
.form input,.form select,.form textarea{background:#fff;border:2px solid var(--sv);border-radius:0;color:var(--sv);padding:13px;font:400 17px var(--sans);text-transform:none}
.form__b{min-height:60px;border:0;border-radius:99px;background:var(--sv);color:var(--be);font:800 19px var(--disp);font-variation-settings:'wdth' 120}
.form__b:hover{background:var(--or);color:#000}
.form__note{font:400 14px/1.6 var(--sans);text-transform:none;letter-spacing:0;color:var(--mu)}

/* footer */
.ft{background:var(--or);color:#000;padding:90px var(--pad) 40px}
.ft__big{margin:0 0 50px;font:900 clamp(90px,20vw,380px)/.8 var(--disp);letter-spacing:-.03em}
.ft__big>span{display:inline-block;font-variation-settings:'wdth' var(--w,100),'wght' var(--g,900)}
.ft__g{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;font-weight:600}
.ft__mail{font:900 clamp(22px,2.2vw,32px) var(--disp);font-variation-settings:'wdth' 110}
.ft__a{display:inline-block;margin-right:14px;padding:6px 0}
.ft__l{font-size:14px}

/* preloader */
.preloader{overflow:hidden;background:var(--or);color:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:clip-path .7s cubic-bezier(.7,0,.2,1);clip-path:inset(0)}
.pre__wm{font-size:clamp(64px,15vw,300px)}
.pre__wm span{animation:k9p 1.1s var(--spring) infinite alternate;animation-delay:calc(var(--w) * 4ms)}
@keyframes k9p{from{font-variation-settings:'wdth' 50}to{font-variation-settings:'wdth' 150}}
.pre__n{font:900 24px var(--disp);font-variation-settings:'wdth' 150}
.preloader.is-done{clip-path:inset(0 0 100% 0)}

/* overgang: fire fargeblokker */
.transition{display:grid;grid-template-columns:repeat(4,1fr)}
.transition i{transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.7,0,.2,1)}
.transition i:nth-child(1){background:var(--or)}.transition i:nth-child(2){background:var(--sv);transition-delay:.05s}.transition i:nth-child(3){background:var(--is);transition-delay:.1s}.transition i:nth-child(4){background:var(--be);transition-delay:.15s}
html.is-leaving .transition i,html.is-entering .transition i{transform:none}
html.is-entering .transition i{transition:none}
::view-transition-old(root){animation:k9o .5s cubic-bezier(.7,0,.2,1) both}
::view-transition-new(root){animation:k9i .65s cubic-bezier(.16,1,.3,1) both}
@keyframes k9o{to{transform:scale(.92);opacity:0}}
@keyframes k9i{from{clip-path:inset(0 0 0 100%)}}

@media (prefers-reduced-motion:reduce){.band__t{animation:none!important}}
html.rm .band__t,html.rm .pre__wm span{animation:none!important}
@media (max-width:960px){
 .hd__nav{display:none}.hd__menu{display:block}
 .mnav{display:flex;flex-direction:column;position:fixed;inset:0;z-index:59;background:var(--or);justify-content:center;padding:var(--pad);clip-path:inset(0 0 100% 0);transition:clip-path .6s var(--out)}
 html.menu-open .mnav{clip-path:inset(0)}
 .mnav__a{font:900 clamp(40px,13vw,64px)/1 var(--disp);font-variation-settings:'wdth' 110;text-decoration:none;color:#000}
 .mnav{overflow:hidden}
 .hero__b{flex-direction:column;align-items:flex-start}
 .hero__t{font-size:14.5vw}
 .kl{--w:80}
 .svc{grid-template-columns:1fr 1fr}.sv{min-height:240px}
 .lab__h{grid-template-columns:1fr}
 .lab,.case,section.areas,section.two,section.team,section.contact,.form,.ft__g,.pcards,.steps__l{grid-template-columns:1fr}
 .wk__g{grid-template-columns:1fr 1fr}
 .lab__stage{min-height:300px}
}
@media (max-width:520px){.svc{grid-template-columns:1fr}.lab__tones{grid-template-columns:1fr 1fr}.lab__ctl{grid-template-columns:1fr}}

/* felles seksjonshode: venstre etikett, stor tittel, kort tekst. Asymmetrisk, ikke sentrert */
.sec__h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26ch);gap:8px 60px;align-items:end;margin-bottom:46px}
.sec__h .kick{grid-column:1/-1;margin:0}
.sec__h .sh{margin:0}
.sec__p{margin:0;color:var(--mu)}

/* prøveark: fagene som rader, hver i sin egen bredde */
section.specs{padding:120px var(--pad) 110px}
.spec__l{list-style:none;margin:0;padding:0;border-top:2px solid var(--sv)}
.spec{display:grid;grid-template-columns:70px minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:'n w d' 'n w x';gap:6px 30px;padding:26px 0 24px;border-bottom:2px solid var(--sv);position:relative}
.spec__n{grid-area:n;font:900 18px var(--disp);font-variation-settings:'wdth' 150;padding-top:.7em}
.spec__w{grid-area:w;margin:0;font:900 clamp(40px,6vw,104px)/.9 var(--disp);font-variation-settings:'wdth' var(--sw);transition:font-variation-settings .7s var(--spring),color .3s}
.spec:hover .spec__w{font-variation-settings:'wdth' 150;color:var(--or)}
.spec__d{grid-area:d;margin:0;font-weight:600;align-self:end}
.spec__x{grid-area:x;margin:0;font-size:15px;color:var(--mu)}
.spec__ax{position:absolute;right:0;top:10px;font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}

/* indeks over arbeid: navn som strekker seg, lite bilde */
section.wk{padding:130px var(--pad) 90px;background:var(--sv);color:var(--be)}
section.wk .sec__p{color:#B9B4AA}
.wr__l{list-style:none;margin:0;padding:0;border-top:2px solid var(--be)}
.wr{display:grid;grid-template-columns:60px minmax(0,1fr) 180px 150px;gap:20px;align-items:center;padding:16px 0;border-bottom:2px solid rgba(244,241,234,.35);text-decoration:none}
.wr__n{font:900 16px var(--disp);font-variation-settings:'wdth' 150;color:var(--or)}
.wr__t{font:900 clamp(34px,5vw,84px)/.95 var(--disp);font-variation-settings:'wdth' 70;transition:font-variation-settings .6s var(--spring)}
.wr:hover .wr__t,.wr:focus-visible .wr__t{font-variation-settings:'wdth' 150;color:var(--or)}
.wr__m{font-size:14px;color:#B9B4AA}.wr__m b{color:var(--be);font-weight:700}
.wr__i{width:150px;aspect-ratio:3/2;object-fit:cover;filter:grayscale(1);transition:filter .4s}
.wr:hover .wr__i{filter:none}
section.wk .tlink{color:var(--be)}

/* priser som vekter */
section.pr{padding:120px var(--pad) 140px}
.wt__l{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--sv)}
.wt{padding:24px 26px 30px 0;border-right:2px solid var(--sv);display:flex;flex-direction:column;gap:12px}
.wt+.wt{padding-left:26px}.wt:last-child{border-right:0}
.wt__ax{margin:0;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.wt__n{margin:0;font:var(--g) clamp(48px,5.2vw,92px)/.9 var(--disp);font-variation-settings:'wdth' 96,'wght' var(--g);overflow-wrap:anywhere}
.wt__n small{display:block;margin-top:10px;font:800 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--or)}
.wt__p{margin:0;font-size:17px}.wt__p b{font:900 30px var(--disp);font-variation-settings:'wdth' 100}
.wt__f{margin:0;font-size:16px;color:var(--mu);flex:1}
.wt__a{align-self:flex-start;font-weight:800;text-decoration-thickness:3px;text-decoration-color:var(--or)}
.is-rec .wt__n{color:var(--or)}

@media (max-width:960px){
 .hero__t{font-size:clamp(52px,15vw,120px);line-height:.98}
 .l3{padding-left:0}
 .sec__h{grid-template-columns:1fr}
 .spec{grid-template-columns:44px minmax(0,1fr);grid-template-areas:'n w' '. d' '. x'}
 .spec__ax{display:none}
 .spec__w,.spec:hover .spec__w{font-size:clamp(28px,8.4vw,48px);font-variation-settings:'wdth' 72}
 .wr__t,.wr:hover .wr__t{font-size:clamp(28px,8.4vw,48px);font-variation-settings:'wdth' 72}
 .wt__n{font-size:clamp(52px,16vw,96px)}
 .lab__out{word-break:normal;overflow-wrap:normal}
 .lab__stage{overflow:hidden}
 .wr{grid-template-columns:40px minmax(0,1fr);gap:4px 14px}
 .wr__m{grid-column:2}.wr__i{display:none}
 .wt__l{grid-template-columns:1fr}
 .wt,.wt+.wt{padding:24px 0;border-right:0;border-bottom:2px solid var(--sv)}
}
/* ordmerket pumper bredde én gang ved innlasting (erstatter preloaderen) */
html:not(.rm) .logo__wm span{animation:k9p .55s var(--spring) 2 alternate;animation-delay:calc(var(--w) * 3ms)}
@media (prefers-reduced-motion:reduce){.logo__wm span{animation:none!important}}