/* ==================================================================
   Foodjob Nordic — Ledelsesserie: fælles designsystem
   Bygget på temaets egne tokens (Sage-tema: foodjob-nordic) og
   tilpasset Canva-designet (lys cremet palet, mørkegrønt udtryk).
   Fonts hentes relativt fra temaets public/build/assets.
   ================================================================== */

/* ---- Brand-fonts (fra temaet) ---- */
@font-face{font-family:"Inter";src:url("public_html/wp-content/themes/foodjob-nordic/public/build/assets/Inter-wght-1DkMk9sQ.woff2") format("woff2-variations");font-weight:300 900;font-display:swap;font-style:normal}
@font-face{font-family:"Martel";src:url("public_html/wp-content/themes/foodjob-nordic/public/build/assets/Martel-Light-pWCLcabA.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Martel";src:url("public_html/wp-content/themes/foodjob-nordic/public/build/assets/Martel-Regular-zjSwj1xp.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Martel";src:url("public_html/wp-content/themes/foodjob-nordic/public/build/assets/Martel-SemiBold-Eu42knKS.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Martel";src:url("public_html/wp-content/themes/foodjob-nordic/public/build/assets/Martel-Bold-D0pxkLfB.woff2") format("woff2");font-weight:700;font-display:swap}

/* ---- Tokens (1:1 fra temaet) ---- */
:root{
  --color-black:#01140c;
  --color-dark-shade:#032115;
  --color-dark:#042a1b;
  --color-dark-glare:#304a3f;
  --color-primary:#e1f6a6;
  --color-primary-shade:#d4ed90;
  --color-primary-shade-dark:#8cbc04;
  --color-light:#e5ebd6;
  --color-light-shade:#d1d8c0;
  --color-light-glare:#f5fae8;
  --color-white:#fafcf3;
  --color-red:#e5372a;              /* rød prik-accent (Canva) */

  --font-heading:"Inter","Helvetica","Arial","Lucida","sans-serif";
  --font-base:"Martel","Georgia","serif";

  --leading-flat:1.05;
  --leading-tight:1.15;
  --leading-normal:1.5;
  --leading-loose:1.75;

  --container:82rem;
  --container-narrow:46rem;   /* læsespalte til artikeltekst */
  --gutter:clamp(1.15rem,4vw,2.5rem);
  --radius:2px;               /* temaet: skarpe hjørner */
  --ease:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--font-base);font-weight:400;line-height:var(--leading-normal);
  color:var(--color-dark);background:var(--color-light-glare);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);text-wrap:balance;color:var(--color-dark)}
h1,h2{text-transform:uppercase;letter-spacing:.005em}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.hl{color:var(--color-primary-shade-dark)}          /* lime-fremhævning på lys bg */
.on-dark .hl,.hero-media .hl{color:var(--color-primary-shade)}

.wrap{width:min(100% - 2*var(--gutter),var(--container));margin-inline:auto}
.wrap--narrow{max-width:var(--container-narrow)}
.section{padding-block:clamp(3rem,6vw,5.5rem)}

/* ---- Eyebrow / labels ---- */
.eyebrow{display:inline-block;font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-dark-glare)}
.tag{display:inline-block;font-family:var(--font-heading);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.4em .8em;border-radius:var(--radius);background:var(--color-light);color:var(--color-primary-shade-dark)}
.reddot{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:var(--color-red);vertical-align:middle;animation:newspulse 1.8s ease-out infinite}
@keyframes newspulse{
  0%{box-shadow:0 0 0 0 rgba(229,55,42,.6)}
  70%{box-shadow:0 0 0 .75em rgba(229,55,42,0)}
  100%{box-shadow:0 0 0 0 rgba(229,55,42,0)}
}
@media(prefers-reduced-motion:reduce){.reddot{animation:none}}

/* ---- Buttons (skarpe, versale; outline = 1px inset box-shadow) ---- */
.btn{display:inline-flex;align-items:center;gap:.6em;cursor:pointer;
  font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:normal;text-transform:uppercase;
  padding:.9em 1.5em;border:0;border-radius:var(--radius);
  transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.btn svg{width:1em;height:1em}
.btn--primary{background:var(--color-primary);color:var(--color-dark-shade)}
.btn--primary:hover{background:var(--color-primary-shade);transform:translateY(-2px)}
.btn--solid{background:var(--color-dark);color:var(--color-light-glare)}
.btn--solid:hover{background:var(--color-dark-shade);transform:translateY(-2px)}
.btn--ghost-light{background:transparent;color:var(--color-light-glare);box-shadow:inset 0 0 0 1px var(--color-light-glare)}
.btn--ghost-light:hover{background:var(--color-light-glare);color:var(--color-dark-shade)}
.btn--ghost-dark{background:transparent;color:var(--color-dark);box-shadow:inset 0 0 0 1px var(--color-dark)}
.btn--ghost-dark:hover{background:var(--color-dark);color:var(--color-primary)}

/* ==================================================================
   HEADER — utility-bar + wordmark + nav + serie-sub-nav
   ================================================================== */
.util{background:var(--color-white);border-bottom:1px solid var(--color-light-shade);font-family:var(--font-heading);font-size:.72rem;letter-spacing:.03em}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:34px}
.util .u-left{display:flex;gap:1.4rem;color:var(--color-dark-glare)}
.util .u-right{display:flex;gap:1.3rem;text-transform:uppercase;font-weight:600;color:var(--color-dark)}
.util a{opacity:.85;transition:opacity .2s,color .2s}
.util a:hover{opacity:1;color:var(--color-primary-shade-dark)}
@media(max-width:820px){.util .u-left,.util .u-right span:not(.keep){display:none}}

.masthead{background:var(--color-white)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:2rem}
/* Ægte Foodjob Nordic-logo (SVG). "FOODJOB" = currentColor, "NORDIC" = lime */
.logo{display:inline-flex;align-items:center;color:var(--color-dark)}
.logo-svg{height:38px;width:auto;display:block}
.logo-svg .fill-primary-shade-dark{fill:var(--color-primary-shade-dark)}
.on-dark .logo,.site-foot .logo{color:var(--color-light-glare)}   /* logo på mørk baggrund */
/* Fjern klassisk <button>-kant/-baggrund på play-knapper, pile og hamburger */
.cnav,.play,.navtoggle{border:0;-webkit-appearance:none;appearance:none;font:inherit}
.navtoggle:focus-visible,.cnav:focus-visible,.play:focus-visible{outline:2px solid var(--color-primary-shade-dark);outline-offset:2px}

/* Hovednav — som originalsitet, med dropdowns + mobil-hamburger */
.navtoggle{display:none;background:none;cursor:pointer;padding:.35rem;color:var(--color-dark);line-height:0}
.navtoggle svg{width:28px;height:28px}
.navbackdrop{position:fixed;inset:0;background:rgba(1,20,12,.45);opacity:0;visibility:hidden;transition:opacity .3s;z-index:60}
.navbackdrop.show{opacity:1;visibility:visible}

.mainnav{display:flex;align-items:center;gap:.15rem}
.navitem{position:relative}
.navitem > a{display:inline-flex;align-items:center;gap:.4em;padding:.6rem .7rem;font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-dark);opacity:.9;white-space:nowrap;transition:color .2s,opacity .2s}
.navitem > a:hover{opacity:1;color:var(--color-primary-shade-dark)}
.navitem.has-sub > a::after{content:"";width:.4em;height:.4em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease)}
.navitem.has-sub:hover > a::after{transform:rotate(225deg) translateY(0)}
.dropdown{position:absolute;top:100%;left:0;min-width:250px;background:var(--color-white);border:1px solid var(--color-light-shade);border-radius:var(--radius);box-shadow:0 22px 44px -20px rgba(4,42,27,.4);padding:.4rem;display:grid;gap:1px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:70}
.navitem:hover > .dropdown,.navitem:focus-within > .dropdown{opacity:1;visibility:visible;transform:none}
.dropdown a{display:block;padding:.6rem .8rem;border-radius:var(--radius);font-family:var(--font-base);font-size:.92rem;color:var(--color-dark);white-space:nowrap;transition:background .15s,color .15s}
.dropdown a:hover{background:var(--color-light-glare);color:var(--color-primary-shade-dark)}
.mainnav .nav-jobs{margin-left:.5rem}

@media(max-width:1024px){
  .masthead .wrap{gap:1rem}
  .navtoggle{display:inline-flex}
  .mainnav{position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);background:var(--color-white);flex-direction:column;align-items:stretch;gap:0;padding:5rem 1.2rem 2rem;transform:translateX(100%);transition:transform .35s var(--ease);z-index:65;overflow-y:auto;box-shadow:-24px 0 60px -24px rgba(1,20,12,.5)}
  .mainnav.open{transform:none}
  .navitem{border-bottom:1px solid var(--color-light-shade)}
  .navitem > a{padding:.95rem .4rem;font-size:.9rem;justify-content:space-between;width:100%}
  .navitem.has-sub > a::after{margin-left:auto;transform:rotate(45deg)}
  .navitem.has-sub.open > a::after{transform:rotate(225deg)}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 .6rem .7rem;display:none;min-width:0}
  .navitem.open > .dropdown{display:grid}
  .dropdown a{padding:.55rem .4rem;font-size:.9rem}
  .mainnav .nav-jobs{margin:1.2rem 0 0;justify-content:center}
}

/* Serie sub-nav (mørkegrønt bånd) */
.subnav{background:var(--color-dark);position:sticky;top:0;z-index:50}
.subnav .wrap{display:flex;align-items:center;gap:1.6rem;height:52px;overflow-x:auto;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{font-family:var(--font-heading);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);opacity:.85;white-space:nowrap;flex:0 0 auto;transition:opacity .2s,color .2s}
.subnav a:hover,.subnav a.active{opacity:1;color:var(--color-white)}
.subnav .s-brand{color:var(--color-light-glare);font-weight:600;letter-spacing:.14em;font-size:.75rem;opacity:.75;margin-right:.4rem}
.subnav .s-right{margin-left:auto}

/* ==================================================================
   HERO (forside) — lys, mørkegrøn versal titel + fremhævet billedkort
   ================================================================== */
.hero{background:var(--color-light-glare);padding-block:clamp(2.5rem,5vw,4.5rem) clamp(3.5rem,6vw,6rem)}
.hero .eyebrow{margin-bottom:1rem}
.hero h1{font-size:clamp(2.7rem,7vw,5.6rem);line-height:var(--leading-flat);color:var(--color-dark);margin-bottom:1.4rem}
.hero .lead{font-family:var(--font-base);font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:var(--leading-loose);color:var(--color-dark);max-width:52ch;opacity:.92}
.hero .lead-sub{font-family:var(--font-base);font-size:clamp(1rem,1.2vw,1.12rem);line-height:var(--leading-normal);color:var(--color-dark-glare);max-width:60ch;margin-top:.9rem}
/* Note om udgivelsesrytme + tværfagligt samarbejde */
.series-note{display:inline-flex;align-items:flex-start;gap:.7em;margin-top:1.5rem;max-width:min(100%,46rem);
  font-family:var(--font-heading);font-size:clamp(.85rem,1.15vw,1rem);font-weight:600;line-height:1.45;color:var(--color-dark);
  padding:.8em 1.15em;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--color-dark-glare)}
.series-note strong{color:var(--color-primary-shade-dark);font-weight:700}
.series-note .reddot{flex:0 0 auto;margin-top:.35em}

/* Fremhævet billedkort med mørkegrøn overlay */
.feature{position:relative;overflow:hidden;border-radius:var(--radius);margin-top:clamp(1.8rem,3vw,2.6rem);min-height:clamp(340px,42vw,520px);display:flex;align-items:flex-end;isolation:isolate}
.feature .ph{position:absolute;inset:0;z-index:-2}
.feature::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,42,27,.92),rgba(4,42,27,.55) 45%,rgba(4,42,27,.15))}
.feature .f-body{padding:clamp(1.6rem,3vw,2.6rem);max-width:60ch}
.feature .tag{background:var(--color-primary);color:var(--color-dark-shade);margin-bottom:1rem}
.feature h2{font-size:clamp(1.7rem,3.2vw,2.7rem);color:var(--color-white);margin-bottom:.8rem}
.feature p{font-family:var(--font-base);color:var(--color-light);font-size:1.05rem;line-height:var(--leading-normal);margin-bottom:1.4rem;max-width:46ch}

/* Logo som ekstern fil (bruges i variant-siderne) */
.logo-img{height:38px;width:auto;display:block}

/* ==================================================================
   VARIANT B — hero-split: fremhævet nyhed + lodret kolonne m/3 indgange
   ================================================================== */
.herosplit{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.4rem);margin-top:clamp(1.8rem,3vw,2.6rem)}
@media(min-width:900px){.herosplit{grid-template-columns:62% 1fr;align-items:stretch}}
.herosplit .feature{margin-top:0;height:100%}

/* 50/50 hero: trailer-video + fremhævet nyhed */
.herofeature{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,2.5vw,2.5rem);margin-top:clamp(1.8rem,3vw,2.6rem)}
@media(min-width:900px){.herofeature{grid-template-columns:1fr 1fr;align-items:stretch}.herofeature .hero-video{aspect-ratio:auto;height:100%;min-width:0}}
.hero-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#01140c;display:grid;place-items:center}
.hero-video .ph{position:absolute;inset:0}
.hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,20,12,.12),rgba(1,20,12,.4));pointer-events:none}
.hero-video .play{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;background:var(--color-primary);display:grid;place-items:center;color:var(--color-dark-shade);cursor:pointer;box-shadow:0 14px 34px -8px rgba(1,20,12,.55);transition:transform .25s var(--ease)}
.hero-video .play:hover{transform:scale(1.07)}
.hero-video .play svg{width:30px;height:30px;margin-left:4px}
.hero-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.herofeature .feature{margin-top:0;min-height:0}
@media(max-width:899px){.herofeature .feature{min-height:clamp(320px,60vw,420px)}}
.hentries{display:grid;gap:clamp(1rem,2vw,1.4rem)}
@media(min-width:900px){.hentries{grid-template-rows:repeat(3,1fr)}}
.hentry{position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate;display:flex;align-items:flex-end;min-height:132px;color:var(--color-light-glare);transition:transform .3s var(--ease)}
.hentry:hover{transform:translateY(-3px)}
.hentry .ph{position:absolute;inset:0;z-index:-2}
.hentry::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,42,27,0) 18%,rgba(4,42,27,.2) 50%,rgba(4,42,27,.68))}
.hentry .he-body{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.1rem 1.3rem}
.hentry .he-txt .tag{background:rgba(245,250,232,.16);color:var(--color-primary);margin-bottom:.5rem}
.hentry h3{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;font-size:clamp(1rem,1.4vw,1.15rem);color:var(--color-white);line-height:var(--leading-tight);margin:0}
.hentry .arrow{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:var(--color-dark-shade);display:grid;place-items:center;transition:transform .25s var(--ease)}
.hentry:hover .arrow{transform:translateX(3px)}
.hentry .arrow svg{width:1.1rem;height:1.1rem}
.hentry--brand::after{background:linear-gradient(180deg,rgba(4,42,27,.1) 0%,rgba(4,42,27,.42) 45%,rgba(4,42,27,.8))}
.hentry--brand{box-shadow:inset 0 0 0 2px var(--color-primary)}

/* ==================================================================
   MÅLGRUPPE-GENVEJE (Studerende · Insights · Virksomheder)
   ================================================================== */
.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.6rem)}
@media(max-width:860px){.tracks{grid-template-columns:1fr}}
.track{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);
  background:var(--color-white);border:1px solid var(--color-light-shade);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.track:hover{transform:translateY(-5px);box-shadow:0 20px 40px -26px rgba(4,42,27,.45);border-color:var(--color-dark-glare)}
.track .t-media{aspect-ratio:16/10;position:relative;overflow:hidden}
.track .t-body{display:flex;flex-direction:column;flex:1;padding:1.5rem 1.5rem 1.7rem}
.track .tag{align-self:flex-start;margin-bottom:1rem}
.track h3{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;font-size:clamp(1.15rem,1.7vw,1.4rem);letter-spacing:.01em;color:var(--color-dark);margin-bottom:.6rem}
.track p{font-family:var(--font-base);color:var(--color-dark-glare);font-size:.98rem;line-height:var(--leading-normal);margin-bottom:1.4rem}
.track .readlink{margin-top:auto}
/* Fremhævet brand-kort (Foodjob Nordic Insights) */
.track--brand{background:var(--color-dark);border-color:var(--color-dark)}
.track--brand h3{color:var(--color-white)}
.track--brand p{color:var(--color-light)}
.track--brand .tag{background:var(--color-primary);color:var(--color-dark-shade)}
.track--brand .readlink{color:var(--color-primary)}
.track--brand .t-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,42,27,.55))}

/* ==================================================================
   SEKTIONSBÅND (KORT NYT) — mørkegrønt bånd m/lime label + rød prik
   ================================================================== */
.band{background:var(--color-dark);color:var(--color-light-glare);padding-block:clamp(1.2rem,2.4vw,1.8rem)}
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
.band-head{display:flex;align-items:center;gap:.9rem;flex:0 0 auto}
.band-label{display:inline-block;background:var(--color-primary);color:var(--color-dark-shade);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(.95rem,1.6vw,1.25rem);padding:.5em 1.4em;border-radius:var(--radius)}
.band h2{color:var(--color-white);font-size:clamp(1.2rem,2.2vw,1.7rem);margin:0}
/* Inline, klikbar titel på samme linje som "Kort nyt" — marquee ved overløb */
.band-title{flex:1 1 320px;min-width:0;overflow:hidden;color:var(--color-white);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.005em;font-size:clamp(1.05rem,1.8vw,1.5rem);line-height:var(--leading-tight);white-space:nowrap;transition:color .2s}
.band-title:hover{color:var(--color-primary)}
.band-title .ticker{display:inline-flex;white-space:nowrap;will-change:transform}
.band-title .t-item{padding-right:3rem}
.band-title.is-marquee .ticker{animation:ticker 22s linear infinite}
.band-title.is-marquee:hover .ticker{animation-play-state:paused}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.band-title.is-marquee .ticker{animation:none}}

/* Sektionsoverskrift på lys bg (KORTE VIDEOER) */
.sec-head{display:flex;align-items:center;gap:.7rem;margin-bottom:2rem}
.sec-head h2{font-size:clamp(1.8rem,3.6vw,3rem);color:var(--color-dark);margin:0}
.sec-head .reddot{width:.9rem;height:.9rem;flex:0 0 auto}
.sec-head--split{justify-content:space-between}
.sec-head .readlink{margin-left:auto}

.readlink{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:normal;text-transform:uppercase;color:var(--color-primary-shade-dark)}
.readlink svg{width:1em;height:1em;transition:transform .25s var(--ease)}
.readlink:hover svg{transform:translateX(4px)}

/* ==================================================================
   VANDRETTE ARTIKELKORT (billede venstre + tekst højre)
   ================================================================== */
.artlist{display:flex;flex-direction:column;gap:clamp(1.4rem,2.6vw,2.2rem)}
.arow{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center}
.arow .thumb{aspect-ratio:16/11;border-radius:var(--radius);overflow:hidden;position:relative}
.arow .a-body{max-width:60ch}
.arow h3{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;font-size:clamp(1.15rem,2vw,1.5rem);line-height:var(--leading-tight);color:var(--color-dark);margin-bottom:.7rem}
.arow p{font-family:var(--font-base);color:var(--color-dark-glare);font-size:1rem;line-height:var(--leading-normal);margin-bottom:1.2rem;max-width:56ch}
@media(max-width:680px){.arow{grid-template-columns:1fr;gap:1rem}.arow .thumb{aspect-ratio:16/9}}

/* ==================================================================
   KORTE VIDEOER — portræt-kort i karrusel
   ================================================================== */
.vscroll{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(200px,22vw,240px);gap:clamp(1rem,2vw,1.4rem);overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:thin}
.vcard{scroll-snap-align:start}
.vthumb{position:relative;aspect-ratio:3/4;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}
.vthumb .ph{position:absolute;inset:0;z-index:-1}
.vthumb::after{content:"";position:absolute;inset:0;background:rgba(4,42,27,.12)}
.vthumb .play{position:relative;z-index:1;width:60px;height:60px;border-radius:50%;background:var(--color-primary);display:grid;place-items:center;color:var(--color-dark-shade);box-shadow:0 10px 26px -8px rgba(1,20,12,.5);transition:transform .25s var(--ease)}
.vcard:hover .play{transform:scale(1.08)}
.vthumb .play svg{width:22px;height:22px;margin-left:3px}
.vcard h3{font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--color-dark);margin-top:.9rem;text-transform:none;line-height:var(--leading-tight)}
.vcard p{font-family:var(--font-base);font-size:.88rem;color:var(--color-dark-glare);line-height:var(--leading-normal);margin-top:.3rem}
.carousel-nav{display:flex;gap:.6rem;margin-top:1.2rem}
.cnav{width:44px;height:44px;border-radius:50%;background:var(--color-dark);color:var(--color-primary);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.cnav:hover{background:var(--color-dark-shade);transform:translateY(-2px)}
.cnav svg{width:20px;height:20px}

/* ==================================================================
   ARTIKELSIDE — titel, brødtekst, pull-quote, bokse
   ================================================================== */
.article-head{background:var(--color-light-glare);text-align:center;padding-block:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,2.5rem)}
.article-head .eyebrow{margin-bottom:1.1rem;color:var(--color-primary-shade-dark)}
.article-head h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:var(--leading-tight);color:var(--color-dark);margin-inline:auto;max-width:20ch}
.article-head .deck{font-family:var(--font-base);font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:var(--leading-loose);color:var(--color-dark);max-width:60ch;margin:1.4rem auto 0}
.article-meta{display:flex;justify-content:center;gap:1.2rem;margin-top:1.5rem;font-family:var(--font-heading);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-dark-glare)}

.hero-media{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/8;display:grid;place-items:center;margin-block:clamp(1.5rem,3vw,2.5rem)}
.hero-media .ph{position:absolute;inset:0;z-index:-1}
.hero-media .play{width:84px;height:84px;border-radius:50%;background:var(--color-primary);display:grid;place-items:center;color:var(--color-dark-shade);box-shadow:0 14px 34px -8px rgba(1,20,12,.55);cursor:pointer;transition:transform .25s var(--ease)}
.hero-media .play:hover{transform:scale(1.07)}
.hero-media .play svg{width:32px;height:32px;margin-left:4px}

.prose{font-family:var(--font-base);font-size:1.08rem;line-height:var(--leading-loose);color:var(--color-dark)}
.prose p{margin-bottom:1.3rem}
.prose h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:2.4rem 0 1rem;color:var(--color-dark)}
.prose h3{font-family:var(--font-heading);text-transform:uppercase;font-size:1.15rem;margin:1.8rem 0 .8rem;color:var(--color-dark)}
.prose .cols{columns:2;column-gap:2.4rem}
.prose .cols p{margin-top:0}
@media(max-width:680px){.prose .cols{columns:1}}

.pullquote{background:var(--color-light);border-left:5px solid var(--color-dark);padding:clamp(1.4rem,3vw,2.2rem);margin:2rem 0}
.pullquote p{font-family:var(--font-base);font-style:italic;font-weight:600;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:var(--leading-tight);color:var(--color-dark);margin:0}
/* Let interview-citat (mindre end pullquote) */
.prose .quote{margin:1.6rem 0;padding-left:1.3rem;border-left:3px solid var(--color-primary-shade-dark)}
.prose .quote p{font-family:var(--font-base);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:var(--leading-normal);color:var(--color-dark);margin:0}
.prose .quote cite{display:block;font-family:var(--font-heading);font-style:normal;font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-shade-dark);margin-top:.7rem}
/* Byline under deck */
.article-byline{font-family:var(--font-base);font-size:1rem;color:var(--color-dark-glare);margin-top:1rem}

.figure{margin:2rem 0}
.figure .ph{aspect-ratio:16/8;border-radius:var(--radius)}
.figure figcaption{font-family:var(--font-heading);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark-glare);margin-top:.6rem}

.takeaways{background:var(--color-light);border-radius:var(--radius);padding:clamp(1.6rem,3vw,2.4rem);margin:2rem 0}
.takeaways h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;color:var(--color-dark);margin-bottom:1.4rem}
.takeaways ol{list-style:none;display:grid;gap:1.2rem}
.takeaways li strong{display:block;font-family:var(--font-heading);font-size:.95rem;color:var(--color-dark);margin-bottom:.2rem}
.takeaways li strong .num{color:var(--color-primary-shade-dark);margin-right:.5em}
.takeaways li span{font-family:var(--font-base);color:var(--color-dark-glare);font-size:.98rem;line-height:var(--leading-normal)}

.factbox{background:var(--color-dark);color:var(--color-light-glare);border-radius:var(--radius);padding:clamp(1.6rem,3vw,2.4rem);margin:2rem 0}
.factbox h3{color:var(--color-white);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;margin-bottom:.8rem}
.factbox p{font-family:var(--font-base);color:var(--color-light);font-size:1rem;line-height:var(--leading-normal);margin-bottom:1.3rem}

.related{background:var(--color-light);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2rem);margin:2rem 0}
.related h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;font-size:1.05rem;margin-bottom:1.1rem;color:var(--color-dark)}
.related ul{list-style:none;display:grid;gap:.9rem}
.related a{font-family:var(--font-base);font-size:1rem;color:var(--color-dark);display:block;padding-bottom:.9rem;border-bottom:1px solid var(--color-light-shade);transition:color .2s,padding-left .2s}
.related li:last-child a{border-bottom:0;padding-bottom:0}
.related a:hover{color:var(--color-primary-shade-dark);padding-left:.4rem}

.article-body{padding-block:clamp(1rem,2vw,2rem) clamp(3rem,6vw,5rem)}
.article-body .layout{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.2rem);align-items:start}
@media(min-width:960px){.article-body .layout{grid-template-columns:minmax(0,1fr) 22rem}}

/* Sticky sidebar (desktop) */
.article-aside{display:grid;gap:1.4rem}
@media(min-width:960px){.article-aside{position:sticky;top:70px;align-self:start}}
.article-aside > *{margin:0}   /* boksene får afstand via grid-gap */

/* Upload CV-boks (sidebar) */
.uploadcv{background:var(--color-primary);border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.uploadcv span{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--color-dark-shade)}
.uploadcv .btn{background:var(--color-dark-shade);color:var(--color-primary)}
.uploadcv .btn:hover{background:var(--color-black)}

/* ---- Billed-placeholders (byt til rigtige fotos fra WP-uploads) ---- */
.ph{background:linear-gradient(135deg,var(--color-dark-glare),var(--color-dark));position:relative}
.ph--light{background:linear-gradient(135deg,var(--color-light),var(--color-light-shade))}
.ph--lime{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-shade))}
.ph[data-label]::after{content:attr(data-label);position:absolute;top:10px;left:10px;font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,250,232,.6);border:1px dashed rgba(245,250,232,.35);padding:.25em .55em;border-radius:var(--radius)}
.ph--light[data-label]::after{color:rgba(4,42,27,.5);border-color:rgba(4,42,27,.28)}

/* ==================================================================
   CTA-BÅND (landingssider)
   ================================================================== */
.ctaband{background:var(--color-dark);color:var(--color-light-glare);border-radius:var(--radius);padding:clamp(2rem,4vw,3.4rem);text-align:center}
.ctaband h2{color:var(--color-white);font-size:clamp(1.6rem,3vw,2.5rem);margin-bottom:.7rem}
.ctaband p{font-family:var(--font-base);color:var(--color-light);max-width:52ch;margin:0 auto 1.6rem;font-size:1.05rem;line-height:var(--leading-normal)}
.ctaband .cta-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.ctaband--lime{background:radial-gradient(110% 150% at 100% 0%,rgba(140,188,4,.28),transparent 55%),var(--color-primary)}
.ctaband--lime h2{color:var(--color-dark-shade)}
.ctaband--lime p{color:var(--color-dark)}
.ctaband--lime .btn--primary{background:var(--color-dark-shade);color:var(--color-primary)}
.ctaband--lime .btn--primary:hover{background:var(--color-black)}
.ctaband--lime .btn--ghost-dark{box-shadow:inset 0 0 0 1px var(--color-dark-shade)}

/* ==================================================================
   FOOTER (minimal, som Canva)
   ================================================================== */
.site-foot{background:var(--color-dark);color:var(--color-light);padding-block:2.4rem;margin-top:clamp(2rem,4vw,3rem)}
.site-foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.site-foot .f-links{display:flex;gap:1.6rem;font-family:var(--font-heading);font-size:.85rem;font-weight:600}
.site-foot .f-links a{opacity:.8;transition:opacity .2s,color .2s}
.site-foot .f-links a:hover{opacity:1;color:var(--color-primary)}
.site-foot .f-brand{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.65}

/* ---- Reveal ---- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* ==================================================================
   MIDLERTIDIGT SKJULT — målgruppe-indgange (vi starter med én artikel).
   Fjern hele denne blok for at aktivere Studerende / Insights /
   Virksomheder igen (både i undermenuen og de tre kort i hero'en).
   ================================================================== */
.subnav .audience-link{display:none}
.hentries{display:none}
.herosplit{grid-template-columns:1fr}
/* Artikelliste-sektion på forsiden skjult indtil flere nyhedsartikler er klar (fjern linjen for at vise igen) */
.artlist-section{display:none}