/* ---------- Fonter (selvhostet, ingen tredjepart) ----------
   GT Sectra Fine og Suisse Int'l er DEMO-ONLY. Kunden må kjøpe lisens før levering
   (Grilli Type og Swiss Typefaces), eller siden bytter til Gambetta (slisse 2).
   Gambetta og Sentient: ITF Free Font License. Se assets/fonts/.
   ---------------------------------------------------------- */
@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:'Suisse Intl';src:url('../assets/fonts/suisse-intl-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Suisse Intl';src:url('../assets/fonts/suisse-intl-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Gambetta';src:url('../assets/fonts/gambetta-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Sentient';src:url('../assets/fonts/sentient-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* ---------- Design DNA ----------
   Palett 1: Lins egen grønn #293624 og logokremen #EEE9D3 (målt i logo-PNG og gammel side).
   Aksent linblå #9DB2E0, fargen på linblomsten. Display lh 1,06 og H2 46px fra macfarlanes.com,
   hero opptil 88px fra hannessnellman.com, begge målt 07.10.2026 ved 1440 px.
   Radius 0, ingen skygger (begge referansene). */
:root{
  --c-papir:#F4F1E6;
  --c-papir-2:#E4E3D9;         /* benhvit flate, som Macfarlanes #E1E1DC */
  --c-intro:#EEE9D3;           /* logokrem */
  --c-blekk:#1F2A1B;
  --c-dempet:#56604F;          /* 5,8:1 på papir, 5,1:1 på papir-2 */
  --c-linje:rgba(31,42,27,.18);
  --c-aksent-tekst:#3B5694;    /* linblå mørknet for liten tekst på papir, 6,3:1 */
  --c-mork:#293624;            /* Lin-grønn */
  --c-paa-mork:#EEE9D3;        /* 10,5:1 */
  --c-mork-dempet:#B9BBA4;     /* 6,5:1 */
  --c-aksent:#9DB2E0;          /* linblå på grønn, 6,0:1 */
  --c-paa-foto:#F4F1E6;
  --c-fokus:#3B5694;

  --f-display:'GT Sectra Fine', 'Iowan Old Style', Georgia, serif;
  --f-body:'Suisse Intl', 'Helvetica Neue', Arial, sans-serif;
  --w-display:300;
  --spor-display:-.01em;
  --lh-display:1.06;
  --skala-display:1;

  --t-hero:calc(clamp(2.9rem, 6.2vw, 5.5rem) * var(--skala-display));
  --t-hero2:calc(clamp(3.6rem, 9vw, 8.5rem) * var(--skala-display));
  --t-h2:calc(clamp(2.3rem, 3.4vw, 2.875rem) * var(--skala-display));
  --t-h3:clamp(1.3rem, 1.9vw, 1.75rem);
  --t-ingress:calc(clamp(1.45rem, 2.3vw, 2.25rem) * var(--skala-display));
  --t-sub:clamp(1.15rem, 1.7vw, 1.6rem);
  --t-body:1.125rem;
  --t-liten:.9375rem;
  --t-mikro:.8125rem;

  --maks:1360px;
  --kant:clamp(20px, 2.8vw, 40px);
  --seksjon:clamp(72px, 8.4vw, 120px);

  --z-dekor:1; --z-sticky:100; --z-dokk:200; --z-overlay:300; --z-panel:400; --z-varsel:500;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* 🎨 Palett 2: blommegrå, mørk, etter Macfarlanes' «espresso» #37323C */
:root[data-palette="2"]{
  --c-papir:#26222B; --c-papir-2:#302B35; --c-intro:#2E2A33; --c-blekk:#EDE8DF; --c-dempet:#B3ABA6;
  --c-linje:rgba(237,232,223,.16); --c-aksent-tekst:#9DB2E0; --c-mork:#37323C; --c-paa-mork:#EDE8DF;
  --c-mork-dempet:#B3ABA6; --c-aksent:#9DB2E0; --c-fokus:#9DB2E0;
}
/* 🎨 Palett 3: lys marine, etter Macfarlanes' navy #002846 og krembånd #FFF5EF */
:root[data-palette="3"]{
  --c-papir:#FFFFFF; --c-papir-2:#ECECE6; --c-intro:#FFF5EF; --c-blekk:#0F2A43; --c-dempet:#55606B;
  --c-linje:rgba(15,42,67,.16); --c-aksent-tekst:#1B6C6C; --c-mork:#0F2A43; --c-paa-mork:#FFFFFF;
  --c-mork-dempet:#AFC0D0; --c-aksent:#7FD6D6; --c-fokus:#1B6C6C;
}
/* 🅰️ Font 2: Gambetta, fri lisens, nærmest Larken */
:root[data-font="2"]{--f-display:'Gambetta', Georgia, serif;--w-display:300;--spor-display:-.015em;--skala-display:1}
/* 🅰️ Font 3: Sentient, smal og redaksjonell */
:root[data-font="3"]{--f-display:'Sentient', Georgia, serif;--w-display:300;--spor-display:-.01em;--skala-display:1.02}

/* ---------- Grunnlag ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--c-papir);color:var(--c-blekk);font-family:var(--f-body);font-size:var(--t-body);line-height:1.55;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
b,strong{font-weight:600}
h1,h2,.hero2__tittel,.vis-serif{font-family:var(--f-display);font-weight:var(--w-display);letter-spacing:var(--spor-display);line-height:var(--lh-display)}
h3{font-family:var(--f-body);font-weight:400;line-height:1.2;letter-spacing:-.01em}
: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}
[hidden]{display:none !important}

/* Tekstlenke med understrek og pil, som Macfarlanes' «Read more →» */
.pil-lenke{display:inline-flex;align-items:center;gap:.6em;min-height:44px;font-size:var(--t-body);font-weight:400;text-decoration:none;border-bottom:1px solid currentColor;padding:6px 0 4px}
.pil-lenke::after{content:"→";font-size:1.05em;line-height:1;transition:transform .2s var(--ease)}

/* ---------- Topp ---------- */
.topp{position:absolute;inset:0 0 auto;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:26px var(--kant);color:var(--c-paa-foto)}
.merke{display:inline-flex;align-items:center;min-height:44px}
.merke img{width:auto;height:38px}
.topp__nav{display:flex;align-items:center;gap:2px}
.topp__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;font-size:1rem;font-weight:400;transition:opacity .2s}
.topp__kontakt{border:1px solid currentColor;border-radius:100px;margin-left:12px;padding:0 20px !important}

/* ---------- Hero 1: delt flate, tekst på grønt og foto til høyre (Hannes Snellman) ---------- */
.hero--foto{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:max(680px, 100svh);background:var(--c-mork);color:var(--c-paa-mork)}
.hero__panel{display:flex;flex-direction:column;justify-content:flex-end;padding:160px clamp(28px,4vw,64px) clamp(48px,7vw,104px) max(var(--kant), calc((100vw - var(--maks)) / 2))}
.hero__ramme{position:relative;overflow:hidden}
.hero__bilde{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:34% 40%}
.hero__kicker{font-size:var(--t-liten);font-weight:400;color:var(--c-mork-dempet);margin-bottom:clamp(16px,2vw,28px)}
.hero__tittel{font-size:var(--t-hero);display:flex;flex-direction:column}
.hero__sub{max-width:28ch;font-size:var(--t-sub);line-height:1.3;margin-top:clamp(20px,2.4vw,32px)}
.hero__lenke{align-self:flex-start;margin-top:clamp(24px,3vw,40px)}

/* Maskert linje: tallene kopiert ordrett fra website-intelligence Phase 5 */
.hero .hero__line{display:block;overflow:hidden;padding:.2em .25em .26em;margin:-.2em -.25em -.26em}
.hero .hero__line-in{display:block}

/* ---------- Hero 2: typografisk på grønn flate, linplanten tegnes ---------- */
.hero--type{background:var(--c-mork);color:var(--c-paa-mork);overflow:hidden}
.hero2__innhold{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,80px);align-items:end;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:170px var(--kant) clamp(56px,7vw,104px)}
.hero2__tittel{font-size:var(--t-hero2);line-height:1;display:flex;flex-direction:column}
.hero2__verdier{display:flex;gap:clamp(20px,3vw,48px);margin-top:clamp(32px,4vw,56px);padding-top:20px;border-top:1px solid rgba(238,233,211,.28);font-size:var(--t-liten);color:var(--c-mork-dempet)}
.hero2__lenke{margin-top:28px}
.hero2__figur{color:var(--c-aksent);justify-self:center;width:min(100%, 360px)}
.hero2__figur .lin-figur{width:100%;height:auto}
.hero2__band{aspect-ratio:16/4.2;overflow:hidden;background:var(--c-papir-2)}
.hero2__band img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}

/* ---------- Intro: krembånd, som Macfarlanes ---------- */
.intro{background:var(--c-intro);padding:clamp(56px,7vw,104px) var(--kant)}
.intro__innhold{max-width:var(--maks);margin:0 auto}
.intro__tekst{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-ingress);line-height:1.2;letter-spacing:-.005em;max-width:34ch}
.intro__fakta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:clamp(40px,5vw,72px)}
.intro__fakta li{border-top:1px solid var(--c-linje);padding-top:18px;font-size:var(--t-liten);color:var(--c-dempet);max-width:30ch}
.intro__tall{display:block;font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(2.2rem,3.4vw,3rem);line-height:1;color:var(--c-blekk);margin-bottom:10px}

/* ---------- Kompetanse: to kolonner rundt én tynnstreks figur (Macfarlanes «What we do») ---------- */
.kompetanse{background:var(--c-papir-2);padding:var(--seksjon) var(--kant)}
.kompetanse > *{max-width:var(--maks);margin-left:auto;margin-right:auto}
.kompetanse__hode{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(48px,6vw,88px)}
.kompetanse__hode h2{font-size:var(--t-h2)}
.kompetanse__rutenett{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:center}
.kompetanse__kol{display:flex;flex-direction:column;gap:clamp(48px,5vw,72px)}
.felt h3{font-size:clamp(1.6rem,2.4vw,2.25rem);font-weight:600;letter-spacing:-.02em;margin-bottom:14px}
.felt__kort{display:none}
.felt__tekst{color:var(--c-dempet);max-width:40ch}
.kompetanse__figur{color:var(--c-blekk);opacity:.7;display:flex;justify-content:center}
.kompetanse__figur .lin-figur{width:min(100%, 380px);height:auto}
.fagomrader{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:baseline;margin-top:clamp(56px,7vw,96px);padding-top:24px;border-top:1px solid var(--c-linje)}
.fagomrader__tittel{font-size:var(--t-liten);color:var(--c-dempet)}
.fagomrader__liste{display:flex;flex-wrap:wrap;gap:10px}
.fagomrader__liste li{border:1px solid var(--c-linje);border-radius:100px;padding:8px 16px;font-size:var(--t-liten)}

/* ---------- Advokatene ---------- */
.advokatene{padding:var(--seksjon) var(--kant)}
.advokatene > *{max-width:var(--maks);margin-left:auto;margin-right:auto}
.advokatene h2{font-size:var(--t-h2);margin-bottom:clamp(40px,5vw,72px)}
.advokatene__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.8vw,40px)}
.advokat__bilde{aspect-ratio:4/5;overflow:hidden;background:var(--c-papir-2);margin-bottom:22px}
.advokat__bilde img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .4s var(--ease)}
.advokat h3{font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(1.7rem,2.3vw,2.25rem);line-height:var(--lh-display);letter-spacing:var(--spor-display);margin-bottom:6px}
.advokat__tittel{font-size:var(--t-liten);color:var(--c-aksent-tekst);font-weight:400;margin-bottom:14px}
.advokat__felt{font-size:var(--t-liten);color:var(--c-dempet);margin-bottom:16px;max-width:42ch}
.advokat__kontakt{border-top:1px solid var(--c-linje)}
.advokat__kontakt a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--c-linje);font-size:var(--t-liten);text-decoration:none}

/* ---------- Om Lin: delt foto og grønn flate (Macfarlanes «Who we are», Hannes Snellman) ---------- */
.om{display:grid;grid-template-columns:1fr 1fr;background:var(--c-mork);color:var(--c-paa-mork);--c-fokus:var(--c-aksent)}
.om__bilde{min-height:100%;overflow:hidden}
.om__bilde img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.om__panel{padding:clamp(56px,7vw,120px) clamp(24px,5vw,80px);align-self:center;max-width:680px}
.om__panel h2{font-size:var(--t-h2);margin-bottom:clamp(24px,2.6vw,36px)}
.om__ingress{font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.45;font-weight:400}
.om__under{font-size:var(--t-body);font-weight:600;color:var(--c-aksent);margin:clamp(32px,3.6vw,48px) 0 10px}
.om__tekst{font-size:var(--t-liten);color:var(--c-mork-dempet);max-width:52ch}

/* ---------- Grønne råd ---------- */
.gronne{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center;max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:var(--seksjon) var(--kant)}
.gronne h2{font-size:var(--t-h2);margin-bottom:24px}
.gronne__ingress{color:var(--c-dempet);max-width:48ch;margin-bottom:clamp(28px,3vw,40px)}
.gronne__liste li{padding:14px 0;border-top:1px solid var(--c-linje);font-size:var(--t-liten);font-weight:400}
.gronne__liste li:last-child{border-bottom:1px solid var(--c-linje)}
.gronne__bilde{aspect-ratio:5/4;overflow:hidden}
.gronne__bilde img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}

/* ---------- Fagstoff (Macfarlanes «Featured insights») ---------- */
.fagstoff{background:var(--c-papir-2);padding:var(--seksjon) var(--kant)}
.fagstoff > *{max-width:var(--maks);margin-left:auto;margin-right:auto}
.fagstoff h2{font-size:var(--t-h2);margin-bottom:clamp(40px,5vw,64px)}
.fagstoff__liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px)}
.artikkel__bilde{aspect-ratio:3/2;overflow:hidden;margin-bottom:20px;background:var(--c-papir)}
.artikkel__bilde img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.artikkel__type{font-size:var(--t-mikro);color:var(--c-aksent-tekst);font-weight:400;margin-bottom:10px}
.artikkel h3{font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(1.4rem,1.8vw,1.75rem);line-height:1.15;letter-spacing:var(--spor-display);margin-bottom:12px}
.artikkel__tekst{font-size:var(--t-liten);color:var(--c-dempet)}

/* ---------- Kontakt og kart ---------- */
.kontakt{padding:var(--seksjon) 0 0}
.kontakt__innhold,.kontakt__under{max-width:calc(var(--maks) + 2 * var(--kant));margin:0 auto;padding:0 var(--kant)}
.kontakt__tittel{font-size:calc(clamp(3.4rem, 8vw, 7.5rem) * var(--skala-display));line-height:1;margin-bottom:clamp(20px,2.6vw,36px)}
.kontakt__ingress{font-size:var(--t-sub);line-height:1.35;max-width:36ch;margin-bottom:clamp(36px,4.4vw,64px)}
.kontakt__kanaler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,64px);border-top:1px solid var(--c-linje);padding-top:24px;margin-bottom:clamp(48px,6vw,88px)}
.kontakt__kanal{display:flex;flex-direction:column;gap:6px;text-decoration:none;min-height:44px}
.kontakt__etikett{font-size:var(--t-liten);color:var(--c-dempet)}
.kontakt__verdi{font-family:var(--f-display);font-weight:var(--w-display);font-size:calc(clamp(1.6rem,3vw,2.75rem) * var(--skala-display));line-height:1.1;letter-spacing:var(--spor-display);overflow-wrap:anywhere}
.kontakt__kanal:hover .kontakt__verdi{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em}
/* Kartet vises i originalfargene, uten filter (regel 19) */
.kart{position:relative;height:clamp(300px, 38vw, 560px);overflow:hidden}
.kart__bilde{width:100%;height:100%;object-fit:cover}
.kart__nal{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--c-mork);box-shadow:0 0 0 5px rgba(41,54,36,.25)}
.kart__etikett{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);white-space:nowrap;background:var(--c-mork);color:var(--c-paa-mork);font-size:var(--t-liten);font-weight:400;padding:8px 14px}
.kontakt__under{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;padding-top:20px;padding-bottom:clamp(48px,6vw,80px);font-size:var(--t-liten)}
.kontakt__adresse{font-weight:400}
.kontakt__veier{display:flex;flex-wrap:wrap;gap:4px 24px}
.kontakt__veier a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.kart__kreditt{margin-left:auto;font-size:var(--t-mikro);color:var(--c-dempet)}
.kart__kreditt a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- Bunn ---------- */
.bunn{background:var(--c-mork);color:var(--c-paa-mork);padding:clamp(48px,6vw,80px) var(--kant) 32px;--c-linje:rgba(238,233,211,.2);--c-fokus:var(--c-aksent)}
.bunn__rad{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,5vw,80px);align-items:start;max-width:var(--maks);margin:0 auto}
.bunn__logo{height:52px;width:auto}
.bunn__info{font-size:var(--t-liten);color:var(--c-mork-dempet);line-height:1.7}
.bunn__nav{display:flex;flex-direction:column}
.bunn__nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-liten);text-decoration:none}
.footer__credit{max-width:var(--maks);margin:40px auto 0;padding-top:20px;border-top:1px solid var(--c-linje);display:flex;justify-content:center}
.footer__credit-logo{display:inline-flex;align-items:center;gap:.4em;min-height:44px;font-size:var(--t-mikro);color:var(--c-mork-dempet);text-decoration:none;transition:color .25s}

/* ---------- 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;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,.72)}
.lab__rad{display:flex;align-items:center;gap:6px;padding:4px 0}
.lab__navn{flex:1;font-size:.8125rem;font-weight:400}
.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:#293624;color:#FFFFFF;border-color:#293624}
.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{color:#3B5694}
.design-lab__credit-spark{width:.8em;height:.8em;color:#3B5694;margin-left:2px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){
  .topp__nav a:hover{opacity:.72}
  .pil-lenke:hover::after{transform:translateX(4px)}
  .advokat:hover .advokat__bilde img,.artikkel:hover .artikkel__bilde img{transform:scale(1.03)}
  .footer__credit-logo:hover{color:var(--c-paa-mork)}
  .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__kicker, .hero__sub, .hero__lenke, .hero2__verdier, .hero2__lenke){opacity:0}
.anim-hero .hero2__figur path{stroke-dasharray:1;stroke-dashoffset:1}
.anim-hero .hero2__figur .lin-figur__blomster{opacity:0}

/* ---------- Mobil: ruter, ramser ikke opp (regel 2) ---------- */
@media (max-width: 860px){
  :root{--t-body:1rem;--t-liten:.9375rem}
  .topp{padding:14px var(--kant)}
  .merke img{height:30px}
  .topp__nav a:not(.topp__kontakt){display:none}
  .topp__kontakt{margin-left:0}
  :root[data-hero-aktiv="2"] .topp{background:none}

  .hero--foto{grid-template-columns:1fr;min-height:0}
  .hero__ramme{order:-1;aspect-ratio:4/3.4}
  .hero__panel{padding:28px var(--kant) 40px}
  .hero__sub{font-size:1.05rem}
  .topp{background:linear-gradient(to bottom, rgba(22,30,19,.55), rgba(22,30,19,0))}

  .hero2__innhold{grid-template-columns:1fr;padding-top:104px;padding-bottom:40px;gap:0}
  .hero2__figur{order:-1;width:120px;justify-self:end;margin:-12px 0 -48px}
  .hero2__verdier{gap:18px}
  .hero2__band{aspect-ratio:16/7}

  .intro__fakta{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
  .intro__fakta li{padding-top:12px;font-size:.8125rem;line-height:1.35}
  .intro__tall{font-size:1.8rem;margin-bottom:6px}

  .kompetanse__hode{margin-bottom:24px}
  .kompetanse__hode .pil-lenke{display:none}
  .kompetanse__rutenett{grid-template-columns:1fr 1fr;gap:0 16px}
  .kompetanse__figur{display:none}
  .kompetanse__kol{display:contents}
  .felt{border-top:1px solid var(--c-linje);padding:14px 0 16px}
  .felt h3{font-size:1.15rem;font-weight:600;margin-bottom:4px}
  .felt__kort{display:block;font-size:.875rem;color:var(--c-dempet);line-height:1.4}
  .felt__tekst{display:none}
  .fagomrader{grid-template-columns:1fr;gap:12px;margin-top:20px;padding-top:16px}
  .fagomrader__liste{gap:8px}
  .fagomrader__liste li{padding:6px 12px;font-size:.875rem}

  .advokatene h2{margin-bottom:24px}
  .advokatene__liste{grid-template-columns:1fr;gap:0}
  .advokat{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--c-linje)}
  .advokat__bilde{margin:0;aspect-ratio:4/5}
  .advokat h3{font-size:1.45rem;margin-bottom:2px}
  .advokat__tittel{margin-bottom:6px}
  .advokat__felt{display:none}
  .advokat__kontakt{border:0;display:flex;flex-wrap:wrap;column-gap:16px}
  .advokat__kontakt a{border:0;min-height:44px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--c-linje)}

  .om{grid-template-columns:1fr}
  .om__bilde{aspect-ratio:16/9}
  .om__panel{padding:44px var(--kant) 52px}

  .gronne{grid-template-columns:1fr;gap:24px}
  .gronne__bilde{order:-1;aspect-ratio:16/8}
  .gronne__ingress{margin-bottom:20px}
  .gronne__liste li{padding:11px 0}

  .fagstoff h2{margin-bottom:24px}
  .fagstoff__liste{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--kant);margin:0 calc(var(--kant) * -1);padding:0 var(--kant) 4px;scrollbar-width:none}
  .fagstoff__liste::-webkit-scrollbar{display:none}
  .artikkel{flex:0 0 78%;scroll-snap-align:start}
  .artikkel__bilde{margin-bottom:14px}
  .artikkel h3{font-size:1.3rem;margin:0}
  .artikkel__tekst{display:none}

  .kontakt__kanaler{grid-template-columns:1fr;gap:16px}
  .kart{height:300px}
  .kontakt__under{gap:0 20px}
  .kart__kreditt{margin-left:0}

  .bunn{padding-bottom:96px}
  .bunn__rad{grid-template-columns:1fr;gap:20px}
  .bunn__logo{height:40px}
  .bunn__nav{flex-direction:row;flex-wrap:wrap;column-gap:20px}

  .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-mork);color:var(--c-paa-mork)}
  .hurtig svg{width:20px;height:20px;fill:currentColor}
  .hurtig a:last-child svg{fill:none}
}

/* Toppmenyen ligger over fotoet: et grønt slør øverst holder krem tekst lesbar over lyse vegger */
.hero__ramme::after{content:"";position:absolute;inset:0 0 auto;height:220px;background:linear-gradient(to bottom, rgba(22,30,19,.82) 0%, rgba(22,30,19,.6) 45%, rgba(22,30,19,0) 100%)}