/* =====================================================================
   Meet the team (ronde 2, 2026-11-06): geen salespage. Bovenop /paginas.css, /pagina-systeem.css, /sjabloon.css en /blokken.css.
   Volgorde: desktop per blok, dan gsm (≤767px).
   ===================================================================== */

/* ---------- 1. waarom Ommetoer bestaat: tekst links, foto rechts (koffievorm gespiegeld); tekst start bovenaan, knoppen op de onderrand van de foto ---------- */
.tmh .ft__r .ttl{margin-top:var(--s-klein)}
.tmh .ft__r .tmh__p{margin-top:var(--s-groep);max-width:36vw;text-wrap:pretty}
@media (min-width:1025px){.tmh .ft__r .tmh__p{white-space:nowrap}}
.tmh .tmh__sig{margin-top:var(--s-klein)}
.tmt .vk-tag{font-size:1.15vw;padding:.8em 1.2em}
.tmt .vk-grid--4 .pc__pic--p img{object-position:50% 18%}

/* ---------- 2. team: cijfers onder de kaarten met een eyebrow erboven ---------- */
.tm-n{margin-top:7vw}
.tm-n .bw__nums{margin-top:2.4vw}

/* ---------- 3. sorry, not sorry: kop boven de openklaplijst, slotzin zo groot als op Membership ---------- */
.tms .vb-w__sp + .ag{margin-top:5vw}
@media (min-width:1025px){
  .tms .ag__t{font-size:2.7vw}   /* = de lijst op de homepage */
  .tms .ag__lead{white-space:nowrap}
  .tms .vb-d__end .stm{font-size:1.9vw;line-height:1.25;letter-spacing:-.02em;white-space:nowrap}
}

/* ---------- 5. podcast: vijf tegels met de hele cover; vanaf 768 een raster, op gsm een slider (zie onder) ---------- */
.pe .tg__g{--tg-cols:5}
@media (min-width:768px){
  .pe .bs__win{margin:0;overflow:visible}
  .pe .tg__g.bs__trk{display:grid;width:auto;margin-top:5vw;padding:0;gap:5vw 2vw;align-items:start}
  .pe .bs__nav{display:none}
}

/* =====================================================================
   gsm (≤767px)
   ===================================================================== */
@media (max-width:767px){
  .tmh .ft__r .tmh__p{max-width:none;margin-top:var(--r2)}
  html:not(#a) body:not(#z) .tmt .vk-tag{font-size:3.3vw;padding:.8em 1.2em}
  .tmh .ft__pic{margin-top:var(--r3)}
  .tmh .ft__b{gap:2.4vw}
  html:not(#a) body:not(#z) .tmh .ft__b > a{flex:none;padding-left:3vw;padding-right:3vw;white-space:nowrap}
  /* team: gezichten in de dichte strook */
  .tmt .pc__pic img[src*="koffie"]{object-position:50% 28%}
  .tmt .pc__pic img[src*="mathias"]{object-position:50% 22%}
  .tmt .pc__pic img[src*="nele-portret"]{object-position:50% 20%}
  .tmt .pc__pic img[src*="michiel"]{object-position:50% 30%}
  .tmt .pc__pic img[src*="james"]{object-position:50% 40%}
  .tm-n{margin-top:14vw}
  .tm-n .bw__nums{margin-top:8vw}
  .tms .vb-w__sp + .ag{margin-top:var(--r3)}
  .tms .ag__lead{text-align:left;hyphens:none}   /* uitgevuld gaf gaten van 1,5em in regel 1; links zoals de koffietekst */
  html body .md[data-pg="team"] .vb-d__end .stm{font-size:4.75vw !important;line-height:1.32 !important;letter-spacing:-.012em;text-align:justify;text-align-last:left;hyphens:none;text-wrap:pretty}
  .tms .vb-d__end .stm br{display:none}

  /* ronde 5 (Laura 2026-11-06), gsm */
  /* opener: de titel moet spreken tegenover de eyebrow, zelfde maat als de grote Obviously op Intensive */
  html:not(#a) body:not(#z) .md[data-pg="team"] .tmh .ft__r .ttl,html:not(#a) body:not(#z) .md[data-pg="team"] .tmh .ft__r .ttl span{font-size:16vw !important;line-height:.95 !important}
  /* openertekst: een fractie strakker zodat 'groei-' op regel 1 past; anders 0,6em gaten in die regel */
  html:not(#a) body:not(#z) .tmh .ft__r .tmh__p{letter-spacing:-.012em;text-wrap:wrap}
  html:not(#a) body:not(#z) .tmh .ft__r .ttl br{display:inline !important}

  /* afstanden: Mori-titel naar bodytekst 11vw en tekst naar knop 11vw (Club, Intensive, Membership); Obviously naar foto 3,6vw en foto naar bodytekst 8vw (homepage) */
  html:not(#a) body:not(#z) :is(.tmh__p,.tm__p){margin-top:var(--s-groep) !important}
  /* de lijst = de lijst op de homepage (Our secret sauce): zelfde maten, foto 3:2, alles op één regel */
  html:not(#a) body:not(#z) .tms .vb-w__sp + .ag{margin-top:3.6vw}
  html:not(#a) body:not(#z) .tms .ag__pic{aspect-ratio:3/2;margin-bottom:8vw}
  html:not(#a) body:not(#z) .tms .ag__over{margin-top:11vw}
  html:not(#a) body:not(#z) .tms .ag__pts{margin-top:5.4vw}
  html:not(#a) body:not(#z) .tms .ag__row{padding:3.4vw 0}
  html:not(#a) body:not(#z) .tms .ag__t{font-size:5.2vw}
  html:not(#a) body:not(#z) .tms .ag__pts .bdy{font-size:3.73vw !important;line-height:1.55 !important;padding-bottom:5vw}
  html:not(#a) body:not(#z) main[data-ritme] :is(.tmh,.kf-ab) .ft__b{margin-top:var(--s-groep) !important}

  /* podcast: slider op één lijn, de volgende tegel piept binnen; knop links, pijlen rechts */
  .pe__sl .bs__win{margin-top:14vw}
  .pe__sl .tg__g.bs__trk{margin:0;padding:0;display:flex;gap:4vw;align-items:flex-start;width:max-content;padding-right:var(--gutter)}
  .pe__sl .tg__g.bs__trk > li{width:62vw}
  .pe__sl .tg__end{justify-content:space-between;align-items:center}

  /* koffie: één knop */
  .kf-ab .ft__b .md-ghost{display:none}
}