/* ---------- Fonter (selvhostet, ingen tredjepart) ----------
   GT Sectra Fine og Suisse Int'l er demoOnly: kunden må kjøpe lisens eller byttes før levering.
   ---------------------------------------------------------- */
@font-face{font-family:'GT Sectra Fine';src:url('../assets/fonts/gt-sectra-fine-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Suisse Intl';src:url('../assets/fonts/suisse-intl-300-normal.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Zodiak';src:url('../assets/fonts/zodiak-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Switzer';src:url('../assets/fonts/switzer-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* ---------- Design DNA ----------
   Papir målt fra normcph.com (#F5F1E5), aksent fra kundens logo (#D10000).
   Én tekststørrelse i topplinja, to toner i stedet for vekter (morkulnes.com).
   Ingen radius, ingen skygger: dybden kommer fra bildene. */
:root{
  --c-papir:#F4F1EA;
  --c-flate:#E9E5DB;
  --c-blekk:#1C1B19;
  --c-dempet:#67635B;
  --c-linje:#D8D3C8;
  --c-aksent:#D10000;
  --c-paa-aksent:#FFFFFF;
  --c-paa-foto:#FFFFFF;
  --c-fokus:#1C1B19;
  --c-fokus-mork:#FFFFFF;

  --f-display:'GT Sectra Fine', Georgia, serif;
  --f-body:'Switzer', system-ui, sans-serif;
  --w-display:300;
  --spor-display:-.025em;
  --lh-display:.94;

  --t-mikro:.8125rem;
  --t-liten:.9375rem;
  --t-brod:1.0625rem;
  --t-ingress:clamp(1.375rem, 1.1rem + .9vw, 1.875rem);
  --t-h2:clamp(2.5rem, 1.6rem + 3.4vw, 4.5rem);
  --t-h1:clamp(2.5rem, 1.2rem + 5vw, 6rem);
  --t-h1-typo:clamp(4rem, 1rem + 11vw, 11.5rem);
  --t-tlf:clamp(3rem, 1rem + 7vw, 8.5rem);

  --kant:clamp(16px, 4vw, 56px);
  --maks:1328px;
  --seksjon:clamp(72px, 4rem + 4vw, 128px);
  --topp-h:88px;
  --ease:cubic-bezier(.22,1,.36,1);

  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
}

/* 🎨 2: mørkt galleri, renderingene lyser mot nærsvart */
:root[data-palette="2"]{
  --c-papir:#141413; --c-flate:#1F1E1C; --c-blekk:#EFEBE3; --c-dempet:#A29D93; --c-linje:#33312D;
  --c-aksent:#D10000; --c-fokus:#FFFFFF;
}
/* 🎨 3: nordisk salvie */
:root[data-palette="3"]{
  --c-papir:#F2F4F2; --c-flate:#E3E8E3; --c-blekk:#1C2820; --c-dempet:#56635A; --c-linje:#D1D9D2;
  --c-aksent:#4A6B57; --c-fokus:#1C2820;
}
/* 🅰️ 2: Suisse Int'l lett, nær grotesken i logoen. 🅰️ 3: Zodiak */
:root[data-font="2"]{--f-display:'Suisse Intl', system-ui, sans-serif;--spor-display:-.04em}
:root[data-font="3"]{--f-display:'Zodiak', Georgia, serif;--spor-display:-.02em}

/* ---------- Grunn ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--topp-h)}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font:400 var(--t-brod)/1.6 var(--f-body);-webkit-font-smoothing:antialiased;transition:background-color .3s ease-out,color .3s ease-out}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2{font-family:var(--f-display);font-weight:var(--w-display);letter-spacing:var(--spor-display);line-height:var(--lh-display);margin:0}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--c-fokus);outline-offset:3px;border-radius:2px}
.hopp{position:absolute;left:var(--kant);top:-100px;z-index:var(--z-varsel);background:var(--c-blekk);color:var(--c-papir);padding:12px 16px}
.hopp:focus{top:12px}
.dempet{color:var(--c-dempet)}

/* ---------- Topplinje: én størrelse, to toner ---------- */
.topp{position:sticky;top:0;z-index:var(--z-sticky);display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:32px;height:var(--topp-h);padding:0 var(--kant);background:var(--c-papir);font-size:var(--t-liten);line-height:1.35;border-bottom:1px solid var(--c-linje);transition:background-color .3s ease-out}
.topp__logo img{width:52px;height:auto}
.topp__setning{max-width:760px;color:var(--c-dempet)}
.topp__navn,.topp__setning a{color:var(--c-blekk)}
.topp__setning a{text-decoration:none;margin-right:.7em;padding:12px 0;white-space:nowrap}
.topp__setning a:hover{text-decoration:underline;text-underline-offset:3px}
.topp__nav{display:flex;gap:28px}
.topp__nav a{text-decoration:none;color:var(--c-dempet);padding:12px 0;transition:color .2s ease-out}
.topp__nav a:hover{color:var(--c-blekk)}
.topp__ring{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--c-aksent);color:var(--c-paa-aksent);text-decoration:none;font-weight:500;white-space:nowrap;transition:transform .2s var(--ease)}
.topp__ring:active{transform:scale(.97)}

/* ---------- Hero 1: renderingene i full flate ---------- */
.hero1{position:relative;height:calc(100svh - var(--topp-h));min-height:560px;overflow:hidden;background:var(--c-blekk);color:var(--c-paa-foto)}
.hero1__ramme{position:absolute;inset:0;margin:0;padding:0}
.hero1__bilde{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s var(--ease)}
.hero1__bilde.aktiv{opacity:1}
.hero1__bilde img{width:100%;height:100%;object-fit:cover}
.hero1__bilde figcaption{display:none}
.hero1::after{content:"";position:absolute;inset:0;z-index:var(--z-dekor);background:linear-gradient(to top, rgba(12,12,11,.72) 0%, rgba(12,12,11,.38) 34%, rgba(12,12,11,0) 62%);pointer-events:none}
.hero1__tekst{position:absolute;left:var(--kant);right:var(--kant);bottom:clamp(28px, 6vh, 64px);z-index:2;max-width:860px}
.hero1 .hero__h1{font-size:var(--t-h1)}
.hero__sub{margin-top:22px;max-width:44ch;font-size:var(--t-brod);line-height:1.5;color:var(--c-paa-foto)}
.hero1__styring{position:absolute;right:var(--kant);bottom:clamp(28px, 6vh, 64px);z-index:2;display:flex;align-items:center;gap:4px}
.hero1__tekstlinje{margin-right:16px;font-size:var(--t-liten);text-align:right}
.hero1__nr{opacity:.8;margin-right:.6em;font-variant-numeric:tabular-nums}
.hero1__knapp{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.45);background:transparent;cursor:pointer;transition:background-color .2s ease-out,transform .2s var(--ease)}
.hero1__knapp:active{transform:scale(.94)}
.hero1__knapp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.hero1__knapp .ikon-spill{display:none;fill:currentColor;stroke:none}
.hero1__knapp[aria-pressed="true"] .ikon-pause{display:none}
.hero1__knapp[aria-pressed="true"] .ikon-spill{display:block}
.hero1 :focus-visible{outline-color:var(--c-fokus-mork)}

/* Masken holder blekket, ikke linjeboksen (Phase 5, kopiert ordrett) */
.hero .hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero .hero__line-in{display:block}

/* ---------- Hero 2: typografisk ---------- */
.hero2{padding:clamp(48px, 8vh, 96px) var(--kant) 0;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto}
.hero__kicker{font-size:var(--t-liten);color:var(--c-dempet);margin-bottom:clamp(24px, 4vh, 48px)}
.hero2 .hero__h1{font-size:var(--t-h1-typo)}
.hero2__fot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:clamp(32px, 6vh, 64px);padding-top:20px;border-top:1px solid var(--c-blekk)}
.hero2__fakta{display:flex;flex-wrap:wrap;gap:6px 28px;margin:0;padding:0;list-style:none;font-size:var(--t-liten);color:var(--c-dempet)}
.hero2__lenke{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:var(--c-aksent);color:var(--c-paa-aksent);text-decoration:none;font-weight:500;white-space:nowrap}
.hero2__band{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:clamp(40px, 7vh, 72px)}
.hero2__band img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--c-flate)}
.hero2__band img:first-child{aspect-ratio:auto;height:100%}

/* ---------- Prosjekter ---------- */
.prosjekter,.foretter,.om{max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:var(--seksjon) var(--kant) 0}
.prosjekter__hode{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.prosjekter h2,.foretter h2,.om h2,.kontakt h2{font-size:var(--t-h2)}
.faner{display:flex;gap:28px;font-size:1.25rem}
.faner button{background:none;border:0;padding:10px 0;min-height:44px;cursor:pointer;color:var(--c-dempet);transition:color .2s ease-out}
.faner button[aria-selected="true"]{color:var(--c-blekk);box-shadow:inset 0 -2px 0 var(--c-aksent)}
.faner span{font-size:var(--t-mikro);vertical-align:super;margin-left:2px}
.prosjekter__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;margin:0;padding:0;list-style:none}
.prosjekter__liste:not(.apen) > li:nth-child(n+10){display:none}
.kort{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:zoom-in;font-size:var(--t-liten)}
.kort img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:12px;background:var(--c-flate);transition:opacity .25s ease-out}
.kort__sted{color:var(--c-dempet)}
.prosjekter__mer{display:block;margin:48px auto 0;min-height:44px;padding:0 24px;background:none;border:1px solid var(--c-blekk);cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}

/* ---------- Før og etter ---------- */
.foretter{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:end}
.foretter__tekst p{margin-top:20px;max-width:34ch;color:var(--c-dempet)}
.foretter__tekst .foretter__prosjekt{color:var(--c-blekk);font-size:var(--t-liten)}
.sammenlign{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--c-flate);user-select:none}
.sammenlign__etter{width:100%;height:100%;object-fit:cover}
.sammenlign__for{position:absolute;inset:0;display:grid;place-items:center;background:var(--c-flate) center/cover no-repeat;clip-path:inset(0 calc(100% - var(--del)) 0 0)}
.sammenlign__tom{max-width:22ch;margin-right:50%;padding:0 24px;text-align:center;font-size:var(--t-liten);color:var(--c-dempet)}
.sammenlign__strek{position:absolute;top:0;bottom:0;left:var(--del);width:2px;margin-left:-1px;background:var(--c-aksent);pointer-events:none}
.sammenlign__strek::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);background:var(--c-aksent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'%3E%3Cpath d='M9 7 4 12l5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat}
.sammenlign__merke{position:absolute;top:16px;padding:4px 10px;font-size:var(--t-mikro);background:var(--c-papir);color:var(--c-blekk)}
.sammenlign__merke--for{left:16px}
.sammenlign__merke--etter{right:16px}
.sammenlign__glider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.sammenlign:has(.sammenlign__glider:focus-visible){outline:2px solid var(--c-fokus);outline-offset:3px}

/* ---------- Om kontoret ---------- */
.om{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:48px;padding-bottom:var(--seksjon)}
.om__tekst p+p{margin-top:16px}
.om__tekst p{max-width:52ch}
.om__ingress{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-ingress);line-height:1.18;letter-spacing:-.01em;margin-bottom:24px}
.om__fakta{margin:0;font-size:var(--t-liten)}
.om__fakta div{padding:16px 0;border-top:1px solid var(--c-linje)}
.om__fakta dt{color:var(--c-dempet);margin-bottom:4px}
.om__fakta dd{margin:0}

/* ---------- Kontakt: aksenten dekker flaten ---------- */
.kontakt{background:var(--c-aksent);color:var(--c-paa-aksent);--c-fokus:var(--c-fokus-mork)}
.kontakt__inne{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);grid-template-areas:"h tlf" ". info";gap:24px 48px;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:var(--seksjon) var(--kant)}
.kontakt h2{grid-area:h}
.kontakt__tlf{grid-area:tlf;font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-tlf);letter-spacing:var(--spor-display);line-height:var(--lh-display);text-decoration:none;white-space:nowrap}
.kontakt__info{grid-area:info;display:flex;flex-wrap:wrap;gap:8px 40px}
.kontakt__info a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.kontakt__info p{display:flex;align-items:center;min-height:44px}
.kart{position:relative;margin:0;background:var(--c-papir);color:var(--c-blekk)}
.kart__bilde{width:100%;height:clamp(300px, 36vw, 520px);object-fit:cover}
.kart__nal{position:absolute;left:50%;top:calc(clamp(300px, 36vw, 520px) / 2);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}
.kart__nal span{padding:6px 12px;background:var(--c-aksent);color:var(--c-paa-aksent);font-size:var(--t-mikro);white-space:nowrap}
.kart__nal::after{content:"";width:2px;height:18px;background:var(--c-aksent)}
.kart__under{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:12px var(--kant);font-size:var(--t-liten)}
.kart__under a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.kart__kreditt{margin-left:auto;color:var(--c-dempet);font-size:var(--t-mikro)}

/* ---------- Bunn ---------- */
.bunn{max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:40px var(--kant) 32px;font-size:var(--t-liten);color:var(--c-dempet);border-top:1px solid var(--c-linje)}
.bunn__rad{display:flex;align-items:center;gap:20px}
.bunn__rad img{width:32px}
.bunn__rad a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px}
.footer__credit{margin-top:24px;padding-top:12px;border-top:1px solid var(--c-linje);display:flex;justify-content:center}
.footer__credit-logo{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-mikro);color:var(--c-dempet);text-decoration:none;transition:color .2s ease-out}

/* ---------- Lysboks ---------- */
.lysboks{width:min(1280px, 94vw);max-height:94vh;padding:0;border:0;background:var(--c-papir);color:var(--c-blekk)}
.lysboks::backdrop{background:rgba(12,12,11,.86)}
.lysboks img{width:100%;max-height:82vh;object-fit:contain;background:#0C0C0B}
.lysboks__tekst{padding:14px 64px 16px 18px;font-size:var(--t-liten)}
.lysboks__lukk{position:absolute;right:6px;bottom:2px;width:44px;height:44px;border:0;background:none;font-size:1.75rem;line-height:1;cursor:pointer}
.lysboks[open]{animation:lysboks-inn .25s var(--ease)}
@keyframes lysboks-inn{from{opacity:0;transform:scale(.98)}}

/* ---------- Hurtigknapper (mobil) ---------- */
.hurtig{display:none}

/* ---------- Design Lab ---------- */
.lab{position:fixed;left:16px;bottom:16px;z-index:var(--z-panel);font-family:var(--f-body);color:#1D1D1D}
.lab__knapp,.lab__panel{background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(30px) saturate(210%);backdrop-filter:blur(30px) saturate(210%);border:.5px solid rgba(255,255,255,.4);box-shadow:0 8px 32px 0 rgba(0,0,0,.08),inset 0 1.5px .5px rgba(255,255,255,.65),inset 0 -1px 2px rgba(0,0,0,.05),inset 0 10px 20px rgba(255,255,255,.3)}
.lab__knapp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:100px;font:500 .875rem var(--f-body);color:inherit;cursor:pointer;background:rgba(255,255,255,.72);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.lab__knapp:active{transform:scale(.97)}
.lab__panel{position:absolute;left:0;bottom:56px;width:268px;padding:14px 14px 10px;border-radius:24px;background:rgba(255,255,255,.78)}
.lab__rad{display:flex;align-items:center;gap:6px;padding:4px 0}
.lab__navn{flex:1;font-size:.8125rem}
.lab__rad button{width:34px;height:34px;border-radius:100px;border:.5px solid rgba(0,0,0,.14);background:rgba(255,255,255,.5);font:600 .8125rem var(--f-body);color:#1D1D1D;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease-out,color .2s ease-out}
.lab__rad button:active{transform:scale(.94)}
.lab__rad button[aria-pressed="true"]{background:#D10000;color:#FFFFFF;border-color:#D10000}
.design-lab__credit{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding-top:8px;border-top:.5px solid rgba(0,0,0,.12);font-size:.75rem;color:#4A4743}
.design-lab__credit-logo{display:inline-flex;align-items:center;gap:1px;font-weight:600;color:#1D1D1D;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}
.design-lab__credit-dot,.design-lab__credit-spark{color:#D10000}
.design-lab__credit-spark{width:.8em;height:.8em;margin-left:2px;transition:transform .3s cubic-bezier(.16,1,.3,1)}

@media (hover:hover) and (pointer:fine){
  .topp__ring:hover,.hero2__lenke:hover{filter:brightness(.92)}
  .hero1__knapp:hover{background:rgba(255,255,255,.14)}
  .kort:hover img{opacity:.86}
  .prosjekter__mer:hover{background:var(--c-blekk);color:var(--c-papir)}
  .faner button:hover{color:var(--c-blekk)}
  .footer__credit-logo:hover{color:var(--c-blekk)}
  .lab__knapp:hover{transform:scale(1.03)}
  .lab__rad button:hover{transform:translateY(-1px)}
  .design-lab__credit-logo:hover{transform:scale(1.04)}
  .design-lab__credit-logo:hover .design-lab__credit-spark{transform:rotate(90deg) scale(1.25)}
}

/* ---------- Animasjon: bare heroen kan skjules, og bare bak .anim-hero ---------- */
.anim-hero .hero__line-in{transform:translateY(150%)}
.anim-hero :is(.hero__sub, .hero__kicker, .hero2__fot, .hero1__styring){opacity:0}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .hero1__bilde{transition:none}
  .lysboks[open]{animation:none}
}

/* ---------- Nettbrett ---------- */
@media (max-width:1100px){
  .topp__setning{display:none}
  .topp{grid-template-columns:auto 1fr auto}
  .topp__nav{justify-content:flex-end}
  .om{grid-template-columns:1fr 1fr}
  .om h2{grid-column:1 / -1}
}

/* ---------- Mobil: ruter i stedet for å ramse opp ---------- */
@media (max-width:767px){
  :root{--topp-h:64px}
  .topp{grid-template-columns:auto 1fr;gap:12px}
  .topp__logo img{width:40px}
  .topp__nav{display:none}
  .topp__ring{justify-self:end;padding:0 14px;font-size:var(--t-mikro)}
  .hero1{height:72svh;min-height:480px}
  .hero1__tekst{bottom:84px}
  .hero__sub{margin-top:14px;font-size:var(--t-liten)}
  .hero1__styring{left:var(--kant);right:var(--kant);bottom:20px}
  .hero1__tekstlinje{margin-right:auto;text-align:left;font-size:var(--t-mikro)}
  .hero1__knapp[data-slide="-1"]{display:none}
  .hero2{padding-top:40px}
  .hero2__fot{flex-direction:column;align-items:flex-start}
  .hero2__band{grid-template-columns:1fr 1fr;margin-top:32px}
  .hero2__band img:first-child{grid-column:1 / -1;aspect-ratio:16/9;height:auto}
  .hero2__band img:last-child{display:none}
  .prosjekter__hode{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}
  .faner{font-size:1.0625rem;gap:20px}
  .prosjekter__liste{grid-template-columns:1fr 1fr;gap:16px 10px}
  .prosjekter__liste:not(.apen) > li:nth-child(n+7){display:none}
  .kort{font-size:var(--t-mikro);line-height:1.35}
  .kort img{margin-bottom:6px}
  .kort__sted{display:block}
  .prosjekter__mer{margin-top:28px;width:100%}
  .foretter{grid-template-columns:1fr;gap:20px}
  .foretter__tekst p{margin-top:10px}
  .sammenlign{aspect-ratio:4/3;margin:0 calc(-1 * var(--kant))}
  .sammenlign__tom{padding:0 36px 0 12px;font-size:var(--t-mikro)}
  .om{grid-template-columns:1fr;gap:20px}
  .om__ingress{margin-bottom:12px}
  .om__tekst p:not(.om__ingress){font-size:var(--t-liten)}
  .om__fakta div{padding:10px 0}
  .kontakt__inne{grid-template-columns:1fr;grid-template-areas:"h" "tlf" "info";gap:12px}
  .kontakt__info{flex-direction:column;gap:0}
  .kart__under{gap:0 20px}
  .kart__kreditt{margin-left:0}
  .bunn__rad{flex-wrap:wrap;gap:8px 16px}
  .bunn{padding-bottom:88px}
  .hurtig{display:flex;position:fixed;right:16px;bottom:16px;z-index:var(--z-dokk);gap:8px}
  .hurtig a{display:grid;place-items:center;width:48px;height:48px;background:var(--c-aksent);color:var(--c-paa-aksent)}
  .hurtig svg{width:20px;height:20px;fill:currentColor}
  .hurtig a:last-child svg{fill:none}
}