:root{
  --graphite:#0F1B2D; --graphite-2:#1A2A42; --concrete:#DCE3EC; --paper:#F3F5F8;
  --rust:#1F4FB0; --rust-2:#7AA3F5; --ink:#0F1B2D; --muted:#56637A; --line:#CAD3DF;
  --display:"Barlow Condensed","Arial Narrow",sans-serif; --sans:"Barlow",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding-inline:32px}
.label{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--rust)}
h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:.98}
h2{font-size:clamp(40px,5vw,64px)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.12em;text-transform:uppercase;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-rust{background:var(--rust);color:#fff}
.btn-rust:hover{background:#173F8F}
.btn-line{border:1.5px solid rgba(243,245,248,.5);color:var(--paper)}
.btn-dark{background:var(--graphite);color:var(--paper)}

/* HERO */
.mark{position:absolute;top:26px;left:0;right:0;z-index:5}
.mark .wrap{display:flex;justify-content:space-between;align-items:center}
.mark img{height:46px;width:auto}
.mark a.tel{color:var(--paper);font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.08em}
.hero{position:relative;min-height:720px;height:92vh;max-height:900px;background:var(--graphite);color:var(--paper);display:flex;align-items:flex-end;overflow:hidden}
.hero .bg{position:absolute;inset:0;background:url(img/hero.jpg) center 60%/cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,27,45,.95) 0%,rgba(15,27,45,.55) 45%,rgba(15,27,45,.35) 100%)}
.hero>.wrap{position:relative;z-index:2;width:100%;padding-block:0 80px;display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:end}
.hero .logo{width:210px;height:auto}
.hero h1{font-size:clamp(46px,6.2vw,88px);max-width:760px}
.hero h1 span{color:var(--rust-2)}
.hero p{margin:18px 0 32px;font-size:19px;color:rgba(243,245,248,.8);max-width:520px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}

/* GULVTYPER */
.types{padding-block:100px 90px}
.types .head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.types .head p{max-width:380px;color:var(--muted)}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.t{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--graphite-2);color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.t .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.t:hover .bg{transform:scale(1.05)}
.t::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,27,45,.85),rgba(15,27,45,0) 60%)}
.t>*:not(.bg){position:relative;z-index:2}
.t .n{font-family:var(--display);font-weight:600;color:var(--rust-2);font-size:15px;letter-spacing:.12em;margin-bottom:6px}
.t h3{font-size:34px}
.t p{font-size:15px;opacity:.8;margin-top:4px}
.t.missing{background:var(--graphite-2)}
.t.missing .flag{position:absolute;top:18px;left:18px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rust-2);border:1px solid var(--rust-2);padding:4px 8px}

/* FØR / EFTER */
.ba{background:var(--graphite);color:var(--paper);padding-block:100px}
.ba .head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px;flex-wrap:wrap}
.tabs{display:flex;gap:6px}
.tabs button{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.12em;text-transform:uppercase;background:none;border:1.5px solid rgba(243,245,248,.25);color:var(--paper);padding:10px 20px;cursor:pointer}
.tabs button.on{background:var(--rust);border-color:var(--rust)}
.slider{position:relative;aspect-ratio:4/3;max-height:640px;width:100%;overflow:hidden;user-select:none;background:#111}
.slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slider .after{clip-path:inset(0 0 0 var(--x,50%))}
.slider .bar{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;background:var(--paper);transform:translateX(-1px);pointer-events:none}
.slider .knob{position:absolute;top:50%;left:var(--x,50%);width:54px;height:54px;border-radius:50%;background:var(--paper);transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--graphite);pointer-events:none;font-weight:700}
.slider input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.slider .tag{position:absolute;top:18px;font-family:var(--display);font-weight:600;letter-spacing:.18em;font-size:15px;background:rgba(15,27,45,.75);padding:6px 14px}
.slider .tag.l{left:18px}.slider .tag.r{right:18px;background:var(--rust)}
.ba .cap{display:flex;justify-content:space-between;gap:20px;margin-top:20px;color:rgba(243,245,248,.75);flex-wrap:wrap}
.ba .cap b{font-family:var(--display);font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper);font-weight:600}

/* OM */
.about{padding-block:110px}
.about .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;max-width:1100px}
.about .photo{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#E6E3DD 0 14px,#DEDAD3 14px 28px);display:grid;place-items:center;color:var(--muted);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.about h2{margin:14px 0 24px}
.about p{color:var(--muted);margin-bottom:16px;max-width:520px}
.about .close{font-family:var(--display);font-weight:600;font-size:26px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin-top:26px}

/* KONTAKT */
.contact{background:var(--concrete);padding-block:100px}
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.contact h2{margin:14px 0 20px;font-size:clamp(34px,3.8vw,50px);white-space:nowrap}
.contact .phone{display:block;font-family:var(--display);font-weight:700;font-size:clamp(48px,6vw,76px);color:var(--rust);letter-spacing:.02em;line-height:1;margin:26px 0 18px;user-select:all}
.contact dl{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;font-size:16px}
.contact dt{font-family:var(--display);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:14px;padding-top:2px}
form{background:var(--paper);padding:36px;display:grid;gap:14px}
form h3{font-size:30px;margin-bottom:4px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{font-size:13px;font-weight:600;display:grid;gap:6px;color:var(--muted)}
input,select,textarea{font:inherit;font-size:16px;padding:13px 14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:0}
textarea{min-height:110px;resize:vertical}
form .btn{justify-content:center}

footer{background:var(--graphite);color:rgba(243,245,248,.6);padding-block:34px;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer img{height:54px;width:auto}

@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr;gap:28px}
  .hero .logo{width:140px}
  .tgrid{grid-template-columns:1fr 1fr}
  .about .wrap,.contact .wrap{grid-template-columns:1fr;gap:44px}
  .types .head{flex-direction:column;align-items:start}
  .contact h2{white-space:normal}
}
@media (max-width:600px){
  .wrap{padding-inline:18px}
  .mark img{height:36px}
  .hero{min-height:640px}
  .tgrid{grid-template-columns:1fr}
  .t{aspect-ratio:16/10}
  .types,.ba,.about,.contact{padding-block:70px}
  .row{grid-template-columns:1fr}
  form{padding:24px}
}

/* ---- delt: knapper/fokus ---- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rust-2);outline-offset:3px}
.btn-line-dark{border:1.5px solid var(--graphite);color:var(--graphite)}
.t{color:var(--paper)}

/* ---- sidehoved (undersider) ---- */
.phead{position:relative;min-height:520px;background:var(--graphite);color:var(--paper);display:flex;align-items:flex-end;overflow:hidden}
.phead .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.phead::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,27,45,.92) 0%,rgba(15,27,45,.45) 55%,rgba(15,27,45,.35) 100%)}
.phead>.wrap{position:relative;z-index:2;width:100%;padding-block:170px 70px}
.crumb{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust-2);display:flex;gap:10px;margin-bottom:14px}
.crumb a:hover{text-decoration:underline}
.phead h1{font-size:clamp(52px,7vw,96px)}
.phead p{margin-top:14px;font-size:19px;color:rgba(243,245,248,.8);max-width:540px}

/* ---- intro ---- */
.intro{padding-block:100px 80px}
.intro .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}
.intro .lead{font-size:clamp(21px,2vw,25px);line-height:1.5;color:var(--ink);max-width:560px}
.list{list-style:none;border-top:1px solid var(--line)}
.list li{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:.04em;text-transform:uppercase}
.list li span{font-family:var(--sans);font-weight:500;text-transform:none;letter-spacing:0;font-size:15.5px;color:var(--muted);text-align:right;padding-top:3px}

/* ---- før/efter par ---- */
.pairs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pair{background:var(--graphite-2);color:var(--paper)}
.pair .imgs{display:grid;grid-template-columns:1fr 1fr;gap:3px;aspect-ratio:4/3}
.pair figure{position:relative;overflow:hidden;margin:0}
.pair img{width:100%;height:100%;object-fit:cover}
.pair figcaption{position:absolute;top:12px;left:12px;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.18em;background:rgba(15,27,45,.78);padding:4px 10px}
.pair figure:last-child figcaption{background:var(--rust)}
.pair .txt{padding:18px 22px 22px}
.pair b{display:block;font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:.05em;text-transform:uppercase}
.pair span{font-size:15px;color:rgba(243,245,248,.7)}
.more-work{margin-top:70px}
.more-work h3{font-size:30px;margin-bottom:24px}
.section-light .pair{background:var(--graphite)}
.pairs-sec{padding-block:0 100px}
.pairs-sec h2{margin-bottom:34px;font-size:clamp(34px,4vw,50px)}

/* ---- galleri ---- */
.gallery{padding-block:0 100px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(240px,26vw,380px);gap:14px}
.gal figure{position:relative;overflow:hidden;margin:0;background:var(--concrete)}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.gal figure:hover img{transform:scale(1.04)}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(0deg,rgba(15,27,45,.8),transparent);color:var(--paper);font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.gal.n1{grid-template-columns:1fr;grid-auto-rows:clamp(300px,45vw,560px)}
.gal.n2{grid-template-columns:1fr 1fr}

/* ---- CTA-bånd ---- */
.band{background:var(--graphite);color:var(--paper);padding-block:90px;text-align:center}
.band p{margin:16px auto 32px;color:rgba(243,245,248,.75);max-width:460px}
.band .ctas{justify-content:center}

/* ---- andre typer ---- */
.others{padding-block:90px}
.others h2{margin-bottom:34px;font-size:clamp(34px,4vw,50px)}
.others .tgrid{grid-template-columns:repeat(3,1fr)}
.others .t{aspect-ratio:4/3}

/* ---- om-side ---- */
.bio{padding-block:110px}
.bio .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start;max-width:1120px}
.bio .photo{aspect-ratio:2/3;background:url(img/dannie-full.jpg) center/cover}
.bio .big{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(40px,4.4vw,58px);line-height:.98;margin-bottom:28px}
.bio p{color:var(--muted);margin-bottom:16px;max-width:540px}
.bio .quote{border-left:3px solid var(--rust);padding:6px 0 6px 22px;margin:30px 0;color:var(--ink);font-size:19px;max-width:520px}
.bio .sig{font-family:var(--display);font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.04em;margin-top:24px}
.bio .role{font-size:14px;color:var(--muted);letter-spacing:.06em}
.values{background:var(--concrete);padding-block:90px}
.values .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.val{padding:6px 36px;border-left:1px solid var(--line)}
.val:first-child{border-left:0;padding-left:0}
.val h3{font-size:28px;margin-bottom:10px}
.val p{color:var(--muted);font-size:16px}
.about .btn{margin-top:22px}

@media (max-width:980px){
  .intro .wrap,.bio .wrap{grid-template-columns:1fr;gap:44px}
  .pairs{grid-template-columns:1fr}
  .gal{grid-template-columns:1fr 1fr}
  .others .tgrid{grid-template-columns:1fr 1fr 1fr}
  .bio .photo{max-width:420px}
}
@media (max-width:640px){
  .phead{min-height:420px}
  .phead>.wrap{padding-block:120px 44px}
  .intro,.bio,.values,.band,.others{padding-block:70px}
  .list li{flex-direction:column;gap:2px}
  .list li span{text-align:left}
  .gal,.gal.n2{grid-template-columns:1fr;grid-auto-rows:360px}
  .others .tgrid{grid-template-columns:1fr}
  .values .grid{grid-template-columns:1fr;gap:30px}
  .val{border-left:0;padding:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ===== v3: sektioner, karruseller, undersider ===== */
.sec{padding-block:100px}
.sec.paper{background:var(--paper)}
.sec.concrete{background:var(--concrete)}
.sec.dark{background:var(--graphite);color:var(--paper)}
.sec.dark .label{color:var(--rust-2)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;flex-wrap:wrap}
.sec-head p{max-width:420px;color:var(--muted)}
.sec.dark .sec-head p{color:rgba(243,245,248,.72)}
.sec-head h2{margin-top:12px}

/* karrusel */
.carousel{position:relative}
.track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.track::-webkit-scrollbar{display:none}
.card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;background:#fff;color:var(--ink);display:flex;flex-direction:column}
.sec.dark .card{background:var(--graphite-2);color:var(--paper)}
.card .ph{aspect-ratio:4/3;background-size:cover;background-position:center}
.card .body{padding:22px 24px 26px}
.card h3{font-size:24px;margin-bottom:6px}
.card p{font-size:15.5px;color:var(--muted)}
.sec.dark .card p{color:rgba(243,245,248,.7)}
.car-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.arrows{display:flex;gap:8px}
.arr{width:48px;height:48px;border:1.5px solid currentColor;background:none;color:inherit;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.arr:hover:not(:disabled){background:var(--rust);border-color:var(--rust);color:#fff}
.arr:disabled{opacity:.25;cursor:default}
.arr svg{width:22px;height:22px}
.dots{display:flex;gap:8px}
.dots button{width:28px;height:4px;border:0;background:currentColor;opacity:.25;cursor:pointer;padding:0}
.dots button.on{opacity:1;background:var(--rust)}
.sec.dark .dots button.on{background:var(--rust-2)}
.link-more{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);display:inline-flex;gap:8px;align-items:center}
.sec.dark .link-more{color:var(--rust-2)}
.link-more:hover{text-decoration:underline}

/* topbar på undersider */
.topbar{background:var(--paper);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:18px;gap:20px}
.topbar img{height:42px;width:auto}
.topbar .right{display:flex;align-items:center;gap:22px}
.topbar .tel{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.06em}
.topbar .btn{padding:11px 20px;font-size:15px}

/* underside-hoved */
.shead{background:var(--paper);padding-block:70px 60px}
.shead .crumb{color:var(--rust)}
.shead h1{font-size:clamp(52px,7.4vw,108px);line-height:.92}
.shead h1 span{display:block;color:var(--rust)}
.shead p{margin:24px 0 30px;font-size:20px;color:var(--muted);max-width:640px}
.shead .ctas .btn-line{border-color:var(--rust);color:var(--rust)}
.band-img{height:clamp(260px,38vw,480px);background-size:cover;background-position:center}

/* fordele-bånd */
.feat{background:var(--graphite);color:var(--paper);padding-block:28px}
.feat .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat .f{display:flex;align-items:center;gap:16px;padding:20px 22px;border:1px solid rgba(243,245,248,.12);background:var(--graphite-2)}
.feat .f b{font-weight:600;font-size:16px;line-height:1.3}
.ico{flex:none;width:46px;height:46px;display:grid;place-items:center;background:rgba(31,79,176,.14);color:var(--rust)}
.feat .ico{background:rgba(94,142,230,.14);color:var(--rust-2)}
.ico svg{width:24px;height:24px}

/* anvendelsesområder */
.uses{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.use{display:flex;align-items:center;gap:18px;padding:22px 24px;background:#fff;border:1px solid var(--line)}
.use b{font-weight:600;font-size:17px}
.systems{display:grid;gap:14px}
.sys{display:flex;align-items:center;gap:24px;padding:28px 30px;background:#fff;border:1px solid var(--line)}
.sys .ico{width:58px;height:58px}
.sys .ico svg{width:30px;height:30px}
.sys small{display:block;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--rust)}
.sys h3{font-size:30px;margin:2px 0 4px}
.sys p{color:var(--muted);font-size:16px}
.sec.dark .pair{background:var(--graphite-2)}
.pairs-note{color:rgba(243,245,248,.7)}

@media (max-width:980px){
  .card{flex-basis:calc((100% - 22px)/2)}
  .feat .grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .sec{padding-block:70px}
  .card{flex-basis:86%}
  .track{gap:14px}
  .feat .grid,.uses{grid-template-columns:1fr}
  .topbar .tel{display:none}
  .topbar img{height:34px}
  .shead{padding-block:44px 40px}
  .sys{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}
}
.hero .label,.ba .label,.band .label{color:var(--rust-2)}
.band{background:var(--rust)}
.band p{color:rgba(255,255,255,.85)}
.band .btn-rust{background:#fff;color:var(--rust)}
.band .btn-rust:hover{background:#E8EEFA}

/* ===== v4: harmoni ===== */
.ico{background:#E3EBFA;color:var(--rust)}
.feat .ico{background:rgba(122,163,245,.16);color:var(--rust-2)}
.use,.sys{border-color:var(--line)}
.use:hover,.sys:hover{border-color:var(--rust)}
.sec.concrete .card{background:#fff}
.tabs button.on,.dots button.on{background:var(--rust)}
footer{background:#0A1322}
/* kontakt i blå */
.contact{background:var(--rust);color:#fff}
.contact .label{color:#BFD2FA}
.contact h2{color:#fff}
.contact>.wrap>div>p{color:rgba(255,255,255,.82)!important}
.contact .phone{color:#fff}
.contact dt{color:#BFD2FA}
.contact dd{color:#fff}
.contact form{background:#fff;box-shadow:0 30px 60px -30px rgba(10,19,34,.55)}
.contact form h3{color:var(--ink)}
.band{background:var(--graphite)}
.band .btn-rust{background:var(--rust);color:#fff}
.band .btn-rust:hover{background:#173F8F}
.band p{color:rgba(243,245,248,.75)}
.sec.dark+.band{border-top:1px solid rgba(243,245,248,.1)}
.about .btn-dark,.btn-dark{background:var(--graphite)}
.hero::after{background:linear-gradient(0deg,rgba(15,27,45,.95) 0%,rgba(15,27,45,.55) 45%,rgba(15,27,45,.3) 100%)}
.shead{border-bottom:4px solid var(--rust)}
.sec.dark+.band,.band{background:var(--graphite)}
.sec.dark+.band,.band{background:var(--rust)}
.band p{color:rgba(255,255,255,.85)}
.band .btn-rust{background:#fff;color:var(--rust)}
.band .btn-rust:hover{background:#E3EBFA}
/* v5 */
.hero h1 span{color:var(--rust)}
.contact{background:var(--graphite);color:var(--paper)}
.contact .label,.contact dt{color:var(--rust-2)}
.contact>.wrap>div>p{color:rgba(243,245,248,.75)!important}
.contact .phone{color:var(--rust-2)}
.contact form .btn-rust{background:var(--rust);color:#fff}
footer{border-top:1px solid rgba(243,245,248,.08)}
.band{background:var(--graphite)}
.band.steel{background:var(--concrete);color:var(--ink)}
.band.steel p{color:var(--muted)}
.band .btn-rust,.band.steel .btn-rust{background:var(--rust);color:#fff}
.band .btn-rust:hover{background:#173F8F}
.band p{color:rgba(243,245,248,.75)}
/* v6: undersider som forsiden */
.phead h1 span{display:block;color:var(--rust)}
.phead p{max-width:600px}
.phead .ctas{margin-top:28px}
.phead{min-height:600px}
.feat{background:var(--concrete);color:var(--ink);padding-block:34px}
.feat .f{background:#fff;border:1px solid var(--line)}
.feat .ico{background:#E3EBFA;color:var(--rust)}
.others{background:var(--concrete)}
.bio{background:var(--paper)}
.values{background:var(--concrete)}
.contact.light{background:var(--paper);color:var(--ink)}
.contact.light .label,.contact.light dt{color:var(--rust)}
.contact.light>.wrap>div>p{color:var(--muted)!important}
.contact.light .phone{color:var(--rust)}
.contact.light h2{color:var(--ink)}
.contact.light dd{color:var(--ink)}
.contact.light form{border:1px solid var(--line)}
.phead::after,.hero::after{background:linear-gradient(90deg,rgba(15,27,45,.97) 0%,rgba(15,27,45,.9) 38%,rgba(15,27,45,.45) 75%,rgba(15,27,45,.3) 100%),linear-gradient(0deg,rgba(15,27,45,.7) 0%,transparent 45%)}
.phead h1 span,.hero h1 span{color:#2E63D1}
.phead .crumb{color:var(--rust-2)}
/* hero A */
.hero.hA{height:auto;min-height:760px;max-height:none;align-items:center;justify-content:center;text-align:center;padding-block:140px 110px}
.hero.hA::after{background:radial-gradient(ellipse at center,rgba(15,27,45,.72) 0%,rgba(15,27,45,.92) 72%)}
.hA .in{position:relative;z-index:2;max-width:780px;padding-inline:24px;margin:0 auto}
.hA .brand{display:flex;flex-direction:column;align-items:center;gap:30px;margin:0}
.hA .sph{width:clamp(120px,13vw,180px);height:auto}
.hA .wm{width:clamp(280px,40vw,560px);height:auto}
.hA .sub{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:34px;font-family:var(--display);font-weight:700;font-size:clamp(18px,2.1vw,27px);letter-spacing:.3em;text-transform:uppercase;color:#9DBBF8}
.hA .sub:before,.hA .sub:after{content:"";width:60px;height:2px;background:#2E63D1;flex:none}
.hA p{margin:28px auto 36px;max-width:560px;font-size:18px;color:rgba(243,245,248,.8)}
.hA .ctas{justify-content:center}
@media (max-width:640px){.hero.hA{min-height:640px;padding-block:110px 70px}.hA .sub{letter-spacing:.18em;gap:12px}.hA .sub:before,.hA .sub:after{width:26px}}
@media (max-width:640px){.hA .sub:before,.hA .sub:after{display:none}}
.hA .sub:before,.hA .sub:after{display:none!important}
.hA .sub{color:#1F4FB0}
.hA p{margin-bottom:20px}
.checks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0 0 36px;font-weight:600;font-size:16px;color:#F3F5F8}
.checks li{display:flex;align-items:center;gap:8px}
.checks li:before{content:"";width:18px;height:18px;background:#1F4FB0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.hA p.types-line{margin:0 auto 36px;font-weight:600;font-size:16px;letter-spacing:.04em;color:#F3F5F8}
.hA p{max-width:600px}
.hA p{max-width:560px}
/* v7: sidepile i karrusel */
.carousel{position:relative;padding-inline:64px}
.arr.side{position:absolute;top:calc(50% - 60px);width:48px;height:48px;border-radius:50%;z-index:3;border:1.5px solid currentColor;background:transparent}
.arr.side.prev{left:0}.arr.side.next{right:0}
.car-nav{padding-inline:64px}
.car-nav .dots{margin-left:auto}
@media (max-width:640px){.carousel{padding-inline:0}.arr.side{display:none}.car-nav{padding-inline:0}}

/* v7: anvendelsesområder som ren information */
.uses{display:flex;flex-wrap:wrap;justify-content:center;gap:48px 0;border-top:1px solid var(--line);padding-top:56px}
.use{flex:0 0 25%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:0 18px;background:none;border:0;cursor:default}
.use:hover{border-color:transparent}
.use .ico{width:64px;height:64px;border-radius:50%;background:#E3EBFA;color:var(--rust)}
.use .ico svg{width:28px;height:28px}
.use b{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);line-height:1.15}
.sys{cursor:default}
.sys:hover{border-color:var(--line)}
@media (max-width:980px){.use{flex-basis:33.333%}}
@media (max-width:640px){.use{flex-basis:50%}.uses{gap:36px 0}}
#muligheder .sec-head{flex-direction:column;align-items:center;text-align:center;gap:12px}
#muligheder .sec-head p{max-width:520px}
/* v8: gulvtype som største overskrift */
.phead h1{font-size:clamp(56px,8vw,112px);line-height:.92}
.phead h1 span{display:block;font-size:.34em;letter-spacing:.08em;line-height:1.1;margin-top:14px;color:#2E63D1}
/* v9: ens opbygning på alle undersider */
.phead{height:600px;min-height:0;align-items:center}
.phead>.wrap{padding-block:90px 0}
.phead p{max-width:560px;min-height:calc(3 * 1.6em)}
.feat .f{min-height:84px}
@media (max-width:640px){.phead{height:auto;min-height:560px}.phead>.wrap{padding-block:120px 50px}.phead p{min-height:0}}
.t p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* nyt logo */
.hA .brand img.full{width:clamp(220px,24vw,340px);height:auto}
.mark img{height:48px;width:auto}
footer img{height:70px;width:auto}
footer img{height:96px}

/* ===== GULVGUIDE ===== */
.gnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--graphite);border-bottom:1px solid rgba(243,245,248,.1)}
.gnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:12px}
.gnav a{flex:none;font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,245,248,.8);padding:9px 16px;border:1px solid rgba(243,245,248,.15)}
.gnav a:hover{background:var(--rust);border-color:var(--rust);color:#fff}
.chooser{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:60px}
.areas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.area{text-align:left;background:#fff;border:1.5px solid var(--line);padding:16px 18px;cursor:pointer;font-family:var(--sans);color:var(--ink);transition:border-color .2s,background .2s}
.area b{display:block;font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.06em;text-transform:uppercase}
.area small{color:var(--muted);font-size:14px}
.area:hover{border-color:var(--rust)}
.area.on{background:var(--rust);border-color:var(--rust);color:#fff}
.area.on small{color:rgba(255,255,255,.8)}
.recs{background:var(--graphite);color:var(--paper);padding:36px;display:flex;align-items:center}
.rec h3{font-size:clamp(40px,4vw,56px);margin:10px 0 14px;color:#fff}
.rec p{color:rgba(243,245,248,.8);margin-bottom:22px}
.rec .label{color:var(--rust-2)}
.recs .link-more{color:var(--rust-2)}
.table-wrap{overflow-x:auto}
.compare{width:100%;border-collapse:collapse;background:#fff;font-size:16px}
.compare th,.compare td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--line)}
.compare thead th{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:var(--concrete)}
.compare tbody th{font-family:var(--display);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.04em}
.compare tbody th a{color:var(--rust)}
.compare tbody th a:hover{text-decoration:underline}

.ff-over{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(243,245,248,.12);margin-bottom:56px}
.ff-over div{background:var(--graphite-2);padding:22px 24px}
.ff-over b{display:block;font-family:var(--display);font-weight:600;font-size:22px;text-transform:uppercase;letter-spacing:.05em}
.ff-over span{font-size:14.5px;color:rgba(243,245,248,.65)}
.ff-block{margin-bottom:56px}
.ff-h{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px;flex-wrap:wrap}
.ff-block h3{font-size:30px;margin-bottom:6px}
.ff-h p{max-width:520px;color:rgba(243,245,248,.72);font-size:16px}
.ff-note{margin-top:18px;color:rgba(243,245,248,.65);font-size:15px}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.sw{background:var(--graphite-2);padding:10px 10px 14px}
.sw .chip{display:block;aspect-ratio:1;background:var(--c);margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sw.speck .chip{background:
 radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 1.2px,transparent 1.6px) 0 0/9px 9px,
 radial-gradient(circle at 70% 60%,rgba(0,0,0,.35) 0 1.3px,transparent 1.7px) 0 0/11px 11px,
 radial-gradient(circle at 40% 80%,rgba(255,255,255,.2) 0 1px,transparent 1.4px) 3px 2px/7px 7px,
 var(--c)}
.sw b{display:block;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.06em}
.sw small{color:rgba(243,245,248,.65);font-size:14px}
.ff-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ff-two .ff-block h3{margin-bottom:20px}
.finish,.slip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.slip{grid-template-columns:repeat(4,1fr)}
.fi span,.sl span{display:block;height:120px;margin-bottom:10px;background:#9DA1AA}
.fi.blank span{background:linear-gradient(135deg,#8E939B 0%,#C9CED6 38%,#F4F6F9 46%,#AEB3BB 56%,#8E939B 100%)}
.fi.silke span{background:linear-gradient(135deg,#90959C 0%,#B3B8BF 45%,#C4C8CE 52%,#A2A7AE 62%,#90959C 100%)}
.fi.mat span{background:#9DA1A8}
.sl span{background:radial-gradient(circle,rgba(20,24,30,.55) 0 calc(var(--n)*.55px + .5px),transparent calc(var(--n)*.55px + 1px)) 0 0/calc(18px - var(--n)*2.5px) calc(18px - var(--n)*2.5px),#9DA1A8}
.fi b,.sl b{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.1em;text-transform:uppercase}

.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;gap:16px}
.steps .num{width:44px;height:44px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:20px}
.steps h3{font-size:22px;margin-bottom:8px}
.steps p{color:var(--muted);font-size:15px}
.prep{margin-top:26px;background:var(--graphite);color:var(--paper);padding:24px 28px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.prep b{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust-2)}
.prep ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15.5px}
.prep li:before{content:"·";color:var(--rust-2);margin-right:8px;font-weight:700}

.clean{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cl{background:#fff;border:1px solid var(--line)}
.cl-h{display:flex;justify-content:space-between;align-items:baseline;padding:22px 24px;background:var(--graphite);color:var(--paper)}
.cl-h h3{font-size:26px}
.cl-h span{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.18em;color:var(--rust-2)}
.cl-i{padding:18px 24px;border-top:1px solid var(--line)}
.cl-i:first-of-type{border-top:0}
.cl-i b{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.08em;text-transform:uppercase}
.cl-i p{color:var(--muted);font-size:15px;margin-top:4px}

.wrap.narrow{max-width:900px}
.center-h{justify-content:center;text-align:center}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 60px 20px 24px;position:relative;font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:.03em;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--rust);font-weight:500}
.faq details[open] summary:after{content:"–"}
.faq details[open] summary{color:var(--rust)}
.faq details p{padding:0 24px 22px;color:var(--muted);max-width:720px}

@media (max-width:1100px){.steps{grid-template-columns:repeat(2,1fr)}.steps li:last-child{grid-column:1/-1}}
@media (max-width:980px){.chooser,.ff-two{grid-template-columns:1fr}.clean{grid-template-columns:1fr}.ff-over{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.areas{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.slip{grid-template-columns:1fr 1fr}.finish{grid-template-columns:repeat(3,1fr)}.recs{padding:26px}.faq summary{font-size:18px}.compare th,.compare td{padding:14px}}
.swatches{grid-template-columns:repeat(11,1fr);gap:10px}
.swatches.k{grid-template-columns:repeat(8,1fr)}
.sw{padding:8px 8px 12px}
.sw b{font-size:16px}.sw small{font-size:12.5px}
.sw.speck .chip{background:
 radial-gradient(circle at 30% 30%,rgba(255,255,255,.28) 0 .9px,transparent 1.3px) 0 0/7px 7px,
 radial-gradient(circle at 70% 70%,rgba(0,0,0,.28) 0 1px,transparent 1.4px) 2px 3px/9px 9px,
 var(--c)}
@media (max-width:980px){.swatches{grid-template-columns:repeat(6,1fr)}.swatches.k{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.swatches,.swatches.k{grid-template-columns:repeat(4,1fr)}}

/* ===== TOPMENU ===== */
.mark{padding-top:0;top:0}
.mark .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:20px}
.mark .lg img{height:46px;width:auto;display:block}
.mark .right{justify-self:end;display:flex;align-items:center;gap:18px}
.topnav{display:flex;align-items:center;gap:6px}
.topnav>a,.dd-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.12em;text-transform:uppercase;color:#F3F5F8;background:none;border:0;cursor:pointer}
.topnav>a:after,.dd-btn:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;background:#2E63D1;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.topnav>a:hover:after,.dd-btn:hover:after,.topnav>a.on:after,.dd-btn.on:after,.dd.open .dd-btn:after{transform:scaleX(1)}
.dd-btn svg{transition:transform .25s}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-6px);width:560px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:#0F1B2D;border:1px solid rgba(243,245,248,.12);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:50}
@media (hover:hover) and (min-width:901px){.dd::after{content:"";position:absolute;top:100%;left:50%;width:560px;height:14px;transform:translateX(-50%)}}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-menu a{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:10px;color:#F3F5F8;transition:background .2s}
.dd-menu a:hover,.dd-menu a.on{background:#1A2A42}
.dd-menu span{grid-row:1/3;width:64px;height:48px;background-size:cover;background-position:center}
.dd-menu b{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.06em;text-transform:uppercase;align-self:end}
.dd-menu small{font-size:13px;color:rgba(243,245,248,.6);align-self:start;line-height:1.35}
.dd-menu a.on b{color:#7AA3F5}
.burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;padding:0 9px}
.burger i{display:block;height:2px;background:#F3F5F8;transition:transform .3s,opacity .3s}
body.nav-open .burger i:nth-child(1){transform:translateY(8px) rotate(45deg)}
body.nav-open .burger i:nth-child(2){opacity:0}
body.nav-open .burger i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:900px){
  .mark .wrap{grid-template-columns:1fr auto}
  .mark .tel{display:none}
  .burger{display:flex;position:relative;z-index:60}
  .topnav{position:fixed;inset:0;z-index:55;background:#0F1B2D;flex-direction:column;justify-content:center;gap:6px;padding:90px 24px 40px;opacity:0;visibility:hidden;transition:opacity .3s;overflow-y:auto}
  body.nav-open .topnav{opacity:1;visibility:visible}
  body.nav-open{overflow:hidden}
  .topnav>a,.dd-btn{font-size:30px;padding:10px}
  .dd{display:flex;flex-direction:column;align-items:center}
  .dd-menu{position:static;transform:none;width:min(420px,100%);grid-template-columns:1fr;display:none;opacity:1;visibility:visible;margin-top:6px}
  .dd.open .dd-menu{display:grid;transform:none}
  .mark .lg,.mark .right{position:relative;z-index:60}
}
.dd-menu,.dd-menu a{text-align:left}

/* ===== FARVER & FINISH v2 ===== */
.farve-teaser+.others{background:var(--paper)}
.ff-over a{display:block;background:var(--graphite-2);padding:22px 24px;transition:background .2s}
.ff-over a:hover{background:var(--rust)}
.ff-over a b{display:block;font-family:var(--display);font-weight:600;font-size:22px;text-transform:uppercase;letter-spacing:.05em}
.ff-over a span{font-size:14.5px;color:rgba(243,245,248,.7)}
.ff-over{margin-bottom:0}
.fhead{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:22px}
.fhead h2{margin-top:10px}
.fintro{max-width:760px;color:var(--muted);font-size:17px;margin-bottom:26px}
.fh3{font-family:var(--display);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.04em;margin:48px 0 6px}
.fsub{color:var(--muted);font-size:15.5px;margin-bottom:18px;max-width:760px}
.sysbox{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-left:4px solid var(--rust);padding:24px 28px}
.sysbox small,.sysbox-r small,.stocolor small,.std small{display:block;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--rust)}
.sysbox h4{font-family:var(--display);font-weight:700;font-size:32px;margin:2px 0}
.sysbox p{color:var(--muted);font-size:15px}
.sysbox-r{text-align:right}
.sysbox-r small{color:var(--muted);margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip,.pill{display:inline-flex;align-items:center;padding:10px 18px;background:#fff;border:1px solid var(--line);font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.pill{padding:7px 14px;font-size:14px;background:var(--paper)}
.ral{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rc{background:#fff;border:1px solid var(--line)}
.rc span{display:block;height:110px;border-bottom:1px solid var(--line)}
.rc b{display:block;padding:12px 16px 0;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.04em}
.rc small{display:block;padding:0 16px 14px;color:var(--muted);font-size:14px}
.two-box{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.two-box .fh3{margin-top:48px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ph-card{position:relative;display:block;padding:0;border:1px solid var(--line);background:#fff;cursor:zoom-in;text-align:left;font:inherit;color:var(--ink);overflow:hidden}
.ph-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .5s}
.vb img{aspect-ratio:16/10}
.sw-card img{aspect-ratio:1}
.ph-card:hover img{transform:scale(1.04)}
.ph-card .cap{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;padding:12px 14px 14px;background:#fff;position:relative}
.ph-card .cap b{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:.04em}
.ph-card .cap small{flex-basis:100%;order:3;color:var(--muted);font-size:13.5px}
.ph-card .cap i{font-style:normal;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rust)}
.vuba .extra{display:none}
.vuba.all .extra{display:block}
.more-wrap{display:flex;justify-content:center;margin-top:30px}
.stocolor{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--graphite);color:var(--paper);padding:26px 30px;margin-top:34px}
.stocolor small{color:var(--rust-2)}
.stocolor h4{font-family:var(--display);font-weight:700;font-size:28px;margin:4px 0}
.stocolor p{color:rgba(243,245,248,.75);font-size:15px;max-width:680px}
.stocolor .btn{border-color:rgba(243,245,248,.5)}
.std{display:flex;gap:30px;align-items:center;background:var(--graphite);color:var(--paper);padding:24px 30px;margin:18px 0}
.std small{color:var(--rust-2)}
.std b{display:block;font-family:var(--display);font-weight:700;font-size:44px;line-height:1;white-space:nowrap}
.std p{color:rgba(243,245,248,.8);font-size:15.5px;max-width:640px}
.seg{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.seg button{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;background:#fff;border:1.5px solid var(--line);color:var(--ink);cursor:pointer}
.seg button.on{background:var(--rust);border-color:var(--rust);color:#fff}
.spec-box{background:#fff;border:1px solid var(--line);padding:26px 28px;margin-bottom:10px}
.spec-box h4{font-family:var(--display);font-weight:700;font-size:26px;text-transform:uppercase;margin-bottom:4px}
.pc{display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;margin:0 8px 8px 0;border:1px solid var(--line);background:#fff;font-weight:600;font-size:15px}
.pc i{width:22px;height:22px;border:1px solid rgba(0,0,0,.12)}
.note-box{margin-top:40px;padding:18px 22px;border:1px solid var(--line);border-left:4px solid var(--rust);background:#fff;color:var(--muted);font-size:15px}
.farve-teaser .spec-box{margin-bottom:24px}
.farve-teaser .sysbox{margin-bottom:18px}
.proces .steps li{background:var(--graphite-2);border-color:rgba(243,245,248,.1);color:var(--paper)}
.proces .steps p{color:rgba(243,245,248,.7)}
.proces .prep{background:var(--graphite-2)}
/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(10,19,34,.92);display:flex;align-items:center;justify-content:center;padding:40px 20px}
.lb[hidden]{display:none}
.lb figure{max-width:min(1000px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px;margin:0}
.lb img{max-width:100%;max-height:78vh;object-fit:contain;display:block;margin:0 auto}
.lb figcaption{color:#F3F5F8;text-align:center;font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.08em;text-transform:uppercase}
.lb-x{position:absolute;top:18px;right:22px;width:48px;height:48px;background:none;border:1.5px solid rgba(243,245,248,.5);color:#fff;font-size:28px;cursor:pointer}
@media (max-width:980px){.ral,.grid4{grid-template-columns:repeat(2,1fr)}.grid5{grid-template-columns:repeat(3,1fr)}.two-box{grid-template-columns:1fr;gap:0}.sysbox-r{text-align:left}.std{flex-direction:column;align-items:flex-start;gap:10px}}
@media (max-width:560px){.grid5{grid-template-columns:repeat(2,1fr)}.ph-card .cap i{display:none}.rc span{height:80px}}
.vb .cap i{display:none}

/* Opdateret knap- og karruselstil, afstemt med Krattet Entreprise */
.btn{padding:11px 20px;border-radius:999px;font-size:15px;letter-spacing:.08em}
.carousel{padding-inline:56px}
.track{gap:28px}
.card{flex-basis:calc((100% - 56px)/3)}
.card .ph{aspect-ratio:3/2}
.card .body{padding:26px 24px 30px;text-align:center}
.card h3{font-size:20px;margin-bottom:8px}
.arr.side{top:calc(50% - 60px);width:44px;height:44px;border-radius:50%;z-index:3}
.link-more{font-size:15px;letter-spacing:.08em}
.car-nav .dots{gap:10px}
.car-nav{position:relative;justify-content:flex-end;min-height:24px}
.car-nav .link-more{margin-left:auto}
.car-nav .dots{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:0}
.car-nav .dots button{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(243,245,248,.58);background:transparent;opacity:1}
.sec.paper .car-nav .dots button:not(.on){border-color:rgba(15,27,45,.45)}
.car-nav .dots button.on{opacity:1;background:var(--rust)}
.sec.dark .car-nav .dots button.on{background:var(--rust-2)}
@media (max-width:980px){.card{flex-basis:calc((100% - 28px)/2)}}
@media (max-width:640px){
  .carousel{padding-inline:0}
  .track{gap:14px}
  .card{flex-basis:84%}
  .card .body{padding:24px 20px 26px}
  .car-nav{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-top:22px;padding-bottom:26px}
  .car-nav .dots{top:auto;bottom:0;left:50%;transform:translateX(-50%)}
  .link-more{font-size:13px;letter-spacing:.06em;line-height:1.4}
}

/* Menuen markeres med blå tekst i stedet for understregning */
.topnav>a:after,.dd-btn:after{display:none}
.topnav>a:hover,.dd-btn:hover,.topnav>a.on,.dd-btn.on,.dd.open .dd-btn{color:var(--rust-2)}