:root{--detail-wash:#efe9df}
.detail-page{background:var(--cream);color:var(--ink)}
.detail-page .site-header{color:var(--ivory)}
.detail-hero{min-height:92svh;padding:118px var(--pad) 4rem;background:var(--forest);color:var(--ivory);display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);position:relative;overflow:hidden}
.detail-hero::before{content:'';position:absolute;width:38vw;height:38vw;border:1px solid rgba(255,255,255,.09);transform:rotate(12deg);left:-19vw;bottom:-22vw}
.detail-hero-copy{align-self:center;padding-right:clamp(2rem,5vw,7rem);position:relative;z-index:2}
.detail-hero h1{margin:.8rem 0 2rem;font:400 clamp(4.4rem,7vw,8rem)/.78 var(--display);letter-spacing:-.05em}
.detail-hero h1 em{font-weight:400}
.detail-dek{max-width:620px;color:rgba(255,250,243,.72);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.7}
.detail-actions{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap;margin-top:2.3rem}
.detail-visual{position:relative;align-self:stretch;margin:1.5rem 0 1rem;min-height:620px}
.detail-visual img{filter:saturate(.76) sepia(.08)}
.detail-frame{position:absolute;inset:2.1rem;border:1px solid rgba(255,255,255,.55)}
.detail-marker{position:absolute;right:-1px;top:0;width:160px;min-height:160px;padding:1.2rem;background:var(--brass);color:#202020;display:flex;flex-direction:column;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.58rem}
.detail-marker strong{display:block;margin:.35rem 0;font:400 2.5rem/1 var(--display);letter-spacing:-.02em;text-transform:none}
.detail-breadcrumb{position:absolute;left:var(--pad);bottom:1.4rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5)}
.detail-breadcrumb a{color:inherit}
.detail-intro{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:30% 70%;gap:clamp(2rem,6vw,8rem);position:relative;overflow:hidden}
.detail-intro::after{content:'AV';position:absolute;left:2vw;bottom:-4rem;color:rgba(39,39,39,.035);font:400 15rem/1 var(--display);pointer-events:none}
.detail-intro-copy{max-width:850px}
.detail-intro h2,.detail-section h2,.detail-process h2,.detail-faq h2,.detail-cta h2{margin:0;font:400 clamp(3.3rem,5.4vw,6rem)/.86 var(--display);letter-spacing:-.04em}
.detail-intro h2 em,.detail-section h2 em,.detail-process h2 em,.detail-faq h2 em,.detail-cta h2 em{font-weight:400}
.detail-intro-copy>p{max-width:720px;font-size:1rem;line-height:1.8;color:var(--muted)}
.detail-intro-copy>p:first-of-type{margin-top:2rem;color:var(--ink);font-size:1.16rem}
.detail-ledger{padding:0 var(--pad) clamp(7rem,11vw,11rem)}
.detail-ledger-head{display:grid;grid-template-columns:30% 70%;gap:clamp(2rem,6vw,8rem);padding-bottom:3rem}
.detail-ledger-head p:last-child{max-width:620px;color:var(--muted);line-height:1.7}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.detail-card{min-height:300px;padding:2.6rem 3rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.detail-card:nth-child(odd){border-right:1px solid var(--line)}
.detail-card::after{content:'';position:absolute;width:110px;height:110px;border:1px solid rgba(249,143,25,.32);right:-65px;bottom:-65px;transform:rotate(18deg);transition:.4s}
.detail-card:hover::after{right:-45px;bottom:-45px}
.detail-card small{color:#c66a00;text-transform:uppercase;letter-spacing:.12em;font-size:.58rem}
.detail-card h3{margin:1rem 0 .8rem;font:400 clamp(2rem,3vw,3.2rem)/.95 var(--display)}
.detail-card p{max-width:560px;color:var(--muted);line-height:1.75}
.detail-process{padding:clamp(6rem,10vw,10rem) var(--pad);background:var(--forest-2);color:var(--ivory);display:grid;grid-template-columns:38% 62%;gap:clamp(3rem,7vw,9rem)}
.detail-process-lead p:last-child{color:rgba(255,255,255,.66);max-width:460px;line-height:1.75;margin-top:2rem}
.detail-steps{border-top:1px solid rgba(255,255,255,.22)}
.detail-step{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.22)}
.detail-step span{color:var(--brass);font:400 1.1rem var(--display)}
.detail-step h3{margin:0 0 .5rem;font:400 2rem/1 var(--display)}
.detail-step p{margin:0;color:rgba(255,255,255,.65);line-height:1.65}
.detail-faq{padding:clamp(6rem,10vw,10rem) var(--pad);display:grid;grid-template-columns:34% 66%;gap:clamp(3rem,7vw,9rem)}
.detail-faq-list{border-top:1px solid var(--line)}
.detail-faq details{border-bottom:1px solid var(--line);padding:1.5rem 0}
.detail-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:2rem;font:400 1.55rem/1.2 var(--display)}
.detail-faq summary::-webkit-details-marker{display:none}
.detail-faq summary::after{content:'+';color:#c66a00}
.detail-faq details[open] summary::after{content:'−'}
.detail-faq details p{max-width:680px;color:var(--muted);line-height:1.75;padding-right:3rem}
.detail-related{padding:4rem var(--pad);background:var(--ivory);border-top:1px solid var(--line)}
.detail-related>p{text-align:center;margin:0 0 2rem}
.detail-related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.detail-related a{padding:1.6rem 1rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;font:400 1.35rem var(--display)}
.detail-related a:last-child{border-right:0}
.detail-related a:hover{background:var(--cream)}
.detail-cta{padding:clamp(7rem,11vw,11rem) var(--pad);text-align:center;background:var(--detail-wash)}
.detail-cta p:not(.kicker){max-width:650px;margin:2rem auto;color:var(--muted);line-height:1.75}
.detail-cta .detail-actions{justify-content:center}
.detail-page--training .detail-marker{background:var(--brass)}
.detail-page--clinical .detail-hero{background:#313433}.detail-page--clinical .detail-marker{background:var(--ivory)}
.detail-page--clinical .detail-visual img{filter:saturate(.62) sepia(.04)}
.detail-page--wellness .detail-hero{background:#292521}.detail-page--wellness .detail-visual img{filter:saturate(.72) sepia(.2)}
.detail-page--wellness .detail-marker{background:#d9bea2}
.detail-page--membership .detail-hero{background:#252525}.detail-page--membership .detail-marker{background:var(--brass)}
@media(min-width:1100px){.detail-page--clinical .detail-hero-copy{order:2;padding:0 0 0 clamp(3rem,6vw,8rem)}.detail-page--clinical .detail-visual{order:1}.detail-page--clinical .detail-breadcrumb{left:auto;right:var(--pad)}}
@media(max-width:1000px){.detail-hero{grid-template-columns:1fr;padding-top:100px}.detail-hero-copy{padding:3rem 0}.detail-visual{min-height:520px}.detail-breadcrumb{display:none}.detail-intro,.detail-ledger-head,.detail-process,.detail-faq{grid-template-columns:1fr}.detail-intro>.kicker,.detail-ledger-head>.kicker{margin-bottom:0}.detail-related-grid{grid-template-columns:1fr}.detail-related a{border-right:0}.detail-process{gap:3rem}}
@media(max-width:600px){.detail-hero{min-height:auto;padding:82px 1.25rem 3.5rem}.detail-hero-copy{order:2;padding:2.5rem 0 0}.detail-hero h1{font-size:3.65rem}.detail-dek{font-size:.92rem}.detail-visual{order:1;min-height:270px;height:40svh;margin:0}.detail-frame{inset:1rem}.detail-marker{width:105px;min-height:105px}.detail-marker strong{font-size:1.75rem}.detail-intro,.detail-ledger,.detail-process,.detail-faq,.detail-related,.detail-cta{padding-left:1.25rem;padding-right:1.25rem}.detail-intro h2,.detail-section h2,.detail-process h2,.detail-faq h2,.detail-cta h2{font-size:3.25rem}.detail-grid{grid-template-columns:1fr}.detail-card{min-height:0;padding:2rem 0}.detail-card:nth-child(odd){border-right:0}.detail-step{grid-template-columns:55px 1fr}.detail-faq details p{padding-right:0}.detail-actions{align-items:stretch;flex-direction:column}.detail-actions .button,.detail-actions .text-link{width:100%}}
/* Keep asymmetric grids inside their container when a gap is present. */
.detail-intro{grid-template-columns:minmax(0,30fr) minmax(0,70fr)}
.detail-intro>*{min-width:0}

/* All split layouts use fractional tracks so their gap is deducted from the
   available width instead of being added beyond 100%. */
.detail-ledger-head{grid-template-columns:minmax(0,30fr) minmax(0,70fr)}
.detail-process{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}
.detail-faq{grid-template-columns:minmax(0,34fr) minmax(0,66fr)}
.detail-ledger-head>*,.detail-process>*,.detail-faq>*{min-width:0}
@media(max-width:1000px){.detail-ledger-head,.detail-process,.detail-faq{grid-template-columns:minmax(0,1fr)}}

/* Roligere detail-hero: én klar tekstflade og ét billede uden indbyrdes kamp. */
@media (min-width:1001px) {
  .detail-hero {
    min-height: min(82svh, 820px);
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    padding-top: 104px;
    padding-bottom: 2.75rem;
  }
  .detail-hero-copy {
    padding-right: clamp(2.5rem, 4vw, 5.5rem);
  }
  .detail-hero h1 {
    max-width: 8.5ch;
    margin: 1rem 0 1.65rem;
    font-size: clamp(3.8rem, 5.25vw, 6.35rem);
    line-height: .86;
    letter-spacing: -.045em;
  }
  .detail-dek {
    max-width: 560px;
    font-size: clamp(.94rem, 1.05vw, 1.08rem);
    line-height: 1.65;
  }
  .detail-visual {
    min-height: 500px;
    margin: 1rem 0 .75rem;
  }
  .detail-marker {
    width: 132px;
    min-height: 132px;
    padding: 1rem;
  }
  .detail-marker strong {
    font-size: 2.1rem;
  }
}

@media (max-width:600px) {
  .detail-hero h1 {
    max-width: 9ch;
    font-size: clamp(3rem, 15vw, 3.65rem);
    line-height: .86;
  }
  .detail-marker {
    width: 92px;
    min-height: 92px;
    padding: .7rem;
  }
  .detail-marker strong {
    font-size: 1.45rem;
  }
}