/* Produsentpakkeriet — designsystem
   Varm sort + brent oransje. Inter. Apple/Linear-inspirert oppsett. */
:root{
  --bg:#FAF9F6;
  --surface:#FFFFFF;
  --ink:#17140E;
  --soft:#6E675C;
  --line:#EAE6DE;
  --line-2:#DED8CC;
  --accent:#C4490F;
  --accent-deep:#9E370A;
  --accent-soft:#F9EDE2;
  --dark:#17140E;
  --dark-2:#211D15;
  --dark-line:rgba(255,255,255,.12);
  --dark-soft:rgba(255,255,255,.66);
  --r-s:12px;
  --r:18px;
  --r-l:26px;
  --maxw:1160px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  font-size:16.5px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-weight:700;line-height:1.06;letter-spacing:-.03em;margin:0;color:var(--ink)}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font-family:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.kicker{
  font-size:11.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--soft);display:inline-flex;align-items:center;gap:9px;
}
.kicker.aksent{color:var(--accent)}
.muted{color:var(--soft)}
.section{padding:clamp(84px,10vw,150px) 0}
.section-head{max-width:640px}
.section-head h2{font-size:clamp(28px,3.6vw,46px)}
.section-head p{margin-top:16px;color:var(--soft);font-size:clamp(16px,1.35vw,18px)}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.section-top .lenke{font-weight:600;font-size:14.5px;color:var(--ink);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid var(--line-2);transition:border-color .2s}
.section-top .lenke:hover{border-color:var(--ink)}

/* Knapper */
.btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  font-weight:600;font-size:15px;letter-spacing:-.01em;
  padding:12px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,opacity .2s;white-space:nowrap;
}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:#2A251B}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{background:var(--accent-deep)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--ink)}
.btn-lg{padding:15px 28px;font-size:16px}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:#EFEBE3}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.btn-outline-light:hover{border-color:#fff}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:90;transition:background .3s,box-shadow .3s}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;transition:height .3s}
.nav.scrolled{background:rgba(250,249,246,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav.scrolled .nav-inner{height:58px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16.5px;letter-spacing:-.02em}
.brand .logo{width:34px;height:34px;flex:none}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{font-size:14.5px;font-weight:500;color:var(--soft);transition:color .2s,background .2s;padding:7px 13px;border-radius:999px}
.nav-links a:hover{color:var(--ink)}
.nav-links a[aria-current="page"]{color:var(--ink);background:rgba(23,20,14,.06)}
.nav-cta{display:flex;align-items:center;gap:12px}
.hamburger{display:none;width:42px;height:42px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.hamburger span{width:16px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:80;background:rgba(23,20,14,.42);opacity:0;pointer-events:none;transition:opacity .3s}
.drawer.open{opacity:1;pointer-events:auto}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,330px);background:var(--surface);padding:88px 28px 28px;transform:translateX(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column;gap:4px}
.drawer.open .drawer-panel{transform:translateX(0)}
.drawer-panel a{padding:13px 4px;font-size:17px;font-weight:600;border-bottom:1px solid var(--line)}
.drawer-panel .btn{margin-top:18px}

/* Hero, forside */
.hero{padding:150px 0 0;text-align:center}
.hero .kicker{justify-content:center}
.hero h1{font-size:clamp(42px,6.6vw,84px);letter-spacing:-.038em;margin:20px auto 0;max-width:15ch}
.hero .lead{margin:24px auto 0;font-size:clamp(17px,1.5vw,19.5px);color:var(--soft);max-width:560px}
.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;justify-content:center}

/* Splitscreen-bånd */
.split{position:relative;margin-top:clamp(48px,6vw,76px)}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-radius:var(--r-l);overflow:hidden}
.split-grid figure{margin:0;position:relative;overflow:hidden}
.split-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:8/7;transition:transform 6s var(--ease)}
.split:hover .split-grid img{transform:scale(1.035)}
.split-grid figcaption{
  position:absolute;left:14px;bottom:14px;background:rgba(23,20,14,.62);backdrop-filter:blur(6px);
  color:#fff;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 13px;border-radius:999px;
}
.split-status{
  position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);
  background:var(--surface);border:1px solid var(--line-2);border-radius:999px;
  display:flex;align-items:center;gap:12px;padding:12px 20px;white-space:nowrap;
  box-shadow:0 10px 30px rgba(23,20,14,.10);max-width:calc(100% - 32px);
}
.split-status .puls{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:puls 2.4s ease-in-out infinite;flex:none}
.split-status b{font-size:14px;font-weight:600;letter-spacing:-.01em}
.split-status small{color:var(--soft);font-size:13px}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.3}}

/* Kjedestripe */
.strip{margin-top:clamp(72px,9vw,110px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.strip-inner{display:flex;align-items:center;gap:12px 40px;padding:20px 0;flex-wrap:wrap}
.strip-inner .kl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.strip-inner span{font-weight:600;font-size:15.5px;color:#A9A294;letter-spacing:-.01em}

/* Nyhetskort */
.nyhet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.nyhet{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s var(--ease)}
.nyhet:hover{border-color:var(--line-2);transform:translateY(-3px)}
.nyhet .nf{aspect-ratio:16/10;overflow:hidden}
.nyhet .nf img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.nyhet:hover .nf img{transform:scale(1.03)}
.nyhet .nb{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.nyhet .nmeta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--soft)}
.nyhet .ntag{font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:999px}
.nyhet h3{font-size:18.5px;line-height:1.28;letter-spacing:-.02em}
.nyhet p{color:var(--soft);font-size:14.5px;flex:1}
.nyhet .nles{font-weight:600;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line-2);align-self:flex-start;transition:border-color .2s}
.nyhet:hover .nles{border-color:var(--ink)}

/* Prosess-steg (ghost-nummer) */
.steg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:52px}
.steg{border-top:1px solid var(--line-2);padding-top:22px;position:relative}
.steg .gn{font-size:15px;font-weight:600;color:var(--accent);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.steg h3{font-size:18.5px;margin-top:12px;letter-spacing:-.02em}
.steg p{margin-top:10px;color:var(--soft);font-size:14.5px}

/* Produktkort */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.prodk{position:relative;border-radius:var(--r-l);overflow:hidden;background:var(--dark);aspect-ratio:4/4.6;display:flex;align-items:flex-end}
.prodk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .7s var(--ease),opacity .3s}
.prodk:hover img{transform:scale(1.04)}
.prodk .pv{position:relative;z-index:2;padding:26px;width:100%;background:linear-gradient(to top,rgba(15,12,7,.82),rgba(15,12,7,0));color:#fff}
.prodk h3{color:#fff;font-size:22px;letter-spacing:-.02em}
.prodk small{display:block;color:rgba(255,255,255,.8);font-size:13.5px;margin-top:5px}
.prodk .pchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.prodk .pchips span{font-size:11.5px;font-weight:600;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);padding:4px 10px;border-radius:999px}

/* Mørk seksjon / produsentbånd */
.dark-band{background:var(--dark);color:#fff;border-radius:var(--r-l);overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr}
.dark-band .db-copy{padding:clamp(36px,5vw,58px)}
.dark-band .kicker{color:#D9A183}
.dark-band h2{color:#fff;font-size:clamp(25px,3vw,36px);margin-top:14px}
.dark-band .db-copy>p{margin-top:14px;color:var(--dark-soft);font-size:15.5px;max-width:440px}
.db-lenker{margin:24px 0 0;padding:0;list-style:none}
.db-lenker li{border-top:1px solid var(--dark-line)}
.db-lenker a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;font-weight:500;font-size:15px;color:#fff;transition:padding .25s var(--ease),color .2s}
.db-lenker a:hover{color:#D9A183;padding-left:8px}
.db-lenker svg{flex:none;opacity:.55}
.db-side{background:var(--dark-2);padding:clamp(36px,5vw,58px);display:flex;flex-direction:column;justify-content:center;gap:20px;border-left:1px solid var(--dark-line)}
.db-side h3{color:#fff;font-size:15px;letter-spacing:-.01em}
.tabell{border:1px solid var(--dark-line);border-radius:var(--r);padding:4px 18px;background:rgba(255,255,255,.04)}
.tabell .rad{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--dark-line);font-size:14px}
.tabell .rad:last-child{border-bottom:0}
.tabell .rad span:first-child{color:var(--dark-soft)}
.tabell .rad span:last-child{font-weight:600}
.db-kontakt{display:flex;align-items:center;gap:13px}
.db-kontakt .init{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13.5px;flex:none}
.db-kontakt b{display:block;font-size:14.5px;letter-spacing:-.01em}
.db-kontakt small{color:var(--dark-soft);font-size:12.5px}

/* Sesong */
.sesong-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.sesong{border:1px solid var(--line);border-radius:var(--r-l);padding:24px;background:var(--surface)}
.sesong.aktiv{border-color:var(--accent);background:var(--accent-soft)}
.sesong .stid{font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.sesong.aktiv .stid{color:var(--accent)}
.sesong h3{font-size:17.5px;margin-top:10px;letter-spacing:-.02em}
.sesong p{margin-top:8px;color:var(--soft);font-size:14px}
.sesong .na{display:inline-flex;align-items:center;gap:7px;margin-top:13px;font-weight:600;font-size:12.5px;color:var(--accent)}
.sesong .na .puls{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:puls 2.4s ease-in-out infinite}

/* Film */
.film{position:relative;border-radius:var(--r-l);overflow:hidden;margin-top:44px}
.film img{width:100%;object-fit:cover;aspect-ratio:21/9;filter:brightness(.68)}
.film .film-tekst{position:absolute;left:clamp(24px,4vw,44px);bottom:clamp(22px,4vw,40px);color:#fff;max-width:460px}
.film .film-tekst h3{color:#fff;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.02em}
.film .film-tekst p{margin-top:8px;color:rgba(255,255,255,.85);font-size:14.5px}
.film .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;transition:transform .25s var(--ease)}
.film .play:hover{transform:translate(-50%,-50%) scale(1.07)}

/* Målgrupper */
.mal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.mal{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s var(--ease)}
.mal:hover{border-color:var(--line-2);transform:translateY(-3px)}
.mal .mf{aspect-ratio:16/9;overflow:hidden}
.mal .mf img{width:100%;height:100%;object-fit:cover}
.mal .mb{padding:22px 24px 26px;flex:1;display:flex;flex-direction:column;gap:9px}
.mal h3{font-size:19px;letter-spacing:-.02em}
.mal p{color:var(--soft);font-size:14.5px;flex:1}
.mal .mlenke{font-weight:600;font-size:14px;color:var(--ink);border-bottom:1px solid var(--line-2);align-self:flex-start;transition:border-color .2s}
.mal:hover .mlenke{border-color:var(--ink)}

/* Følg oss */
.some{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.some-kort{display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:var(--r-l);padding:24px 26px;background:var(--surface);transition:border-color .25s}
.some-kort:hover{border-color:var(--ink)}
.some-kort .si{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--accent-soft);color:var(--accent)}
.some-kort b{font-size:15.5px;display:block;letter-spacing:-.01em}
.some-kort small{color:var(--soft);font-size:13px}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;background:none;border:0;text-align:left;padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.015em;font-family:inherit}
.faq-q .pm{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;transition:.3s;position:relative}
.faq-q .pm::before,.faq-q .pm::after{content:"";position:absolute;background:var(--ink);transition:.3s}
.faq-q .pm::before{width:11px;height:1.5px}
.faq-q .pm::after{width:1.5px;height:11px}
.faq-item.open .pm{background:var(--ink);border-color:var(--ink)}
.faq-item.open .pm::before,.faq-item.open .pm::after{background:#fff}
.faq-item.open .pm::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease)}
.faq-a p{padding:0 0 22px;color:var(--soft);font-size:15px;max-width:560px}

/* CTA */
.cta-band{background:var(--dark);border-radius:var(--r-l);padding:clamp(44px,6vw,72px);text-align:center;color:#fff}
.cta-band h2{color:#fff;font-size:clamp(27px,3.6vw,42px);max-width:640px;margin:0 auto;letter-spacing:-.03em}
.cta-band p{margin:16px auto 0;color:var(--dark-soft);max-width:500px;font-size:16.5px}
.cta-actions{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.cta-band small{display:block;margin-top:20px;color:rgba(255,255,255,.5);font-size:13px}

/* Footer */
footer{background:var(--surface);border-top:1px solid var(--line);padding:60px 0 34px;margin-top:clamp(60px,8vw,100px)}
.section + footer, .cta-wrap + footer{margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{color:var(--soft);font-size:14px;max-width:290px}
.foot-soc{display:flex;gap:10px;margin-top:18px}
.foot-soc a{width:38px;height:38px;border-radius:999px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--soft);transition:.25s}
.foot-soc a:hover{color:var(--ink);border-color:var(--ink)}
.foot-col h4{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);font-weight:600;margin:0 0 14px}
.foot-col a{display:block;color:var(--soft);font-size:14px;padding:5px 0;transition:color .2s}
.foot-col a:hover{color:var(--ink)}
.foot-bot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap;color:var(--soft);font-size:13px}
.ailo-credit{opacity:.55;font-size:12px;text-align:center;padding:18px 24px 0}
.ailo-credit a{text-decoration:underline;text-underline-offset:3px}

/* Undersider */
.page-hero{padding:150px 0 0}
.page-hero .kicker{color:var(--accent)}
.page-hero h1{font-size:clamp(36px,5vw,62px);letter-spacing:-.035em;margin-top:16px;max-width:18ch}
.page-hero .lead{margin-top:20px;font-size:clamp(16.5px,1.4vw,18.5px);color:var(--soft);max-width:600px}
.page-foto{margin-top:clamp(40px,5vw,60px);border-radius:var(--r-l);overflow:hidden}
.page-foto img{width:100%;object-fit:cover;aspect-ratio:21/9}

/* Innholdsrader (om-siden) */
.rad2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,72px);align-items:center}
.rad2 .foto{border-radius:var(--r-l);overflow:hidden}
.rad2 .foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.rad2 h2{font-size:clamp(25px,3vw,36px)}
.rad2 p{margin-top:14px;color:var(--soft);font-size:16px}
.verdi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.verdi{border:1px solid var(--line);border-radius:var(--r-l);padding:28px;background:var(--surface)}
.verdi .gn{font-size:13px;font-weight:600;color:var(--accent)}
.verdi h3{font-size:18px;margin-top:10px;letter-spacing:-.02em}
.verdi p{margin-top:8px;color:var(--soft);font-size:14.5px}

/* Folk */
.folk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.person{border:1px solid var(--line);border-radius:var(--r-l);padding:26px;background:var(--surface)}
.person .init{width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.person b{display:block;margin-top:16px;font-size:15.5px;letter-spacing:-.01em}
.person small{color:var(--soft);font-size:13px;display:block}
.person a{color:var(--accent);font-size:13.5px;font-weight:500;display:inline-block;margin-top:10px}
.person a:hover{color:var(--accent-deep)}

/* Produkt-detalj (produkter.html) */
.pd-rad{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,4vw,60px);align-items:start;padding:clamp(44px,5vw,64px) 0;border-top:1px solid var(--line)}
.pd-rad:first-of-type{border-top:0}
.pd-rad .foto{border-radius:var(--r-l);overflow:hidden;position:sticky;top:96px}
.pd-rad .foto img{width:100%;object-fit:cover;aspect-ratio:4/3}
.pd-rad h2{font-size:clamp(24px,2.8vw,34px)}
.pd-rad .pd-ingress{margin-top:12px;color:var(--soft);font-size:15.5px;max-width:520px}
.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.format{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;background:var(--surface);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.format b{font-size:15px;letter-spacing:-.01em;display:block}
.format small{color:var(--soft);font-size:13px;display:block;margin-top:3px}
.format .vekt{font-size:12px;font-weight:600;color:var(--accent-deep);background:var(--accent-soft);padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none}

/* Artikkelliste (aktuelt.html) */
.filter-rad{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.filter-rad a{font-size:13.5px;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);color:var(--soft);transition:.2s}
.filter-rad a:hover{color:var(--ink);border-color:var(--ink)}
.filter-rad a.aktiv{background:var(--ink);border-color:var(--ink);color:#fff}
.featured{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--surface);margin-top:36px}
.featured .ff{overflow:hidden}
.featured .ff img{width:100%;height:100%;object-fit:cover;min-height:320px}
.featured .fb{padding:clamp(28px,3.5vw,44px);display:flex;flex-direction:column;gap:12px;justify-content:center}
.featured h2{font-size:clamp(22px,2.6vw,32px);line-height:1.15}
.featured p{color:var(--soft);font-size:15.5px}

/* Kontakt */
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px);align-items:start}
.k-info .tabell-lys{border:1px solid var(--line);border-radius:var(--r);padding:4px 20px;background:var(--surface)}
.k-info .tabell-lys .rad{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.k-info .tabell-lys .rad:last-child{border-bottom:0}
.k-info .tabell-lys .rad span:first-child{color:var(--soft)}
.k-info .tabell-lys .rad span:last-child{font-weight:600;text-align:right}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
.fade-up{opacity:0;transform:translateY(16px);animation:fadeUp .7s var(--ease) forwards}
@keyframes fadeUp{to{opacity:1;transform:none}}
.d1{animation-delay:.05s}.d2{animation-delay:.13s}.d3{animation-delay:.21s}.d4{animation-delay:.3s}

:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

/* Responsivt */
@media(max-width:980px){
  .nyhet-grid,.mal-grid,.verdi-grid,.prod-grid{grid-template-columns:1fr 1fr}
  .steg-grid,.sesong-grid{grid-template-columns:1fr 1fr;gap:28px 24px}
  .dark-band,.rad2,.pd-rad,.kontakt-grid,.featured{grid-template-columns:1fr}
  .db-side{border-left:0;border-top:1px solid var(--dark-line)}
  .faq-wrap{grid-template-columns:1fr;gap:32px}
  .foot-grid{grid-template-columns:1fr 1fr}
  .folk-grid{grid-template-columns:1fr 1fr}
  .pd-rad .foto{position:static}
}
@media(max-width:820px){
  .nav-links{display:none}
  .hamburger{display:flex}
}
@media(max-width:620px){
  body{font-size:15.5px}
  .nyhet-grid,.mal-grid,.steg-grid,.sesong-grid,.some,.verdi-grid,.folk-grid,.format-grid,.prod-grid{grid-template-columns:1fr}
  .split-grid{grid-template-columns:1fr}
  .split-grid img{aspect-ratio:16/10}
  .split-status{position:static;transform:none;margin:14px auto 0;white-space:normal;justify-content:center}
  .film img{aspect-ratio:4/3}
  .foot-grid{grid-template-columns:1fr}
  .hero{padding-top:130px}
  .page-hero{padding-top:128px}
}
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  [data-reveal],.fade-up{opacity:1;transform:none}
}