/* Carstens MC v2 — mørkt værksted + racerflade.
   Display: League Spartan 800 versaler, tæt. Brød: Poppins. Data: Roboto Mono. */

:root{
  --sort:#0B0D10; --sort-2:#13161B; --sort-3:#1B1F26;
  --papir:#F2F0EC; --papir-2:#E6E2DC;
  --blaa:#0A1CA0; --blaa-d:#061271; --blaa-l:#2238D8;
  --roed:#D33523; --roed-d:#B02A1A;
  --staal:#8B939E; --staal-d:#7A818B;
  --streg:rgb(255 255 255/.13); --streg-m:#D5D0C8;
  --maks:1320px; --top:66px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--top)}
body{font-family:'Poppins',system-ui,sans-serif;font-size:16px;line-height:1.65;
     color:#C9CED6;background:var(--sort);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ---------- typografi ---------- */
.d{font-family:'League Spartan',sans-serif;font-weight:800;text-transform:uppercase;
   letter-spacing:-.035em;line-height:.88;color:#fff}
h1.d{font-size:clamp(40px,6.9vw,100px)}
h2.d{font-size:clamp(34px,5.4vw,74px)}
h3.d{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.028em;line-height:.95}
.m{font-family:'Roboto Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.idx{font-family:'Roboto Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.2em;
     text-transform:uppercase;color:var(--rt)}
.led{font-size:17px;line-height:1.7;color:var(--staal);max-width:56ch}
.papir .led{color:#4A515C}

.ind{max-width:var(--maks);margin-inline:auto;padding-inline:28px}
.ind>*{min-width:0}
section{padding:110px 0}
.papir{background:var(--papir);color:#15181D}
.papir .d{color:#0B0D10}
.blaa{background:var(--blaa);color:#fff}

/* ---------- speed blocks (Yamahas racerstribe) ---------- */
.blok{display:flex;gap:5px;align-items:flex-end;height:22px}
.blok i{display:block;width:24px;height:100%;background:var(--roed);transform:skewX(-18deg)}
.blok i:nth-child(2){width:17px;opacity:.78}
.blok i:nth-child(3){width:11px;opacity:.5}
.blok i:nth-child(4){width:6px;opacity:.28}
.blok.hvid i{background:#fff}
.blok.blaa-b i{background:var(--blaa-l)}

/* ---------- knapper ---------- */
.k{display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 30px;
   font-family:'Roboto Mono',monospace;font-size:14px;font-weight:600;letter-spacing:.14em;
   text-transform:uppercase;border:1.5px solid transparent;cursor:pointer;transition:.16s ease;
   clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.k svg{flex:none}
.k-r{background:var(--roed);color:#fff}
.k-r:hover{background:var(--roed-d)}
.k-h{background:#fff;color:var(--sort)}
.k-h:hover{background:var(--papir-2)}
.k-o{border-color:rgb(255 255 255/.32);color:#fff}
.k-o:hover{border-color:#fff;background:rgb(255 255 255/.08)}
.papir .k-o{border-color:#BEB8AE;color:#15181D}
.papir .k-o:hover{border-color:#15181D;background:rgb(0 0 0/.05)}
.k-s{background:var(--sort);color:#fff}
.k-s:hover{background:var(--sort-3)}

/* ---------- sidehoved ---------- */
.bar{background:#06080A;border-bottom:1px solid var(--streg)}
.bar .ind{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:10px;
          font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.11em;
          text-transform:uppercase;color:var(--staal-d)}
.bar b{color:var(--staal);font-weight:500}

.top{position:sticky;top:0;z-index:70;background:rgb(11 13 16/.93);backdrop-filter:blur(16px);
     border-bottom:1px solid var(--streg)}
.top .ind{display:flex;align-items:center;gap:28px;height:var(--top)}
.top .logo img{height:28px;width:auto}
nav.n{display:flex;margin-left:auto;align-items:center;height:100%}
nav.n a{display:inline-flex;align-items:center;height:100%;padding:0 16px;
        font-family:'Roboto Mono',monospace;font-size:11.5px;font-weight:500;letter-spacing:.15em;
        text-transform:uppercase;color:var(--staal);position:relative;transition:.14s ease}
nav.n a::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;
        background:var(--roed);transform:scaleX(0);transition:.18s ease}
nav.n a:hover{color:#fff}
nav.n a:hover::after,nav.n a.her::after{transform:scaleX(1)}
nav.n a.her{color:#fff}
nav.n .tlf{background:var(--roed);color:#fff;margin-left:18px;padding:0 20px;gap:9px}
nav.n .tlf::after{display:none}
nav.n .tlf:hover{background:var(--roed-d)}
.bgr{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--streg);
     background:transparent;color:#fff;cursor:pointer;align-items:center;justify-content:center}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--sort);overflow:hidden;border-bottom:1px solid var(--streg)}
.hero-ind{max-width:var(--maks);margin-inline:auto;padding:0 28px;
          display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);
          gap:0;align-items:stretch;min-height:min(78vh,760px)}
.hero-v{padding:76px 48px 76px 0;display:flex;flex-direction:column;justify-content:center}
.hero-v .blok{margin-bottom:30px}
.hero-sub{font-family:'Roboto Mono',monospace;font-size:13px;letter-spacing:.2em;
          text-transform:uppercase;color:var(--rt);margin-bottom:22px}
.hero h1{margin-bottom:18px}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px rgb(255 255 255/.5)}
.hero .slag{font-size:19px;color:var(--staal);margin-bottom:38px;font-weight:400}
.hero-kn{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:46px}
.hero-data{display:grid;grid-template-columns:repeat(3,auto);gap:0 42px;justify-content:start;
           border-top:1px solid var(--streg);padding-top:26px}
.hero-data div{min-width:0}
.hero-data b{display:block;font-family:'League Spartan',sans-serif;font-weight:800;font-size:34px;
             color:#fff;line-height:1;letter-spacing:-.03em;margin-bottom:7px}
.hero-data span{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.15em;
                text-transform:uppercase;color:var(--staal-d);display:block;line-height:1.5}
.hero-h{position:relative;margin-right:calc(-1 * max(0px, (100vw - var(--maks)) / 2) - 28px)}
.hero-h img{width:100%;height:100%;object-fit:cover;object-position:center 45%;
     filter:grayscale(.5) contrast(1.08) brightness(.62)}
.hero-h::before{content:"";position:absolute;inset:0;z-index:2;
     background:linear-gradient(90deg,var(--sort) 0%,rgb(11 13 16/.55) 22%,transparent 55%)}
.hero-h::after{content:"";position:absolute;left:-1px;top:0;bottom:0;width:150px;z-index:3;
     background:var(--sort);clip-path:polygon(0 0,100% 0,0 100%)}

/* ---------- databånd ---------- */
.tick{background:var(--blaa);border-block:1px solid rgb(255 255 255/.16);overflow:hidden}
.tick .ind{display:flex;gap:0;padding-inline:0;flex-wrap:wrap}
.tick .ind>div{flex:1 1 0;min-width:190px;padding:22px 26px;
     border-right:1px solid rgb(255 255 255/.16);display:flex;align-items:center;gap:14px}
.tick .ind>div:last-child{border-right:0}
.tick svg{flex:none;color:#8FA0FF}
.tick b{display:block;font-family:'League Spartan',sans-serif;font-weight:800;font-size:21px;
        color:#fff;letter-spacing:-.02em;line-height:1;margin-bottom:4px;text-transform:uppercase}
.tick span{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.12em;
           text-transform:uppercase;color:#A6B2F0;display:block}

/* ---------- sektionshoved ---------- */
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
    padding-bottom:26px;border-bottom:1px solid var(--streg);margin-bottom:54px;flex-wrap:wrap}
.papir .sh{border-color:var(--streg-m)}
.sh>*{min-width:0}
.sh .idx{display:block;margin-bottom:16px}
.sh .led{margin-top:16px}

/* ---------- flisegitter (alt under ét tag) ---------- */
.fliser{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
.fliser>*{min-width:0}
.flise{position:relative;overflow:hidden;background:var(--sort-2);display:block;
       min-height:290px;grid-column:span 2}
.flise.stor{grid-column:span 3;min-height:380px}
.flise.bred{grid-column:span 4}
.flise img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
           transition:.55s cubic-bezier(.2,.7,.3,1);filter:grayscale(.2) brightness(.82)}
.flise:hover img{transform:scale(1.055);filter:grayscale(0) brightness(.95)}
.flise::after{content:"";position:absolute;inset:0;
       background:linear-gradient(0deg,rgb(11 13 16/.92) 0%,rgb(11 13 16/.35) 46%,transparent 78%)}
.flise .txt{position:absolute;inset:auto 0 0 0;z-index:2;padding:28px 26px}
.flise .nr{font-family:'Roboto Mono',monospace;font-size:12.5px;letter-spacing:.2em;
           color:var(--rt);display:block;margin-bottom:10px}
.flise h3{margin-bottom:9px}
.flise p{font-size:15.5px;line-height:1.58;color:#A8B0BB;max-width:40ch;margin-bottom:14px}
.flise .gaa{font-family:'Roboto Mono',monospace;font-size:13px;letter-spacing:.14em;
            text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:9px}
.flise .gaa svg{transition:.2s ease}
.flise:hover .gaa svg{transform:translateX(5px)}

/* ---------- lagerliste (motorcykler) ---------- */
.lager{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.lager>*{min-width:0}
.vare{background:var(--sort-2);display:flex;flex-direction:column;position:relative;
      transition:.18s ease;border:1px solid transparent}
.vare:hover{background:var(--sort-3);border-color:var(--streg)}
.vare .bil{aspect-ratio:4/3;overflow:hidden;position:relative;background:#101317}
.vare .bil img{width:100%;height:100%;object-fit:cover;transition:.5s cubic-bezier(.2,.7,.3,1)}
.vare:hover .bil img{transform:scale(1.05)}
.vare .kat{position:absolute;top:0;left:0;z-index:2;background:var(--sort);color:#fff;
      font-family:'Roboto Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
      padding:8px 13px}
.vare .kat.ny{background:var(--roed)}
.vare .krop{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.vare .mrk{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.19em;
      text-transform:uppercase;color:var(--staal-d);margin-bottom:9px}
.vare h3{margin-bottom:16px;min-height:1.9em;display:flex;align-items:flex-start}
.vare dl{display:grid;grid-template-columns:auto 1fr;gap:0;margin-bottom:18px;
      font-family:'Roboto Mono',monospace;font-size:13px}
.vare dt{color:var(--staal-d);letter-spacing:.1em;text-transform:uppercase;padding:5px 0;
      border-bottom:1px dotted rgb(255 255 255/.12)}
.vare dd{color:#DFE3E9;text-align:right;padding:5px 0;border-bottom:1px dotted rgb(255 255 255/.12)}
.vare .pr{margin-top:auto;padding-top:16px;border-top:1px solid var(--streg);
      display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.vare .pr .tal{font-family:'League Spartan',sans-serif;font-weight:800;font-size:27px;color:#fff;
      letter-spacing:-.03em;line-height:1}
.vare .pr .tal small{display:block;font-family:'Roboto Mono',monospace;font-size:11.5px;font-weight:400;
      letter-spacing:.1em;color:var(--staal-d);margin-top:6px;text-transform:uppercase}
.vare .pr .se{font-family:'Roboto Mono',monospace;font-size:12.5px;letter-spacing:.14em;
      text-transform:uppercase;color:var(--rt);display:inline-flex;align-items:center;gap:7px}
.vare:hover .pr .se svg{transform:translateX(4px)}
.vare .pr .se svg{transition:.2s ease}

/* ---------- delt sektion: billede + panel ---------- */
.delt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.delt>*{min-width:0}
.delt .bil{position:relative;min-height:520px;overflow:hidden}
.delt .bil img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.delt .pan{padding:84px 0 84px 70px;display:flex;flex-direction:column;justify-content:center}
.delt.vendt .pan{padding:84px 70px 84px 0}
.spec{list-style:none;margin:30px 0 0;border-top:1px solid var(--streg)}
.papir .spec{border-color:var(--streg-m)}
.spec li{display:flex;align-items:baseline;gap:14px;padding:14px 0;
         border-bottom:1px solid var(--streg);font-size:16px}
.papir .spec li{border-color:var(--streg-m)}
.spec li .n{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.14em;
            color:var(--rt);flex:none;width:28px}
.spec li span{color:#D4D9E0}
.papir .spec li span{color:#2A2F38}

/* ---------- blåt vinterfelt ---------- */
.vinter{position:relative;overflow:hidden}
.vinter .ind{position:relative;z-index:2;display:grid;
     grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:center}
.vinter .ind>*{min-width:0}
.vinter::after{content:"";position:absolute;right:-140px;bottom:-180px;width:560px;height:560px;
     border:90px solid rgb(255 255 255/.045);border-radius:50%}
.vinter .pris{text-align:right}
.vinter .pris .tal{font-family:'League Spartan',sans-serif;font-weight:800;
     font-size:clamp(76px,11vw,148px);color:#fff;line-height:.82;letter-spacing:-.045em;display:block}
.vinter .pris .enh{font-family:'Roboto Mono',monospace;font-size:14px;letter-spacing:.2em;
     text-transform:uppercase;color:#A6B2F0;display:block;margin-top:14px}
.vinter .led{color:#B9C3F2}
.vinter .spec li{border-color:rgb(255 255 255/.18)}
.vinter .spec{border-color:rgb(255 255 255/.18)}
.vinter .spec li .n{color:#8FA0FF}
.vinter .spec li span{color:#E3E7FA}

/* ---------- skråt CTA ---------- */
.skaa{position:relative;overflow:hidden;background:var(--sort-2);
      clip-path:polygon(0 56px,100% 0,100% 100%,0 100%)}
.skaa .bg{position:absolute;inset:0}
.skaa .bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%;
      filter:grayscale(.5) brightness(.42)}
.skaa .ind{position:relative;z-index:2;padding-block:132px 112px;text-align:center}
.skaa .blok{justify-content:center;margin-bottom:28px}
.skaa h2{margin-bottom:20px}
.skaa p{font-size:17.5px;line-height:1.68;color:#B6BDC8;max-width:620px;margin:0 auto 34px}
.skaa .kn{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- sidefod ---------- */
footer{background:#06080A;border-top:1px solid var(--streg);padding-top:76px}
.f-top{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:48px;padding-bottom:52px;
       border-bottom:1px solid var(--streg)}
.f-top>*{min-width:0}
footer h4{font-family:'Roboto Mono',monospace;font-size:12.5px;font-weight:600;letter-spacing:.2em;
          text-transform:uppercase;color:var(--rt);margin-bottom:20px}
footer img.lg{height:28px;margin-bottom:20px}
footer p{font-size:15.5px;line-height:1.72;color:var(--staal-d);max-width:34ch}
footer ul{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:15.5px}
footer a{color:var(--staal);transition:.14s ease}
footer a:hover{color:#fff}
footer .td{font-family:'Roboto Mono',monospace;font-size:14px;line-height:1.95;color:var(--staal-d)}
footer .td b{display:block;color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
             margin:18px 0 7px;font-weight:600}
footer .td b:first-child{margin-top:0}
.f-bund{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;
        padding:24px 0 30px;font-family:'Roboto Mono',monospace;font-size:12.5px;letter-spacing:.1em;
        text-transform:uppercase;color:#7A818B}
.f-bund nav{display:flex;gap:22px;flex-wrap:wrap}

/* ---------- responsivt ---------- */
@media (max-width:1180px){
  .lager{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
}
@media (max-width:980px){
  nav.n{display:none}
  nav.n.aaben{display:flex;position:absolute;top:var(--top);left:0;right:0;flex-direction:column;
       align-items:stretch;height:auto;background:#06080A;border-bottom:1px solid var(--streg);
       padding:10px 0 16px}
  nav.n.aaben a{height:50px;padding:0 28px;justify-content:flex-start}
  nav.n.aaben a::after{display:none}
  nav.n.aaben .tlf{margin:10px 28px 0;justify-content:center}
  .bgr{display:inline-flex}
  section{padding:72px 0}
  .hero-ind{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-v{padding:58px 0 50px}
  .hero-h{margin-right:0;min-height:340px;position:relative}
  .hero-h::after{display:none}
  .hero-h::before{background:linear-gradient(0deg,rgb(11 13 16/.9),transparent 55%)}
  .fliser{grid-template-columns:repeat(2,1fr)}
  .flise,.flise.stor,.flise.bred{grid-column:span 2;min-height:260px}
  .delt{grid-template-columns:minmax(0,1fr)}
  .delt .bil{min-height:320px}
  .delt .pan,.delt.vendt .pan{padding:56px 0}
  .vinter .ind{grid-template-columns:minmax(0,1fr);gap:34px}
  .vinter .pris{text-align:left}
  .skaa{clip-path:polygon(0 32px,100% 0,100% 100%,0 100%)}
  .skaa .ind{padding-block:92px 78px}
}
@media (max-width:620px){
  .ind,.hero-ind{padding-inline:18px}
  .hero-data{grid-template-columns:1fr;gap:18px}
  .hero-data div{display:flex;align-items:baseline;gap:14px}
  .hero-data b{margin-bottom:0;font-size:27px}
  .lager,.f-top{grid-template-columns:minmax(0,1fr)}
  .hero-kn{flex-direction:column;align-items:stretch}
  .hero-kn .k,.skaa .kn .k{width:100%;justify-content:center}
  .tick .ind>div{min-width:100%;border-right:0;border-bottom:1px solid rgb(255 255 255/.16)}
}

/* ======================= v3-tilføjelser ======================= */

/* --- statuslinje med åbent/lukket --- */
.bar .nu{display:inline-flex;align-items:center;gap:7px}
.bar .dot{width:7px;height:7px;border-radius:50%;background:#49C06A;flex:none;
     box-shadow:0 0 0 3px rgb(73 192 106/.2)}
.bar .dot.luk{background:#E06A4A;box-shadow:0 0 0 3px rgb(224 106 74/.2)}

/* --- hero med film --- */
.hero-h video{width:100%;height:100%;object-fit:cover;object-position:center 45%;
     filter:grayscale(.42) contrast(1.06) brightness(.66);display:block}
.hero-h{background:#0B0D10}

/* --- kæmpe tal som grafisk element --- */
.tal-blok{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 54px;align-items:center;
     margin-bottom:54px}
.tal-blok>*{min-width:0}
.tal-blok .n{font-family:'League Spartan',sans-serif;font-weight:800;
     font-size:clamp(110px,15vw,210px);line-height:.78;color:var(--rt);
     letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.tal-blok .idx{display:block;margin-bottom:14px}
.tal-blok h2{margin-bottom:16px}
.tal-blok .led{color:var(--staal)}

/* --- lyse varekort på mørk flade --- */
.lager{gap:16px}
.vare{background:var(--papir);border:0;color:#15181D;overflow:hidden}
.vare:hover{background:#fff;border-color:transparent;transform:translateY(-3px);
     box-shadow:0 20px 42px rgb(0 0 0/.42)}
.vare .bil{background:#E8E4DE;aspect-ratio:4/3}
.vare .bil img{object-fit:cover}
.vare .flag{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px}
.vare .flag i{font-style:normal;font-family:'Roboto Mono',monospace;font-size:11px;font-weight:600;
     letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;color:#fff;background:var(--sort)}
.vare .flag i.ny{background:var(--roed)}
.vare .flag i.ya{background:var(--blaa)}
.vare .krop{padding:20px 20px 22px}
.vare .mrk{color:#686C73}
.vare h3.d{color:#0B0D10;min-height:1.9em}
.vare .nk{display:grid;grid-template-columns:repeat(3,auto);gap:0 26px;justify-content:start;
     margin-bottom:18px}
.vare .nk div{min-width:0}
.vare .nk b{display:block;font-family:'League Spartan',sans-serif;font-weight:800;font-size:21px;
     color:#15181D;line-height:1;letter-spacing:-.025em;margin-bottom:4px;font-variant-numeric:tabular-nums}
.vare .nk span{font-family:'Roboto Mono',monospace;font-size:11.5px;letter-spacing:.15em;
     text-transform:uppercase;color:#686C73;display:block}
.vare .pr{border-top:1px solid #D8D3CB;padding-top:15px}
.vare .pr .tal{color:#0B0D10}
.vare .pr .tal small{color:#686C73}
.vare .pr .se{color:var(--rt)}

/* --- kategoripiller --- */
.piller{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.piller a{display:inline-flex;align-items:baseline;gap:6px;padding:11px 19px;border-radius:999px;
     border:1px solid var(--streg);font-size:15px;font-weight:500;color:#D4D9E0;transition:.14s ease}
.piller a:hover{border-color:#fff;background:rgb(255 255 255/.07);color:#fff}
.piller a sup{font-family:'Roboto Mono',monospace;font-size:11.5px;color:var(--rt);font-weight:600}

/* --- lys sektion til rytme --- */
.papir{background:var(--papir);color:#15181D}
.papir .idx{color:var(--rt)}
.papir .d{color:#0B0D10}
.papir .led{color:#5A616C}
.prik{color:var(--rt)}

/* --- bento-fliser --- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bento>*{min-width:0}
.bflise{position:relative;overflow:hidden;border-radius:16px;min-height:270px;
     grid-column:span 2;display:block;background:#1A1D23}
.bflise.b3{grid-column:span 3}
.bflise.b4{grid-column:span 4;min-height:340px}
.bflise img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
     transition:.55s cubic-bezier(.2,.7,.3,1)}
.bflise:hover img{transform:scale(1.05)}
.bflise::after{content:"";position:absolute;inset:0;
     background:linear-gradient(0deg,rgb(8 10 13/.9) 0%,rgb(8 10 13/.3) 48%,transparent 76%)}
.bflise .t{position:absolute;inset:auto 0 0 0;z-index:2;padding:26px 24px}
.bflise h3{color:#fff;margin-bottom:8px}
.bflise p{font-size:15.5px;line-height:1.56;color:#C2C8D1;max-width:38ch}
.bflise .rund{position:absolute;top:18px;right:18px;z-index:3;width:40px;height:40px;
     border-radius:50%;background:rgb(255 255 255/.16);backdrop-filter:blur(8px);
     display:grid;place-items:center;color:#fff;transition:.18s ease}
.bflise:hover .rund{background:var(--roed)}

/* --- udkastpanel til Aziz --- */
.noter{position:fixed;left:18px;bottom:18px;z-index:90;max-width:330px;background:var(--papir);
     color:#2A2F38;border-radius:14px;padding:18px 20px;box-shadow:0 18px 44px rgb(0 0 0/.5);
     font-size:13px;line-height:1.55}
.noter h5{display:flex;justify-content:space-between;align-items:center;gap:14px;
     font-family:'Roboto Mono',monospace;font-size:10px;font-weight:600;letter-spacing:.18em;
     text-transform:uppercase;color:#796B41;margin-bottom:12px}
.noter button{background:none;border:0;font:inherit;font-size:10px;letter-spacing:.14em;
     color:#796B41;cursor:pointer;text-transform:uppercase}
.noter button:hover{color:#15181D}
.noter ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.noter li{padding-left:13px;position:relative}
.noter li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;
     border-radius:50%;background:var(--roed)}
.noter.skjult ul{display:none}
.udkastbar{background:#F5D547;color:#2A2410;text-align:center;padding:7px 18px;
     font-family:'Roboto Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.14em;
     text-transform:uppercase}

@media (max-width:980px){
  .tal-blok{grid-template-columns:minmax(0,1fr);gap:18px}
  .tal-blok .n{font-size:clamp(84px,22vw,140px)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bflise,.bflise.b3,.bflise.b4{grid-column:span 2;min-height:240px}
  .noter{display:none}
}
@media (max-width:620px){
  .lager{gap:14px}
  .vare .nk{gap:0 20px}
}

/* ======================= fuldskærms-film (som magnushaahr.dk) ======================= */

/* --- sidehovedet ligger fast og gennemsigtigt over filmen, solidt ved scroll --- */
.kop{position:fixed;top:0;left:0;right:0;z-index:80;transition:background .35s ease,box-shadow .35s ease}
.kop .top{position:relative;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
     border-bottom:1px solid rgb(255 255 255/.12)}
.kop .bar{background:transparent;border-bottom:1px solid rgb(255 255 255/.1);
     max-height:60px;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}
.kop .bar .ind{color:rgb(255 255 255/.62)}
.kop .bar b{color:#fff}
.kop nav.n a{color:rgb(255 255 255/.82)}
.kop nav.n a:hover,.kop nav.n a.her{color:#fff}
.kop.fast{background:rgb(11 13 16/.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
     box-shadow:0 10px 30px rgb(0 0 0/.35)}
.kop.fast .bar{max-height:0;opacity:0;border-bottom-color:transparent}
.kop.fast .top{border-bottom-color:var(--streg)}

/* --- selve filmen --- */
.film{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:0;
     overflow:hidden;isolation:isolate;background:var(--sort)}
.film .medie{position:absolute;inset:0;z-index:-2}
.film .medie picture,.film .medie img,.film .medie video{position:absolute;inset:0;width:100%;height:100%;
     object-fit:cover;object-position:center 45%}
.film .medie video{opacity:0;transition:opacity .9s ease}
.film .medie video.spiller{opacity:1}
/* tung i bunden hvor teksten står, let i midten så filmen ses, og lidt i toppen bag menuen */
.film .scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
     linear-gradient(to top,rgb(11 13 16/.9) 0%,rgb(11 13 16/.62) 20%,rgb(11 13 16/.16) 44%,rgb(11 13 16/0) 60%),
     linear-gradient(to bottom,rgb(11 13 16/.62) 0%,rgb(11 13 16/0) 22%),
     linear-gradient(90deg,rgb(11 13 16/.42) 0%,rgb(11 13 16/0) 46%)}
.film-in{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
     padding-top:180px;padding-bottom:clamp(36px,5vw,66px)}
.film-txt{max-width:860px;min-width:0}
.film-txt .blok{margin-bottom:22px;height:16px}
.film-txt .blok i{width:18px}
.film-txt .blok i:nth-child(2){width:13px}
.film-txt .blok i:nth-child(3){width:8px}
.film-txt .blok i:nth-child(4){width:4px}
.film .hero-sub{font-size:12.5px;margin-bottom:14px;color:#fff;opacity:.86}
.film h1.d{font-size:clamp(34px,4.5vw,68px);line-height:.92;margin-bottom:12px;
     text-shadow:0 2px 28px rgb(0 0 0/.35)}
.film .slag{font-size:16px;color:#E3E7EC;margin-bottom:26px;text-shadow:0 1px 14px rgb(0 0 0/.4)}
.film .hero-kn{margin-bottom:0;gap:10px}
.film .k{height:52px;padding:0 26px}
.film .k-o{background:rgb(11 13 16/.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
     border-color:rgb(255 255 255/.5)}

/* --- lille aflæsning nede til højre --- */
.hud{display:flex;align-items:flex-end;gap:30px;flex:none}
.hud div{text-align:right}
.hud b{display:block;font-family:'League Spartan',sans-serif;font-weight:800;font-size:28px;color:#fff;
     line-height:1;letter-spacing:-.03em;text-shadow:0 2px 18px rgb(0 0 0/.4)}
.hud span{font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
     color:rgb(255 255 255/.7);display:block;margin-top:6px}
.pause{width:44px;height:44px;border-radius:50%;border:1px solid rgb(255 255 255/.45);
     background:rgb(11 13 16/.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
     color:#fff;display:grid;place-items:center;cursor:pointer;transition:.16s ease;flex:none}
.pause:hover{border-color:#fff;background:rgb(11 13 16/.5)}
.pause .i-play{display:none}
.pause.stoppet .i-play{display:block}
.pause.stoppet .i-pause{display:none}

@media (max-width:980px){
  .kop .top{background:transparent}
  .kop nav.n.aaben{top:var(--top)}
  .film-in{padding-top:150px}
}
@media (max-width:899px){
  .kop .bar{display:none}
  .hud div{display:none}
  .hud{position:absolute;right:18px;top:calc(var(--top) + 52px)}
  .film{min-height:100svh}
  .film-txt{max-width:100%}
}
@media (max-width:620px){
  .film h1.d{font-size:clamp(32px,9.6vw,44px)}
  .film .slag{font-size:16px;margin-bottom:22px}
  .film-in{padding-bottom:30px}
}

/* .papir .d (0,2,0) gjorde flisetitlerne mørke på mørkt billede — flisen skal vinde */
.papir .bflise h3.d,.bflise h3.d{color:#fff;text-shadow:0 2px 18px rgb(0 0 0/.35)}
/* mobil: undertitlen på én linje, så teksten fylder mindre oven på filmen */
@media (max-width:620px){
  .film .hero-sub{font-size:11.5px;letter-spacing:.06em;margin-bottom:10px;white-space:nowrap}
  .film-txt .blok{margin-bottom:16px}
}