/* ============ V1 · MARKEN — Jysk IT WordPress Theme ============
   Design system fra static prototype — teal · navy · creme
   Fonts: Bricolage Grotesque (display) + Hanken Grotesk (body)
   ============================================================= */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --ink:#0C2230;
  --ink-soft:#334A57;
  --teal:#10867C;
  --teal-deep:#0B5F58;
  --teal-bright:#1FB3A6;
  --paper:#F6F2E9;
  --paper-2:#EFE8D9;
  --sand:#E6DAC2;
  --clay:#C96A45;
  --line:rgba(12,34,48,.14);
  --line-strong:rgba(12,34,48,.30);
  --display:'Bricolage Grotesque',sans-serif;
  --body:'Hanken Grotesk',sans-serif;
  --maxw:1240px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%;height:auto}
button{cursor:pointer;border:none;background:none;font:inherit}
ul,ol{list-style:none}
input,textarea,select{font:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
::selection{background:var(--sand);color:var(--ink)}
section{position:relative}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.wrap--narrow{max-width:860px;margin:0 auto;padding:0 32px}

/* ── skip link ── */
.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--teal);color:#fff;border-radius:999px;font-size:14px;font-weight:600;transition:top .2s}
.skip-link:focus{top:16px}

/* ── reveal ── */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}
.reveal.on{opacity:1;transform:none}
.reveal-d1{transition-delay:.07s}
.reveal-d2{transition-delay:.14s}
.reveal-d3{transition-delay:.21s}

/* ─────────────────────────────────────────────
   TYPOGRAPHY
───────────────────────────────────────────── */
.kicker{
  font-family:var(--body);
  font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--teal-deep);display:inline-flex;align-items:center;gap:10px;
}
.kicker::before{content:"";width:26px;height:1.5px;background:var(--clay)}
.kicker .num{font-family:var(--display);font-weight:500;color:var(--clay)}

h1,h2,h3{font-family:var(--display);line-height:1.02;letter-spacing:-.02em;font-weight:600}
.display{font-size:clamp(44px,7vw,104px);font-weight:700;letter-spacing:-.035em}

/* ─────────────────────────────────────────────
   UTILITY BAR
───────────────────────────────────────────── */
.util{background:var(--ink);color:var(--paper)}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:42px;font-size:13.5px}
.util a{display:inline-flex;align-items:center;gap:7px;opacity:.85;transition:opacity .2s}
.util a:hover{opacity:1}
.util .util-r{display:flex;gap:26px;align-items:center}
.util .dot{width:7px;height:7px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 0 3px rgba(31,179,166,.25)}

/* ─────────────────────────────────────────────
   HEADER
───────────────────────────────────────────── */
header.site{position:sticky;top:0;z-index:60;background:rgba(246,242,233,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.site.scrolled{box-shadow:0 2px 24px rgba(12,34,48,.08)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}

.logo{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.03em;display:flex;align-items:center;gap:11px}
.logo .mark{width:34px;height:34px;border-radius:9px;background:var(--teal);position:relative;flex:none}
.logo .mark::after{content:"";position:absolute;inset:9px;border-radius:3px;background:var(--paper);clip-path:polygon(0 100%,0 38%,50% 0,100% 38%,100% 100%,62% 100%,62% 60%,38% 60%,38% 100%)}
.logo small{font-family:var(--body);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);display:block;margin-top:-2px}

/* WordPress nav */
nav.main{display:flex;gap:30px;align-items:center}
nav.main .nav-menu{display:flex;gap:30px;align-items:center;list-style:none;padding:0;margin:0}
nav.main .nav-menu > li{position:relative}
nav.main .nav-menu > li > a{font-weight:600;font-size:15.5px;position:relative;padding:6px 0;display:block}
nav.main .nav-menu > li > a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--clay);transition:width .25s}
nav.main .nav-menu > li > a:hover::after,
nav.main .nav-menu > li.current-menu-item > a::after,
nav.main .nav-menu > li.current-menu-ancestor > a::after{width:100%}

/* Dropdown */
nav.main .nav-menu .sub-menu{
  position:absolute;top:calc(100% + 12px);left:0;
  background:var(--paper);border:1px solid var(--line);
  border-radius:14px;box-shadow:0 8px 32px rgba(12,34,48,.1);
  min-width:200px;padding:8px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);
  transition:opacity .25s,transform .25s,visibility .25s;
  list-style:none;
}
nav.main .nav-menu li:hover > .sub-menu,
nav.main .nav-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
nav.main .nav-menu .sub-menu a{display:block;padding:9px 14px;border-radius:9px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s}
nav.main .nav-menu .sub-menu a:hover{background:var(--paper-2);color:var(--teal-deep)}

/* Fjernsupport i header */
.btn-fjernsupport{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--body);font-weight:600;font-size:14px;
  padding:10px 20px;border-radius:999px;
  background:var(--ink);color:var(--paper);
  transition:background .2s;white-space:nowrap;
}
.btn-fjernsupport:hover{background:var(--teal-deep)}
.btn-fjernsupport .dot{width:7px;height:7px;border-radius:50%;background:var(--teal-bright);flex-shrink:0}

/* Burger */
.burger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px}
.burger span{display:block;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ─────────────────────────────────────────────
   BUTTONS
───────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;transition:.2s;cursor:pointer;border:none;white-space:nowrap;font-family:var(--body)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{background:var(--teal-deep)}
.btn-teal{background:var(--teal);color:#fff}
.btn-teal:hover{background:var(--teal-deep)}
.btn-ghost{border:1.5px solid var(--line-strong);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(3px)}
.btn-full{width:100%;justify-content:center}

/* ─────────────────────────────────────────────
   HERO (frontpage)
───────────────────────────────────────────── */
.hero{padding:74px 0 30px;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:end}
.hero h1{margin:18px 0 0}
.hero .lede{font-size:21px;color:var(--ink-soft);max-width:30ch;margin:26px 0 30px;line-height:1.45}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.hero-stats{display:flex;gap:40px;border-top:1px solid var(--line);padding-top:24px}
.hero-stats b{font-family:var(--display);font-size:38px;font-weight:700;display:block;line-height:1;color:var(--teal-deep)}
.hero-stats span{font-size:13.5px;color:var(--ink-soft)}

.hero-photo{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/4.4;background:linear-gradient(150deg,var(--teal-deep),var(--teal) 55%,var(--teal-bright));border:1px solid var(--line)}
.photo-ph{display:flex;align-items:flex-end;height:100%;width:100%;padding:24px;color:rgba(255,255,255,.92)}
.photo-ph .frame{position:absolute;inset:0;background:radial-gradient(120% 80% at 80% 0%,rgba(255,255,255,.18),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 16px)}
.photo-ph .tag{position:relative;background:rgba(12,34,48,.55);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);padding:11px 16px;border-radius:12px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:10px}
.photo-ph .tag svg{width:18px;height:18px}
.hero-photo .badge{position:absolute;top:20px;right:20px;background:var(--paper);color:var(--ink);border-radius:14px;padding:14px 18px;font-family:var(--display);font-weight:700;line-height:1;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.hero-photo .badge span{display:block;font-family:var(--body);font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-deep);margin-top:5px}

/* ─────────────────────────────────────────────
   PILLARS / YDELSER
───────────────────────────────────────────── */
.pillars{padding:64px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;flex-wrap:wrap}
.sec-head h2{font-size:clamp(30px,4vw,46px);max-width:16ch}
.sec-head p{color:var(--ink-soft);max-width:34ch;font-size:16.5px}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}
.pillar{padding:34px 28px 30px;border-right:1px solid var(--line);transition:background .25s;position:relative;display:flex;flex-direction:column;min-height:330px}
.pillar:last-child{border-right:none}
.pillar:hover{background:var(--paper-2)}
.pillar .pn{font-family:var(--display);font-size:14px;font-weight:600;color:var(--clay)}
.pillar .ic{width:46px;height:46px;border-radius:12px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;margin:18px 0 20px;transition:background .25s}
.pillar:hover .ic{background:var(--teal)}
.pillar .ic svg{width:24px;height:24px}
.pillar h3{font-size:23px;margin-bottom:10px}
.pillar p{font-size:15px;color:var(--ink-soft);flex:1}
.pillar .more{margin-top:18px;font-weight:600;font-size:14.5px;color:var(--teal-deep);display:inline-flex;gap:8px;align-items:center}
.pillar .more .arr{transition:transform .2s}
.pillar:hover .more .arr{transform:translateX(4px)}

/* ─────────────────────────────────────────────
   ABOUT
───────────────────────────────────────────── */
.about{padding:70px 0}
.about .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.about-photo{border-radius:22px;aspect-ratio:5/5.5;background:linear-gradient(160deg,var(--sand),var(--paper-2));border:1px solid var(--line);position:relative;overflow:hidden}
.about-photo .ph-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(12,34,48,.04) 30px 31px)}
.about-photo .est{position:absolute;left:24px;bottom:24px;font-family:var(--display);font-weight:800;font-size:64px;line-height:.9;color:var(--teal-deep)}
.about-photo .est span{display:block;font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px}
.about h2{font-size:clamp(32px,4.4vw,52px);margin:16px 0 22px;max-width:14ch}
.about p{font-size:17.5px;color:var(--ink-soft);max-width:46ch;margin-bottom:18px}
.about .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0 30px;border-top:1px solid var(--line);padding-top:26px}
.about .mini b{font-family:var(--display);font-size:30px;font-weight:700;display:block;color:var(--ink)}
.about .mini span{font-size:13.5px;color:var(--ink-soft)}

/* ─────────────────────────────────────────────
   CASES
───────────────────────────────────────────── */
.cases{padding:70px 0;background:var(--ink);color:var(--paper);border-radius:34px;margin:0 16px}
.cases .kicker{color:var(--teal-bright)}
.cases .kicker::before{background:var(--teal-bright)}
.cases .sec-head h2{color:var(--paper)}
.cases .sec-head p{color:rgba(246,242,233,.6)}
.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.case{border-radius:18px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:.25s;cursor:pointer;display:block}
.case:hover{transform:translateY(-6px);background:rgba(255,255,255,.09)}
.case .img{aspect-ratio:4/3.1;background:linear-gradient(150deg,var(--teal-deep),var(--teal));position:relative;overflow:hidden}
.case .img img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform .4s}
.case:hover .img img{transform:scale(1.04)}
.case .img .ph{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 18px)}
.case .img .cat{position:absolute;top:13px;left:13px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:7px}
.case .body{padding:20px 18px 22px}
.case .body small{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-bright);font-weight:600}
.case .body h3{font-size:20px;margin:8px 0 4px;color:var(--paper)}
.case .body .meta{font-size:14px;color:rgba(246,242,233,.6);display:block}
.case .body .ex{margin-top:14px;font-weight:600;font-size:14px;display:inline-flex;gap:7px;align-items:center;color:var(--paper)}
.case .body .arr{transition:transform .2s}
.case:hover .body .arr{transform:translateX(4px)}

/* ─────────────────────────────────────────────
   REMOTE / FJERNSUPPORT
───────────────────────────────────────────── */
.remote{padding:70px 0}
.remote .grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.remote h2{font-size:clamp(30px,4vw,46px);margin:16px 0 16px;max-width:13ch}
.remote p{color:var(--ink-soft);font-size:17px;max-width:42ch;margin-bottom:26px}
.remote-cards{display:grid;gap:16px}
.rcard{display:flex;align-items:center;gap:20px;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);transition:.22s}
.rcard:hover{border-color:var(--teal);background:var(--paper-2);transform:translateX(5px)}
.rcard .ric{width:54px;height:54px;border-radius:14px;background:var(--sand);display:flex;align-items:center;justify-content:center;flex:none;font-family:var(--display);font-weight:800;font-size:20px;color:var(--teal-deep)}
.rcard h4{font-family:var(--display);font-size:19px;font-weight:600}
.rcard p{font-size:14.5px;margin:3px 0 0;color:var(--ink-soft)}
.rcard .arr{margin-left:auto;color:var(--teal-deep);transition:transform .2s}
.rcard:hover .arr{transform:translateX(4px)}

/* ─────────────────────────────────────────────
   TESTIMONIALS
───────────────────────────────────────────── */
.quotes{padding:64px 0}
.q-grid{columns:3;column-gap:18px}
.qcard{break-inside:avoid;margin-bottom:18px;padding:28px 26px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}
.qcard:nth-child(3n+1){background:var(--paper-2)}
.qcard .mark-q{font-family:var(--display);font-size:46px;font-weight:700;color:var(--clay);line-height:.6;height:24px}
.qcard p{font-size:16.5px;color:var(--ink);margin:6px 0 18px;line-height:1.5}
.qcard .by{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:14px}
.qcard .av{width:36px;height:36px;border-radius:9px;background:var(--teal);color:#fff;font-family:var(--display);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.qcard .by b{font-size:14.5px;font-weight:600;display:block}
.qcard .by span{font-size:12.5px;color:var(--ink-soft);display:block}

/* ─────────────────────────────────────────────
   CTA SEKTION
───────────────────────────────────────────── */
.cta-section{padding:30px 0 80px}
.cta-inner{background:linear-gradient(150deg,var(--teal-deep),var(--teal));color:#fff;border-radius:30px;padding:64px 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;overflow:hidden;position:relative}
.cta-inner::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08)}
.cta-inner .kicker{color:rgba(255,255,255,.85)}
.cta-inner .kicker::before{background:#fff}
.cta-inner h2{font-size:clamp(30px,4vw,50px);color:#fff;margin:16px 0 12px;max-width:16ch}
.cta-inner p{color:rgba(255,255,255,.85);font-size:17px;max-width:34ch}
.cta-form{position:relative;background:var(--paper);border-radius:20px;padding:30px 28px}
.cta-form h4{font-family:var(--display);color:var(--ink);font-size:19px;margin-bottom:16px}

/* ─────────────────────────────────────────────
   FORMS
───────────────────────────────────────────── */
.field{margin-bottom:13px}
.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}
.field input,.field textarea,.field select{width:100%;font-family:var(--body);font-size:15px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(16,134,124,.12)}
.field textarea{resize:vertical;min-height:120px}
.form-status{padding:12px 16px;border-radius:11px;font-size:14px;margin-top:8px}
.form-status.ok{background:rgba(16,134,124,.1);color:var(--teal-deep)}
.form-status.err{background:#fef2f2;color:#b91c1c}

/* ─────────────────────────────────────────────
   FOOTER
───────────────────────────────────────────── */
footer.site{background:var(--ink);color:var(--paper);padding:64px 0 30px;margin-top:10px}
footer.site .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
footer.site h5{font-family:var(--body);font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:18px;font-weight:600}
footer.site .fcol p,footer.site .fcol a{font-size:14.5px;color:rgba(246,242,233,.72);margin-bottom:7px;display:block;transition:color .2s}
footer.site .fcol a:hover{color:var(--paper)}
footer.site .hot{display:flex;justify-content:space-between;font-size:14.5px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.12)}
footer.site .hot b{color:var(--paper);font-weight:600}
footer.site .about-foot{font-size:14.5px;color:rgba(246,242,233,.72);max-width:34ch;line-height:1.55}
footer.site .foot-logo{font-family:var(--display);font-weight:800;font-size:24px;margin-bottom:16px;display:flex;gap:10px;align-items:center}
footer.site .bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:14px;font-size:13.5px;color:rgba(246,242,233,.55)}
footer.site .bottom .lks{display:flex;gap:20px}
footer.site .bottom .lks a{color:rgba(246,242,233,.55);transition:color .2s}
footer.site .bottom .lks a:hover{color:var(--paper)}
footer.site .soc{display:flex;gap:10px}
footer.site .soc a{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:var(--paper);transition:background .2s,border-color .2s}
footer.site .soc a:hover{background:var(--teal);border-color:var(--teal)}

/* ─────────────────────────────────────────────
   SUBPAGE HERO
───────────────────────────────────────────── */
.subhero{padding:60px 0 30px}
.subhero .crumbs{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px;display:flex;gap:8px;align-items:center}
.subhero .crumbs a{color:var(--teal-deep);font-weight:600}
.subhero .crumbs span{color:var(--ink-soft)}
.subhero h1{font-size:clamp(40px,6vw,84px);max-width:14ch;letter-spacing:-.035em}
.subhero .lede{font-size:20px;color:var(--ink-soft);max-width:50ch;margin-top:22px;line-height:1.5}
.subhero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

/* ─────────────────────────────────────────────
   PRODUCT CATEGORIES (udstyr)
───────────────────────────────────────────── */
.cats{padding:50px 0 70px}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.catcard{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper);transition:.25s;display:block}
.catcard:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(12,34,48,.1);border-color:var(--teal)}
.catcard .top{aspect-ratio:16/10;background:linear-gradient(150deg,var(--sand),var(--paper-2));position:relative;display:flex;align-items:center;justify-content:center}
.catcard .top .ic{width:56px;height:56px;color:var(--teal-deep)}
.catcard .top .n{position:absolute;top:14px;left:16px;font-family:var(--display);font-weight:700;color:var(--clay)}
.catcard .b{padding:24px 24px 26px}
.catcard h3{font-size:22px;margin-bottom:8px}
.catcard p{font-size:14.5px;color:var(--ink-soft)}
.catcard .more{margin-top:16px;font-weight:600;font-size:14px;color:var(--teal-deep);display:inline-flex;gap:7px;align-items:center}
.catcard .arr{transition:transform .2s}
.catcard:hover .arr{transform:translateX(4px)}

/* ─────────────────────────────────────────────
   CONTACT PAGE
───────────────────────────────────────────── */
.contact-wrap{padding:40px 0 70px}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px}
.info-block{margin-bottom:30px}
.info-block h4{font-family:var(--body);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:14px;font-weight:600}
.info-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.info-row b{font-weight:600}
.info-row a{color:var(--teal-deep)}
.loc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:10px}
.loc{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.loc b{font-family:var(--display);font-size:16px;display:block;margin-bottom:5px}
.loc.hq{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.loc.hq b{color:var(--paper)}
.loc span{font-size:13.5px;color:var(--ink-soft);line-height:1.5}
.loc.hq span{color:rgba(246,242,233,.7)}
.bigform{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px 32px;position:sticky;top:100px}
.bigform h3{font-size:26px;margin-bottom:8px}
.bigform > p{color:var(--ink-soft);font-size:15px;margin-bottom:22px}

/* ─────────────────────────────────────────────
   SINGLE CASE
───────────────────────────────────────────── */
.case-single-hero{background:var(--ink);color:var(--paper);padding:56px 0 40px;margin-bottom:0}
.case-single-hero .kicker{color:var(--teal-bright)}
.case-single-hero .kicker::before{background:var(--teal-bright)}
.case-single-hero h1{color:var(--paper);margin-top:16px;font-size:clamp(36px,5vw,68px);max-width:14ch}
.case-single-body{padding:60px 0}
.case-single-grid{display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:start}
.case-section{margin-bottom:36px}
.case-section h3{font-family:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:12px}
.case-section p{font-size:16.5px;color:var(--ink-soft);line-height:1.65}
.case-citat{border-left:3px solid var(--teal);padding:20px 24px;margin:24px 0;background:var(--paper-2);border-radius:0 14px 14px 0}
.case-citat p{font-size:19px;font-style:italic;color:var(--ink);line-height:1.5}
.case-sidebar-card{background:var(--ink);color:var(--paper);border-radius:20px;padding:28px;position:sticky;top:100px}
.case-sidebar-card h4{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-bright);margin-bottom:16px;font-weight:600}
.case-sidebar-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14.5px}
.case-sidebar-row b{color:var(--paper);font-weight:600}
.case-sidebar-row span{color:rgba(246,242,233,.6)}

/* ─────────────────────────────────────────────
   MEDARBEJDERE
───────────────────────────────────────────── */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.team-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);transition:.2s}
.team-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(12,34,48,.08);border-color:var(--teal)}
.team-card .foto{aspect-ratio:1/1;background:linear-gradient(150deg,var(--sand),var(--paper-2));position:relative;overflow:hidden}
.team-card .foto img{width:100%;height:100%;object-fit:cover}
.team-card .info{padding:18px 18px 20px}
.team-card .info h3{font-size:18px;margin-bottom:4px}
.team-card .info .title{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:10px}
.team-card .info a{font-size:14px;color:var(--ink-soft);display:flex;align-items:center;gap:7px;margin-bottom:4px;transition:color .2s}
.team-card .info a:hover{color:var(--teal)}
.team-group-label{font-family:var(--body);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:36px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}

/* ─────────────────────────────────────────────
   SERVICE SIDE (med sidebar)
───────────────────────────────────────────── */
.service-layout{padding:50px 0 70px}
.service-layout .grid{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}
.service-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px}
.sidebar-card{border:1px solid var(--line);border-radius:18px;padding:26px}
.sidebar-card.dark{background:var(--ink);border-color:transparent;color:var(--paper)}
.sidebar-card h4{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;color:var(--teal-deep)}
.sidebar-card.dark h4{color:var(--teal-bright)}
.sidebar-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.55;margin-bottom:14px}
.sidebar-card.dark p{color:rgba(246,242,233,.7)}
.sidebar-links a{display:block;font-size:14.5px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);transition:color .2s}
.sidebar-links a:last-child{border-bottom:none}
.sidebar-links a:hover{color:var(--teal)}

/* ─────────────────────────────────────────────
   ENTRY CONTENT
───────────────────────────────────────────── */
.entry-content h1,.entry-content h2,.entry-content h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.1;color:var(--ink);margin:1.8em 0 .6em}
.entry-content h2{font-size:26px}
.entry-content h3{font-size:20px}
.entry-content p{font-size:16.5px;color:var(--ink-soft);margin-bottom:1.2em;line-height:1.65}
.entry-content ul,.entry-content ol{padding-left:1.5em;margin-bottom:1.2em}
.entry-content li{font-size:16.5px;color:var(--ink-soft);margin-bottom:.4em}
.entry-content a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px}
.entry-content blockquote{border-left:3px solid var(--teal);padding:16px 20px;margin:1.5em 0;background:var(--paper-2);border-radius:0 12px 12px 0;font-style:italic}
.entry-content strong{font-weight:600;color:var(--ink)}

/* ─────────────────────────────────────────────
   SUPPORT PAGE
───────────────────────────────────────────── */
.support-download{padding:50px 0 70px}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.support-card{border:1px solid var(--line);border-radius:20px;padding:32px;background:var(--paper);display:flex;flex-direction:column;gap:14px;transition:.2s}
.support-card:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 16px 36px rgba(12,34,48,.08)}
.support-card.primary{background:var(--ink);border-color:transparent;color:var(--paper)}
.support-card.primary:hover{background:var(--teal-deep)}
.support-card h3{font-size:21px}
.support-card.primary h3{color:var(--paper)}
.support-card p{font-size:14.5px;color:var(--ink-soft);flex:1}
.support-card.primary p{color:rgba(246,242,233,.7)}

/* ─────────────────────────────────────────────
   BREADCRUMB
───────────────────────────────────────────── */
.crumbs{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumbs a{color:var(--teal-deep);font-weight:600;transition:color .2s}
.crumbs a:hover{color:var(--teal)}
.crumbs span{color:var(--ink-soft)}

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media(max-width:980px){
  .hero .grid,.about .grid,.remote .grid,.cta-inner,.contact-grid,.service-layout .grid,.case-single-grid{grid-template-columns:1fr}
  .pillar-grid,.case-grid,.cat-grid{grid-template-columns:1fr 1fr}
  .q-grid{columns:2}
  footer.site .top{grid-template-columns:1fr 1fr}
  nav.main{display:none}
  .burger{display:flex}
  .service-sidebar,.bigform{position:static}
}
@media(max-width:640px){
  .wrap,.wrap--narrow{padding:0 20px}
  .pillar-grid{grid-template-columns:1fr}
  .pillar{border-right:none;border-bottom:1px solid var(--line)}
  .case-grid,.cat-grid,.loc-grid,.support-grid{grid-template-columns:1fr}
  .q-grid{columns:1}
  .about .mini{grid-template-columns:1fr 1fr}
  .cta-inner{padding:38px 26px;grid-template-columns:1fr}
  .util .util-r{gap:14px}
  .hero-stats{gap:20px}
  .hero-stats b{font-size:28px}
}

/* print */
@media print{
  .util,.site-nav,header.site,.cta-section,footer.site{display:none}
  body{background:#fff;color:#000}
}