/* Casestudies (/casestudies/). Bouwt voort op site.css + academy.css (video-facade, beeldband). */

.cs-hero { min-height: min(78vh, 720px); }
.cs-hero h1 { font-size: clamp(52px, 10vw, 120px); letter-spacing: .02em; max-width: none; }
.cs-hero h1 strong { font-weight: 400; }
.cs-hero .lead { max-width: 46ch; }
.cs-hero .lead strong { color: var(--ivoor); font-weight: 600; }

.cs-casus { scroll-margin-top: var(--header-h); }
.cs-casus-zand { background: var(--zand); }
.cs-video { max-width: 760px; margin: 0 auto; box-shadow: 0 40px 80px -50px rgba(46, 33, 24, .6); }
.cs-meet { display: flex; align-items: baseline; flex-wrap: wrap; gap: 18px; margin: clamp(36px, 5vw, 56px) 0 clamp(24px, 4vw, 40px); font-size: clamp(30px, 3.4vw, 44px); }
.cs-meet strong { font-size: clamp(56px, 7vw, 96px); font-weight: 400; line-height: .9; }
.cs-meet strong em { color: var(--bruin); }
.cs-kolommen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 clamp(32px, 5vw, 64px); }
.cs-kolom + .cs-kolom { border-left: 1px solid rgba(46, 33, 24, .3); padding-left: clamp(32px, 5vw, 64px); }
.cs-qa { margin-bottom: clamp(28px, 3vw, 40px); }
.cs-qa h3 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; margin-bottom: .6em; }
.cs-qa p { color: var(--bruin-2); font-size: 16px; }
.cs-qa p strong { color: var(--bruin); font-weight: 600; }
@media (max-width: 859px) {
  .cs-kolommen { grid-template-columns: 1fr; }
  .cs-kolom + .cs-kolom { border-left: 0; padding-left: 0; }
}
.cs-cta { text-align: center; max-width: 820px; margin: clamp(32px, 5vw, 56px) auto 0; }
.cs-cta-tekst { font-family: var(--serif); font-size: clamp(24px, 3vw, 36px); line-height: 1.25; color: var(--bruin); }
.cs-cta-tekst strong { font-weight: 400; }

.cs-slot { min-height: clamp(380px, 38vw, 520px); }
.cs-slot picture { position: absolute; inset: 0; }
.cs-slot .ac-quote strong { font-weight: 400; }

/* Brochurepagina (/brochure/) */
.br-hero h1 { max-width: 18ch; }
.br-h1-klein { display: block; font-size: .5em; margin-bottom: .35em; line-height: 1.2; }
.br-ps { font-size: 14.5px; color: rgba(251, 248, 243, .8); margin-top: 8px; }
.br-geschikt { font-size: clamp(22px, 2.4vw, 30px); }
.br-geschikt strong { font-weight: 400; }
.br-mockup { max-width: 520px; width: 100%; justify-self: center; }
.br-mockup img { width: 100%; }
.br-wachtlijst .mc-band-tekst a:not(.btn) { color: var(--lime); }

/* Per persoon: grote foto bovenaan, video onderaan */
.cs-foto { max-width: 760px; margin: 0 auto; box-shadow: 0 40px 80px -50px rgba(46, 33, 24, .6); }
.cs-foto img { display: block; width: 100%; height: auto; }
.cs-video-kop { text-align: center; font-family: var(--serif); font-style: italic; font-size: clamp(22px, 2.4vw, 28px); color: var(--bruin); margin: clamp(12px, 2vw, 20px) 0 18px; }
.cs-hero .lead + .lead { margin-top: .9em; }
.cs-hero .lead { max-width: 58ch; }