/* Samspill nettsted (10. okt. 2026): felles stil for forsiden og temasidene, 003-stil. */
:root {
  --bg: #08080B; --bg2: #0C0C11; --kort: #12121A; --kant: rgba(255,255,255,.08); --kant2: rgba(255,255,255,.14);
  --tekst: #F0F0F5; --sub: #A1A1B3; --dempa: #9A9AAE; --lys: #C4C4D0;
  --gronn: #34D399; --gul: #FCD34D; --bla: #93B4FF; --rosa: #F9A8D4; --lilla: #A78BFA;
  --merke: linear-gradient(135deg, #4338CA 0%, #6D28D9 55%, #8B5CF6 100%);
  --bredde: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--tekst); font-family: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: var(--tekst); }
a:hover { color: #fff; }
h1, h2, h3 { font-family: 'Bricolage Grotesque', 'Geist', sans-serif; font-weight: 800; letter-spacing: -.02em; margin: 0; line-height: 1.08; }
h1 { font-size: clamp(38px, 6vw, 68px); }
h2 { font-size: clamp(30px, 4.2vw, 46px); }
h3 { font-size: 20px; letter-spacing: -.01em; line-height: 1.25; }
p { margin: 0; }
.innhold { max-width: var(--bredde); margin: 0 auto; padding: 0 24px; }
.hopp { position: absolute; left: -9999px; }
.hopp:focus { left: 16px; top: 16px; z-index: 100; background: #fff; color: #000; padding: 8px 12px; border-radius: 8px; }
:focus-visible { outline: 2px solid var(--bla); outline-offset: 3px; }

/* Meny */
.topp { position: sticky; top: 0; z-index: 50; background: rgba(8,8,11,.82); backdrop-filter: saturate(140%) blur(14px); -webkit-backdrop-filter: saturate(140%) blur(14px); border-bottom: 1px solid var(--kant); }
.topp .innhold { display: flex; align-items: center; gap: 20px; height: 68px; }
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 20px; color: var(--tekst); }
.logo span { width: 34px; height: 34px; border-radius: 10px; background: var(--merke); display: grid; place-items: center; color: #fff; font-size: 18px; }
.logo-merke { width: 34px; height: 34px; display: block; flex: none; }
.meny { flex: 1; display: flex; gap: 4px; justify-content: center; }
.meny a { text-decoration: none; color: var(--lys); font-size: 14px; font-weight: 600; padding: 8px 12px; border-radius: 10px; }
.meny a:hover, .meny a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.06); }
.topp-hoyre { display: flex; align-items: center; gap: 10px; }
.lenke-dempa { color: var(--lys); text-decoration: none; font-size: 14px; font-weight: 600; padding: 8px 6px; }
.menyknapp { display: none; background: none; border: 1px solid var(--kant2); color: var(--tekst); width: 44px; height: 44px; border-radius: 12px; cursor: pointer; }
@media (max-width: 1020px) {
  .meny { display: none; position: absolute; left: 0; right: 0; top: 68px; flex-direction: column; background: var(--bg); border-bottom: 1px solid var(--kant); padding: 12px 16px 18px; gap: 2px; }
  .meny.apen { display: flex; }
  .meny a { padding: 12px; font-size: 16px; }
  .menyknapp { display: grid; place-items: center; margin-left: auto; }
  .topp-hoyre .lenke-dempa { display: none; }
}
@media (max-width: 520px) { .topp-hoyre .knapp { display: none; } }

/* Knapper */
.knapp { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 12px; font-size: 15px; font-weight: 800; text-decoration: none; border: 1px solid transparent; cursor: pointer; white-space: nowrap; }
.knapp.hoved { background: var(--tekst); color: var(--bg); }
.knapp.hoved:hover { background: #fff; color: var(--bg); }
.knapp.sekundar { border-color: var(--kant2); color: var(--tekst); background: rgba(255,255,255,.03); }
.knapp.sekundar:hover { background: rgba(255,255,255,.08); }
.knapp.liten { height: 40px; padding: 0 16px; font-size: 14px; }

/* Seksjoner */
.seksjon { padding: 96px 0; }
.seksjon.tett { padding: 64px 0; }
.seksjon.mork { background: var(--bg2); border-top: 1px solid var(--kant); border-bottom: 1px solid var(--kant); }
.etikett { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--dempa); margin-bottom: 14px; }
.etikett.gronn { color: var(--gronn); } .etikett.gul { color: var(--gul); } .etikett.bla { color: var(--bla); } .etikett.rosa { color: var(--rosa); } .etikett.lilla { color: var(--lilla); }
.ingress { font-size: clamp(17px, 1.6vw, 20px); color: var(--sub); max-width: 680px; margin-top: 16px; line-height: 1.55; }
.midt { text-align: center; } .midt .ingress { margin-left: auto; margin-right: auto; }
.knapper { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.midt .knapper { justify-content: center; }
.smatekst { font-size: 13px; color: var(--dempa); margin-top: 14px; }

/* Hero */
.hero { position: relative; overflow: hidden; }
.hero-bilde { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 70%; }
.hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,8,11,.94) 0%, rgba(8,8,11,.78) 48%, rgba(8,8,11,.4) 100%), linear-gradient(180deg, rgba(8,8,11,0) 55%, var(--bg) 100%); }
.hero .innhold { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 48px; align-items: center; padding-top: 72px; padding-bottom: 72px; }
.hero h1 { max-width: 640px; }
.idretter { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 18px; font-size: 13px; font-weight: 700; }
.idretter .na { padding: 5px 12px; border-radius: 99px; background: rgba(52,211,153,.16); color: var(--gronn); }
.idretter .kommer { color: var(--dempa); }
.idretter a { color: var(--lys); }
@media (max-width: 860px) { .hero .innhold { grid-template-columns: 1fr; padding-top: 48px; } .hero .telefon { max-width: 260px; margin: 0 auto; } }

/* Temaside-topp */
.tema-topp { padding: 72px 0 40px; border-bottom: 1px solid var(--kant); background: radial-gradient(1200px 400px at 20% -10%, rgba(109,40,217,.18), transparent 60%); }
.tema-topp .innhold { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 40px; align-items: end; }
@media (max-width: 860px) { .tema-topp .innhold { grid-template-columns: 1fr; } }
.hopplenker { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.hopplenker a { font-size: 13px; font-weight: 700; text-decoration: none; color: var(--lys); border: 1px solid var(--kant2); padding: 7px 12px; border-radius: 99px; }
.hopplenker a:hover { color: #fff; border-color: rgba(255,255,255,.3); }

/* Telefon og skjerm */
.telefon { border-radius: 38px; padding: 10px; background: #1A1A22; border: 1px solid var(--kant2); box-shadow: 0 30px 80px rgba(0,0,0,.55); max-width: 320px; }
.telefon img { border-radius: 29px; width: 100%; height: auto; }
.skjerm { border-radius: 16px; overflow: hidden; border: 1px solid var(--kant2); box-shadow: 0 30px 80px rgba(0,0,0,.5); background: var(--kort); }
.skjerm img { width: 100%; height: auto; }
.bildetekst { font-size: 13px; color: var(--dempa); margin-top: 12px; text-align: center; }

/* Rutenett og kort */
.rutenett { display: grid; gap: 16px; }
.r2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.r3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.r4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 960px) { .r4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .r3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .r2, .r3, .r4 { grid-template-columns: 1fr; } }
.kort { background: var(--kort); border: 1px solid var(--kant); border-radius: 20px; padding: 24px; }
.kort h3 { margin-bottom: 8px; }
.kort p { color: var(--sub); font-size: 15px; }
.kort .ikon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; margin-bottom: 16px; background: rgba(255,255,255,.06); }
.kort .ikon svg { width: 22px; height: 22px; }
a.kort { text-decoration: none; display: block; transition: border-color .15s, transform .15s; }
a.kort:hover { border-color: var(--kant2); transform: translateY(-2px); }
.kort .mer { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 700; color: var(--tekst); }
.merke-kommer { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--gul); background: rgba(252,211,77,.12); padding: 3px 8px; border-radius: 99px; margin-left: 6px; vertical-align: middle; }

/* To kolonner med bilde */
.delt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.delt.bilde-venstre > :first-child { order: 2; }
.delt .telefon { margin: 0 auto; }
@media (max-width: 860px) { .delt { grid-template-columns: 1fr; gap: 40px; } .delt.bilde-venstre > :first-child { order: 0; } }
.punkter { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 14px; }
.punkter li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; color: var(--lys); font-size: 16px; }
.punkter li::before { content: ''; width: 20px; height: 20px; margin-top: 3px; border-radius: 6px; background: rgba(52,211,153,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334D399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/14px no-repeat; }
.punkter li b { color: var(--tekst); }

/* Sitat og fremhevet */
.fremhevet { background: var(--kort); border: 1px solid var(--kant); border-radius: 24px; padding: 40px; }
.tall { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 48px); line-height: 1; }

/* CTA nederst */
.avslutning { padding: 96px 0; text-align: center; background: radial-gradient(900px 360px at 50% 0%, rgba(109,40,217,.22), transparent 70%); border-top: 1px solid var(--kant); }

/* Spørsmål og svar */
details.sporsmal { border-bottom: 1px solid var(--kant); padding: 18px 0; }
details.sporsmal summary { cursor: pointer; font-weight: 700; font-size: 17px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
details.sporsmal summary::after { content: '+'; color: var(--dempa); font-size: 22px; line-height: 1; }
details.sporsmal[open] summary::after { content: '–'; }
details.sporsmal p { color: var(--sub); margin-top: 10px; max-width: 760px; }

/* Bunn */
.bunn { border-top: 1px solid var(--kant); padding: 56px 0 40px; font-size: 14px; color: var(--sub); }
.bunn .rutenett { grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr)); gap: 32px; }
@media (max-width: 760px) { .bunn .rutenett { grid-template-columns: 1fr 1fr; } }
.bunn h4 { margin: 0 0 12px; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--dempa); }
.bunn ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bunn a { color: var(--lys); text-decoration: none; }
.bunn a:hover { color: #fff; }
.bunn .juridisk { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--kant); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: var(--dempa); font-size: 13px; }

/* ── Forsiden i Apple-stil (10. okt.): store flater med bilde og kort tekst ── */
.flater { display: grid; gap: 12px; padding: 12px; }
.flis { position: relative; overflow: hidden; border-radius: 28px; min-height: 640px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 64px 24px 0; isolation: isolate; text-decoration: none; }
.flis.stor { min-height: calc(100vh - 92px); min-height: calc(100svh - 92px); justify-content: flex-start; }
.flis .bakgrunn { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.flis.mork { background: #000; color: #F5F5F7; }
.flis.lys { background: #F5F5F7; color: #1D1D1F; }
.flis.hvit { background: #fff; color: #1D1D1F; }
.flis.mork::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.25) 38%, rgba(0,0,0,0) 60%); }
.flis.lys.foto::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(245,245,247,.95) 0%, rgba(245,245,247,.7) 30%, rgba(245,245,247,0) 55%); }
.flis .tittel { font-family: 'Bricolage Grotesque', 'Geist', sans-serif; font-weight: 800; letter-spacing: -.025em; font-size: clamp(44px, 6.5vw, 80px); line-height: 1.02; margin: 0; }
.flis.stor .tittel { font-size: clamp(56px, 9vw, 116px); }
.flis .under { font-size: clamp(20px, 2.4vw, 28px); line-height: 1.25; margin-top: 10px; font-weight: 500; max-width: 760px; }
.flis.mork .under { color: #E8E8ED; } .flis.lys .under, .flis.hvit .under { color: #3A3A3C; }
.flis .lenker { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 22px; align-items: center; }
.flis .pille { display: inline-flex; align-items: center; height: 44px; padding: 0 22px; border-radius: 999px; font-size: 16px; font-weight: 700; text-decoration: none; }
.flis.mork .pille.hoved { background: #F5F5F7; color: #000; } .flis.mork .pille.hoved:hover { background: #fff; }
.flis.lys .pille.hoved, .flis.hvit .pille.hoved { background: #1D1D1F; color: #fff; }
.flis .pille.kant { border: 1.5px solid currentColor; }
.flis.mork .pille.kant { color: #F5F5F7; } .flis.lys .pille.kant, .flis.hvit .pille.kant { color: #1D1D1F; }
.flis .pille:hover { opacity: .9; }
.flis .merk { font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 12px; }
.flis.mork .merk { color: #A1A1A6; } .flis.lys .merk, .flis.hvit .merk { color: #6E6E73; }
.flis-rad { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.flis-rad .flis { min-height: 580px; padding-top: 52px; }
.flis-rad .flis .tittel { font-size: clamp(36px, 4.4vw, 56px); }
.flis-rad .flis .under { font-size: clamp(18px, 1.8vw, 22px); }
.flis .telefon-bunn { margin-top: auto; width: min(300px, 70%); transform: translateY(18%); border-radius: 40px 40px 0 0; padding: 10px 10px 0; background: #1A1A22; box-shadow: 0 -10px 60px rgba(0,0,0,.25); }
.flis .telefon-bunn img { border-radius: 30px 30px 0 0; width: 100%; height: auto; }
.ordvegg { margin-top: auto; padding: 48px 0 64px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; max-width: 980px; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(28px, 4.4vw, 56px); letter-spacing: -.02em; line-height: 1.05; }
.ordvegg span { color: #3A3A3C; } .ordvegg span:nth-child(3n+1) { color: #34D399; } .ordvegg span:nth-child(3n+2) { color: #F5F5F7; }
.storpris { margin-top: auto; padding-bottom: 72px; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; letter-spacing: -.03em; }
.storpris b { display: block; font-size: clamp(64px, 9vw, 120px); line-height: 1; }
.storpris span { display: block; font-size: 18px; color: #6E6E73; margin-top: 12px; font-family: 'Geist', sans-serif; font-weight: 600; letter-spacing: 0; }
.stripe-tekst { text-align: center; padding: 72px 24px; }
.stripe-tekst p { font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; letter-spacing: -.02em; font-size: clamp(28px, 4vw, 48px); line-height: 1.1; max-width: 900px; margin: 0 auto; }
.stripe-tekst p span { color: #6E6E78; }
@media (max-width: 820px) {
  .flis-rad { grid-template-columns: 1fr; }
  .flis { min-height: 560px; border-radius: 22px; padding-top: 48px; }
  .flis-rad .flis { min-height: 520px; }
  .flater { padding: 8px; gap: 8px; }
}
.flis .bakgrunn.nede { top: auto; bottom: 0; height: 66%; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%); mask-image: linear-gradient(180deg, transparent 0%, #000 22%); }
.flis.lys.foto:has(.nede)::before { display: none; }

/* ── Undersidene (10. okt.): historie i akter, ikke funksjonslister ── */
.side-topp { padding: 88px 0 0; text-align: center; overflow: hidden; }
.side-topp .etikett { margin-bottom: 18px; }
.side-topp h1 { font-size: clamp(44px, 7vw, 88px); letter-spacing: -.03em; max-width: 980px; margin: 0 auto; }
.side-topp .ingress { margin: 18px auto 0; font-size: clamp(19px, 2vw, 24px); max-width: 720px; }
.side-topp .knapper { justify-content: center; }
.side-topp .visning { margin: 56px auto 0; max-width: 1180px; padding: 0 24px; }
.side-topp .visning .telefon { margin: 0 auto -120px; max-width: 340px; }
.side-topp .visning .skjerm { border-radius: 18px 18px 0 0; border-bottom: 0; margin-bottom: -2px; }
.side-topp .visning .foto { border-radius: 24px; width: 100%; height: clamp(260px, 42vw, 560px); object-fit: cover; }
.fakta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--kant); border-bottom: 1px solid var(--kant); }
.fakta > div { padding: 44px 28px; text-align: center; }
.fakta > div + div { border-left: 1px solid var(--kant); }
.fakta b { display: block; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(44px, 5.5vw, 72px); letter-spacing: -.03em; line-height: 1; }
.fakta span { display: block; margin-top: 10px; color: var(--sub); font-size: 16px; }
@media (max-width: 720px) { .fakta { grid-template-columns: 1fr; } .fakta > div + div { border-left: 0; border-top: 1px solid var(--kant); } }
.akt { padding: 112px 0; }
.akt-tittel { text-align: center; max-width: 820px; margin: 0 auto 56px; }
.akt-tittel h2 { font-size: clamp(34px, 5vw, 60px); letter-spacing: -.03em; }
.akt-tittel p { color: var(--sub); font-size: clamp(18px, 1.8vw, 21px); margin-top: 16px; }
.tidslinje { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--steg, 4), minmax(0, 1fr)); gap: 24px; position: relative; }
.tidslinje::before { content: ''; position: absolute; left: 6px; right: 6px; top: 7px; height: 2px; background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.22), rgba(255,255,255,.08)); }
.tidslinje li { position: relative; padding-top: 34px; }
.tidslinje li::before { content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); border: 3px solid var(--aksent, #F0F0F5); }
.tidslinje .når { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--aksent, var(--dempa)); }
.tidslinje h3 { margin: 8px 0 6px; font-size: 20px; }
.tidslinje p { color: var(--sub); font-size: 15px; }
@media (max-width: 820px) { .tidslinje { grid-template-columns: 1fr; gap: 28px; padding-left: 30px; } .tidslinje::before { left: 7px; right: auto; top: 6px; bottom: 6px; width: 2px; height: auto; background: rgba(255,255,255,.14); } .tidslinje li { padding-top: 0; } .tidslinje li::before { left: -30px; top: 3px; } }
.fokus { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 72px; align-items: center; }
.fokus.snudd > :first-child { order: 2; }
.fokus h2 { font-size: clamp(32px, 4.2vw, 52px); letter-spacing: -.03em; }
.fokus p { color: var(--sub); font-size: 18px; margin-top: 16px; }
.fokus .linjer { margin-top: 28px; display: grid; gap: 18px; }
.fokus .linjer div { border-top: 1px solid var(--kant); padding-top: 16px; }
.fokus .linjer b { display: block; font-size: 17px; }
.fokus .linjer span { color: var(--sub); font-size: 15px; }
.fokus .telefon { margin: 0 auto; }
@media (max-width: 900px) { .fokus { grid-template-columns: 1fr; gap: 48px; } .fokus.snudd > :first-child { order: 0; } }
.alt-annet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 48px; }
.alt-annet > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; }
.alt-annet svg { width: 26px; height: 26px; margin-top: 2px; }
.alt-annet b { display: block; font-size: 17px; }
.alt-annet span { display: block; color: var(--sub); font-size: 15px; margin-top: 4px; }
@media (max-width: 900px) { .alt-annet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .alt-annet { grid-template-columns: 1fr; } }
.fotostripe { position: relative; margin: 0 12px; border-radius: 28px; overflow: hidden; min-height: 520px; display: flex; align-items: flex-end; isolation: isolate; }
.fotostripe img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.fotostripe::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 70%); }
.fotostripe p { padding: 48px clamp(24px, 5vw, 64px); font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; letter-spacing: -.02em; font-size: clamp(28px, 4vw, 52px); line-height: 1.08; max-width: 900px; color: #fff; }
.fotostripe p span { color: rgba(255,255,255,.62); }
.stor-skjerm { max-width: 1100px; margin: 0 auto; }
.stor-skjerm .skjerm { border-radius: 20px; }
.neste-side { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; text-decoration: none; padding: 36px 40px; border-radius: 24px; background: var(--kort); border: 1px solid var(--kant); transition: border-color .15s; }
.neste-side:hover { border-color: var(--kant2); }
.neste-side small { display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--dempa); }
.neste-side b { display: block; font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.02em; margin-top: 6px; }
.neste-side span.under { display: block; color: var(--sub); margin-top: 6px; }
.neste-side .pil { width: 56px; height: 56px; border-radius: 50%; background: var(--tekst); color: var(--bg); display: grid; place-items: center; font-size: 24px; font-weight: 800; }
.fotostripe::before { background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,.45) 42%, rgba(0,0,0,0) 72%); }
.fotostripe p span { color: rgba(255,255,255,.78); }

/* Pilotlinje øverst (13. okt. 2026): pilotsesong 2026/27, lansering våren 2027. */
.pilotlinje { background: #0F1A14; border-bottom: 1px solid rgba(52,211,153,.25); font-size: 14px; color: var(--lys); }
.pilotlinje .innhold { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; padding: 8px 16px; text-align: center; }
.pilotlinje b { color: var(--tekst); }
.pilotlinje .prikk { width: 8px; height: 8px; border-radius: 50%; background: var(--gronn); box-shadow: 0 0 0 3px rgba(52,211,153,.2); flex: none; }
.pilotlinje a { color: var(--gronn); font-weight: 600; text-decoration: none; white-space: nowrap; }
.pilotlinje a:hover { text-decoration: underline; color: var(--gronn); }
@media (max-width: 640px) {
  .pilotlinje { font-size: 13px; line-height: 1.4; }
  .pilotlinje .innhold { gap: 2px 8px; padding: 7px 12px; }
  .pilotlinje .prikk { display: none; }
}