/* Verdiepingspagina's: dezelfde DJC-identiteit, geen nieuwe visuele placeholders. */
.djc-landing.detail-page{background:#031127;color:#f4f8fc}
.djc-landing.detail-page .breadcrumbs{display:flex;gap:12px;padding-block:24px;font-size:12px;color:#bad0e3}
.djc-landing.detail-page .breadcrumbs a{color:inherit;min-height:30px}
.djc-landing.detail-page .page-hero{padding:28px 0 76px}
.djc-landing.detail-page .page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.djc-landing.detail-page h1{font:700 clamp(40px,5.5vw,72px)/1.05 Play,sans-serif;letter-spacing:-.035em;max-width:none;margin:22px 0 26px;text-wrap:balance}
.djc-landing.detail-page h2{font:700 clamp(32px,4vw,52px)/1.1 Play,sans-serif;letter-spacing:-.025em;max-width:none;text-wrap:balance;margin:18px 0 24px}
.djc-landing.detail-page h3{font:700 clamp(23px,2.5vw,30px)/1.2 Play,sans-serif;margin:0 0 16px}
.djc-landing.detail-page p,.djc-landing.detail-page li{font-size:16px;line-height:1.85}
.djc-landing.detail-page .eyebrow{font-size:11px;line-height:1.5}
.djc-landing.detail-page .lede{font-size:18px;color:#c5d5e8;max-width:600px}
.djc-landing.detail-page .actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px}
.djc-landing.detail-page .detail-hero-image{display:block;width:100%;height:440px;object-fit:cover;border-radius:28px}
.djc-landing.detail-page .detail-section{padding-block:80px}
.djc-landing.detail-page .light{background:#f4f8fc;color:#031127}
.djc-landing.detail-page .light .eyebrow{color:#075bce}
.djc-landing.detail-page .light a{color:#075bce}
.djc-landing.detail-page .light a.button{color:#031127}
.djc-landing.detail-page .detail-heading{max-width:830px;margin-bottom:40px}
.djc-landing.detail-page .detail-three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.djc-landing.detail-page .detail-three article{border-top:2px solid #075bce;padding-top:24px}
.djc-landing.detail-page .detail-split,.djc-landing.detail-page .practice-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.djc-landing.detail-page .practice-row.reverse>div{order:2}
.djc-landing.detail-page .detail-device{margin:0;min-width:0;width:100%}
.djc-landing.detail-page .detail-device figcaption{font-size:11px;line-height:1.8;color:inherit;opacity:.75;margin-top:20px}
.djc-landing.detail-page .platform-tour{border-top:1px solid #345473;padding-top:28px}
.djc-landing.detail-page .tour-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.djc-landing.detail-page .tour-controls button{background:transparent;border:1px solid #557189;color:#f4f8fc;border-radius:999px;min-height:48px;padding:12px 20px;font:700 14px Montserrat,sans-serif;cursor:pointer}
.djc-landing.detail-page .tour-controls button[aria-pressed=true]{background:#66e7e1;border-color:#66e7e1;color:#031127}
.djc-landing.detail-page [data-tour-panel]{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;margin-bottom:24px}
.djc-landing.detail-page .tour-status{font-size:12px;color:#bad0e3}
.djc-landing.detail-page .responsibility-list article{border-bottom:1px solid #c6d3df;padding:22px 0}
.djc-landing.detail-page .detail-evidence{padding:36px;border-radius:24px;background:#071b34;color:#fff}
.djc-landing.detail-page .detail-evidence img{background:white;border-radius:12px;padding:14px;width:230px;max-width:100%;height:auto;box-sizing:border-box;margin-bottom:28px}
.djc-landing.detail-page .detail-evidence strong{font:700 80px/1 Play,sans-serif;color:#66e7e1}
.djc-landing.detail-page .small-note{font-size:12px;line-height:1.8;opacity:.8}
.djc-landing.detail-page .detail-feature-image{display:block;width:100%;border-radius:24px}
.djc-landing.detail-page .team-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.djc-landing.detail-page .team-profile{background:#e8eff5;border-radius:24px;overflow:hidden}
.djc-landing.detail-page .team-profile>img{display:block;width:100%;height:340px;object-fit:contain;object-position:center bottom;background:#dce7ef}
.djc-landing.detail-page .team-profile>div{padding:30px}
.djc-landing.detail-page .contact-options{padding:36px;border-radius:24px;background:#e8eff5;min-width:0}
.djc-landing.detail-page .contact-options>a{overflow-wrap:anywhere}
.djc-landing.detail-page .contact-person-row{display:flex;gap:20px;align-items:center;border-top:1px solid #c6d3df;margin-top:26px;padding-top:24px}
.djc-landing.detail-page .contact-person-row img{width:100px;height:100px;object-fit:contain}
.djc-landing.detail-page .contact-person-row h3{font-size:23px;margin-bottom:8px}
.djc-landing.detail-page .detail-list{padding-left:22px;margin-block:24px}
.djc-landing.detail-page .booking-panel{padding:0;border:0;background:none;box-shadow:none;margin-top:28px;max-width:100%}
.djc-landing.detail-page .booking-panel p{font-size:12px}
.djc-landing.detail-page .detail-cta{padding:72px 0;background:#0a2642;text-align:center}
.djc-landing.detail-page .detail-cta p{max-width:650px;margin-inline:auto}
.djc-landing.detail-page .detail-cta .booking-panel{margin-inline:auto}
.djc-landing .detail-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-block:48px}
.djc-landing .detail-footer strong{color:#66e7e1;font:700 24px Play,sans-serif}
.djc-landing .detail-footer p,.djc-landing .detail-footer a{font-size:12px;line-height:1.9;color:#b9cce2}
.djc-landing .detail-footer nav{display:grid;gap:8px;align-content:start}
.djc-landing.detail-page .secondary-link{display:block;margin-top:18px}
.djc-landing.detail-page .djc-header a[aria-current=page]{color:#66e7e1}
@media(prefers-reduced-motion:no-preference){
 .djc-landing.detail-page .page-hero-copy{animation:djc-enter-copy 650ms cubic-bezier(.22,1,.36,1) both}
 .djc-landing.detail-page .detail-hero-image,.djc-landing.detail-page .page-hero .detail-device{animation:djc-enter-copy 800ms 120ms cubic-bezier(.22,1,.36,1) both}
 .djc-landing.detail-page [data-tour-panel].tour-arrive{animation:djc-enter-copy 340ms cubic-bezier(.22,1,.36,1)}
 .djc-landing.detail-page .tour-controls button{transition:background 180ms,color 180ms}
}
@media(max-width:900px){
 .djc-landing.detail-page .page-hero-grid,.djc-landing.detail-page .detail-split,.djc-landing.detail-page .practice-row,.djc-landing.detail-page [data-tour-panel]{grid-template-columns:1fr;gap:32px}
 .djc-landing.detail-page .page-hero-copy{max-width:700px}
 .djc-landing.detail-page .page-hero .detail-device{max-width:700px;margin-inline:auto}
 .djc-landing.detail-page .practice-row.reverse>div{order:0}
 .djc-landing.detail-page .detail-three{grid-template-columns:1fr;gap:24px}
 .djc-landing.detail-page .detail-hero-image{height:340px}
}
@media(max-width:600px){
 .djc-landing.detail-page .page-hero{padding-bottom:44px}
 .djc-landing.detail-page h1{font-size:clamp(36px,10vw,48px)}
 .djc-landing.detail-page .detail-section{padding-block:48px}
 .djc-landing.detail-page .team-grid,.djc-landing .detail-footer{grid-template-columns:1fr;gap:24px}
 .djc-landing.detail-page .detail-evidence,.djc-landing.detail-page .contact-options{padding:24px}
 .djc-landing.detail-page .detail-hero-image{height:280px}
 .djc-landing.detail-page .actions .button{width:100%;white-space:normal;text-align:center}
 .djc-landing.detail-page .team-profile>img{height:300px}
 .djc-landing.detail-page .detail-cta{padding-block:48px}
}