/* Approved interactive concept: the training photograph blends into the section. */
#herken-je-dit.coaching-interactive {
  position:relative;
  isolation:isolate;
  overflow:clip;
  container:coaching-section / inline-size;
  padding:0;
  border-top:0;
  border-bottom:1px solid var(--line-soft);
  background:var(--ink);
}
.coaching-interactive-inner {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:center;
  gap:84px;
  max-width:1320px;
  min-height:810px;
  margin-inline:auto;
  padding:80px 56px;
}
.coaching-interactive-copy { position:relative; z-index:2; min-width:0; }
#herken-je-dit .coaching-interactive-kicker {
  margin-bottom:24px;
  color:var(--accent);
  font:500 12px/1.6 var(--mono);
  text-transform:uppercase;
  letter-spacing:.12em;
}
.coaching-interactive-title {
  max-width:12ch;
  font:700 clamp(36px,4.3cqw,60px)/1.08 var(--display);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.coaching-interactive-title span { color:var(--accent); }
#herken-je-dit .coaching-interactive-lead {
  max-width:45ch;
  margin-top:24px;
  color:#bfc4c8;
  font-size:18px;
  line-height:1.65;
  text-wrap:pretty;
}
.coaching-questions { margin-top:36px; border-top:1px solid var(--line); }
.coaching-questions details { border-bottom:1px solid var(--line); }
.coaching-questions summary {
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  padding:23px 0;
  font:500 19px/1.4 var(--body);
  cursor:pointer;
  list-style:none;
}
.coaching-questions summary::-webkit-details-marker { display:none; }
.coaching-question-number { color:var(--accent); font:400 12px/1.5 var(--mono); letter-spacing:.06em; }
.coaching-question-symbol { position:relative; width:18px; height:18px; }
.coaching-question-symbol::before,.coaching-question-symbol::after {
  content:""; position:absolute; inset:8px 2px auto; height:1px; background:var(--accent);
}
.coaching-question-symbol::after { transform:rotate(90deg); transition:transform .22s; }
.coaching-questions details[open] .coaching-question-symbol::after { transform:rotate(0); }
.coaching-question-answer { padding:0 26px 26px 38px; color:#bfc4c8; font-size:16px; line-height:1.7; text-wrap:pretty; }
.coaching-questions details[open] .coaching-question-answer { animation:coaching-answer-in .25s ease; }
@keyframes coaching-answer-in { from { opacity:.5; } to { opacity:1; } }
.coaching-interactive-figure { position:static; min-width:0; align-self:stretch; }
.coaching-interactive-photo { position:absolute; inset:0 0 0 auto; width:56%; height:100%; overflow:hidden; background:var(--ink); }
.coaching-interactive-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:55% 47%; }
.coaching-interactive-photo::after {
  content:""; position:absolute; inset:-1px; pointer-events:none;
  background:
    linear-gradient(90deg,var(--ink) 0%,rgba(10,10,11,.94) 7%,rgba(10,10,11,.5) 23%,transparent 45%,transparent 87%,var(--ink) 100%),
    linear-gradient(180deg,var(--ink) 0%,rgba(10,10,11,.15) 14%,transparent 29%,transparent 69%,var(--ink) 100%);
}
.coaching-interactive-caption {
  position:absolute; z-index:2; bottom:60px;
  right:max(56px,calc((100cqw - 1208px)/2));
  width:calc((min(100cqw,1320px) - 196px)*.45);
  color:#aeb8c0; font-size:13px;
}
@container coaching-section (max-width:1000px) {
  .coaching-interactive-inner { min-height:760px; padding:60px 36px; gap:40px; }
  .coaching-interactive-caption { right:36px; bottom:50px; width:calc((100cqw - 112px)*.45); }
}
@container coaching-section (max-width:780px) {
  .coaching-interactive-inner { grid-template-columns:1fr; min-height:0; padding:32px 20px 32px; gap:20px; }
  #herken-je-dit .coaching-interactive-kicker { margin-bottom:12px; font-size:11px; }
  .coaching-interactive-title { max-width:13ch; font-size:clamp(32px,8.7cqw,44px); }
  #herken-je-dit .coaching-interactive-lead { font-size:16px; margin-top:16px; }
  .coaching-questions { margin-top:20px; }
  .coaching-questions summary { grid-template-columns:22px minmax(0,1fr) 18px; gap:10px; font-size:16px; padding:16px 0; }
  .coaching-question-answer { padding:0 16px 18px 32px; }
  .coaching-interactive-figure { position:relative; margin-inline:-20px; }
  .coaching-interactive-photo { position:relative; inset:auto; width:100%; height:clamp(230px,68vw,280px); aspect-ratio:auto; }
  .coaching-interactive-photo img { position:absolute; inset:0; object-position:50% 32%; }
  .coaching-interactive-photo::after {
    background:linear-gradient(90deg,var(--ink),transparent 13%,transparent 87%,var(--ink)),linear-gradient(180deg,var(--ink),transparent 17%,transparent 66%,var(--ink));
  }
  .coaching-interactive-caption { position:relative; bottom:auto; right:auto; width:auto; padding-inline:20px; margin-top:-4px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .coaching-question-symbol::after { transition:none; }
  .coaching-questions details[open] .coaching-question-answer { animation:none; }
}