*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#f7f0e8;
  --ink:#2c1a0e;
  --ink-60:rgba(44,26,14,.6);
  --ink-40:rgba(44,26,14,.42);
  --line:rgba(44,26,14,.13);
  --navy:#1a1410;
  --dark:#1a1410;
  --gold:#c9a96e;
  --accent:#8b6340;
  --panel:#efe5d6;
  --pill:#1f160e;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;overflow-x:hidden}
::selection{background:var(--ink);color:#fff}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1300px;margin:0 auto;padding:0 30px}
.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:.92rem;font-weight:600;letter-spacing:-.01em;padding:12px 22px;border-radius:100px;transition:opacity .2s}
.btn:hover{opacity:.85}
.btn-gold{background:var(--gold);color:var(--ink)}

/* ── NAV (to flydende pills — forka-version) ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:padding .3s ease}
.nav.scrolled{padding:12px 0}
.nav-in{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:0 auto;padding:0 26px}
.pill{background:var(--pill);border-radius:10px;box-shadow:0 2px 12px rgba(44,26,14,.1)}
.nav-pill{display:flex;align-items:center;gap:22px;height:46px;padding:0 22px}
.nav-pill .logo{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#fff}
.nav-pill .logo span{color:var(--gold)}
.nav-links{display:flex;gap:22px}
.nav-links a{position:relative;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8);padding-bottom:3px;transition:color .2s}
.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--gold);transition:width .3s cubic-bezier(.22,1,.36,1)}
.nav-links a:hover{color:#fff}
.nav-links a:hover::after{width:100%}
.nav-links a.active{color:#fff}
.nav-links a.active::after{width:100%}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:var(--gold);transition:transform .2s}
.nav-ico svg{width:18px;height:18px}
.nav-ico:hover{transform:translateY(-1px)}
.nav-cta{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 22px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:transform .2s}
.nav-cta b{color:var(--gold);font-size:1.05rem;line-height:1;transition:transform .2s}
.nav-cta:hover{transform:translateY(-1px)}
.nav-cta:hover b{transform:translateX(3px)}

/* ── NAV DROPDOWNS ── */
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:inline-flex;align-items:center;gap:6px}
.cv{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .25s,opacity .2s;flex-shrink:0}
.nav-item:hover .cv{transform:rotate(225deg) translateY(1px);opacity:1}
.nav-dd{position:absolute;top:100%;left:-8px;transform:translateY(12px);padding-top:15px;width:300px;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease;z-index:60}
.nav-item:hover .nav-dd{opacity:1;visibility:visible;transform:translateY(0)}
/* Mega-dropdown (mørkt panel) */
.dd-mega{background:var(--pill);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 26px 60px rgba(44,26,14,.4);padding:12px}
.dd-mega a::after{display:none}
.nav-links .dd-mega a{text-transform:none;letter-spacing:-.01em}
.dd-link{display:flex;align-items:center;padding:9px 8px;border-radius:8px;color:#fff;font-size:.94rem;font-weight:600;letter-spacing:-.01em;text-transform:none;transition:background .15s}
.dd-link:hover{background:rgba(255,255,255,.06)}
.dd-link .dd-num{color:rgba(255,255,255,.35);font-weight:500;margin-right:10px;font-size:.82rem;font-variant-numeric:tabular-nums}
.dd-cards{display:flex;flex-direction:column;gap:9px;margin-top:9px}
.dd-card{position:relative;height:92px;border-radius:10px;overflow:hidden;display:flex;align-items:flex-end;padding:12px;text-transform:none}
.dd-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 42%,rgba(0,0,0,.62))}
.dd-badge{position:absolute;top:9px;left:9px;z-index:2;width:22px;height:22px;border-radius:6px;background:var(--gold);color:var(--ink);font-weight:800;font-size:.82rem;display:flex;align-items:center;justify-content:center}
.dd-label{position:relative;z-index:2;color:#fff;font-weight:600;font-size:.98rem;letter-spacing:-.01em}
.dd-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);margin-top:11px;padding:11px 6px 3px}
.dd-foot-brand{color:rgba(255,255,255,.45);font-size:.78rem;font-weight:700;letter-spacing:.03em}
.dd-foot-ics{display:flex;align-items:center;gap:14px}
.dd-ic{color:rgba(255,255,255,.5);transition:color .15s;display:inline-flex}
.dd-ic svg{width:15px;height:15px}
.dd-ic:hover{color:var(--gold)}

/* ── HERO ── */
.hero{min-height:96vh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:#2c1a0e;overflow:hidden}
/* Baggrundsfoto — byt assets/hero.jpg ud for at skifte billede */
.hero-img{position:absolute;inset:0;background:url('assets/hero.jpg') center/cover no-repeat}
/* mørkt lag: kraftigt til venstre (tekst) + i bunden (logobjælke), lysere til højre (motiv) */
.hero::before{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(28,17,9,.88) 0%,rgba(28,17,9,.58) 38%,rgba(28,17,9,.20) 60%,rgba(28,17,9,.34) 100%),
             linear-gradient(180deg,rgba(28,17,9,0) 52%,rgba(28,17,9,.80) 100%)}
.hero-body{position:relative;z-index:2;padding-bottom:26px}
.hero .eyebrow{color:rgba(255,255,255,.8);margin-bottom:16px}
.hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.1rem);font-weight:800;line-height:1;letter-spacing:-.04em;max-width:16ch}
/* .split pakker selv hvert ord i <span> — brug <em> til accenten, ellers bliver hele overskriften guld */
.hero h1 em{font-style:normal;color:var(--gold)}
.hero-tag{color:rgba(255,255,255,.85);font-size:1.05rem;margin-top:18px;max-width:48ch}
.hero-logos{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.18);margin-top:30px}
.hero-logos-in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;flex-wrap:wrap}
.hero-logos-in span{color:rgba(255,255,255,.85);font-size:1.05rem;font-weight:700;letter-spacing:.02em}

/* ── ANIMERET FLOW-KORT (viser processen live) ── */
.flow{position:absolute;top:auto;bottom:130px;right:5%;width:330px;max-width:36vw;z-index:3;background:rgba(22,17,12,.9);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 16px 14px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.flow-head{display:flex;align-items:center;gap:9px;font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:14px}
.flow-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:flowdot 2.2s infinite}
@keyframes flowdot{0%{box-shadow:0 0 0 0 rgba(201,169,110,.5)}70%{box-shadow:0 0 0 7px rgba(201,169,110,0)}100%{box-shadow:0 0 0 0 rgba(201,169,110,0)}}
/* Produktvindue: viser kæden køre igennem i stedet for at forklare den */
.flow-bar{display:flex;align-items:center;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:6px}
.flow-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.16)}
.flow-bar i:first-child{background:rgba(201,169,110,.5)}
.flow-bar span{margin-left:auto;font-size:.62rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.38)}
/* Bygger-sekvens: workflow der samler sig selv, trin for trin, ligesom en rigtig automation-platform */
.flow-build{display:flex;flex-direction:column;margin:2px 0 2px}
.fb-step{display:flex;gap:10px;opacity:0;transform:translateY(6px);max-height:0;overflow:hidden;transition:opacity .35s ease,transform .35s ease,max-height .35s ease}
.fb-step.show{opacity:1;transform:translateY(0);max-height:70px}
.fb-step+.fb-step{margin-top:2px}
.fb-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18);margin-top:15px;flex-shrink:0;position:relative}
.fb-step.show .fb-dot{background:var(--gold)}
.fb-card{flex:1;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);margin-bottom:8px}
.fb-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fb-top b{font-size:.84rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-card code{display:block;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:.68rem;color:rgba(201,169,110,.75);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-status{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:.66rem;font-weight:600;color:rgba(201,169,110,.85)}
.fb-status .fb-spin{width:11px;height:11px;animation:fbspin .8s linear infinite}
.fb-status .fb-check{width:12px;height:12px;display:none}
.fb-status.done{color:#5fd98a}
.fb-status.done .fb-spin{display:none}
.fb-status.done .fb-check{display:block}
@keyframes fbspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.fb-step{transition:none}.fb-status .fb-spin{animation:none}}
.flow-foot{display:flex;gap:16px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:.68rem;color:rgba(255,255,255,.4)}
.flow-foot b{display:block;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:1px}
@media(max-width:1080px){.flow{display:none}}

/* ── SUB-HERO (undersider) ── */
.subhero{padding:148px 0 52px;border-bottom:1px solid var(--line)}
.subhero-in{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end}
.subhero .eyebrow{margin-bottom:18px}
.subhero h1{font-size:clamp(2.3rem,4.7vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.03;color:var(--ink)}
.subhero h1 em{font-style:italic;font-weight:600;color:var(--accent)}
.subhero p{font-size:1.05rem;color:var(--ink-60);line-height:1.65;max-width:42ch;padding-bottom:6px}
@media(max-width:820px){.subhero-in{grid-template-columns:1fr;gap:22px;align-items:start}}

/* ── RIG UNDERSIDE-HERO ── */
.yhero{background:var(--bg);color:var(--ink);padding:150px 0 0;text-align:center;position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.yhero-in{position:relative;z-index:2}
/* Ét kort ord, meget stort */
.yhero h1{color:var(--ink);font-size:clamp(3.2rem,8.2vw,6.6rem);font-weight:800;letter-spacing:-.045em;line-height:1;margin:0 auto}
.yhero h1 em{font-style:normal;color:var(--gold)}
.yhero-sub{color:var(--ink-60);font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.45;letter-spacing:-.02em;max-width:34ch;margin:20px auto 30px}
.yhero-sub b{color:var(--ink);font-weight:700}

/* ── Foto-bue ── */
.yarc{position:relative;height:400px;margin:6px auto 0;max-width:1400px;z-index:1}
.yarc>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.yarc-card{position:absolute;width:200px;aspect-ratio:4/3;border-radius:9px;overflow:hidden;
  transform:rotate(var(--r)) translateZ(0);box-shadow:0 18px 40px rgba(44,26,14,.16);
  display:block;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.yarc-card:hover{transform:rotate(var(--r)) translateY(-8px) scale(1.03)}
.yarc-card img{width:100%;height:100%;object-fit:cover;display:block}
.yarc-card::after{content:'';position:absolute;inset:0;background:linear-gradient(170deg,rgba(0,0,0,.05),transparent 40%,rgba(0,0,0,.55))}
.yarc-card .dd-badge{position:absolute;top:11px;left:11px;z-index:2}
.yarc-card b{position:absolute;left:13px;bottom:11px;z-index:2;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:-.015em}
@media(max-width:900px){.yarc{height:250px}.yarc-card{width:140px}}
@media(max-width:600px){.yarc{height:180px}.yarc-card{width:104px}.yarc-card b{font-size:.72rem;left:9px;bottom:8px}}
/* Store ydelses-kategorier: kæmpe titel + kolonner af grupperede accordions */
/* Lille grå indledning, ingen kursiv */
.svc-intro{padding:70px 0 4px}
.svc-intro h2{font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:500;letter-spacing:-.025em;line-height:1.3;color:var(--ink-40)}
.svc-intro h2 b{font-weight:700;color:var(--ink)}
.svc-intro h2 span{color:var(--gold)}
.svc{padding:52px 0}
.svc-title{font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800;letter-spacing:-.045em;line-height:1;margin-bottom:30px}
.svc-title span{color:var(--gold)}
/* 3 smalle kolonner, ikke 2 brede */
.svc-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0 52px;align-items:start;max-width:1200px}
.svc-col{min-width:0}
.svc-col .eyebrow{font-size:.62rem;letter-spacing:.14em;color:var(--ink-40);margin-bottom:10px;padding-bottom:0}
/* kompakte bokse */
.svc .acc{margin-bottom:6px;border-radius:7px}
.svc .acc-h{font-size:.83rem;font-weight:500;padding:12px 13px;gap:10px;line-height:1.3}
.svc .acc-ic{width:12px;height:12px}
.svc .acc-ic::before{top:5px;width:12px}
.svc .acc-ic::after{left:5px;height:12px}
.svc .acc-b p{padding:0 13px 13px;font-size:.84rem;line-height:1.55}
@media(max-width:900px){.svc-cols{grid-template-columns:repeat(2,1fr);gap:0 22px}.svc-col:nth-child(n+3){margin-top:22px}}
@media(max-width:600px){.svc-cols{grid-template-columns:1fr}.svc-col+.svc-col{margin-top:22px}}

/* ── INTRO ── */
.intro{padding:90px 0 60px}
.intro .eyebrow{margin-bottom:24px}
.intro h2{font-size:clamp(1.5rem,3vw,2.35rem);font-weight:600;line-height:1.22;letter-spacing:-.03em;max-width:32ch}

/* ── CASE GRID ── */
.cgrid{padding:20px 0 90px}
.cgrid-in{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cc{position:relative;aspect-ratio:3/3.5;border-radius:5px;overflow:hidden;display:block}
.cc.g1{background:#2c1a0e}
.cc.g2{background:#3d2718}
.cc.g3{background:#1a1410}
.cc.g4{background:#33200f}
.cc.g5{background:#241609}
.cc.g6{background:#3d2718}
.cc::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 32%,transparent 52%,rgba(0,0,0,.74) 100%)}
.cc-top{position:absolute;top:16px;left:18px;right:18px;z-index:2;display:flex;justify-content:space-between;align-items:center}
.cc-brand{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.02em}
.cc-tag{color:rgba(255,255,255,.85);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.4);padding:4px 9px;border-radius:100px}
.cc-metric{position:absolute;left:18px;bottom:18px;right:18px;z-index:2;color:#fff}
.cc-metric .n{font-size:2.35rem;font-weight:800;letter-spacing:-.04em;line-height:.95}
.cc-metric .l{font-size:.82rem;font-weight:500;opacity:.9;margin-top:6px;line-height:1.35}
.g1{background:linear-gradient(150deg,#3a2a1c,#7a5a3c)}
.g2{background:linear-gradient(150deg,#5a4030,#a9805a)}
.g3{background:linear-gradient(150deg,#4a3a2c,#8f7050)}
.g4{background:linear-gradient(150deg,#2f2418,#6c5238)}
.g5{background:linear-gradient(150deg,#543f2a,#9c7a54)}
.g6{background:linear-gradient(150deg,#403020,#847050)}

/* ── SERVICES ── */
.serv{padding:80px 0}
.serv-tabs{display:flex;gap:30px;margin-bottom:28px}
.serv-tab{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.03em;color:var(--ink-40);cursor:pointer;transition:color .2s;user-select:none}
.serv-tab:hover{color:var(--ink-60)}
.serv-tab.on{color:var(--ink)}
.serv-box{background:#efe6d9;border:1px solid var(--line);border-radius:20px;padding:38px}
.serv-body{display:grid;grid-template-columns:1fr 1.1fr;gap:38px}
.serv-left .eyebrow{margin-bottom:16px}
.serv-left h3{font-size:1.55rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;margin-bottom:26px;max-width:26ch}
.serv-left .btn{margin-bottom:34px}
.serv-list{border-top:1px solid var(--line)}
.serv-list a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);font-size:1.02rem;font-weight:500;transition:padding .25s}
.serv-list a:hover{padding-left:14px}
.serv-list a span{color:var(--gold);font-size:1.2rem}
/* Accordion — boks-kort, klik for at folde forklaring ud */
.acc{border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:var(--bg);transition:border-color .15s}
.acc:hover{border-color:var(--ink-40)}
.acc-h{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;background:none;border:none;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:-.01em;color:var(--ink);cursor:pointer;text-align:left;transition:color .15s}
.acc-h:hover{color:var(--accent)}
.acc-ic{position:relative;width:15px;height:15px;flex-shrink:0}
.acc-ic::before,.acc-ic::after{content:'';position:absolute;background:var(--gold);transition:transform .28s ease}
.acc-ic::before{left:0;top:6.5px;width:15px;height:2px}
.acc-ic::after{left:6.5px;top:0;width:2px;height:15px}
.acc.open .acc-ic::after{transform:scaleY(0)}
.acc-b{max-height:0;overflow:hidden;transition:max-height .32s ease}
.acc.open .acc-b{max-height:560px}
.acc-b p{padding:0 16px 16px;font-size:.93rem;color:var(--ink-60);line-height:1.6}
/* FAQ-sektion */
.faq{padding:96px 0;border-top:1px solid var(--line)}
.faq-in{max-width:780px;margin:0 auto}
.faq .eyebrow{margin-bottom:16px}
.faq h2{font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;margin-bottom:38px}
.faq h2 em{font-style:italic;font-weight:600;color:var(--accent)}
.faq .acc-h{font-size:1.08rem;padding:17px 18px}
.faq .acc-b p{padding:0 18px 18px;font-size:.98rem}
.serv-case{position:relative;border-radius:5px;overflow:hidden;background:linear-gradient(150deg,#6b4a2e,#c4a882);min-height:440px}
.serv-case::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 40%,rgba(0,0,0,.55))}
.serv-case-top{position:absolute;top:18px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;color:#fff;font-weight:700}
.serv-case-top .cc-tag{border-color:rgba(255,255,255,.5)}
.serv-case-m{position:absolute;left:20px;bottom:22px;right:20px;z-index:2;color:#fff}
.serv-case-m .n{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.serv-case-m .l{font-size:.85rem;opacity:.9;margin-top:6px;line-height:1.35}

/* ── SÅDAN ARBEJDER VI ── */
.fw{background:var(--navy);color:#fff;padding:96px 0;text-align:center}
.fw .eyebrow{color:rgba(255,255,255,.4);margin-bottom:22px}
.fw h2{font-size:clamp(1.8rem,3.6vw,2.9rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;max-width:22ch;margin:0 auto 44px}
.fw-card{background:linear-gradient(160deg,#efe5d6,#dcc9a8);border-radius:8px;max-width:720px;margin:0 auto;aspect-ratio:16/8;position:relative;display:flex;align-items:flex-end;padding:26px;overflow:hidden}
.fw-card p{position:relative;z-index:2;color:#2c1a0e;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;text-align:left;max-width:24ch}
.fw-lead{font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:600;letter-spacing:-.025em;line-height:1.35;max-width:36ch;margin:52px auto 22px}
.fw-lead b{color:var(--gold)}
.fw-link{display:inline-flex;gap:8px;font-size:.95rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:3px}
.fw-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:940px;margin:64px auto 0;text-align:left}
.fw-step{border-top:1px solid rgba(255,255,255,.16);padding-top:24px}
.fw-num{display:block;font-size:2.7rem;font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--gold);margin-bottom:16px}
.fw-step h4{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:11px}
.fw-step p{font-size:.94rem;color:rgba(255,255,255,.6);line-height:1.6}

/* ── PARTNERE ── */
.press{padding:44px 0;border-bottom:1px solid var(--line)}
.press-in{display:flex;align-items:center;justify-content:center;gap:52px;flex-wrap:wrap}
.press .eyebrow{margin:0}
.press-in b{font-size:1.35rem;font-weight:700;color:var(--ink-40);letter-spacing:-.02em}

/* ── OM OS (teaser på forsiden) ── */
.about{padding:90px 0}
.about-in{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.about-badge{width:46px;height:46px;border-radius:10px;background:var(--ink);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin-bottom:26px}
.about h2{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1.22;margin-bottom:22px;max-width:24ch}
.about-p{font-size:1.05rem;color:var(--ink-60);line-height:1.6;max-width:46ch;margin-bottom:28px}
.about-img{aspect-ratio:16/11;border-radius:6px;background:linear-gradient(150deg,#8a7358,#c4a882);filter:grayscale(.55)}

/* ── STORY (om-os side) ── */
.story{padding:84px 0}
.story-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.story h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.story-body p{font-size:1.08rem;color:var(--ink-60);line-height:1.7;margin-bottom:20px}
.story-body p:last-child{margin-bottom:0}
.story-body p b{color:var(--ink);font-weight:600}

/* ── VÆRDIER ── */
.values{padding:20px 0 90px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:44px}
.value .vn{font-size:2.4rem;font-weight:800;color:var(--gold);letter-spacing:-.04em;line-height:1;margin-bottom:16px;display:block}
.value h3{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}
.value p{font-size:.96rem;color:var(--ink-60);line-height:1.6}

/* ── TEAM ── */
.team{padding:74px 0 94px;background:var(--panel)}
.team h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;max-width:18ch}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.member{background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.member-img{aspect-ratio:4/3;background:linear-gradient(150deg,#8a7358,#c4a882);filter:grayscale(.4)}
.member-body{padding:26px 28px 30px}
.member-body h3{font-size:1.45rem;font-weight:700;letter-spacing:-.02em}
.member-body .role{font-size:.9rem;color:var(--accent);font-weight:600;margin:4px 0 14px}
.member-body p{font-size:.97rem;color:var(--ink-60);line-height:1.65}

/* ── TESTIMONIALS (video-stil) ── */
.vids{padding:20px 0 90px}
.vids-in{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vid{position:relative;aspect-ratio:16/11;border-radius:6px;overflow:hidden;display:flex;align-items:flex-end;padding:28px}
.vid.a{background:linear-gradient(150deg,#b7a08a,#8a6f52)}
.vid.b{background:#2c1a0e}
.vid::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(0,0,0,.72))}
.vid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;z-index:2;font-size:1.1rem;color:var(--ink)}
.vid-q{position:relative;z-index:2;color:#fff}
.vid-q blockquote{font-size:1.12rem;font-weight:600;letter-spacing:-.02em;line-height:1.35;max-width:30ch}
.vid-q cite{display:block;font-style:normal;font-size:.85rem;opacity:.82;margin-top:14px}

/* ── KONTAKT ── */
.contact{position:relative;background:var(--dark);color:#fff;padding:90px 0;overflow:hidden}
.contact-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55}
.contact::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,20,16,.82),rgba(26,20,16,.94))}
.contact-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.contact>.wrap:last-child{position:relative;z-index:2}
.contact-l .eyebrow{color:rgba(255,255,255,.45);margin-bottom:18px}
.contact-l h2{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.04;margin-bottom:26px;max-width:15ch}
.contact-l h2 em{font-style:normal;color:var(--gold)}
.contact-checks{display:flex;flex-direction:column;gap:13px;margin-bottom:38px}
.contact-checks div{display:flex;align-items:center;gap:11px;font-size:.93rem;color:rgba(255,255,255,.62)}
.contact-checks div::before{content:'✓';font-size:.82rem;color:var(--gold);flex-shrink:0}
/* Kunde-navne i kasser med kant */
.contact-logos{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.13);border-radius:6px;overflow:hidden;max-width:430px}
.contact-logos span{display:flex;align-items:center;justify-content:center;padding:23px 14px;font-size:.94rem;font-weight:700;color:rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);text-align:center}
.contact-logos span:nth-child(2n){border-right:none}
.contact-logos span:nth-last-child(-n+2){border-bottom:none}
/* Formularen sidder i sit eget panel */
.contact-r{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:34px 32px;align-self:start}
.contact-r p{font-size:1.02rem;color:rgba(255,255,255,.62);margin-bottom:24px;line-height:1.45}
.contact-r p b{color:#fff;font-weight:700}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
/* felt-wrapper så "PÅKRÆVET" kan sidde til højre for feltet */
.fld{position:relative}
.fld .form-in{margin-bottom:10px}
.req{position:absolute;right:16px;top:23px;font-size:.56rem;font-weight:700;letter-spacing:.11em;color:rgba(255,255,255,.28);pointer-events:none}
/* select har en pil i højre side — ryk labelen ind foran den */
select.form-in ~ .req{right:46px}
.form-in{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:5px;padding:21px 16px;color:#fff;font-family:inherit;font-size:.95rem;margin-bottom:10px;outline:none;transition:border-color .2s}
.form-in::placeholder{color:rgba(255,255,255,.4)}
.form-in:focus{border-color:var(--gold)}
/* browseren tegner select-listen med hvid baggrund — teksten arvede hvid og blev usynlig */
.form-in option{background:#241a12;color:#fff}
.form-in option:disabled{color:rgba(255,255,255,.45)}
select.form-in{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9a96e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:42px}
select.form-in{appearance:none}
.form-note{font-size:.78rem;color:rgba(255,255,255,.4);margin:6px 0 16px}
.contact-r .btn{width:100%;justify-content:center;padding:16px}
/* Ring-række — tekst venstre, nummer højre */
.calltoday{margin-top:58px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}
.calltoday .eyebrow{color:rgba(255,255,255,.4);display:block;margin-bottom:9px}
.calltoday p{font-size:.92rem;color:rgba(255,255,255,.5);line-height:1.55;max-width:46ch}
.calltoday-r{text-align:right}
.calltoday b{font-size:1.05rem;font-weight:600;color:#fff;display:block}
@media(max-width:640px){.calltoday{grid-template-columns:1fr}.calltoday-r{text-align:left}}

/* Team-oversigt nederst på kontakt */
.tdir{background:var(--dark);color:#fff;padding:14px 0 96px}
.tdir h2{font-size:clamp(1.45rem,2.7vw,2rem);font-weight:600;letter-spacing:-.03em;color:rgba(255,255,255,.45);margin-bottom:30px}
.tdir h2 b{color:#fff;font-weight:700}
/* To personer: samme kort-størrelse, men kun to — ikke strakt ud */
.tdir-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:846px}
.tdir-card{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--navy);display:block;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.tdir-card:hover{transform:translateY(-5px)}
.tdir-card .img{position:absolute;inset:0;background-size:cover;background-position:center top}
.tdir-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.86) 100%)}
.tdir-body{position:absolute;left:16px;right:16px;bottom:14px;z-index:2}
.tdir-body h3{font-size:1rem;font-weight:700;letter-spacing:-.015em}
.tdir-body span{display:block;font-size:.74rem;color:rgba(255,255,255,.6);margin-top:3px}
.tdir-note{margin-top:22px;font-size:.92rem;color:rgba(255,255,255,.45);max-width:52ch}
@media(max-width:820px){.tdir-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tdir-grid{grid-template-columns:1fr}}

/* ── BIG CTA (klikbart felt — ikke bare et kæmpe ord) ── */
.bigcta{padding:0 0 76px}
.bigcta-in{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:var(--gold);border-radius:16px;padding:72px 30px;min-height:230px;
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.bigcta-in:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(201,169,110,.32)}
.bigcta-in .eyebrow{color:rgba(44,26,14,.55);margin-bottom:16px}
.bigcta-in h2{font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--ink);max-width:20ch}
.bigcta-arrow{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:.95rem;font-weight:700;color:var(--ink)}
.bigcta-arrow b{font-size:1.15rem;line-height:1;transition:transform .25s}
.bigcta-in:hover .bigcta-arrow b{transform:translateX(5px)}

/* ── POLITIK-SIDER ── */
.policy{padding:150px 0 26px}
.policy h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.policy-meta{font-size:.86rem;color:var(--ink-40);margin-top:16px}
.policy-lead{font-size:1.12rem;color:var(--ink-60);line-height:1.55;margin-top:16px;max-width:50ch}
/* .wrap centrerer — begræns teksten i stedet, så den flugter med overskriften */
.policy-body{padding:14px 0 92px}
.policy-body h2,.policy-body p{max-width:70ch}
.policy-body h2{font-size:1.12rem;font-weight:700;letter-spacing:-.02em;margin:34px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
.policy-body h2:first-child{border-top:none;padding-top:6px;margin-top:0}
.policy-body p{font-size:1rem;color:var(--ink-60);line-height:1.7}
.policy-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* ── FOOTER ── */
.foot{background:var(--navy);color:#fff;padding:70px 0 40px}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-bottom:46px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot .logo{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin-bottom:14px}
.foot .logo span{color:var(--gold)}
.foot-brand p{font-size:.9rem;color:rgba(255,255,255,.55);max-width:250px}
.foot-col h4{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:16px}
.foot-col a{display:block;font-size:.94rem;color:rgba(255,255,255,.62);margin-bottom:10px;transition:color .2s}
.foot-col a:hover{color:var(--gold)}
.foot-bot{display:flex;justify-content:space-between;padding-top:24px;font-size:.82rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:10px}

/* ── ANIMATIONER (tekst ruller op + reveal på scroll) ── */
.split .word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em}
.split .word>i{display:inline-block;font-style:normal;transform:translateY(115%);transition:transform .75s cubic-bezier(.22,1,.36,1)}
.split.in .word>i{transform:translateY(0)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.split .word>i,.reveal{transition:none;transform:none;opacity:1}}

/* ── SIGNATUR (i sidens egen skrift) ── */
.signoff{font-size:1.05rem;font-weight:700;color:var(--ink);margin-top:26px}
.signoff-sub{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);margin-top:5px}

/* ── MOBILMENU ── */
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0;border:none;cursor:pointer}
.nav-burger span{display:block;width:20px;height:2px;background:#fff;margin:0 auto;border-radius:2px;transition:transform .2s}
.mnav{position:fixed;inset:0;z-index:2000;background:var(--navy);color:#fff;transform:translateY(-100%);transition:transform .42s cubic-bezier(.7,0,.2,1),visibility .42s;visibility:hidden;display:flex;flex-direction:column;padding:22px 22px 30px}
.mnav.open{transform:none;visibility:visible}
.mnav-top{display:flex;align-items:center;justify-content:space-between}
.mnav-top .logo{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}
.mnav-top .logo span{color:var(--gold)}
.mnav-close{background:none;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.mnav-links{display:flex;flex-direction:column;margin-top:38px;flex:1}
.mnav-links a{font-size:2.3rem;font-weight:700;letter-spacing:-.03em;color:#fff;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .15s}
.mnav-links a:active,.mnav-links a:hover{color:var(--gold)}
.mnav-foot .btn{width:100%;justify-content:center;padding:17px;font-size:1rem}
.mnav-contact{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.mnav-contact a{color:rgba(255,255,255,.7);font-size:1.02rem}
.mnav-contact a:hover{color:#fff}

@media(max-width:920px){
  .nav-links{display:none}
  .nav-ico,.nav-cta{display:none}
  .nav-burger{display:flex}
  .wrap,.nav-in{padding:0 18px}
  .cgrid-in{grid-template-columns:1fr 1fr}
  .serv-body,.story-grid,.values-grid,.team-grid{grid-template-columns:1fr}
  .serv-case{min-height:340px}
  .fw-cols{grid-template-columns:1fr}
  .about-in,.vids-in,.contact-in{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr 1fr}
  .foot-brand{grid-column:1/-1}
}
@media(max-width:560px){.cgrid-in{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

/* ══ Komponenter (cases / om-os) ══ */

/* Foto-hero: fuldbredde billede, overskrift nede til venstre */
.phero{position:relative;min-height:540px;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}
.phero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.phero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,17,9,.62) 0,rgba(28,17,9,.2) 42%,rgba(28,17,9,.92) 100%)}
.phero-in{position:relative;z-index:2;padding-bottom:52px;width:100%}
.phero .eyebrow{color:rgba(255,255,255,.5);margin-bottom:14px}
.phero h1{color:#fff;font-size:clamp(1.9rem,4.1vw,3.2rem);font-weight:700;letter-spacing:-.035em;line-height:1.1;max-width:19ch}
.phero h1 em{font-style:normal;color:var(--gold)}

/* Mørk case-grid med foto-kort */
.cases-dark{background:var(--navy);padding:66px 0 88px}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cg-card{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;display:block;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.cg-card:hover{transform:translateY(-6px)}
.cg-card img{width:100%;height:100%;object-fit:cover;display:block}
.cg-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent 34%,rgba(0,0,0,.82) 100%)}
.cg-brand{position:absolute;top:15px;left:16px;z-index:2;color:#fff;font-size:.86rem;font-weight:700;letter-spacing:.05em}
.cg-tag{position:absolute;top:14px;right:15px;z-index:2;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:4px 8px;border-radius:4px}
.cg-n{position:absolute;left:16px;bottom:46px;z-index:2;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.035em;line-height:1}
.cg-l{position:absolute;left:16px;right:16px;bottom:15px;z-index:2;color:rgba(255,255,255,.72);font-size:.77rem;line-height:1.4}
@media(max-width:900px){.cg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cg{grid-template-columns:1fr}}

/* Centreret værdi-udsagn */
.vstate{padding:82px 0 66px;text-align:center}
.vstate p{font-size:clamp(1.25rem,2.4vw,1.85rem);font-weight:600;letter-spacing:-.03em;line-height:1.32;max-width:24ch;margin:0 auto;color:var(--ink-40)}
.vstate p b{color:var(--ink);font-weight:700}

/* Nummererede rækker, skiftevis tekst/billede */
.numrow{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;border-top:1px solid var(--line);padding:34px 0}
.numrow-t{display:flex;flex-direction:column;justify-content:space-between;min-height:290px}
.numrow-n{font-size:.82rem;font-weight:600;color:var(--ink-40);letter-spacing:.04em}
.numrow-t p{font-size:clamp(1.02rem,1.75vw,1.32rem);font-weight:600;letter-spacing:-.025em;line-height:1.36;color:var(--ink-40);margin-top:28px}
.numrow-t p b{color:var(--ink);font-weight:700}
.numrow-img{background-size:cover;background-position:center;min-height:290px;border-radius:8px;background-color:var(--navy)}
.numrow.rev .numrow-t{order:2}
.numrow.rev .numrow-img{order:1}
@media(max-width:760px){.numrow{grid-template-columns:1fr;gap:22px}.numrow-t,.numrow.rev .numrow-t{order:2;min-height:0}.numrow-img{order:1;min-height:230px}}

/* ── METODE-SIDE ── */
.mtabs{position:sticky;top:0;z-index:900;background:var(--bg);border-bottom:1px solid var(--line);padding:82px 0 13px}
.mtabs-in{display:flex;gap:6px;flex-wrap:wrap}
.mtabs a{font-size:.81rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-60);padding:9px 17px;border-radius:100px;border:1px solid var(--line);transition:background .2s,color .2s,border-color .2s}
.mtabs a:hover{color:var(--ink);border-color:var(--ink-40)}
.mtabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.mstep{padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:170px}
.mstep:first-of-type{border-top:none}
.mstep-head{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:start}
.mstep-n{font-size:2.9rem;font-weight:800;letter-spacing:-.05em;line-height:.85;color:var(--gold)}
.mstep h2{font-size:clamp(1.55rem,3vw,2.35rem);font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:13px}
.mstep-lead{font-size:1.06rem;color:var(--ink-60);line-height:1.6;max-width:56ch}
.mlist{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.mlist>div{border-top:1px solid var(--line);padding-top:16px}
.mlist h4{font-size:.97rem;font-weight:600;letter-spacing:-.015em;margin-bottom:7px}
.mlist p{font-size:.87rem;color:var(--ink-60);line-height:1.55}
@media(max-width:820px){.mstep-head{grid-template-columns:1fr;gap:8px}.mlist{grid-template-columns:1fr;gap:16px}}

/* Ansigts-række (kontakt) */
.faces{display:flex;gap:7px;margin:22px 0 0;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:28px}
.faces span{width:44px;height:44px;border-radius:5px;background-size:cover;background-position:center;background-color:var(--navy);border:1px solid rgba(255,255,255,.16)}