/* AURA Wellness Resort — brandfarver fra brandbogen */
:root{
  --nat:#121a19; --petrol:#2c4140; --cream:#fefaf8; --blush:#f9e4dd;
  --koral:#f19169; --blaa:#e2eef4;
  --display:"Acme Gothic","Helvetica Neue",sans-serif;
  --tekst:"Aktiv Grotesk","Helvetica Neue",Arial,sans-serif;
  --maks:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--nat);color:var(--cream);
  font-family:var(--tekst);font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.wrap{max-width:var(--maks);margin:0 auto;padding:0 32px}
.kicker{
  font-family:var(--tekst);font-size:11px;font-weight:600;
  letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;
  color:var(--koral);margin:0 0 22px;
}
h1,h2,h3{font-family:var(--display);font-weight:300;margin:0;
  letter-spacing:.06em;text-indent:.06em;line-height:1.06}
h2{font-size:clamp(34px,5.2vw,68px)}
h3{font-size:clamp(22px,2.4vw,32px)}
p{margin:0 0 18px}
.lead{font-size:clamp(16px,1.45vw,20px);max-width:62ch;color:#e6ded9}

/* ---------- loader ---------- */
#loader{position:fixed;inset:0;z-index:99;background:var(--nat);cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  transition:opacity .8s ease,visibility .8s}
#loader.vaek{opacity:0;visibility:hidden}
#loader img{width:64px;opacity:.9}
#loader .bar{width:190px;height:1px;background:rgba(254,250,248,.18)}
#loader .bar i{display:block;height:100%;width:0;background:var(--koral);transition:width .25s}
#loader p{font-size:10px;letter-spacing:.34em;text-indent:.34em;
  text-transform:uppercase;color:rgba(254,250,248,.5);margin:0}

/* ---------- nav ---------- */
#nav{position:fixed;top:0;left:0;right:0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:22px 32px;transition:background .45s,padding .45s,border-color .45s;
  border-bottom:1px solid transparent}
#nav.fast{background:rgba(18,26,25,.92);backdrop-filter:blur(14px);
  padding:14px 32px;border-color:rgba(254,250,248,.1)}
#nav .brand img{width:132px}
#nav nav{display:flex;gap:34px}
#nav nav a{font-size:11px;font-weight:500;letter-spacing:.24em;text-indent:.24em;
  text-transform:uppercase;color:rgba(254,250,248,.82);padding:6px 0;
  border-bottom:1px solid transparent;transition:.3s}
#nav nav a:hover{color:var(--cream);border-color:var(--koral)}
.knap{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2em;
  text-indent:.2em;text-transform:uppercase;padding:14px 26px;border-radius:100px;
  transition:.35s;white-space:nowrap}
.knap.fyldt{background:var(--koral);color:var(--nat)}
.knap.fyldt:hover{background:var(--cream)}
.knap.tom{border:1px solid rgba(254,250,248,.4);color:var(--cream)}
.knap.tom:hover{border-color:var(--koral);color:var(--koral)}
.knap.moerk{background:var(--nat);color:var(--cream)}
.knap.moerk:hover{background:var(--petrol)}
#menuknap{display:none;background:none;border:0;color:var(--cream);
  font-size:22px;cursor:pointer;padding:4px 8px}

/* ---------- scroll-turen ---------- */
#tour{position:relative}
#tour .sticky{position:sticky;top:0;height:100vh;overflow:hidden;
  background:var(--nat) url(img/poster-tur.webp) center/cover no-repeat}
#film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  opacity:0;transition:opacity .5s ease}
#film.tegnet{opacity:1}
#vignette{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,26,25,.72) 0%,rgba(18,26,25,.12) 34%,
    rgba(18,26,25,.18) 62%,rgba(18,26,25,.88) 100%)}
#beats{position:absolute;inset:0;pointer-events:none}
.beat{position:absolute;left:0;right:0;bottom:16vh;padding:0 32px;
  max-width:var(--maks);margin:0 auto;opacity:0;transform:translateY(26px);
  transition:opacity .55s ease,transform .55s ease}
.beat.inde{opacity:1;transform:none}
.beat h1{font-size:clamp(40px,7vw,104px);text-shadow:0 2px 40px rgba(18,26,25,.5)}
.beat p{margin-top:20px;max-width:46ch;color:rgba(254,250,248,.88);font-size:clamp(15px,1.3vw,18px)}
.beat.midt{bottom:auto;top:50%;transform:translateY(-38%);text-align:center}
.beat.midt.inde{transform:translateY(-50%)}
.beat.midt p{margin-left:auto;margin-right:auto}
#scrollhint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;
  font-size:9px;letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;
  color:rgba(254,250,248,.55);transition:opacity .5s}
#scrollhint i{width:1px;height:40px;background:linear-gradient(180deg,var(--koral),transparent)}
#scrollhint.skjul{opacity:0}

/* ---------- sektioner ---------- */
section{position:relative}
.sek{padding:clamp(90px,11vw,160px) 0}
.lys{background:var(--cream);color:var(--nat)}
.lys .lead{color:#41504e}
.lys .kicker{color:var(--petrol)}
.blush{background:var(--blush);color:var(--nat)}
.blush .kicker{color:var(--petrol)}
.blush .lead{color:#41504e}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.split .figur img{border-radius:2px}

/* tal */
.tal{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:rgba(254,250,248,.12);border-top:1px solid rgba(254,250,248,.12);
  border-bottom:1px solid rgba(254,250,248,.12)}
.tal div{background:var(--nat);padding:40px 22px;text-align:center}
.tal b{display:block;font-family:var(--display);font-weight:300;
  font-size:clamp(30px,3.6vw,50px);letter-spacing:.03em;text-indent:.03em;color:var(--cream)}
.tal span{display:block;margin-top:10px;font-size:10px;font-weight:500;
  letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:rgba(254,250,248,.55)}
.tal .fremhaev b{color:var(--koral)}

/* residenser */
.kort{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.res{background:var(--cream);color:var(--nat);border-radius:2px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .5s ease,box-shadow .5s ease}
.res:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(18,26,25,.28)}
.res .foto{aspect-ratio:4/5;overflow:hidden}
.res .foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s ease}
.res:hover .foto img{transform:scale(1.06)}
.res .krop{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1}
.res h3{font-size:26px}
.res .type{font-size:10px;font-weight:600;letter-spacing:.2em;text-indent:.2em;
  text-transform:uppercase;color:var(--petrol);margin:10px 0 18px}
.res ul{list-style:none;margin:0 0 22px;padding:0;font-size:13.5px;color:#41504e}
.res ul li{padding:7px 0;border-bottom:1px solid rgba(18,26,25,.08)}
.res .pris{margin-top:auto;padding-top:18px;border-top:1px solid rgba(18,26,25,.14)}
.res .pris small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.2em;
  text-indent:.2em;text-transform:uppercase;color:var(--petrol)}
.res .pris strong{font-family:var(--display);font-weight:300;font-size:30px;
  letter-spacing:.04em;text-indent:.04em}

/* universer */
.uni{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:64px}
.uni a{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--petrol)}
.uni img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;opacity:.82}
.uni a:hover img{transform:scale(1.05);opacity:1}
.uni .paa{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(24px,3vw,44px);
  background:linear-gradient(180deg,rgba(18,26,25,0) 30%,rgba(18,26,25,.86) 100%)}
.uni .paa h3{font-size:clamp(26px,3vw,42px);color:var(--cream)}
.uni .paa em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.24em;
  text-indent:.24em;text-transform:uppercase;color:var(--koral);margin-bottom:12px}
.uni .paa p{margin:14px 0 0;font-size:14.5px;color:rgba(254,250,248,.84);max-width:44ch}

/* invest */
#invest{background:var(--petrol)}
#invest .kicker{color:var(--koral)}
.roi{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px}
.roi div{background:rgba(18,26,25,.42);padding:44px 34px}
.roi b{display:block;font-family:var(--display);font-weight:300;
  font-size:clamp(38px,4.6vw,64px);color:var(--koral);
  letter-spacing:.03em;text-indent:.03em}
.roi span{display:block;margin-top:14px;font-size:10px;font-weight:600;
  letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:rgba(254,250,248,.62)}
.roi p{margin:16px 0 0;font-size:14px;color:rgba(254,250,248,.78)}

/* tidslinje */
.linje{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:64px;
  border-top:1px solid rgba(254,250,248,.16);padding-top:34px}
.linje div b{display:block;font-family:var(--display);font-weight:300;font-size:34px;
  color:var(--koral);letter-spacing:.04em;text-indent:.04em}
.linje div span{display:block;margin-top:12px;font-size:10px;font-weight:600;
  letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:rgba(254,250,248,.55)}
.linje div p{margin:10px 0 0;font-size:14.5px;color:rgba(254,250,248,.82)}

/* partnere */
.logoer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(38px,6vw,84px);margin-top:56px;opacity:.75}
.logoer img{height:44px;width:auto;object-fit:contain}

/* formular */
#kontakt{background:var(--nat)}
#kontakt .baggrund{position:absolute;inset:0;overflow:hidden}
#kontakt .baggrund img{width:100%;height:100%;object-fit:cover;opacity:.24}
#kontakt .baggrund:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--nat),rgba(18,26,25,.55),var(--nat))}
#kontakt .wrap{position:relative;z-index:2}
form{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
form .fuld{grid-column:1/-1}
input,textarea,select{width:100%;background:transparent;color:var(--cream);
  border:0;border-bottom:1px solid rgba(254,250,248,.3);padding:16px 2px;
  font-family:var(--tekst);font-size:15px;font-weight:300;transition:border-color .3s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--koral)}
input::placeholder,textarea::placeholder{color:rgba(254,250,248,.42)}
select option{background:var(--nat)}
form button{justify-self:start;border:0;cursor:pointer;font-family:var(--tekst)}
.smaat{font-size:12px;line-height:1.6;color:rgba(254,250,248,.45);max-width:74ch;margin-top:26px}

/* footer */
footer{background:#0d1413;padding:74px 0 40px;font-size:13.5px;color:rgba(254,250,248,.6)}
footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;
  padding-bottom:44px;border-bottom:1px solid rgba(254,250,248,.1)}
footer img.mark{width:128px;margin-bottom:22px}
footer h4{font-size:10px;font-weight:600;letter-spacing:.24em;text-indent:.24em;
  text-transform:uppercase;color:var(--cream);margin:0 0 18px}
footer ul{list-style:none;margin:0;padding:0}
footer ul li{margin-bottom:10px}
footer ul a:hover{color:var(--koral)}
footer .bund{display:flex;justify-content:space-between;gap:24px;
  padding-top:26px;font-size:12px;color:rgba(254,250,248,.4);flex-wrap:wrap}

/* reveal */
.rev{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}
.rev.inde{opacity:1;transform:none}

@media(max-width:1080px){
  .kort{grid-template-columns:repeat(2,1fr)}
  .tal{grid-template-columns:repeat(3,1fr)}
  .roi,.linje{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wrap{padding:0 20px}
  #nav{padding:16px 20px}
  #nav nav{position:fixed;inset:0;background:rgba(18,26,25,.98);flex-direction:column;
    align-items:center;justify-content:center;gap:26px;transform:translateX(100%);
    transition:transform .45s ease}
  #nav nav.aaben{transform:none}
  #nav nav a{font-size:15px;letter-spacing:.2em;text-indent:.2em}
  #menuknap{display:block;z-index:70}
  #nav .cta{display:none}
  .split,.uni,.kort,.roi,.linje{grid-template-columns:1fr}
  .tal{grid-template-columns:1fr 1fr}
  form{grid-template-columns:1fr}
  footer .top{grid-template-columns:1fr}
  .beat{bottom:14vh}
}

/* ---------- turens laengde ---------- */
#tour{height:980vh}

/* ---------- talbaand ---------- */
.tal-sek{background:var(--nat)}
.lystal{margin-top:56px;grid-template-columns:repeat(3,1fr);
  background:rgba(18,26,25,.14);border-color:rgba(18,26,25,.14)}
.lystal div{background:var(--blush)}
.lystal b{color:var(--nat)}
.lystal span{color:var(--petrol)}

/* ---------- step inside ---------- */
.stepin{display:inline-block;margin-top:18px;font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--koral)}
.res{cursor:pointer}
.uni a{cursor:pointer}

/* ---------- baggrundsbillede i sektion ---------- */
.baggrund{position:absolute;inset:0;overflow:hidden}
.baggrund img{width:100%;height:100%;object-fit:cover;opacity:.22}
.baggrund:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,var(--nat),rgba(18,26,25,.5),var(--nat))}

/* ---------- beregner ---------- */
.beregner{margin-top:2px;background:rgba(18,26,25,.42);padding:clamp(30px,4vw,56px)}
.beregner h3{color:var(--cream)}
.bgitter{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);margin-top:44px}
.bstyr label{display:block;margin-bottom:30px;font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:rgba(254,250,248,.55)}
.bstyr select,.bstyr input[type=number]{margin-top:12px;font-size:15px}
.bstyr #bAarLabel{float:right;color:var(--koral);letter-spacing:.12em;text-indent:.12em}
input[type=range]{-webkit-appearance:none;appearance:none;margin-top:20px;height:2px;
  background:rgba(254,250,248,.24);border:0;padding:0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;
  border-radius:50%;background:var(--koral);cursor:pointer;border:0}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;
  background:var(--koral);cursor:pointer;border:0}
.segment{display:flex;gap:1px;margin-top:12px;background:rgba(254,250,248,.16)}
.segment button{flex:1;background:rgba(18,26,25,.6);border:0;cursor:pointer;
  padding:14px 8px;color:rgba(254,250,248,.6);font-family:var(--tekst);
  font-size:9.5px;font-weight:600;letter-spacing:.16em;text-indent:.16em;
  text-transform:uppercase;transition:.3s}
.segment button em{display:block;font-style:normal;font-family:var(--display);
  font-size:20px;letter-spacing:.04em;text-indent:.04em;margin-top:8px;color:inherit}
.segment button:hover{color:var(--cream)}
.segment button.valgt{background:var(--koral);color:var(--nat)}
.brow{display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:16px 0;border-bottom:1px solid rgba(254,250,248,.12)}
.brow span{font-size:10px;font-weight:600;letter-spacing:.2em;text-indent:.2em;
  text-transform:uppercase;color:rgba(254,250,248,.55)}
.brow b{font-family:var(--display);font-weight:300;font-size:26px;
  letter-spacing:.03em;text-indent:.03em;color:var(--cream);white-space:nowrap}
.brow.stor b{font-size:40px;color:var(--koral)}
#bGraf{width:100%;height:150px;margin-top:26px;display:block}
.bnote{margin-top:18px;font-size:11.5px;line-height:1.6;color:rgba(254,250,248,.42)}

/* ---------- prisliste ---------- */
.prisliste{margin-top:56px;overflow-x:auto}
.prisliste table{width:100%;border-collapse:collapse;min-width:660px}
.prisliste th{text-align:left;padding:16px 18px;font-size:9.5px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;
  color:rgba(254,250,248,.5);border-bottom:1px solid rgba(254,250,248,.2)}
.prisliste td{padding:20px 18px;font-size:14.5px;color:rgba(254,250,248,.82);
  border-bottom:1px solid rgba(254,250,248,.1)}
.prisliste tr{cursor:pointer;transition:background .3s}
.prisliste tbody tr:hover{background:rgba(254,250,248,.05)}
.prisliste td b{font-family:var(--display);font-weight:300;font-size:22px;
  letter-spacing:.06em;text-indent:.06em;color:var(--cream)}
.prisliste td.pris{color:var(--koral);font-weight:500;white-space:nowrap}

@media(max-width:1080px){ .bgitter{grid-template-columns:1fr} }
@media(max-width:760px){
  #tour{height:820vh}
  .vscene{padding:60px 14px 10px}
  .vinfo{padding:0 18px 18px}
  .vstrip{max-width:100%}
  .segment{flex-direction:column}
  .brow.stor b{font-size:30px}
  .lystal{grid-template-columns:1fr}
}

/* rettelser: logo og hero-kicker */
#nav .brand img{width:auto;height:34px}
#nav.fast .brand img{height:28px}
footer img.mark{width:auto;height:78px}
.beat.midt .kicker{margin-bottom:30px}
.beat.midt h1{margin-top:4px}
.beat.midt p:last-child{margin-top:26px;font-size:clamp(14px,1.2vw,17px);
  color:rgba(254,250,248,.78)}
@media(max-width:760px){#nav .brand img{height:24px}}

/* ---------- rettelser efter foerste gennemsyn ---------- */
h2{max-width:19ch}
.wrap[style*="text-align:center"] h2{max-width:26ch}
.roi b{white-space:nowrap;font-size:clamp(32px,3.6vw,50px)}
.tal b{white-space:nowrap;font-size:clamp(26px,3vw,44px)}
.stepin{align-self:flex-start}
.uni .paa{background:linear-gradient(180deg,rgba(18,26,25,0) 18%,rgba(18,26,25,.55) 52%,rgba(18,26,25,.93) 100%)}
#tidslinje .baggrund img{opacity:.3}

/* partnerlogoer paa moerkt baand saa de negative filer kan ses */
.logobaand{display:flex;align-items:center;justify-content:center;
  gap:clamp(50px,7vw,104px);margin-top:64px;padding:clamp(36px,3.4vw,46px) 40px;
  background:var(--nat);border-radius:2px}
.logobaand img{width:auto;object-fit:contain}
/* COCO leveres i sort og skal vendes; AMARA er allerede negativ.
   Hoejderne er sat saa de to ordmaerker staar lige tunge, ikke lige hoeje. */
.logobaand img.coco{height:48px;filter:invert(1) brightness(1.7)}
.logobaand img.amara{height:58px}
@media(max-width:620px){
  .logobaand{flex-direction:column;gap:40px}
  .logobaand img.coco{height:34px}
  .logobaand img.amara{height:40px}
}


/* split-overskrifter maa ikke braekke i seks linjer */
.split h2{font-size:clamp(30px,3.4vw,48px);max-width:16ch}
#invest > .wrap > .rev h2{font-size:clamp(34px,4.4vw,60px);max-width:15ch}
#tidslinje h2,#kontakt h2{font-size:clamp(32px,4.4vw,58px)}
.split .figur img{width:100%}

/* ---------- hover-klip paa universerne ---------- */
.uni a .hoverklip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .9s ease}
.uni a.spiller .hoverklip{opacity:1}
.uni a.spiller img{opacity:0}
.uni a img{transition:transform 1.2s ease,opacity .9s ease}

/* ordmaerket i nav er det staaende negative lockup, ikke femstjerne-baandet */
#nav .brand img{height:44px}
#nav.fast .brand img{height:36px}
footer img.mark{height:96px}

/* hero-kickeren maa ikke braekke ind i overskriften */
.beat.midt .kicker{font-size:10.5px;letter-spacing:.3em;text-indent:.3em;
  margin-bottom:34px;white-space:nowrap}
@media(max-width:620px){
  .beat.midt .kicker{white-space:normal;letter-spacing:.2em;text-indent:.2em}
  #nav .brand img{height:34px}
}

/* ============ rundvisning ============ */
#viewer{position:fixed;inset:0;z-index:90;background:#090d0d;
  display:flex;flex-direction:column}
#viewer[hidden]{display:none}

#vTur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  background:#090d0d}

#vLuk{position:absolute;top:22px;right:26px;z-index:6;width:46px;height:46px;
  border:0;border-radius:50%;background:rgba(254,250,248,.1);color:var(--cream);
  font-size:17px;line-height:1;cursor:pointer;transition:.3s}
#vLuk:hover{background:var(--koral);color:var(--nat)}

/* entreen */
.ventre{position:absolute;inset:0;z-index:5;display:none;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;
  background:linear-gradient(180deg,rgba(9,13,13,.6),rgba(9,13,13,.25) 45%,rgba(9,13,13,.85))}
#viewer.entrer .ventre{display:flex;animation:ind .8s ease}
@keyframes ind{from{opacity:0}to{opacity:1}}
.ventre em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.4em;
  text-indent:.4em;text-transform:uppercase;color:var(--koral)}
.ventre h2{font-size:clamp(44px,8vw,110px);color:var(--cream);max-width:none;
  text-shadow:0 2px 50px rgba(0,0,0,.5)}
#vEntreSpring{margin-top:26px;background:none;border:1px solid rgba(254,250,248,.45);
  color:var(--cream);cursor:pointer;border-radius:100px;padding:15px 32px;
  font-family:var(--tekst);font-size:10px;font-weight:600;letter-spacing:.24em;
  text-indent:.24em;text-transform:uppercase;transition:.3s}
#vEntreSpring:hover{background:var(--koral);border-color:var(--koral);color:var(--nat)}

/* kapitlerne */
.tkapitler{position:absolute;left:34px;top:50%;transform:translateY(-50%);z-index:4;
  display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow:auto;
  transition:opacity .5s ease}
.tkapitler button{display:flex;align-items:baseline;gap:14px;background:none;border:0;
  cursor:pointer;text-align:left;padding:11px 16px 11px 0;color:rgba(254,250,248,.5);
  font-family:var(--tekst);font-size:13.5px;font-weight:400;
  border-left:1px solid rgba(254,250,248,.18);padding-left:18px;transition:.35s}
.tkapitler button span{font-size:9.5px;font-weight:600;letter-spacing:.16em;
  color:rgba(254,250,248,.32)}
.tkapitler button:hover{color:var(--cream)}
.tkapitler button.valgt{color:var(--cream);border-left-color:var(--koral)}
.tkapitler button.valgt span{color:var(--koral)}
#viewer.entrer .tkapitler,#viewer.ser-galleri .tkapitler{opacity:0;pointer-events:none}

/* afspillerlinjen */
.tstyr{position:absolute;left:0;right:0;bottom:0;z-index:4;
  display:flex;align-items:center;gap:18px;padding:0 40px 26px;
  transition:opacity .5s ease}
#viewer.entrer .tstyr,#viewer.ser-galleri .tstyr,#viewer.uden-tur .tstyr{opacity:0;pointer-events:none}
#tPlay{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(254,250,248,.12);color:var(--cream);font-size:11px;transition:.3s}
#tPlay:hover{background:var(--koral);color:var(--nat)}
.tbar{flex:1;height:2px;background:rgba(254,250,248,.22);cursor:pointer;position:relative}
.tbar:before{content:"";position:absolute;inset:-11px 0;cursor:pointer}
#tFyld{display:block;height:100%;width:0;background:var(--koral)}
#tTid{font-size:11px;letter-spacing:.1em;color:rgba(254,250,248,.55);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.tekstknap{background:none;border:1px solid rgba(254,250,248,.3);color:var(--cream);
  cursor:pointer;border-radius:100px;padding:11px 20px;font-family:var(--tekst);
  font-size:9.5px;font-weight:600;letter-spacing:.2em;text-indent:.2em;
  text-transform:uppercase;transition:.3s;white-space:nowrap}
.tekstknap:hover{border-color:var(--koral);color:var(--koral)}

/* navn og noegletal */
.vinfo{position:absolute;left:40px;bottom:82px;z-index:4;max-width:44ch;
  transition:opacity .5s ease}
#viewer.entrer .vinfo{opacity:0}
.vtekst em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.24em;
  text-indent:.24em;text-transform:uppercase;color:var(--koral)}
.vtekst h3{margin:8px 0 6px;font-size:34px;color:var(--cream)}
.vtekst p{margin:0;font-size:13px;color:rgba(254,250,248,.62)}
#viewer.ser-galleri .vinfo{opacity:0;pointer-events:none}

/* galleriet bagved */
.galleri{position:absolute;inset:0;z-index:7;background:rgba(9,13,13,.97);
  display:flex;flex-direction:column;padding:70px 0 22px}
.galleri[hidden]{display:none}
#gLuk{position:absolute;top:24px;left:34px;background:none;border:0;cursor:pointer;
  color:rgba(254,250,248,.7);font-family:var(--tekst);font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;transition:.3s}
#gLuk:hover{color:var(--koral)}
.vscene{flex:1;display:flex;align-items:center;justify-content:center;
  padding:0 60px 14px;min-height:0}
#vBillede{max-width:100%;max-height:100%;object-fit:contain;border-radius:2px}
.vstrip{display:flex;gap:8px;overflow-x:auto;padding:0 34px 4px;flex:0 0 auto}
.vstrip button{flex:0 0 92px;height:60px;padding:0;border:1px solid transparent;
  background:none;cursor:pointer;opacity:.45;transition:.3s;border-radius:2px;overflow:hidden}
.vstrip button img{width:100%;height:100%;object-fit:cover}
.vstrip button:hover{opacity:.85}
.vstrip button.valgt{opacity:1;border-color:var(--koral)}

@media(max-width:1080px){ .bgitter{grid-template-columns:1fr} }
@media(max-width:820px){
  .tkapitler{left:0;right:0;top:auto;bottom:96px;transform:none;flex-direction:row;
    gap:8px;padding:0 20px;overflow-x:auto;max-height:none}
  .tkapitler button{flex:0 0 auto;border-left:0;border-bottom:1px solid rgba(254,250,248,.2);
    padding:8px 4px;font-size:12.5px}
  .tkapitler button.valgt{border-bottom-color:var(--koral)}
  .tstyr{padding:0 20px 18px;gap:12px}
  #tTid{display:none}
  .vinfo{left:20px;bottom:168px;max-width:70vw}
  .vtekst h3{font-size:24px}
  .vscene{padding:0 16px 12px}
  .vstrip{padding:0 16px 4px}
}

/* skygge saa kapitler og navn kan laeses paa lyse renders */
#viewer:not(.ser-galleri):not(.entrer):after{content:"";position:absolute;inset:0;z-index:3;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,13,13,.72) 0%,rgba(9,13,13,.34) 22%,rgba(9,13,13,0) 46%),
    linear-gradient(0deg,rgba(9,13,13,.78) 0%,rgba(9,13,13,.15) 22%,rgba(9,13,13,0) 40%)}
#viewer.uden-tur:after{display:none}
.tkapitler button span{color:rgba(254,250,248,.5)}
.vtekst p{color:rgba(254,250,248,.72)}
@media(max-width:820px){
  #viewer:not(.ser-galleri):not(.entrer):after{
    background:linear-gradient(0deg,rgba(9,13,13,.86) 0%,rgba(9,13,13,.3) 34%,rgba(9,13,13,0) 55%)}
}

/* ---------- plantegning, snit og PDF-tallene ---------- */
.planark{position:absolute;inset:0;z-index:7;background:var(--cream);color:var(--nat);
  overflow:auto;padding:74px clamp(24px,4vw,64px) 48px}
.planark[hidden]{display:none}
.tilbage{position:absolute;top:26px;left:clamp(24px,4vw,64px);background:none;border:0;
  cursor:pointer;font-family:var(--tekst);font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;transition:.3s;
  color:var(--petrol);z-index:3}
.tilbage:hover{color:var(--koral)}
.galleri .tilbage{color:rgba(254,250,248,.7)}
.planwrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,72px);
  max-width:1400px;margin:0 auto;align-items:start}
.plankolonne em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.24em;
  text-indent:.24em;text-transform:uppercase;color:var(--petrol)}
.plankolonne h3{margin:10px 0 20px;font-size:clamp(30px,3.4vw,46px);color:var(--nat)}
.planbrod{font-size:14.5px;line-height:1.75;color:#41504e;max-width:52ch}
.planmaal{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin:28px 0 24px;
  border-top:1px solid rgba(18,26,25,.14)}
.planmaal div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:12px 0;border-bottom:1px solid rgba(18,26,25,.1)}
.planmaal dt{font-size:10px;font-weight:600;letter-spacing:.18em;text-indent:.18em;
  text-transform:uppercase;color:var(--petrol);margin:0}
.planmaal dd{margin:0;font-family:var(--display);font-weight:300;font-size:20px;
  letter-spacing:.03em;text-indent:.03em;white-space:nowrap}
.planrum{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.planrum li{font-size:11px;font-weight:500;letter-spacing:.1em;padding:8px 14px;
  border:1px solid rgba(18,26,25,.18);border-radius:100px;color:#41504e}
.plankilde{margin-top:26px;font-size:11px;color:rgba(18,26,25,.45)}
.plantegninger{display:grid;gap:28px}
.plantegninger figure{margin:0}
.plantegninger img{width:100%;background:#fff;border:1px solid rgba(18,26,25,.12);
  border-radius:2px}
.plantegninger figcaption{margin-top:10px;font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--petrol)}
#viewer.ser-plan .tkapitler,#viewer.ser-plan .tstyr,#viewer.ser-plan .vinfo{
  opacity:0;pointer-events:none}
#viewer.ser-plan:after{display:none}
@media(max-width:900px){
  .planwrap{grid-template-columns:1fr}
  .planmaal{grid-template-columns:1fr}
  .planark{padding:66px 20px 40px}
}

/* ---------- natten ---------- */
#natten .baggrund img{opacity:.34}
.natgitter{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.natgitter figure{margin:0}
.natgitter img{width:100%;border-radius:2px}
.natgitter figcaption{margin-top:12px;font-size:10px;font-weight:600;letter-spacing:.2em;
  text-indent:.2em;text-transform:uppercase;color:rgba(254,250,248,.55)}

/* ---------- seks argumenter ---------- */
.seks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:64px;
  background:rgba(18,26,25,.12);border-top:1px solid rgba(18,26,25,.12);
  border-bottom:1px solid rgba(18,26,25,.12)}
.seks div{background:var(--cream);padding:34px 30px}
.seks h4{margin:0 0 12px;font-family:var(--tekst);font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--petrol)}
.seks p{margin:0;font-size:14.5px;line-height:1.7;color:#41504e}

/* ---------- lufthavnstal ---------- */
.tomaal{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:34px 0 26px;
  background:rgba(254,250,248,.14)}
.tomaal div{background:var(--nat);padding:24px 18px}
.tomaal b{display:block;font-family:var(--display);font-weight:300;font-size:32px;
  letter-spacing:.03em;text-indent:.03em;color:var(--koral)}
.tomaal span{display:block;margin-top:8px;font-size:9.5px;font-weight:600;
  letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;
  color:rgba(254,250,248,.55)}

/* ---------- materialer ---------- */
.swatch{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.swatch figure{margin:0}
.swatch img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.swatch figcaption{margin-top:12px;font-size:10px;font-weight:600;letter-spacing:.2em;
  text-indent:.2em;text-transform:uppercase;color:var(--petrol)}

/* ---------- breatheology ---------- */
#breatheology .baggrund img{opacity:.28}
.portraet{display:grid;gap:22px}
.portraet img{width:100%;max-width:340px;border-radius:2px}
.portraettekst em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.24em;
  text-indent:.24em;text-transform:uppercase;color:var(--koral)}
.portraettekst h3{margin:10px 0 12px;color:var(--cream)}
.portraettekst p{margin:0;font-size:14.5px;line-height:1.75;color:rgba(254,250,248,.78);
  max-width:48ch}

/* ---------- sporet ---------- */
.spor{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.spor figure{margin:0}
.spor img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;opacity:.9;
  transition:opacity .5s}
.spor figure:hover img{opacity:1}
.spor figcaption{margin-top:14px}
.spor figcaption b{display:block;font-family:var(--display);font-weight:300;font-size:20px;
  letter-spacing:.05em;text-indent:.05em;color:var(--cream)}
.spor figcaption span{display:block;margin-top:6px;font-size:11px;
  color:rgba(254,250,248,.5)}

/* ---------- BLESS ---------- */
.tre{display:grid;gap:1px;margin-top:34px;background:rgba(18,26,25,.12);
  border-top:1px solid rgba(18,26,25,.12);border-bottom:1px solid rgba(18,26,25,.12)}
.tre div{background:var(--cream);padding:22px 0 22px 22px}
.tre h4{margin:0 0 8px;font-family:var(--tekst);font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--petrol)}
.tre p{margin:0;font-size:14px;line-height:1.7;color:#41504e}

/* ---------- beregnerens antagelser ---------- */
.bantag{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:6px 0 0;
  border-top:1px solid rgba(254,250,248,.14)}
.bantag div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:11px 0;border-bottom:1px solid rgba(254,250,248,.1)}
.bantag dt{margin:0;font-size:9.5px;font-weight:600;letter-spacing:.16em;
  text-indent:.16em;text-transform:uppercase;color:rgba(254,250,248,.5)}
.bantag dd{margin:0;font-size:14px;color:var(--cream);white-space:nowrap}

/* ---------- AURA's investeringsplan ---------- */
.planvalg{margin-top:64px}
.planrekke{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:26px}
.planrekke > div{background:rgba(18,26,25,.42);padding:32px 28px;display:flex;
  flex-direction:column}
.planrekke em{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.22em;
  text-indent:.22em;text-transform:uppercase;color:var(--koral)}
.planrekke h4{margin:10px 0 20px;font-family:var(--display);font-weight:300;font-size:26px;
  letter-spacing:.04em;text-indent:.04em;color:var(--cream)}
.planrekke ul{list-style:none;margin:0 0 20px;padding:0}
.planrekke li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;
  border-bottom:1px solid rgba(254,250,248,.1);font-size:13.5px}
.planrekke li span{color:rgba(254,250,248,.55)}
.planrekke li b{color:var(--cream);white-space:nowrap;font-weight:400}
.planrekke strong{margin-top:auto;font-family:var(--display);font-weight:300;font-size:40px;
  letter-spacing:.03em;text-indent:.03em;color:var(--koral)}
.planrekke small{margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.18em;
  text-indent:.18em;text-transform:uppercase;color:rgba(254,250,248,.45)}

@media(max-width:1080px){
  .seks{grid-template-columns:1fr 1fr}
  .swatch,.spor{grid-template-columns:1fr 1fr}
  .planrekke{grid-template-columns:1fr}
}
@media(max-width:760px){
  .seks,.natgitter,.tomaal,.bantag{grid-template-columns:1fr}
  .swatch,.spor{grid-template-columns:1fr 1fr}
}

/* universfeltet: kickeren maa ikke laegge sig oven i overskriften */
.uni .paa em{position:relative;z-index:2}
.uni .paa{gap:0}
.uni .paa h3{margin-top:2px}

/* ---------- de tyve spaces ---------- */
.rumfilter{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.rumfilter button{background:none;border:1px solid rgba(18,26,25,.2);border-radius:100px;
  cursor:pointer;padding:11px 20px;font-family:var(--tekst);font-size:10px;font-weight:600;
  letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;color:var(--petrol);
  transition:.3s;display:inline-flex;align-items:center;gap:10px}
.rumfilter button span{font-size:9px;letter-spacing:.06em;text-indent:0;
  color:rgba(18,26,25,.4)}
.rumfilter button:hover{border-color:var(--petrol)}
.rumfilter button.valgt{background:var(--nat);border-color:var(--nat);color:var(--cream)}
.rumfilter button.valgt span{color:var(--koral)}

.rumgitter{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.rumkort{display:flex;flex-direction:column;background:none;border:0;padding:0;
  cursor:pointer;text-align:left;font-family:var(--tekst)}
.rumfoto{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:2px;
  background:rgba(18,26,25,.06)}
.rumfoto img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.rumkort:hover .rumfoto img{transform:scale(1.05)}
.rumtekst{display:block;padding:16px 2px 0}
.rumtekst em{display:block;font-style:normal;font-size:9px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--petrol)}
.rumtekst b{display:block;margin:9px 0 4px;font-family:var(--display);font-weight:300;
  font-size:21px;letter-spacing:.05em;text-indent:.05em;color:var(--nat)}
.rumtekst i{display:block;font-style:normal;font-size:12px;color:var(--koral);
  font-weight:500}
.rumtekst small{display:block;margin-top:9px;font-size:12.5px;line-height:1.6;
  color:#5a6866}
@media(max-width:1080px){.rumgitter{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.rumgitter{grid-template-columns:1fr}}

/* ---------- BLESS ---------- */
.blesslogo{height:34px;width:auto}
.blessline{margin:20px 0 22px;font-family:var(--display);font-weight:300;
  font-size:clamp(18px,1.9vw,24px);letter-spacing:.05em;text-indent:.05em;
  color:var(--petrol);max-width:24ch;line-height:1.35}
#bless .tre{margin-top:32px}
.sweep{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:26px;align-items:start;
  margin-top:clamp(70px,8vw,110px);padding-top:clamp(50px,6vw,76px);
  border-top:1px solid rgba(18,26,25,.14)}
.sweeptekst h3{margin:12px 0 0;font-size:clamp(30px,3.2vw,42px)}
.sweeptekst .blessline{font-size:clamp(16px,1.6vw,20px);margin:16px 0 20px}
.sweeptekst p{font-size:14.5px;line-height:1.75;color:#41504e;max-width:46ch}
.sweeptekst i{font-style:italic}
.sweeptekst .knap{margin-top:14px}
.sweep figure{margin:0}
.sweep img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
@media(max-width:900px){
  .sweep{grid-template-columns:1fr 1fr}
  .sweeptekst{grid-column:1/-1}
}
@media(max-width:620px){.sweep{grid-template-columns:1fr}}

/* ---------- lokalsamfundet ---------- */
.sponsor{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:56px}
.sponsor figure{margin:0}
.sponsor img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.sponsor figcaption{margin-top:16px}
.sponsor figcaption b{display:block;font-family:var(--display);font-weight:300;
  font-size:24px;letter-spacing:.05em;text-indent:.05em;color:var(--cream)}
.sponsor figcaption span{display:block;margin-top:8px;font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--koral)}
@media(max-width:760px){.sponsor{grid-template-columns:1fr}}

/* ---------- adgang til investormaterialet ---------- */
.joingitter{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,6vw,90px);
  align-items:start}
#kontakt form{grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
#kontakt form button{grid-column:1/-1;justify-self:start}
.brochureforside{background:none;border:0;padding:0;cursor:pointer;display:block;
  width:100%;text-align:left}
.brochureforside img{width:100%;border-radius:2px;box-shadow:0 30px 70px rgba(0,0,0,.45);
  transition:transform .6s ease}
.brochureforside:hover img{transform:translateY(-6px)}
.brochureforside span{display:block;margin-top:16px;font-size:10px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--koral)}

.booklinje{display:flex;align-items:center;justify-content:space-between;gap:40px;
  flex-wrap:wrap;margin-top:clamp(70px,8vw,110px);padding-top:clamp(44px,5vw,64px);
  border-top:1px solid rgba(254,250,248,.16)}
.booklinje h3{color:var(--cream)}
.booklinje .lead{max-width:44ch;margin:0}

/* ---------- laesevisningen ---------- */
#brochure{position:fixed;inset:0;z-index:95;background:#0d1413;display:flex;
  flex-direction:column}
#brochure[hidden]{display:none}
#brochure header{display:flex;align-items:center;gap:20px;padding:16px 24px;
  border-bottom:1px solid rgba(254,250,248,.12);flex:0 0 auto}
.btitel{font-size:10px;font-weight:600;letter-spacing:.2em;text-indent:.2em;
  text-transform:uppercase;color:rgba(254,250,248,.7)}
.bside{margin-left:auto;font-size:11px;color:rgba(254,250,248,.5);
  font-variant-numeric:tabular-nums;white-space:nowrap}
#brochure header .tekstknap{padding:9px 16px;font-size:9px}
#bLuk{width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(254,250,248,.1);color:var(--cream);font-size:14px;transition:.3s}
#bLuk:hover{background:var(--koral);color:var(--nat)}
.bsider{flex:1;overflow-y:auto;padding:24px 20px 60px;display:flex;
  flex-direction:column;align-items:center;gap:18px;scroll-behavior:smooth}
.bsider figure{margin:0;width:100%;max-width:1180px}
.bsider img{width:100%;display:block;border-radius:2px;
  box-shadow:0 10px 40px rgba(0,0,0,.4)}

@media(max-width:900px){
  .joingitter{grid-template-columns:1fr}
  #kontakt form{grid-template-columns:1fr}
  .brochureforside{max-width:340px}
  #brochure header{gap:12px;padding:12px 14px}
  .btitel{display:none}
  .bsider{padding:14px 10px 40px}
}

/* overskrifter brak i fire linjer i de brede sektioner */
#spor h2,#lokalt h2,#materialer h2,#breatheology h2,#natten h2{
  font-size:clamp(32px,4vw,54px);max-width:22ch}
#bless h2{font-size:clamp(30px,3.4vw,46px);max-width:18ch}
.blesslogo{height:40px}

/* =========================================================
   Designpas: roligere hero, vandret logo, sorte knapper.
   Koral bliver en accent i kickers og aktive tilstande,
   ikke en flade paa knapper.
   ========================================================= */

/* --- nav: det vandrette lockup, hvidt --- */
#nav .brand img{height:26px;filter:brightness(0) invert(1)}
#nav.fast .brand img{height:23px}

/* --- heroen: mindre og mere behersket --- */
.beat h1{font-size:clamp(34px,5vw,74px);letter-spacing:.08em;text-indent:.08em;
  text-shadow:0 2px 40px rgba(18,26,25,.55)}
.beat.midt h1{font-size:clamp(30px,4.4vw,64px)}
.beat.midt .kicker{font-size:9.5px;letter-spacing:.42em;text-indent:.42em;
  margin-bottom:26px}
.beat.midt p:last-child{margin-top:22px;font-size:13.5px;letter-spacing:.04em;
  color:rgba(254,250,248,.72)}
.beat p{font-size:clamp(14px,1.1vw,16px)}

/* --- knapper: sort boks, hvid tekst --- */
.knap.fyldt{background:var(--nat);color:var(--cream);border:1px solid var(--nat)}
.knap.fyldt:hover{background:transparent;color:var(--nat)}
.lys .knap.fyldt:hover,.blush .knap.fyldt:hover{color:var(--nat)}
/* paa moerk bund vendes den om */
.sek:not(.lys):not(.blush) .knap.fyldt,#nav .knap.fyldt,#kontakt .knap.fyldt,
#invest .knap.fyldt,.booklinje .knap.fyldt{
  background:var(--cream);color:var(--nat);border-color:var(--cream)}
.sek:not(.lys):not(.blush) .knap.fyldt:hover,#nav .knap.fyldt:hover,
#kontakt .knap.fyldt:hover,#invest .knap.fyldt:hover,.booklinje .knap.fyldt:hover{
  background:transparent;color:var(--cream)}
.stepin{color:var(--petrol)}
.segment button.valgt{background:var(--cream);color:var(--nat)}
.rumfilter button.valgt span{color:rgba(18,26,25,.45)}
#vEntreSpring:hover,#tPlay:hover,#vLuk:hover,#bLuk:hover{
  background:var(--cream);color:var(--nat)}

/* --- manifestet --- */
#manifest{background:linear-gradient(180deg,var(--blush),var(--cream));
  padding:clamp(90px,12vw,170px) 32px;text-align:center}
.manifest{max-width:34ch;margin:0 auto}
.mmaerke{width:52px;margin:0 auto 34px;opacity:.85}
.manifest p{margin:0;font-family:var(--display);font-weight:300;
  font-size:clamp(21px,2.5vw,32px);line-height:1.45;letter-spacing:.04em;
  text-indent:.04em;color:var(--petrol)}

/* --- to-spaltet indledning --- */
.indled{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,100px);
  align-items:start}
.indled h2{max-width:16ch;font-size:clamp(26px,3.2vw,44px);
  letter-spacing:.09em;text-indent:.09em;text-transform:uppercase}
.indled .lead{max-width:46ch;font-size:15px}
.indled .smaa{font-size:13px;color:var(--petrol);font-weight:500}
.lys .indled .smaa{color:var(--petrol)}
.sek:not(.lys):not(.blush) .indled .smaa{color:rgba(254,250,248,.6)}

/* --- de ti universer --- */
.unigitter{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:56px}
.unikort{position:relative;display:block;background:none;border:0;padding:0;
  cursor:pointer;text-align:left;font-family:var(--tekst);overflow:hidden}
.unifoto{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;
  background:var(--petrol)}
.unifoto img{width:100%;height:100%;object-fit:cover;opacity:.86;
  transition:transform 1.2s ease,opacity .9s ease}
.unikort:hover .unifoto img{transform:scale(1.04);opacity:1}
.unikort.spiller .unifoto img{opacity:0}
.unipaa{position:absolute;inset:0;display:flex;flex-direction:column;
  justify-content:flex-end;padding:clamp(24px,3vw,44px);
  background:linear-gradient(180deg,rgba(18,26,25,0) 24%,rgba(18,26,25,.6) 58%,rgba(18,26,25,.94) 100%)}
.unipaa em{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.24em;
  text-indent:.24em;text-transform:uppercase;color:rgba(254,250,248,.7)}
.unipaa b{display:block;margin:10px 0 0;font-family:var(--display);font-weight:300;
  font-size:clamp(24px,2.8vw,40px);letter-spacing:.07em;text-indent:.07em;
  color:var(--cream)}
.unipaa i{display:block;margin-top:12px;font-style:normal;font-size:14px;
  line-height:1.6;color:rgba(254,250,248,.82);max-width:44ch}
.unipaa small{display:block;margin-top:14px;font-size:9.5px;font-weight:600;
  letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:var(--koral)}

/* --- CTA ved beregneren --- */
.beregnercta{display:flex;align-items:center;justify-content:space-between;gap:30px;
  flex-wrap:wrap;margin-top:2px;padding:30px clamp(30px,4vw,56px);
  background:rgba(18,26,25,.42)}
.beregnercta p{margin:0;font-family:var(--display);font-weight:300;font-size:20px;
  letter-spacing:.04em;text-indent:.04em;color:var(--cream)}

.opfod{margin-top:26px;font-size:12px;line-height:1.6;color:rgba(18,26,25,.5);
  max-width:70ch}

@media(max-width:900px){
  .indled{grid-template-columns:1fr;gap:26px}
  .unigitter{grid-template-columns:1fr}
}

/* =========================================================
   Koral ud af tal og overskrifter. Den bliver kun tilbage
   som markering af det valgte, ikke som farve paa typografi.
   ========================================================= */
.kicker{color:var(--petrol)}
.sek:not(.lys):not(.blush) .kicker,#invest .kicker,#kontakt .kicker,
#natten .kicker,#breatheology .kicker,#spor .kicker,#lokalt .kicker,
#lufthavn .kicker,.beat .kicker{color:rgba(254,250,248,.62)}

.tal .fremhaev b{color:var(--cream)}
.roi b{color:var(--cream)}
.tomaal b{color:var(--cream)}
.linje div b{color:var(--cream)}
.planrekke strong{color:var(--cream)}
.brow.stor b{color:var(--cream)}
.rumtekst i{color:var(--petrol)}
.unipaa small{color:rgba(254,250,248,.55)}
.sponsor figcaption span{color:rgba(254,250,248,.55)}
.prisliste td.pris{color:var(--cream)}
.ventre em{color:rgba(254,250,248,.7)}
.vtekst em,.portraettekst em{color:rgba(254,250,248,.7)}
.brochureforside span{color:rgba(254,250,248,.7)}
#tFyld{background:var(--cream)}
.stepin{color:var(--petrol)}

/* koral beholdes kun her: det valgte kapitel og den aktive prik */
.tkapitler button.valgt{border-left-color:var(--koral)}
.tkapitler button.valgt span{color:var(--koral)}
.vstrip button.valgt{border-color:var(--koral)}
input[type=range]::-webkit-slider-thumb{background:var(--nat)}
input[type=range]::-moz-range-thumb{background:var(--nat)}
#invest input[type=range]::-webkit-slider-thumb{background:var(--cream)}
#invest input[type=range]::-moz-range-thumb{background:var(--cream)}
input:focus,textarea:focus,select:focus{border-color:var(--cream)}

/* tidslinjen som lys sektion */
#tidslinje .linje{border-top-color:rgba(18,26,25,.14)}
#tidslinje .linje div b{color:var(--nat);font-size:30px}
#tidslinje .linje div span{color:var(--petrol)}
#tidslinje .linje div p{color:#41504e}
.tidsfoto{width:100%;border-radius:2px}

/* ---------- sporet: alle syv projekter plus AURA ---------- */
.sporgitter{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}
.sporgitter figure{margin:0;display:flex;flex-direction:column}
.sporgitter figure.stor{grid-column:span 2;grid-row:span 2}
.sporgitter img{width:100%;flex:1;min-height:0;object-fit:cover;border-radius:2px;
  aspect-ratio:4/3}
.sporgitter figure.stor img{aspect-ratio:auto;height:100%}
.sporgitter figcaption{margin-top:14px}
.sporgitter figcaption b{display:block;font-family:var(--display);font-weight:300;
  font-size:19px;letter-spacing:.05em;text-indent:.05em;color:var(--nat)}
.sporgitter figcaption span{display:block;margin-top:6px;font-size:11.5px;
  color:var(--petrol)}
.sporgitter figure.ottende{background:var(--nat);border-radius:2px;
  justify-content:center;padding:32px 28px;aspect-ratio:4/3}
.ottende span{font-family:var(--display);font-weight:300;font-size:34px;
  letter-spacing:.04em;text-indent:.04em;color:rgba(254,250,248,.35)}
.ottende b{display:block;margin:14px 0 8px;font-family:var(--display);font-weight:300;
  font-size:21px;letter-spacing:.05em;text-indent:.05em;color:var(--cream)}
.ottende em{font-style:normal;font-size:11.5px;line-height:1.5;
  color:rgba(254,250,248,.55)}

/* ---------- partnerne ---------- */
.partnerlogo{display:flex;align-items:center;gap:clamp(36px,5vw,70px);
  padding-bottom:30px;border-bottom:1px solid rgba(18,26,25,.2)}
.partnerlogo img{height:44px;width:auto;object-fit:contain}
.partnertal{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:clamp(28px,4vw,60px);margin-top:36px;align-items:start}
.partnertal .lead{margin:0;font-size:15px;max-width:44ch}
.partnertal div b{display:block;font-family:var(--display);font-weight:300;
  font-size:clamp(32px,3.4vw,46px);letter-spacing:.03em;text-indent:.03em;
  color:var(--nat)}
.partnertal div span{display:block;margin-top:8px;font-size:13px;color:var(--petrol)}

@media(max-width:1080px){
  .sporgitter{grid-template-columns:1fr 1fr}
  .sporgitter figure.stor{grid-column:span 2;grid-row:auto}
  .sporgitter figure.stor img{aspect-ratio:16/9}
  .partnertal{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .sporgitter,.partnertal{grid-template-columns:1fr}
  .partnerlogo img{height:32px}
}

/* manifestet skal aande, ikke braekke i elleve linjer */
.manifest{max-width:46ch}
.manifest p{font-size:clamp(19px,2.1vw,27px);line-height:1.5}
.mmaerke{width:44px;margin-bottom:30px}
.visionfoto{margin-top:clamp(50px,6vw,84px)}
.visionfoto img{width:100%;border-radius:2px}
/* nav er altid laesbar: moerk bund saa snart man forlader heroen */
#nav.fast{background:rgba(18,26,25,.94)}

/* ---------- portefoeljetallene ---------- */
.pgitter{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  margin-top:clamp(46px,5vw,70px);background:rgba(18,26,25,.14)}
.pgitter div{background:var(--cream);padding:36px 28px}
.pgitter b{display:block;font-family:var(--display);font-weight:300;
  font-size:clamp(34px,3.8vw,52px);letter-spacing:.03em;text-indent:.03em;
  color:var(--nat);white-space:nowrap}
.pgitter span{display:block;margin-top:12px;font-size:13px;color:var(--petrol)}


@media(max-width:900px){
  .pgitter{grid-template-columns:1fr 1fr}
  .pin span{font-size:12px}
  .pin em{display:none}
}
@media(max-width:600px){.pgitter{grid-template-columns:1fr}}

/* sidste orange rester: holdeperioden og forbeholdsteksten paa moerkt */
.bstyr #bAarLabel{color:var(--cream)}
.opfod.moerk{color:rgba(254,250,248,.5)}
#kort .opfod{color:rgba(18,26,25,.5);margin-top:30px}
#kort .pgitter{margin-top:clamp(50px,5vw,74px)}

/* billedtekst med navne under sponsorfotoet */
.sponsor figcaption small{display:block;margin-top:12px;font-size:12.5px;
  line-height:1.65;color:rgba(254,250,248,.6);max-width:52ch}

/* ---------- operatoergitteret paa moerk bund ---------- */

/* =========================================================
   Typografi-rettelse.
   Acme Gothic skal have letter-spacing, og den efterfoelgende
   luft efter sidste bogstav kompenseres med text-indent. Men
   text-indent rykker KUN foerste linje, saa paa venstrestillet
   tekst over flere linjer braekker den venstrekanten.
   Derfor: text-indent kun hvor teksten er centreret.
   ========================================================= */
h1,h2,h3,h4,
.kicker,.tal b,.tal span,.roi b,.roi span,.tomaal b,.tomaal span,
.linje div b,.linje div span,.res .type,.res .pris small,.res .pris strong,
.prisliste th,.prisliste td b,.stepin,.knap,.tekstknap,
.brow span,.brow b,.bantag dt,.segment button,.segment button em,
.planrekke em,.planrekke h4,.planrekke strong,.planrekke small,
.plankolonne em,.planmaal dt,.planmaal dd,.plantegninger figcaption,
.rumfilter button,.rumtekst em,.rumtekst b,.unipaa em,.unipaa b,.unipaa small,
.vtekst em,.vtekst h3,.tkapitler button span,.btitel,
.seks h4,.tre h4,.swatch figcaption,.natgitter figcaption,
.spor figcaption b,.sporgitter figcaption b,.ottende span,.ottende b,
.sponsor figcaption b,.sponsor figcaption span,.portraettekst em,
.partnertal div b,.pgitter b,.opfod,
.indled h2,.blessline,.sweeptekst h3,.plankilde,
footer h4,.bside,.brochureforside span,.beregnercta p,.manifest p,
.vinfo em,.ventre em,.ventre h2,.pin span,.pin em,#tTid,
.lys h2,.blush h2,.sek h2{text-indent:0}

/* text-indent hoerer kun til her, hvor teksten er centreret */
.beat.midt h1,.beat.midt .kicker,.manifest p,
.wrap[style*="text-align:center"] h2,.wrap[style*="text-align:center"] .kicker{
  text-indent:.06em}
.beat.midt .kicker{text-indent:.42em}

/* venstrekanten skal staa lige: overskrift og kicker starter samme sted */
.indled h2,.indled .kicker{margin-left:0}

/* overskrifter ombrydes af bredden, ikke af haardkodede linjeskift */
.indled h2{max-width:14ch;line-height:1.14}
#kontakt h2,#tidslinje h2,#spor h2,#kort h2,#operator h2,#bali h2,
#lokalt h2,#portefoelje h2{max-width:15ch}
h2{line-height:1.12}

/* ---------- topbjaelke i viewer og laesevisning ---------- */
.vtop{position:absolute;top:0;left:0;right:0;z-index:8;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:20px clamp(20px,3vw,34px);
  background:linear-gradient(180deg,rgba(9,13,13,.75),rgba(9,13,13,0))}
.vhjem{background:none;border:0;padding:0;cursor:pointer;display:flex;
  align-items:center;opacity:.9;transition:opacity .3s}
.vhjem:hover{opacity:1}
.vhjem img{height:24px;width:auto;filter:brightness(0) invert(1)}
.vtilbage{background:rgba(254,250,248,.1);border:0;cursor:pointer;
  color:var(--cream);border-radius:100px;padding:11px 20px;
  font-family:var(--tekst);font-size:9.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;transition:.3s;display:inline-flex;align-items:center;
  gap:12px;white-space:nowrap}
.vtilbage span{font-size:13px;letter-spacing:0}
.vtilbage:hover{background:var(--cream);color:var(--nat)}

/* pladsen under bjaelken saa den ikke ligger oven i indholdet */
.galleri,.planark{padding-top:86px}
.tilbage{top:76px}
#brochure header .vhjem img{height:20px}
#brochure header{gap:16px}
@media(max-width:820px){
  .vtop{padding:14px 16px}
  .vhjem img{height:18px}
  .vtilbage{padding:9px 14px;font-size:9px}
  .vtilbage span{display:none}
  .galleri,.planark{padding-top:72px}
  .tilbage{top:64px}
}

/* topbjaelken styrer selv placeringen; den gamle absolutte knap ophaeves */
#vLuk{position:static;width:auto;height:auto;border-radius:100px;font-size:9.5px}
.vtop{box-sizing:border-box}

/* paa plantegningen er bunden lys, saa bjaelken vendes om */
#viewer.ser-plan .vtop{background:linear-gradient(180deg,rgba(254,250,248,.95),rgba(254,250,248,0))}
#viewer.ser-plan .vhjem img{filter:none}
#viewer.ser-plan .vtilbage{background:rgba(18,26,25,.08);color:var(--nat)}
#viewer.ser-plan .vtilbage:hover{background:var(--nat);color:var(--cream)}

/* pressedaekningen paa festivalbilledet */
.sponsor figcaption .presse{display:inline-block;margin-top:14px;font-style:normal;
  font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cream);border:1px solid rgba(254,250,248,.3);border-radius:100px;
  padding:8px 16px}

/* sidste koral i investeringsplanen */
.planrekke em{color:rgba(254,250,248,.55)}

/* ---------- kortet over Bali ---------- */
#kort{background:var(--cream)}
.kortfelt{position:relative;max-width:1060px;margin:clamp(46px,5vw,74px) auto 0;
  padding:0;margin-bottom:22%}   /* pins regnes i procent af oeen, luften til etiketterne ligger udenfor */
.kortfelt .oe{width:100%;display:block}
.kortlinjer{position:absolute;left:0;top:0;width:100%;height:100%;
  overflow:visible;pointer-events:none}
.kortlinjer polyline{fill:none;stroke:rgba(44,65,64,.42);stroke-width:.14;
  vector-effect:non-scaling-stroke;transition:stroke .3s}
.kortlinjer polyline.frem{stroke:var(--nat)}
.kortmaerker{position:absolute;left:0;top:0;width:100%;height:100%}

.kpin{position:absolute;width:9px;height:9px;border-radius:50%;
  transform:translate(-50%,-50%);background:var(--petrol);
  transition:transform .3s,box-shadow .3s,background .3s;cursor:default}
.kpin.aura{width:13px;height:13px;background:var(--nat);
  box-shadow:0 0 0 4px rgba(254,250,248,.9)}
.kpin.frem{background:var(--nat);transform:translate(-50%,-50%) scale(1.4);
  box-shadow:0 0 0 5px rgba(254,250,248,.9)}

.kmaerke{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;
  background:var(--cream);padding:9px 16px;border-radius:100px;
  box-shadow:0 2px 16px rgba(18,26,25,.1);cursor:default;
  transition:box-shadow .3s,transform .3s}
.kmaerke b{display:block;font-family:var(--display);font-weight:300;font-size:14px;
  letter-spacing:.05em;color:var(--nat)}
.kmaerke i{display:block;margin-top:2px;font-style:normal;font-size:10px;
  letter-spacing:.06em;color:var(--petrol)}
.kmaerke.aura{padding:12px 22px}
.kmaerke.aura b{font-size:18px}
.kmaerke.frem{box-shadow:0 6px 26px rgba(18,26,25,.2);
  transform:translate(-50%,-50%) scale(1.04)}

@media(max-width:820px){
  .kortfelt{margin-bottom:30%}
  .kmaerke{padding:6px 11px}
  .kmaerke b{font-size:11px}
  .kmaerke i{display:none}
  .kmaerke.aura b{font-size:13px}
}


/* ================= pitch v4, 27.09.2026 ================= */
.tal.fem{grid-template-columns:repeat(5,1fr);margin-top:0}
.talsaet{padding-top:clamp(60px,7vw,100px);padding-bottom:clamp(40px,5vw,70px)}
.talsaet .tre{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.talsaet h4{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:inherit;margin:0 0 12px}
.talsaet .tre p{font-size:15px;color:rgba(254,250,248,.78)}
.talintro{margin-top:clamp(50px,6vw,80px);max-width:64ch}

.res .kortlinje{font-size:13.5px;line-height:1.6;color:#41504e;margin:0 0 18px}
.res .katalog{display:inline-block;margin-top:14px;font-size:10px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--petrol);border-bottom:1px solid rgba(44,65,64,.3);align-self:flex-start}
.res .katalog:hover{color:inherit;border-color:inherit}
#pKatalog{margin-top:18px}
.glance{margin-top:clamp(80px,9vw,120px);max-width:64ch}
.prisliste tfoot td{padding:18px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:inherit;cursor:default}
.prisliste .opfod{margin-top:22px}
.opfod{max-width:110ch}

.tilbud{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(40px,6vw,90px);align-items:start;margin-top:clamp(70px,8vw,110px)}
.tilbud h3{margin-bottom:26px}
.tilbudsplit{margin:0;display:grid;gap:16px}
.tilbudsplit div{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:baseline}
.tilbudsplit dt{font-family:var(--display);font-size:36px;white-space:nowrap;color:inherit}
.tilbudsplit dd{margin:0;font-size:15px;color:rgba(254,250,248,.8)}
.tilbud .prisliste{margin-top:0}
.prisliste.oversigt table{min-width:900px}
.prisliste.oversigt th[colspan]{text-align:center;border-bottom:1px solid rgba(254,250,248,.14)}
.prisliste.oversigt tbody tr{cursor:default}

#sikker .lead{color:#3a4948}
.pgitter.tre-tal{grid-template-columns:repeat(3,1fr)}
.klasser{margin-top:40px;overflow-x:auto}
.klasser table{width:100%;min-width:900px;border-collapse:collapse;font-size:13.5px;color:#2c4140}
.klasser th,.klasser td{text-align:left;vertical-align:top;padding:16px 14px;border-bottom:1px solid rgba(18,26,25,.1)}
.klasser thead th{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--nat)}
.klasser small{display:block;margin-top:4px;font-size:11px;letter-spacing:0;text-transform:none;font-weight:400;opacity:.65}
.klasser tbody th{font-weight:600;width:16%}
.klasser .fem{background:rgba(241,145,105,.1)}
.understreg{border-bottom:1px solid currentColor}
.volumen{margin-top:50px}
.volintro{font-size:14px;color:#3a4948}
.volumen ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.volumen li{display:grid;grid-template-columns:220px 1fr 170px;gap:18px;align-items:center;font-size:14px;color:#2c4140}
.volumen li i{display:block;height:14px;background:var(--petrol);width:var(--v);min-width:1px}
.volumen li b{font-weight:500}
.volumen li.lille{grid-template-columns:220px 1fr}
.volumen li.lille i{display:none}
.volumen li.lille b{font-weight:400;font-size:13px}

.fremdrift{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,6vw,90px);margin-top:clamp(80px,9vw,130px)}
.fremdrift h2{font-size:clamp(30px,3.6vw,50px);max-width:16ch;margin-bottom:34px}
.kubik b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(40px,5vw,64px);color:inherit;line-height:1}
.kubik span{display:block;margin-top:10px;font-size:14px}
.kubik em{display:block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:6px;opacity:.7}
.progress{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px}
.progress li{display:grid;grid-template-columns:90px 1fr 50px;gap:14px;align-items:center;font-size:13.5px}
.progress li i{display:block;height:10px;background:linear-gradient(90deg,var(--petrol) var(--v),rgba(18,26,25,.1) var(--v))}
.byggefoto{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.byggefoto figure{margin:0}.byggefoto img{aspect-ratio:4/3;object-fit:cover;width:100%}

.stigtal{display:flex;gap:40px;margin-top:22px}
.stigtal b{display:block;font-family:var(--display);font-weight:300;font-size:34px;color:inherit;line-height:1}
.stigtal span{display:block;margin-top:8px;font-size:12px;opacity:.8}
.partnertal .ptekst{grid-column:1/-1}

.team{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:50px}
.team figure{margin:0}
.team img{aspect-ratio:4/5;object-fit:cover;width:100%;background:#e9e1dc}
.team figcaption{padding-top:18px;color:var(--nat)}
.team b{display:block;font-family:var(--display);font-weight:300;font-size:26px;letter-spacing:.06em}
.team span,.team em{display:block;font-size:13px;font-style:normal;color:#41504e}
.raad{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 40px;margin-top:50px}
.raad img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#e9e1dc;margin-bottom:18px}
.raad h4{font-family:var(--display);font-weight:300;font-size:22px;letter-spacing:.06em;margin:0 0 6px;color:var(--nat)}
.raad span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:inherit;line-height:1.6}
.raad p{margin-top:12px;font-size:14px;color:#3a4948}
.kriterier{margin-top:60px}
.kriterier ol{margin:0;padding:0;list-style:none;counter-reset:k;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.kriterier li{counter-increment:k;background:rgba(254,250,248,.05);padding:30px 26px;font-size:15px;color:rgba(254,250,248,.86)}
.kriterier li::before{content:"0" counter(k);display:block;font-family:var(--display);font-size:28px;color:inherit;margin-bottom:12px}
#arkitekter .lead{color:#3a4948}
#arkitekter h2{color:var(--nat)}

.nummer1{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px}
.nummer1 div{background:rgba(18,26,25,.05);padding:40px 30px}
.nummer1 b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(48px,6vw,80px);line-height:1;color:inherit}
.nummer1 span{display:block;margin-top:14px;font-size:17px;color:var(--nat)}
.nummer1 em{display:block;margin-top:10px;font-style:normal;font-size:12px;color:#5b6a68}
.seks.tre-fakta{grid-template-columns:repeat(3,1fr)}

.blesstal{display:flex;gap:22px;align-items:baseline;margin:26px 0 34px;padding:22px 0;border-top:1px solid rgba(18,26,25,.14);border-bottom:1px solid rgba(18,26,25,.14)}
.blesstal b{font-family:var(--display);font-weight:300;font-size:54px;line-height:1;color:inherit}
.blesstal span{font-size:15px}
.sweeptal{display:flex;gap:44px;margin:20px 0}
.sweeptal b{display:block;font-family:var(--display);font-weight:300;font-size:40px;line-height:1;color:inherit}
.sweeptal span{font-size:12.5px}
.sweepliste{list-style:none;margin:0 0 18px;padding:0}
.sweepliste li{padding:10px 0;border-bottom:1px solid rgba(18,26,25,.1);font-size:13.5px}
.sweepliste b{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.festtal{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;margin:18px 0}
.festtal dt{font-family:var(--display);font-weight:300;font-size:26px;color:inherit;line-height:1.1}
.festtal dd{margin:0;font-size:12.5px;opacity:.8}

.partnerlinje{font-family:var(--display);font-weight:300;font-size:clamp(24px,3vw,40px);letter-spacing:.04em;line-height:1.3;max-width:34ch;margin:0 auto;text-align:center}
.citat{margin:30px 0 0;padding:0 0 0 24px;border-left:1px solid rgba(254,250,248,.3);font-size:17px;line-height:1.7;color:rgba(254,250,248,.88)}
.citat cite{display:block;margin-top:14px;font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(254,250,248,.6)}
.citat cite b{color:inherit;font-weight:600;margin-right:10px}
.winstonfoto{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:30px}
.winstonfoto figure{margin:0}.winstonfoto img{aspect-ratio:4/5;object-fit:cover;width:100%}
.ejere{display:grid;gap:22px;margin-top:10px}
.ejere h4{font-family:var(--display);font-weight:300;font-size:22px;letter-spacing:.06em;margin:0}
.ejere span{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:inherit}
.ejere p{margin:8px 0 0;font-size:14px;color:rgba(254,250,248,.74)}

.facilities{margin-top:clamp(90px,10vw,150px)}
.factabs{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 40px}
.factabs button{font:inherit;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  padding:12px 20px;border-radius:100px;border:1px solid rgba(18,26,25,.2);background:none;color:var(--nat);cursor:pointer;transition:.3s}
.factabs button:hover{border-color:inherit}
.factabs button.valgt{background:var(--nat);color:var(--cream);border-color:var(--nat)}
.facgitter{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,5vw,80px);align-items:start}
.facgitter h3{font-size:clamp(28px,3vw,42px);margin-bottom:20px;color:var(--nat)}
.faclinje{font-size:17px;font-style:italic;color:#41504e}
.facilities .lead{color:#3a4948}
.facfotos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.facfotos figure{margin:0}
.facfotos figure:first-child{grid-column:1/-1}
.facfotos img{width:100%;aspect-ratio:3/2;object-fit:cover}
.fire{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.fire li{background:rgba(18,26,25,.05);padding:24px 22px}
.fire b{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:inherit;margin-bottom:8px}
.fire span{font-size:14px;color:#2c4140}
.aylaekstra{margin-top:clamp(70px,8vw,110px)}
.aylaekstra h3{color:var(--nat)}
.behandling{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.behandling figure{margin:0 0 14px}.behandling img{width:100%;aspect-ratio:3/2;object-fit:cover}
.behandling h4{font-family:var(--display);font-weight:300;font-size:22px;letter-spacing:.06em;margin:0;color:var(--nat)}
.behandling em{display:block;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:inherit;margin:6px 0 10px}
.behandling p{font-size:14px;color:#3a4948}
.aylarum{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px}
.aylarum img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px}
.aylarum b{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--nat)}
.aylarum em{display:block;font-style:normal;font-size:12px;color:inherit;margin:2px 0 4px}
.aylarum span{font-size:13px;color:#3a4948}

@media(max-width:1080px){
  .tal.fem{grid-template-columns:repeat(3,1fr)}
  .tilbud,.fremdrift,.facgitter{grid-template-columns:1fr}
  .raad,.aylarum{grid-template-columns:repeat(2,1fr)}
  .kriterier ol,.fire{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .tal.fem{grid-template-columns:repeat(2,1fr)}
  .talsaet .tre,.team,.raad,.nummer1,.seks.tre-fakta,.pgitter.tre-tal,.behandling{grid-template-columns:1fr}
  .kriterier ol,.fire{grid-template-columns:1fr}
  .volumen li,.volumen li.lille{grid-template-columns:1fr;gap:6px}
  .progress li{grid-template-columns:70px 1fr 44px}
  .festtal{grid-template-columns:1fr 1fr}
}
.byggefoto{grid-template-columns:repeat(3,1fr)}
.byggefoto img{aspect-ratio:9/16}
.ejere img{width:64px;height:64px;border-radius:50%;object-fit:cover;float:left;margin:0 16px 8px 0}
.ejere div{overflow:hidden}
.citatfoto{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:14px}

/* smaa etiketter i de nye blokke: daempet, ikke koral (se "Koral ud af tal") */
.talsaet h4,.prisliste tfoot td,.ejere span,.festtal dd,.kubik em{opacity:.7}
.raad span,.fire b,.behandling em,.aylarum em,.nummer1 em{color:var(--petrol)}
@media(max-width:760px){
  .tal.fem div{padding:30px 12px}
  .tal.fem b{font-size:24px;letter-spacing:.02em}
}
.plannavn{font-size:clamp(20px,2vw,26px);margin:-6px 0 26px}
.planunder{display:block;margin:-6px 0 14px;font-size:11px;opacity:.6}
.planlink{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:30px}
.planlink p{margin:0;font-size:15px;color:rgba(254,250,248,.8);max-width:52ch}
.payback{margin-top:clamp(70px,8vw,110px)}
.payback table{min-width:720px}
.payback tbody th{text-align:left;font-weight:400;font-size:13.5px;color:rgba(254,250,248,.72);padding:14px 18px}
.payback tbody tr{cursor:default}
.payback td{padding:14px 18px}
.sweepkicker{margin:18px 0 4px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;opacity:.7}
.vscene{position:relative}
.vmaerke{position:absolute;top:18px;left:18px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--nat);background:rgba(254,250,248,.9);padding:6px 12px;border-radius:100px}
.vmaerke:empty{display:none}
/* de tre tekster under noegletallene staar paa moerk bund: .tre er ellers bygget til lyse sektioner */
.talsaet .tre{background:none;gap:40px}
.talsaet .tre div{background:none;padding:26px 0 0;border-top:1px solid rgba(254,250,248,.16)}
.talsaet .tre h4{color:var(--cream)}
.talsaet .tre p{color:rgba(254,250,248,.78)}
.tal-sek .kicker{color:rgba(254,250,248,.62)}
.tal.fire-tal{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.tal.fire-tal{grid-template-columns:repeat(2,1fr)}}
/* portraetterne er hoeje billeder med hovedet i toppen: beskaer fra toppen, ikke fra midten */
.team img{object-position:50% 8%}
.raad img,.ejere img{object-position:50% 20%}
/* operatoerlogoerne (moerk sektion) og presselogoerne over #1-placeringerne */
.opgitter{list-style:none;margin:56px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(254,250,248,.14)}
.opgitter li{background:var(--nat);display:flex;align-items:center;
  justify-content:center;padding:34px 26px;min-height:120px}
.opgitter img{max-width:150px;max-height:38px;width:auto;height:auto;object-fit:contain;
  filter:brightness(0) invert(1);opacity:.6;transition:opacity .4s}
.opgitter li:hover img{opacity:1}
.anerkendelser{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(34px,4vw,60px) clamp(30px,4vw,64px);margin-top:clamp(50px,5vw,74px)}
.anerkendelser figure{margin:0}
.anerkendelser img{height:26px;width:auto;max-width:190px;object-fit:contain;
  display:block}
.anerkendelser figcaption{margin-top:18px;font-size:14px;line-height:1.65;
  color:#41504e;max-width:34ch;padding-top:18px;
  border-top:1px solid rgba(18,26,25,.14)}
.anerkendelser + .nummer1{margin-top:clamp(60px,6vw,90px)}
@media(max-width:900px){.anerkendelser{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.anerkendelser{grid-template-columns:1fr}}
@media(max-width:760px){
  .opgitter{grid-template-columns:1fr 1fr}
}

/* ================= forside + investorside, 27.09.2026 ================= */
/* billedbaand: fuld bredde, stille billede mellem to sektioner */
.baand{position:relative;height:min(78vh,760px);overflow:hidden;background:var(--nat)}
.baand img{width:100%;height:100%;object-fit:cover}
.baand::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,26,25,.35) 0%,rgba(18,26,25,0) 30%,rgba(18,26,25,0) 60%,rgba(18,26,25,.55) 100%)}
.baandtekst{position:absolute;left:0;right:0;bottom:clamp(30px,5vw,60px);z-index:2;margin:0;text-align:center;
  font-family:var(--display);font-weight:300;font-size:clamp(20px,2.4vw,32px);letter-spacing:.08em;color:var(--cream)}

/* stoetten fra Buch og Thorborg */
#stoette{position:relative;overflow:hidden}
#stoette .baggrund img{opacity:.3}
.stoettekicker{text-align:center}
.stoettegitter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);margin-top:40px}
.stoettecitat{margin:0;position:relative;padding-top:40px}
.anfoer{position:absolute;top:-24px;left:-6px;font-family:var(--display);font-size:120px;line-height:1;color:rgba(254,250,248,.22)}
.stoettecitat blockquote{margin:0;font-family:var(--display);font-weight:300;font-size:clamp(24px,2.6vw,36px);
  line-height:1.3;letter-spacing:.03em;color:var(--cream)}
.stoettemere{margin:22px 0 0;font-size:15px;color:rgba(254,250,248,.7);max-width:52ch}
.stoettecitat figcaption{display:flex;align-items:center;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(254,250,248,.18)}
.stoettecitat figcaption img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.stoettecitat figcaption b{display:block;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cream)}
.stoettecitat figcaption em{display:block;font-style:normal;font-size:13px;color:rgba(254,250,248,.62);margin-top:4px}

/* investor-teaseren nederst paa forsiden */
.teaser{background:var(--petrol)}
.teasertal{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:60px;background:rgba(254,250,248,.14)}
.teasertal div{background:var(--petrol);padding:36px 26px}
.teasertal b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(28px,3vw,42px);white-space:nowrap;color:var(--cream)}
.teasertal span{display:block;margin-top:10px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(254,250,248,.62)}

/* investorsiden */
.investside #nav{background:rgba(18,26,25,.92);backdrop-filter:blur(14px)}
#nav nav a.her{color:var(--cream);border-color:rgba(254,250,248,.5)}
#investhero{position:relative;min-height:78vh;display:flex;align-items:flex-end;padding-top:160px}
#investhero .baggrund img{opacity:.55}
#investhero h1{font-size:clamp(40px,6vw,86px);max-width:14ch}
#glance{padding-top:clamp(60px,7vw,100px)}

@media(max-width:900px){
  .stoettegitter{grid-template-columns:1fr}
  .teasertal{grid-template-columns:1fr 1fr}
}
.kortliste{display:none}
@media(max-width:820px){
  .kmaerke:not(.aura),.kortlinjer polyline:not([data-nr="0"]){display:none}
  .kortfelt{margin-bottom:0}
  .kortliste{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;list-style:none;margin:34px 0 0;padding:0}
  .kortliste b{display:block;font-family:var(--display);font-weight:300;font-size:14px;letter-spacing:.04em;color:var(--nat)}
  .kortliste i{font-style:normal;font-size:11px;color:var(--petrol)}
}
#investhero .wrap{width:100%}
.stoettecitat blockquote{font-size:clamp(22px,2.3vw,32px)}
@media(max-width:760px){
  .opgitter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .opgitter li{padding:22px 12px;min-height:90px}
  .opgitter img{max-width:100%;max-height:30px}
}
/* paa mobil er der kun én kolonne; det store projektbillede maa ikke spaende over to */
@media(max-width:760px){ .sporgitter figure.stor{grid-column:auto} }
@media(max-width:620px){
  .teasertal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .teasertal div{padding:26px 14px}
  .teasertal b{font-size:22px;white-space:normal}
}

.knap.tom.moerktekst{margin-top:26px;color:var(--nat);border-color:rgba(18,26,25,.3);background:none;cursor:pointer;font-family:inherit}
.knap.tom.moerktekst:hover{border-color:var(--nat)}
#lufthavn .tomaal{grid-template-columns:repeat(2,1fr)}
/* citaterne: navnelinjerne flugter i bunden, uanset hvor langt citatet er */
.stoettecitat{display:flex;flex-direction:column}
.stoettecitat figcaption{margin-top:auto}
.stoettecitat blockquote,.stoettemere{margin-bottom:30px}
.stoettecitat blockquote + .stoettemere{margin-top:-10px}

/* trust-bjaelken lige under turen */
.trustbar{background:var(--cream);color:var(--nat);border-bottom:1px solid rgba(18,26,25,.1)}
.trustgitter{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;align-items:center}
.trustgitter > *{padding:26px 22px;border-left:1px solid rgba(18,26,25,.1)}
.trustgitter > *:first-child{border-left:0;padding-left:0}
.trustgitter b{display:block;font-family:var(--display);font-weight:300;font-size:30px;line-height:1}
.trustgitter span{display:block;font-size:11px;letter-spacing:.06em;color:#41504e;margin-top:6px}
.trustudvikler{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.trustudvikler span{margin:0;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.trustudvikler img{height:22px;width:auto}
.trustfolk{display:flex;align-items:center;gap:14px}
.trustfolk .ansigter{display:flex;margin:0}
.trustfolk .ansigter img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--cream)}
.trustfolk .ansigter img + img{margin-left:-12px}
.trustfolk span{margin:0;font-size:12.5px;line-height:1.4;color:var(--nat)}
.trustfolk:hover span{text-decoration:underline}
@media(max-width:900px){
  .trustgitter{grid-template-columns:1fr 1fr}
  .trustgitter > *{border-left:0;padding:18px 0;border-top:1px solid rgba(18,26,25,.1)}
  .trustgitter > *:nth-child(-n+2){border-top:0}
  .trustudvikler{grid-column:1/-1}
  .trustfolk{grid-column:1/-1}
}
.trustgitter .solgt i{display:block;height:3px;margin-top:12px;max-width:180px;
  background:linear-gradient(90deg,var(--nat) var(--v),rgba(18,26,25,.12) var(--v))}
.trustgitter .garanti b{font-size:24px}

/* Denform, spa-partneren */
#denform h2{color:var(--nat);font-size:clamp(30px,3.6vw,50px);max-width:14ch;margin-top:26px}
#denform .lead{color:#3a4948}
.denformlogo{height:34px;width:auto}
.denformtal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(18,26,25,.14)}
.denformtal b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(24px,2.4vw,34px);color:var(--nat);white-space:nowrap}
.denformtal span{display:block;margin-top:6px;font-size:11px;letter-spacing:.06em;color:#41504e}
#denform .figur img{aspect-ratio:4/5;object-fit:cover;width:100%}
@media(max-width:620px){.denformtal{grid-template-columns:1fr 1fr}}

.denformref{margin-top:22px;font-family:var(--display);font-weight:300;font-size:18px;letter-spacing:.04em;color:var(--nat)}
.denformref span{display:block;margin-bottom:6px;font-family:var(--tekst);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#41504e}

.denformref{font-family:var(--tekst);font-size:inherit}
.hotellogoer{display:flex;align-items:center;flex-wrap:wrap;gap:18px 34px;margin-top:14px}
.hotellogoer img{height:26px;width:auto;filter:brightness(0);opacity:.78}
.hotellogoer img[src*="skodsborg"]{height:14px}
.hotellogoer em{font-style:normal;font-size:12px;color:#41504e}
.hotellogoer{gap:14px 28px}
.hotellogoer img[src*="dangleterre"]{height:36px}
.hotellogoer img[src*="skodsborg"]{height:11px}
.hotellogoer img[src*="royal"]{height:24px}
.hotellogoer em{flex-basis:100%;font-family:var(--display);font-weight:300;font-size:17px;letter-spacing:.04em;color:var(--nat);margin-top:4px}

/* mediebjaelken: én linje, samme bredde som trust-bjaelken */
.mediebar{background:var(--cream);border-bottom:1px solid rgba(18,26,25,.1)}
.medielinje{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:20px;padding-bottom:20px}
.medielinje > span{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#41504e;line-height:1.6;white-space:nowrap}
.medielinje img{height:17px;width:auto;filter:grayscale(1);opacity:.6;transition:opacity .3s}
.medielinje img:hover{opacity:.9}
.medielinje img.kvadrat{height:26px}
.medielinje > i{width:1px;height:28px;background:rgba(18,26,25,.14)}
@media(max-width:1100px){
  .medielinje{flex-wrap:wrap;justify-content:center;gap:16px 26px}
  .medielinje > i{flex-basis:100%;height:0}
  .medielinje > span{flex-basis:100%;text-align:center}
  .medielinje > span br{display:none}
}
.denformslogan{font-family:var(--display);font-weight:300;font-size:clamp(18px,1.6vw,22px);letter-spacing:.04em;color:var(--nat);margin:6px 0 0}
@media(max-width:900px){
  .trustgitter .garanti b{font-size:20px}
  .trustgitter > *:nth-child(3){padding-left:16px}
  .medielinje{gap:14px 20px}
}

/* tryghedssektionen: fire beviser */
.soejler{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:16px;margin-top:56px}
.soejler article{background:#fff;border:1px solid rgba(18,26,25,.08);padding:30px 26px;display:flex;flex-direction:column}
.soejler article.foto{padding:0;display:grid;grid-template-rows:auto 1fr}
.soejler article.foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.soejler article.foto > div{padding:26px;display:flex;flex-direction:column}
.soejler em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--petrol)}
.soejler h3{font-size:clamp(20px,1.8vw,24px);color:var(--nat);margin:12px 0 18px}
.soejler b{font-family:var(--display);font-weight:300;font-size:clamp(34px,3.2vw,46px);line-height:1;color:var(--nat);white-space:nowrap}
.soejler p{font-size:14px;color:#3a4948;margin:14px 0 18px}
.soejler a{margin-top:auto;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--nat);border-bottom:1px solid rgba(18,26,25,.25);align-self:flex-start;padding-bottom:3px}
.soejler a:hover{border-color:var(--nat)}
.partnerstribe{display:flex;align-items:center;justify-content:space-between;gap:24px 36px;flex-wrap:wrap;margin-top:56px;padding-top:32px;border-top:1px solid rgba(18,26,25,.12)}
.partnerstribe span{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#41504e}
.partnerstribe img{height:22px;width:auto;filter:brightness(0);opacity:.62}
@media(max-width:1080px){.soejler{grid-template-columns:1fr 1fr}.soejler article.foto{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:none}.soejler article.foto img{height:100%;aspect-ratio:auto}}
@media(max-width:620px){.soejler,.soejler article.foto{grid-template-columns:1fr}.soejler article.foto img{aspect-ratio:16/9}.partnerstribe{justify-content:center}.partnerstribe span{flex-basis:100%;text-align:center}}
.soejler{grid-template-columns:repeat(4,minmax(0,1fr))}
.soejler b{font-size:clamp(30px,2.8vw,42px)}
.soejler article:nth-child(3) b{font-size:clamp(24px,2.1vw,32px)}
.partnerstribe img[src*="breatheology"]{height:40px}
.partnerstribe img[src*="winston"]{height:15px}
.partnerstribe img[src*="sai-logo"]{height:26px}
@media(max-width:1080px){.soejler{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.soejler{grid-template-columns:1fr}}

/* besoeg byggepladsen */
#besoeg{background:var(--nat)}
.besoeggitter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.besoegfotos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.besoegfotos img{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:2px}
.besoegfotos img + img{margin-top:60px}
#besoeg h2{max-width:14ch}
.besoegjoshua{display:flex;align-items:center;gap:14px;margin:30px 0}
.besoegjoshua img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 12%}
.besoegjoshua b{display:block;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cream)}
.besoegjoshua span{font-size:13px;color:rgba(254,250,248,.62)}
.besoegknapper{display:flex;gap:12px;flex-wrap:wrap}
.besoegfod{margin-top:18px;font-size:13px;color:rgba(254,250,248,.55)}
@media(max-width:900px){.besoeggitter{grid-template-columns:1fr}.besoegfotos img{aspect-ratio:3/4}}

/* operatoererne paa forsiden (14.10.2026): samme gitter som invest.html, lys bund */
.opforside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(36px,5vw,80px);align-items:center;
  margin-top:clamp(56px,6vw,84px);padding-top:clamp(40px,4vw,56px);border-top:1px solid rgba(18,26,25,.12)}
.opforsidetekst h3{margin:14px 0 18px}
.opforsidetekst p:not(.kicker){font-size:15px;line-height:1.7;color:#41504e;max-width:48ch;margin:0 0 20px}
.opforsidetekst a{font-size:14px;color:var(--petrol);border-bottom:1px solid rgba(44,65,64,.3);text-decoration:none}
.opgitter.lys{margin:0;background:rgba(18,26,25,.1)}
.opgitter.lys li{background:var(--cream);min-height:100px;padding:26px 20px}
.opgitter.lys img{filter:brightness(0);opacity:.55}
#tryghed .opfod{margin-top:18px}
@media(max-width:900px){.opforside{grid-template-columns:1fr}}

/* 23/10-2026: CTA under manifestet + LinkedIn-links paa stoetten */
.manifest .manifestcta{margin-top:34px}
.stoettecitat figcaption b a{color:inherit;text-decoration:none}
.stoettecitat figcaption b a:hover{text-decoration:underline;text-underline-offset:3px}
.stoettecitat .stoettelink{display:inline-block;margin-top:8px;font-size:12px;letter-spacing:.08em;color:rgba(254,250,248,.82);text-decoration:none;border-bottom:1px solid rgba(254,250,248,.35);padding-bottom:1px}
.stoettecitat .stoettelink:hover{color:var(--cream);border-color:var(--cream)}

/* 23/10-2026: ventelistesiden (apply.html) */
.honning{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.ansoegside #ansoeg{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:140px}
.ansoeggitter{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:start}
.ansoegtekst h1{font-family:var(--display);font-weight:300;font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:.04em;margin:18px 0 26px}
.ansoegtekst .lead{color:rgba(254,250,248,.84);max-width:46ch}
.ansoegpunkter{list-style:none;padding:0;margin:40px 0 0;display:flex;gap:38px;border-top:1px solid rgba(254,250,248,.18);padding-top:26px}
.ansoegpunkter b{display:block;font-family:var(--display);font-weight:300;font-size:30px;letter-spacing:.04em}
.ansoegpunkter span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(254,250,248,.6)}
.ansoegkort{background:rgba(18,26,25,.72);border:1px solid rgba(254,250,248,.14);padding:clamp(26px,3vw,42px);backdrop-filter:blur(6px)}
.ansoegkort .felter{display:grid;gap:14px;margin:18px 0 22px}
.ansoegkort .trin{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--koral);margin:0}
.ansoegkort select option{color:#121a19}
.ventesvar{margin:14px 0 0;font-size:14px;color:var(--koral);min-height:1em}
#tak h2{font-family:var(--display);font-weight:300;font-size:clamp(30px,3.4vw,44px);margin:14px 0 18px}
#tak .lead{color:rgba(254,250,248,.84)}
#tak .knap{margin-top:26px}
#kalender{width:100%;height:620px;border:0;background:var(--cream);margin-top:14px}
@media (max-width:860px){
  .ansoeggitter{grid-template-columns:1fr}
  .ansoegside #ansoeg{padding-top:110px}
  .ansoegpunkter{gap:24px}
}
.ansoegkort .felter>*{width:100%;max-width:none;margin:0;justify-self:stretch}
.ansoegkort .knap.fuld{width:100%}
.ansoegpunkter b{white-space:nowrap}
#ansoegform{display:block;margin-top:0}
/* 23/10-2026: alle fire trust-kort med foto, samme hoejde og rytme */
.soejler article.foto img{aspect-ratio:4/3}
.soejler article.foto > div{flex:1}
.soejler h3{min-height:2.5em}
@media(max-width:1080px){.soejler article.foto{grid-column:auto;grid-template-columns:none;grid-template-rows:auto 1fr}.soejler article.foto img{height:auto;aspect-ratio:4/3}}