/* =====================================================================
   OMMETOER — site.css: bouwstenen voor alle pagina's buiten de homepage
   Laadt NA /home.css (dat levert de tokens, fonts, menubalk, film,
   opt-in en footer). Regels en maten: _dev/pitstop/SYSTEEM.md.

   1 blok        .pg  + .pg--geel / .pg--bruin   (canvas wisselt per blok)
   2 typorollen  .ttl .ttl--s .ttl--spread .stm .lead .lst .txt .bdy .lab
                 (+ .cap, .tp__lnk, .hy__pill, .hk__pill uit home.css)
   3 bouwstenen  .pic (foto vult zijn vak)  .acc (uitklaplijst met Obviously-koppen)
                 .fold (klap-uit)  .rules (genummerde rijen)  .ledger (cijfers als rijen)
                 .pics5 (vijf staande foto's)  .covers (vijf covers)
   4 pagina's    meet the team (.th .og .td .tx .ts .tc .tpd .tf .tk)
   5 mobiel (≤1024px)
   ===================================================================== */

/* ---------- 1 blok ---------- */
.pg{position:relative;padding:9vw var(--gutter)}
.pg--geel{background:var(--p-geel);color:var(--brand-brown)}
.pg--bruin{background:var(--p-papier) url("/assets/textures/papier-bruin-6.jpg") 0 0/1000px 1000px repeat;color:var(--brand-blue)}
:where(.pg) :is(p,h1,h2,h3){margin:0;font-weight:inherit}
:where(.pg) :is(ul,ol){list-style:none;margin:0;padding:0}
:where(.pg) button{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.pg b{font-family:var(--f-body);font-weight:600}
.pg .cap{display:block;line-height:1.3}
.pg .cap + .ttl{margin-top:1.6vw}
.pic{position:relative;overflow:hidden;min-height:0}
.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- 2 typorollen ---------- */
.ttl{font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel);line-height:.9;letter-spacing:0;white-space:nowrap;text-box:trim-both cap alphabetic}
.ttl--s{font-size:var(--t-titel-s)}
.ttl--spread{display:flex;justify-content:space-between;align-items:baseline}
.stm{font-family:var(--f-licht);font-weight:300;font-size:var(--t-statement);line-height:1.12;letter-spacing:-.01em;white-space:nowrap}
.lead{font-family:var(--f-licht);font-weight:300;font-size:var(--t-lead);line-height:1.14;letter-spacing:-.012em}
.lst{font-family:var(--f-licht);font-weight:300;font-size:var(--t-lijst);line-height:1.15;letter-spacing:-.01em}
.txt{font-family:var(--f-licht);font-weight:300;font-size:var(--t-tekst);line-height:1.55}
.bdy{font-family:var(--f-body);font-size:var(--t-body);line-height:1.6}
.lab{font-family:var(--f-caps);text-transform:uppercase;font-size:1.6vw;line-height:1;letter-spacing:-.02em;text-box:trim-both cap alphabetic}
.ttl + .stm{margin-top:4vw}

/* verschijnen: elk [data-ap] stuk komt op als het in beeld schuift; kinderen van [data-ap-kids] na elkaar */
@media (prefers-reduced-motion: no-preference){
  html.js main > :first-child [data-ap],html.js main > :first-child [data-ap-kids] > *{opacity:1 !important;transform:none !important;transition:none !important}
  html.js [data-ap],html.js [data-ap-kids] > *{opacity:0;transform:translateY(1.4vw);transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform .9s cubic-bezier(.2,.7,.1,1)}
  html.js [data-ap].in,html.js [data-ap-kids].in > *{opacity:1;transform:none}
  html.js [data-ap-kids].in > :nth-child(2){transition-delay:.12s}
  html.js [data-ap-kids].in > :nth-child(3){transition-delay:.24s}
  html.js [data-ap-kids].in > :nth-child(4){transition-delay:.36s}
  html.js [data-ap-kids].in > :nth-child(5){transition-delay:.48s}
  html.js [data-ap-kids].in > :nth-child(6){transition-delay:.6s}
  html.js [data-ap-kids].in > :nth-child(7){transition-delay:.72s}
}

/* ---------- 3 bouwstenen ---------- */
/* uitklaplijst met Obviously-koppen: rijen vullen de hoogte van de foto ernaast; kop onder de muis opent */






.acc__h{display:grid;grid-template-columns:2.4vw 1fr;column-gap:1.6vw;align-items:baseline;width:100%;padding:1.6vw 0}




.acc__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.1,1)}

.acc__b > div{overflow:hidden}



/* klap-uit: één kop die een lijst opent */
.fold__h{display:flex;align-items:center;gap:1.2vw;width:100%}
.fold__h svg{width:1.6em;flex:0 0 auto;transform:rotate(90deg);transition:transform .4s cubic-bezier(.2,.7,.1,1)}





/* genummerde rijen */
.rules li{display:grid;grid-template-columns:2.4vw 1fr;column-gap:1.6vw;align-items:baseline;padding:1vw 0}
.rules li:last-child{padding-bottom:0}
.rules li + li{border-top:1px solid var(--p-lijn-licht)}
.pg--geel .rules li + li{border-top-color:var(--p-lijn-donker)}
.rules .txt{text-wrap:pretty}

/* cijfers als rijen: cijfer in Obviously, uitleg ernaast op de basislijn */








/* vijf staande foto's op een rij */



/* vijf covers op een rij, bijschrift eronder */
.covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6vw;margin-top:7vw}
.covers a{display:block;aspect-ratio:1/1;overflow:hidden}
.covers img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s}
.covers a:hover img{opacity:.85}
.covers .cap{margin-top:1.2vw;white-space:nowrap}

/* ---------- 4 meet the team ---------- */
/* opener: haar zin in twee letters (Mori Light rond, Obviously in het midden), tekst + knoppen onderaan, foto rechts */
.th__grid{display:grid;grid-template-columns:minmax(0,1fr) 32vw;column-gap:4vw;align-items:stretch}
.th .ttl{font-size:4.75vw}
.th__l{display:flex;flex-direction:column;padding-right:0}





.th__who{margin-top:var(--s-klein)}
.th .cap + .ttl{margin-top:1.6vw}
.th__p{margin-top:auto;white-space:nowrap;padding-top:3.6vw}
.th__btns{display:flex;align-items:center;gap:2vw;margin-top:var(--s-groep)}
.th__pic{min-height:40vw}

/* drie dingen: titel + statement op de onderlijn, Obviously-uitklaplijst, foto wisselt mee */








/* been there, done that: titel + statement, foto | verhaal + cijfers (laatste rij = fotoonderkant) */















/* extra mile: eyebrow, titel gespreid, strook van vijf */
.tx .cap{margin-bottom:1.6vw}

/* shared ownership: eyebrow + statement, foto | tekst + house rules (klap-uit, onderkant = fotoonderkant) */
.ts .cap{margin-bottom:1.6vw}







/* meet the team: vijf portretten op een rij, bio van wie onder de muis zit eronder */












/* podcast: titel links, tekst + link rechts op de onderlijn, vijf covers eronder */
.tpd__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:end}
.tpd__r{display:flex;flex-direction:column;align-items:flex-start}
.tpd__p{white-space:nowrap}
.tpd__r .tp__lnk{margin-top:var(--s-klein) !important}

/* cijfers: eyebrow + link, dan rijen */




/* koffie: tekst links (titel boven, tekst + knop onderaan), foto rechts */







/* ---------- 4b about us (nieuwe opbouw) ---------- */
/* sorry, not sorry: titel + statement op de onderlijn, X-lijst | 'Wel dit' + pil */
.sn__top{display:flex;align-items:flex-end;gap:4vw}
.sn__top .stm{text-box:trim-both cap alphabetic}
.sn__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;margin-top:7vw;align-items:stretch}
.xl{display:flex;flex-direction:column}
.xl li{flex:1 1 0;display:grid;grid-template-columns:1.6vw 1fr;column-gap:1.2vw;align-items:baseline;align-content:center;padding:1.8vw 0}
.xl li:first-child{align-content:start}
.xl li:last-child{align-content:end}
.xl li:first-child{padding-top:0}
.xl li:last-child{padding-bottom:0}
.xl li + li{border-top:1px solid var(--p-lijn-licht)}
.pg--geel .xl li + li{border-top-color:var(--p-lijn-donker)}
.xl__x{height:.9em;width:auto;align-self:center;transform:translateY(-.05em)}
.xl__p{margin-top:.8vw;white-space:nowrap}
.sn__r{padding-left:2vw;display:flex;flex-direction:column;align-items:flex-start}
.sn__lead{margin-top:2vw;white-space:nowrap}
.sn__pillwrap{margin-top:auto;padding-top:var(--s-groep);display:flex;align-items:center;gap:2vw}

/* we know our shit: titel gespreid, statement, vijf mensen, cijferband */
.wk .stm{margin-top:4vw}
.crew5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:1.6vw;margin-top:7vw;align-items:start}
.crew5__pic{aspect-ratio:2/3;overflow:hidden}
.crew5__pic img{width:100%;height:100%;object-fit:cover;display:block}
.crew5__n{margin-top:1.2vw;white-space:nowrap}
.crew5__r{margin-top:.5vw}
.crew5__p{margin-top:1.2vw;white-space:nowrap}
.crew5__n{text-box:trim-start cap alphabetic;margin-top:1.6vw}
.wk__lab{margin-top:7vw}
.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--s-kop)}
.band li{padding:0 1.6vw}
.band li:first-child{padding-left:0}
.band li:last-child{padding-right:0}
.band li + li{border-left:1px solid var(--p-lijn-donker)}
.pg--bruin .band li + li{border-left-color:var(--p-lijn-licht)}
.band__n{font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel);line-height:.9;white-space:nowrap;text-box:trim-both cap alphabetic}
.band .cap{margin-top:1.6vw}
.wk__links{display:flex;gap:3vw;margin-top:var(--s-groep)}

/* eerst koffie: foto | eyebrow, titel, statement, tekst + knoppen onderaan */
.ek__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4vw;align-items:stretch}
.ek__pic{min-height:43.5vw}
.ek__r{padding-left:5vw;display:flex;flex-direction:column;align-items:flex-start}
.ek__p{margin-top:auto;padding-top:3.6vw;white-space:nowrap}
.ek__btns{display:flex;align-items:center;gap:2vw;margin-top:var(--s-groep)}
.ek__next{margin-top:var(--s-klein)}

/* ---------- 4c aanbod ---------- */
/* opener: statement, dan één aanbodwoord in Obviously dat wisselt, foto rechts wisselt mee */






/* kiezer: vier programmawoorden op een rij (Obviously S), daaronder foto | uitleg + deelprogramma's van het gekozen woord */
.mn{margin-top:7vw}

























/* zo gaat dat: drie genummerde kolommen, lijnen ertussen, slot met datum + pil */














/* next up: datum groot, event ernaast, link rechts */











/* ---------- 4d club ommetoer ---------- */
/* hero: statement + tekst + knoppen onderaan, foto rechts, cijferband eronder */








/* eyebrow → statement: zelfde lucht als eyebrow → titel */
.ch .cap + .stm,.st .cap + .stm,.pr .cap + .stm,.re .cap + .stm,.tm .cap + .stm,.vw .cap + .stm,.gz .cap + .stm,.pt .cap + .stm,.sl .cap + .stm{margin-top:1.6vw}

/* dees kende: blok blijft staan (sticky) terwijl je scrolt; scènes en conclusie verschijnen één voor één (site.js [data-dk]) */




.dk__l li{padding:1.6vw 0}
.dk__l li:first-child{padding-top:0}
.dk__l .txt{white-space:nowrap}
.dk__c{margin-top:var(--s-groep);padding-left:4vw;white-space:nowrap}
.dk__l li,.dk__c{opacity:0;transform:translateY(1.4vw);transition:opacity .8s cubic-bezier(.2,.7,.1,1),transform .8s cubic-bezier(.2,.7,.1,1)}
.dk__l li.on,.dk__c.on{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.dk__l li,.dk__c{opacity:1;transform:none}}

/* waarom een week: foto | tekst, slotzin + pil onderaan op de fotolijn */









/* true story: tekst | foto, link onderaan op de fotolijn */










/* resortprogramma: statement, intro, kiezer (vijf woorden, foto | uitleg, slot onderaan) */












/* random woensdag: foto | intro, rijen, knoppen onderaan */











/* editie 1: verhalen één voor één (breed), teller + pijlen, dan drie kolommen "na deze week" */


.qt__i{grid-area:1/1;opacity:0;transition:opacity .5s;white-space:nowrap;text-box:trim-start cap alphabetic;pointer-events:none}
.qt__i.on{opacity:1;pointer-events:auto}




.qt__prev img{transform:scaleX(-1)}









/* videoblok: tekstkolom + drie video's (vier gelijke kolommen) */












.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw}
.vids .rv__c{margin:0}



/* team: vier mensen op een rij */







/* voor wie: foto | twee lijsten met vinkjes en kruisjes, pil onderaan */











/* de plek: titel | tekst op de onderlijn, drie staande foto's geschrankt */






/* prijs: titel | tekst op de onderlijn; inbegrepen | kamers */

























/* garantie: statement, drie punten | zo boek je */
.gz__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;margin-top:7vw;align-items:stretch}
.gz__l li{padding:1.6vw 0}
.gz__l li:first-child{padding-top:0}
.gz__l .txt{white-space:nowrap}
.gz__r{display:flex;flex-direction:column;padding-left:2vw}
.gz__r .lab{text-box:trim-both cap alphabetic}
.gz__s{margin-top:var(--s-kop)}
.gz__s li{display:grid;grid-template-columns:2.4vw 1fr;column-gap:1.6vw;align-items:baseline;padding:1.2vw 0}
.gz__s li:first-child{padding-top:0}
.gz__s li + li{border-top:1px solid var(--p-lijn-licht)}
.gz__s .bdy{margin-top:.5vw;text-wrap:pretty}
.gz__end{margin-top:auto;padding-top:var(--s-groep);display:flex}

/* plan your stay | goed om te weten (uitklap) */
.pt__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4vw;margin-top:7vw;align-items:start}
.pt__l li{padding:1.2vw 0}
.pt__l li:first-child{padding-top:0}
.pt__l li + li{border-top:1px solid var(--p-lijn-donker)}
.pt__l .txt{margin-top:.6vw;white-space:nowrap}
.pt__r{padding-left:5vw}
.pt__r .lab{text-box:trim-both cap alphabetic}
.fq{margin-top:var(--s-kop)}
.fq li + li{border-top:1px solid var(--p-lijn-donker)}
.fq__q{display:flex;justify-content:space-between;align-items:center;gap:2vw;width:100%;padding:1.3vw 0}
.fq li:first-child .fq__q{padding-top:0}
.fq__i{width:1.6vw;height:auto;flex:0 0 auto;transform:rotate(90deg);transition:transform .4s cubic-bezier(.2,.7,.1,1)}
.fq li.on .fq__i{transform:rotate(-90deg)}
.fq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.1,1)}
.fq li.on .fq__a{grid-template-rows:1fr}
.fq__a > div{overflow:hidden}
.fq__a .bdy{padding-bottom:1.3vw;max-width:40vw;text-wrap:pretty}

/* groepsfoto over de volle breedte */
.pano{position:relative;height:62vw;overflow:hidden}
.pano img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}

/* slot: boek | klapke */
.sl__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:stretch}
.sl__l{display:flex;flex-direction:column;align-items:flex-start;padding-right:5vw}
.sl__p{margin-top:var(--s-groep);white-space:nowrap}
.sl__btns{margin-top:var(--s-groep);display:flex}
.sl__r{display:flex;flex-direction:column;align-items:flex-start;padding-left:2vw}
.sl__r .lab{text-box:trim-both cap alphabetic}
.sl__h{margin-top:var(--s-kop)}
.sl__p2{margin-top:var(--s-klein);white-space:nowrap}
.sl__who{margin-top:var(--s-klein)}
.sl__lnk{margin-top:auto !important;padding-top:var(--s-groep)}

/* ---------- 4e club: v2, rustiger en strakker (2026-10-21) ---------- */
/* typografie op deze pagina: statements iets groter en strakker gespatieerd, leestekst in Mori Regular i.p.v. Light, minder kapitalen */
.cl .stm{font-size:3.2vw;line-height:1.05;letter-spacing:-.03em}
.cl .lead{font-size:1.9vw;line-height:1.25;letter-spacing:-.02em}
.cl .txt{font-family:var(--f-body);font-weight:400;font-size:1.22vw;line-height:1.5;letter-spacing:-.01em}
.cl .lst{letter-spacing:-.02em}
.cl .bdy{font-size:1.08vw;line-height:1.55}
.cl .lab{font-size:1.3vw}

/* hero: grotere foto, kleinere cijfers */



/* programma: uitklaplijst (Obviously-woorden) naast een foto die meewisselt */














/* vragen: plusje draait naar kruisje */
.fq__i{width:1.2vw;transform:none}
.fq li.on .fq__i{transform:rotate(45deg)}
/* neutraal canvas om te vergelijken: ?canvas=neutral */
html[data-canvas="neutral"]{--p-geel:#F4F2EA}
html[data-canvas="neutral"] .pg--bruin{background-image:none}

/* ---------- 4f club hero v4: foto links tot de rand, CLUB OMMETOER als stempel half op de foto, datum, titel als insprong, tekst + knoppen op de fotolijn ---------- */



















/* ---------- 4g club hero v7: één scherm. Op desktop blijft het podium (.ch7__stage) staan terwijl de opener loopt;
   site.js zet per frame de posities (woorden, rechthoek, tekst). Gsm en minder beweging: meteen de eindstand. ---------- */
.ch7{position:relative;background:var(--p-geel);color:var(--brand-brown)}
:where(.ch7) :is(h1,p){margin:0;font-weight:inherit}
.ch7__stage{position:relative;overflow:hidden}
.ch7 .ttl{font-size:5.4vw;line-height:.86;white-space:nowrap;text-box:trim-both cap alphabetic}
.ch7__date{display:block;text-align:right;line-height:1;text-box:trim-both cap alphabetic}
.ch7__fr{overflow:hidden;background:#d9d4c3}
.ch7__fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.ch7__fr img.on{opacity:1}
.ch7__h{font-family:var(--f-licht);font-weight:300;font-size:2.2vw;line-height:1.12;letter-spacing:-.015em;white-space:nowrap}
.ch7__p{margin-top:3vw !important;padding-left:5vw;white-space:nowrap;text-align:left}
.ch7__btn{margin-top:var(--s-groep);padding-left:5vw;display:flex}
@media (min-width:1025px){
  .ch7{margin-top:calc(-1 * var(--navh,96px))}
  html.js .ch7{height:280vh}
  html.js .ch7.done{height:max(100vh,60vw)}
  .ch7__stage{position:sticky;top:0;height:max(100vh,60vw)}
  .ch7__w1,.ch7__w2,.ch7__fr,.ch7__txt{position:absolute}
  .ch7__w1{left:var(--gutter);z-index:3}
  .ch7__w2{right:var(--gutter);z-index:3}
  .ch7__date{margin-top:1vw}
  .ch7__fr{z-index:1}
  .ch7__txt{left:50vw;bottom:7vw;z-index:2}
}

/* ---------- 4h club dees kende v3: één scène per scherm in Mori Light, afwisselend links en rechts onderaan; de conclusie is de vijfde scène.
   Desktop: sectie 560vh, podium blijft staan, site.js stuurt per scène in/uit op scrollvoortgang. .dk2--static (gsm, minder beweging): lijst. ---------- */
.dk2{position:relative;background:var(--p-papier) url("/assets/textures/papier-bruin-6.jpg") 0 0/1000px 1000px repeat;color:var(--brand-blue)}
:where(.dk2) :is(h2,p,ol){margin:0;padding:0;font-weight:inherit;list-style:none}
.dk2__t{font-family:var(--f-licht);font-weight:300;font-size:var(--t-statement);line-height:1.12;letter-spacing:-.01em;white-space:nowrap}
.dk2 .cap + .dk2__t{margin-top:1.6vw}
.dk2__p,.dk2__cp{font-family:var(--f-licht);font-weight:300;font-size:2.6vw;line-height:1.2;letter-spacing:-.012em;white-space:nowrap}
.dk2__p .cap + .dk2__cp{margin-top:var(--s-kop)}
.dk2__p .cap{font-weight:400}
.dk2:not(.dk2--static){height:560vh}
.dk2:not(.dk2--static) .dk2__stage{position:sticky;top:0;height:100vh;overflow:hidden}
.dk2:not(.dk2--static) .dk2__head{position:absolute;left:var(--gutter);top:calc(var(--navh,96px) + 4vw)}
.dk2:not(.dk2--static) .dk2__s{position:absolute;left:var(--gutter);right:var(--gutter);bottom:9vw;display:flex;justify-content:flex-start;pointer-events:none}
.dk2:not(.dk2--static) .dk2__s--r{justify-content:flex-end}
.dk2:not(.dk2--static) .dk2__p{opacity:0;transform:translateY(1.6vw);text-box:trim-end alphabetic}
.dk2:not(.dk2--static) .dk2__n{position:absolute;right:var(--gutter);top:calc(var(--navh,96px) + 4vw);line-height:1}
.dk2:not(.dk2--static) .dk2__bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:4vw;height:1px;background:var(--p-lijn-licht)}
.dk2__bar i{display:block;height:100%;background:var(--brand-blue);transform-origin:0 50%;transform:scaleX(0)}
.dk2--static{padding:9vw var(--gutter)}
.dk2--static .dk2__l{margin-top:5vw}
.dk2--static .dk2__s{padding:4vw 0;border-top:1px solid var(--p-lijn-licht)}
.dk2--static .dk2__n,.dk2--static .dk2__bar{display:none}

/* ---------- 4i club waarom een week v2: brug uit de conclusie, dan twee rijen tekst + foto die verspringen, slotzin, drieluik ---------- */
.wk2{padding-bottom:9vw}
.wk2 .cap + .stm{margin-top:1.6vw}
.wk2__r1{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:10vw;align-items:start}
.wk2__p1{aspect-ratio:4/3}
.wk2__t1{padding:0 0 0 5vw;white-space:nowrap;align-self:end;text-box:trim-end alphabetic}
.wk2__r2{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin:6vw 0 0 0;align-items:end}
.wk2__t2{justify-self:end;white-space:nowrap;text-box:trim-end alphabetic}
.wk2__p2{aspect-ratio:4/5;margin-left:5vw}


.wk2__end{display:flex;justify-content:space-between;align-items:last baseline;gap:4vw;margin-top:9vw}
.wk2__slot{text-box:trim-both cap alphabetic}
.wk2__end .tp__lnk{text-box:none;line-height:1}
.tri{display:grid;grid-template-columns:1fr 1fr 1fr;height:38vw}
.tri figure{margin:0;position:relative;overflow:hidden}
.tri img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ---------- 4j club hoe we 't aanpakken: titel links, uitleg uitgevuld rechts op de onderlijn; foto links | vijf peilers rechts (kiezer), rijen vullen de fotohoogte ---------- */
.pr2 .cap + .stm{margin-top:1.6vw}
.pr2__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.pr2__intro{padding-left:5vw;white-space:nowrap;text-box:trim-end alphabetic}
.pr2__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:9vw;align-items:stretch}
.pr2__pic{aspect-ratio:4/5}
.pr2__pic img{opacity:0;transition:opacity .5s}
.pr2__pic img.on{opacity:1}
.pr2__l{display:flex;flex-direction:column;justify-content:space-between;padding-left:5vw}
.pr2__l li + li{border-top:1px solid var(--p-lijn-donker)}
.pr2__l .acc__h{display:grid;grid-template-columns:5vw 1fr;column-gap:0;align-items:end;width:100%;padding:1.7vw 0;text-align:left}
.pr2__l li:first-child .acc__h{padding-top:0}
.pr2__l li:last-child .acc__h{padding-bottom:0}
.pr2__l li:last-child.on .acc__h{padding-bottom:1.7vw}
.pr2__l .acc__h .cap{line-height:1;text-box:trim-both cap alphabetic}
.pr2__w{font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel-s);line-height:.9;white-space:nowrap;text-box:trim-both cap alphabetic}
.pr2__l .acc__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.1,1)}
.pr2__l li.on .acc__b{grid-template-rows:1fr}
.pr2__l .acc__b > div{overflow:hidden}
.pr2__p{padding:1.4vw 0 1.7vw 5vw;text-align:justify;text-align-last:left;hyphens:none}
.pr2__l li:last-child .pr2__p{padding-bottom:0}
.pr2__end{display:flex;justify-content:space-between;align-items:last baseline;gap:4vw;margin-top:9vw}
.pr2__btns{display:flex;gap:2.4vw}
.pr2__btns .tp__lnk{text-box:none;line-height:1}

/* ---------- 4k club voorbeelddag: titel | uitleg op de onderlijn; foto blijft staan en wisselt per dagdeel; tijdlijn vult mee, rijen komen op ---------- */
.vd .cap + .stm{margin-top:1.6vw}
:where(.vd) ol{list-style:none;margin:0;padding:0}
.vd__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.vd__intro{padding-left:5vw;white-space:nowrap;text-box:trim-end alphabetic}
.vd__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:9vw;align-items:start}
.vd__l{position:sticky;top:calc(var(--navh,96px) + 3vw)}
.vd__pic{aspect-ratio:4/5}
.vd__pic img{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.1,1)}
.vd__pic img.on{opacity:1}
.vd__r{position:relative;padding-left:5vw}
.vd__line{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--p-lijn-licht)}
.vd__line i{display:block;width:100%;height:100%;background:var(--brand-blue);transform-origin:50% 0;transform:scaleY(0)}
.vd__g + .vd__g{margin-top:5vw}
.vd__gl{line-height:1;text-box:trim-both cap alphabetic;margin-bottom:var(--s-kop)}
.vd__r .vd__r,.vd__day .vd__r{display:grid;grid-template-columns:5vw minmax(0,1fr);align-items:baseline;padding:1.6vw 0;border-top:1px solid var(--p-lijn-licht)}
.vd__day .vd__r .lst{text-box:trim-start cap alphabetic}
.vd__day .vd__r .bdy{margin-top:.6vw;text-wrap:pretty;max-width:30vw}
.vd__t{line-height:1}
html.js .vd__day .vd__r{opacity:0;transform:translateY(1.4vw);transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform .9s cubic-bezier(.2,.7,.1,1)}
html.js .vd__day .vd__r.in{opacity:1;transform:none}
.vd__btns{display:flex;gap:2.4vw;margin-top:5vw}
@media (prefers-reduced-motion: reduce){html.js .vd__day .vd__r{opacity:1;transform:none}}

/* ---------- 4l club true story v2: titel op fotobovenkant, verhaal uitgevuld + handtekening + link op fotobodem ---------- */
.st2 .cap + .stm{margin-top:1.6vw}
.st2__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:stretch}
.st2__l{display:flex;flex-direction:column;justify-content:space-between;padding-right:5vw}
.st2__l > div:first-child .cap{line-height:1;text-box:trim-both cap alphabetic}
.st2__body{max-width:33vw}
.st2__body .txt{text-align:justify;text-align-last:left;hyphens:none;text-wrap:pretty}
.st2__body .txt + .txt{margin-top:1.6vw}
.st2__who{margin-top:var(--s-groep);line-height:1}
.st2__lnk{display:inline-block;margin-top:var(--s-groep) !important;text-box:none;line-height:1}
.st2__pic{aspect-ratio:4/5}

/* ---------- 4m club editie 1 v2: titel links | verhaal rechts, nav op de onderlijn; drie kolommen eronder ---------- */















/* ---------- 4n club wat ze meenamen: naar het verhalenblok van de homepage (5fr | 7fr). Links titel + lijst, rechts verhalen groot, één voor één ---------- */
:where(.re3) :is(p,ul){margin:0;padding:0;list-style:none}
.re3__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:5vw;row-gap:4.4vw;align-items:start}
.re3__st{grid-row:1;grid-column:1;white-space:nowrap}
.re3__lab{grid-row:1;grid-column:2;align-self:end;line-height:1;text-box:trim-both cap alphabetic}
.re3__list{grid-row:2;grid-column:1;max-width:28vw}
.re3__list li{font-family:var(--f-licht);font-weight:300;font-size:var(--t-tekst);line-height:1.3;padding:.75vw 0;white-space:nowrap}
.re3__list li:first-child{padding-top:0;text-box:trim-start cap alphabetic}
.re3__list li + li{border-top:1px solid var(--p-lijn-donker)}
.re3__tk{grid-row:2;grid-column:2;align-self:stretch;display:flex;flex-direction:column}
.re3__qs{display:grid;margin-bottom:2.4vw}
.re3__q{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .6s;font-family:var(--f-licht);font-weight:300;font-size:2.3vw;line-height:1.22;letter-spacing:-.01em;text-align:justify;text-align-last:left;hyphens:none;text-box:trim-start cap alphabetic}
.re3__q.on{opacity:1;pointer-events:auto}
.re3__nav{margin-top:auto;display:flex;align-items:center;gap:.8vw;font-family:var(--f-caps);text-transform:uppercase;font-size:var(--t-eyebrow);letter-spacing:-.02em;line-height:1;color:inherit;background:none;border:0;padding:0;cursor:pointer;align-self:flex-start;text-box:trim-both cap alphabetic}
.re3__nav i{display:block;width:3.4vw;height:1px;background:currentColor;transition:width .4s cubic-bezier(.2,.7,.1,1)}
.re3__nav:hover i{width:5vw}

.re3__list li{display:flex;align-items:baseline;gap:1vw}
.re3__v{height:.85em;width:auto;flex:0 0 auto;align-self:center;transform:translateY(-.04em)}

/* ---------- 4o club video's v2: drie video's geschrankt, label + titel linksboven, link rechtsonder ---------- */
.vg2 .cap + .stm{margin-top:1.6vw}
.vg2__vids{display:flex;justify-content:space-between;align-items:flex-start;margin-top:7vw}
.vg2__vids .rv__c{width:25vw;margin:0}
.vg2__vids .rv__c:nth-child(2){margin-top:8vw}
.vg2__end{display:flex;justify-content:flex-end;margin-top:-1.2vw}
.vg2__end .tp__lnk{text-box:none;line-height:1}

/* ---------- 4p club team v2: vier panelen, actief paneel schuift open, bio verschijnt ---------- */
:where(.tm2) :is(ul,p){margin:0;padding:0;list-style:none}
.tm2 .cap + .stm{margin-top:1.6vw}
.tm2__row{display:flex;gap:1.6vw;margin-top:7vw}
.tm2__p{flex:1 1 0;min-width:0;cursor:pointer;outline:none;transition:flex-grow .9s cubic-bezier(.2,.7,.1,1)}
.tm2__p.on{flex-grow:2.6}
.tm2__img{height:36vw;overflow:hidden;position:relative}
.tm2__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.1,1)}
.tm2__p.on .tm2__img img{transform:none}
.tm2__cap{position:relative;padding-top:1.6vw;min-height:12vw}
.tm2__n{display:block;line-height:1;text-box:trim-both cap alphabetic}
.tm2__name{margin-top:1.2vw !important;white-space:nowrap;text-box:trim-start cap alphabetic}
.tm2__r{margin-top:.6vw !important;line-height:1.3}
.tm2__bio{margin-top:1.2vw !important;max-width:32vw;opacity:0;transform:translateY(.8vw);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.1,1);text-wrap:pretty}
.tm2__p.on .tm2__bio{opacity:1;transform:none;transition-delay:.35s}
.tm2__p:not(.on) .tm2__bio{position:absolute;left:0;right:0;pointer-events:none}

/* ---------- 4q club groep v2: titel | tekst op de onderlijn, drie video's op één lijn ---------- */
.gr2 .cap + .stm{margin-top:1.6vw}
.gr2__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.gr2__p{padding-left:5vw;white-space:nowrap;text-box:trim-end alphabetic}
.gr2__vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;margin-top:7vw}
.gr2__vids .rv__c{margin:0}
.gr2__end{display:flex;justify-content:flex-end;margin-top:var(--s-groep)}
.gr2__end .tp__lnk{text-box:none;line-height:1}

/* ---------- 4r club voor wie v2: twee kolommen, rijen op gelijke hoogte, haarlijnen ---------- */
.vw2 .cap + .stm{margin-top:1.6vw}
.vw2__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:7vw}
.vw2__h{padding-bottom:var(--s-kop);text-box:trim-both cap alphabetic}
.vw2__h:nth-child(2){margin-left:5vw}
.vw2__c{display:grid;grid-template-columns:2.2vw minmax(0,1fr);align-items:baseline;padding:1.6vw 0;border-top:1px solid var(--p-lijn-donker)}
.vw2__c:nth-child(even){margin-left:5vw}
.vw2__i{width:1vw;height:1vw;align-self:center}
.vw2__c .txt{white-space:nowrap}
.vw2__end{display:flex;justify-content:flex-end;margin-top:var(--s-groep)}
.vw2__end .tp__lnk{text-box:none;line-height:1}

/* ---------- 4s club de plek v2: titel | tekst; fotoreeks om te slepen, pijlen + teller ---------- */
.pk2 .cap + .stm,.pz2 .cap + .stm{margin-top:1.6vw}
.pk2__top,.pz2__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.pk2__p,.pz2__p{padding-left:5vw;white-space:nowrap;text-box:trim-end alphabetic}
.pk2__strip{margin:7vw calc(-1 * var(--gutter)) 0;overflow:hidden}
.pk2__track{display:flex;gap:1.6vw;padding:0 var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;scroll-padding-left:var(--gutter)}
.pk2__track::-webkit-scrollbar{display:none}
.pk2__track.drag{cursor:grabbing;scroll-snap-type:none}
.pk2__f{flex:0 0 auto;margin:0;scroll-snap-align:start}
.pk2__f img{height:34vw;width:auto;display:block;object-fit:cover;user-select:none;pointer-events:none}
.pk2__f figcaption{margin-top:1.2vw;line-height:1}
.pk2__nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s-groep)}
.pk2__btns{display:flex;gap:1.6vw}
.pk2__btns button{width:2.4vw;height:2.4vw;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;padding:0}
.pk2__btns img{width:100%}
#pk2p img{transform:scaleX(-1)}

/* ---------- 4t club prijs v2: titel | tekst; twee kamers naast elkaar; inbegrepen in twee kolommen ---------- */
.pz2__rooms{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:7vw}
.pz2__room{display:flex;flex-direction:column;align-items:flex-start;padding-top:2.4vw;border-top:1px solid var(--p-lijn-donker)}
.pz2__room + .pz2__room{margin-left:5vw}
.pz2__room .cap{line-height:1}
.pz2__name{margin-top:1.4vw !important}
.pz2__room .bdy{margin-top:.6vw !important}
.pz2__price{margin-top:2.4vw !important;font-family:var(--f-licht);font-weight:300;font-size:5vw;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pz2__vat{margin-top:1vw !important}
.pz2__room .tp__lnk{margin-top:var(--s-groep) !important;text-box:none;line-height:1}
.pz2__inc{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:9vw}
.pz2__inc > div:last-child{padding-left:5vw}
.pz2__ip{margin-top:var(--s-kop) !important;white-space:nowrap}
.pz2__l li{display:grid;grid-template-columns:2vw minmax(0,1fr);align-items:baseline;padding:1vw 0;border-top:1px solid var(--p-lijn-donker)}
.pz2__l li:first-child{border-top:0;padding-top:0}
.pz2__i{width:.9vw;height:.9vw;align-self:center}
.pz2__not{margin-top:var(--s-groep) !important;color:inherit}

/* ---------- 4u club team/voor wie Obviously-titels, garantie v2, praktisch v2, slot v2 ---------- */
.tm2 .cap + .ttl,.vw2 .cap + .ttl{margin-top:1.6vw}



























/* ---------- 4v aanbod v5 (2026-10-21): opener met woord + foto die samen wisselen, menu-index, vier programmalijnen als schermen
   (foto half onder de Obviously-naam, volgt de rij onder de muis), stappen met vullende lijn, next up met foto die de muis volgt, koffie ---------- */
.ab{--T:max(17vw,calc(var(--navh,96px) + 11vw))}
/* opener */
.ah{--T:max(17vw,calc(var(--navh,96px) + 11vw));position:relative;background:var(--p-geel);color:var(--brand-brown)}
:where(.ah) :is(h1,p){margin:0;font-weight:inherit}
.ah__fr{position:relative;overflow:hidden;background:#d9d4c3;transition:clip-path 1.4s cubic-bezier(.7,0,.2,1)}
.ah__fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;clip-path:inset(100% 0 0 0);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.ah__fr img.on{clip-path:inset(0);z-index:2}
.ah__fr img.was{clip-path:inset(0);z-index:1;transition:none}
.ah__w{position:relative;z-index:3;overflow:hidden;font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel);line-height:1;height:1.1em}
.ah__w a{position:absolute;top:0;right:0;white-space:nowrap;color:inherit;text-decoration:none;transform:translateY(105%);transition:transform .9s cubic-bezier(.7,0,.2,1)}
.ah__w a.on{transform:none}
.ah__w a.out{transform:translateY(-105%)}
.ah__h{font-family:var(--f-licht);font-weight:300;font-size:2.2vw;line-height:1.12;letter-spacing:-.015em;white-space:nowrap}
.ah__l .cap{line-height:1;text-box:trim-both cap alphabetic}
.ah__l .cap + .ah__h{margin-top:1.6vw}
.ah__p{white-space:nowrap}
.ah__btns{display:flex;align-items:center;gap:2.4vw;margin-top:var(--s-groep)}
.ah__btns .tp__lnk{text-box:none;line-height:1}
@media (min-width:1025px){
  .ah{margin-top:calc(-1 * var(--navh,96px));height:max(100vh,60vw)}
  .ah__fr{position:absolute;right:0;top:var(--T);bottom:7vw;width:40vw}
  .ah__w{position:absolute;left:60vw;right:var(--gutter);top:var(--T);translate:0 -.634em}
  .ah__l{position:absolute;left:var(--gutter);top:calc(var(--T) - 1.95vw)}
  .ah__b{position:absolute;left:calc(var(--gutter) + 5vw);bottom:7vw}
  html.js .ah:not(.go) .ah__fr{clip-path:inset(100% 0 0 0)}
  html.js .ah:not(.go) .ah__w a.on{transform:translateY(105%)}
}
/* menu-index */
.aix__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:end}
.aix .cap + .stm{margin-top:1.6vw}
.aix .stm{text-box:trim-end alphabetic}
.aix__l{padding-left:5vw}
.aix__l li + li{border-top:1px solid var(--p-lijn-licht)}
.aix__l a{display:grid;grid-template-columns:5vw minmax(0,1fr) auto;align-items:baseline;padding:1.4vw 0;color:inherit;text-decoration:none}
.aix__l li:first-child a{padding-top:0}
.aix__l li:last-child a{padding-bottom:0}
.aix__l li:last-child .lst{text-box:trim-end alphabetic}
.aix__l .cap{line-height:1}
.aix__arr{width:2.2vw;height:auto;align-self:center;transform:translateX(-1vw);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.1,1),opacity .3s}
.aix__l a:hover .aix__arr,.aix__l a:focus-visible .aix__arr{transform:none;opacity:1}
/* programmalijnen */
.ach{padding-top:12vw}
.ach__grid{display:grid;column-gap:4vw;align-items:stretch}
.ach--l .ach__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ach--r .ach__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ach--r .ach__pw{order:2;margin-right:calc(-1 * var(--gutter))}
.ach--l .ach__pw{margin-left:calc(-1 * var(--gutter))}
.ach__pw{position:relative;min-width:0}
.ach__pic{height:44vw}
.ach__pic img{opacity:0;transform:scale(1.06);transition:opacity .7s cubic-bezier(.2,.7,.1,1),transform 1.8s cubic-bezier(.2,.7,.1,1)}
.ach__pic img.on{opacity:1}
.ach.in .ach__pic img{transform:none}
html.js .ach__pic{clip-path:inset(100% 0 0 0);transition:clip-path 1.3s cubic-bezier(.7,0,.2,1)}
html.js .ach.in .ach__pic{clip-path:inset(0)}
.ach__n{position:absolute;top:0;translate:0 -50%;z-index:2}
.ach--l .ach__n{left:var(--gutter)}
.ach--r .ach__n{right:var(--gutter)}
.ach__t{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.ach__k{display:grid !important;grid-template-columns:5vw minmax(0,1fr);line-height:1;text-box:trim-both cap alphabetic}
.ach__p{padding-left:5vw;white-space:nowrap}
.ach__rows{margin:var(--s-groep) 0 0 5vw}
.ach__rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:3vw;padding:1.6vw 0;transition:opacity .4s}
.ach__rows li + li{border-top:1px solid var(--p-lijn-donker)}
.pg--bruin .ach__rows li + li{border-top-color:var(--p-lijn-licht)}
.ach__rows li:first-child{padding-top:0}
.ach__rows li:last-child{padding-bottom:0}
.ach__a .bdy,.ach__b .bdy{margin-top:.5vw;white-space:nowrap}
.ach__a .tp__lnk{display:inline-block;margin-top:1.4vw;text-box:none;line-height:1}
.ach__b{text-align:right}
.ach__rows .lst{white-space:nowrap}
/* van koffie tot try-out */
.ast__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.ast .cap + .stm{margin-top:1.6vw}
.ast .stm{text-box:trim-end alphabetic}
.ast__nx{padding-left:5vw}
.ast__nx .cap{line-height:1}
.ast__nx .tp__lnk{display:inline-block;margin-top:var(--s-kop);text-box:none;line-height:1}
.ast__tl{margin-top:9vw}
.ast__line{height:1px;background:var(--p-lijn-donker)}
.ast__line i{display:block;height:100%;background:var(--brand-brown);transform-origin:0 50%;transform:scaleX(0)}
.ast__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4vw}
.ast__cols li{padding-top:2.4vw}
.ast__cols .cap{line-height:1}
.ast__cols .lst{margin-top:var(--s-kop)}
.ast__cols .txt{margin-top:1vw;white-space:nowrap}
html.js .ast__cols li{opacity:0;transform:translateY(1.4vw);transition:opacity .9s cubic-bezier(.2,.7,.1,1),transform .9s cubic-bezier(.2,.7,.1,1)}
html.js .ast__cols li.in{opacity:1;transform:none}
.ast__end{display:flex;justify-content:flex-end;margin-top:7vw}
/* next up */
.aag{overflow:hidden}
.aag__top{display:flex;justify-content:space-between;align-items:last baseline;gap:4vw}
.aag__top .tp__lnk{text-box:none;line-height:1}
.aag__l{margin-top:7vw}
.aag__l li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);column-gap:4vw;align-items:baseline;padding:2.2vw 0}
.aag__l li:first-child{padding-top:0}
.aag__l li:last-child{padding-bottom:0}
.aag__l li + li{border-top:1px solid var(--p-lijn-licht)}
.aag__d{font-family:var(--f-licht);font-weight:300;font-size:3.2vw;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.aag__w .cap{margin-top:.7vw}
.aag__l .tp__lnk{justify-self:end;text-box:none;line-height:1}
.aag__f{position:absolute;left:0;top:0;width:16vw;aspect-ratio:4/5;pointer-events:none;z-index:4;overflow:hidden;opacity:0;transition:opacity .35s}
.aag__f.on{opacity:1}
.aag__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.aag__f img.on{opacity:1}
/* koffie */
.akf__t{margin-top:1.6vw}
.akf__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:7vw;align-items:stretch}
.akf__l{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.akf__l .stm{text-box:trim-start cap alphabetic}
.akf__p{white-space:nowrap}
.akf__who{margin-top:var(--s-kop);line-height:1}
.akf__btns{display:flex;align-items:center;gap:2.4vw;margin-top:var(--s-groep)}
.akf__btns .tp__lnk{text-box:none;line-height:1}
.akf__pic{height:40vw;margin-left:5vw}
@media (prefers-reduced-motion: reduce){
  html.js .ach__pic,html.js .ah:not(.go) .ah__fr{clip-path:none}
  html.js .ast__cols li{opacity:1;transform:none}
}

/* ---------- 4w basispagina's (2026-10-21): juridisch (titel gespreid op bruin, inhoud blijft links staan, artikels rechts), contact (opener zoals aanbod, kies maar, rechtstreeks) ---------- */
.lgh{padding-top:12vw;padding-bottom:9vw}
.lgh__meta{margin-top:var(--s-kop);text-align:right;line-height:1}
.lgb__grid{margin-top:9vw;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:4vw;align-items:start}
.lgb__toc{position:sticky;top:calc(var(--navh,96px) + 3vw)}
.lgb__toc .cap{line-height:1}
.lgb__toc ol{margin-top:var(--s-kop)}
.lgb__toc li + li{border-top:1px solid var(--p-lijn-licht)}
.lgb__toc a{display:block;padding:.7vw 0;font-family:var(--f-body);font-size:var(--t-body);line-height:1.4;color:inherit;text-decoration:none}
.lgb__toc a:hover{text-decoration:underline;text-underline-offset:.2em}
.lgb__body{padding-left:5vw;max-width:58vw}
.lgb .art{padding:3.4vw 0;scroll-margin-top:calc(var(--navh,96px) + 2vw)}
.lgb .art:first-child{padding-top:0}
.lgb .art + .art{border-top:1px solid var(--p-lijn-licht)}
.lgb .art h2{font-family:var(--f-licht);font-weight:300;font-size:var(--t-lijst);line-height:1.15;letter-spacing:-.02em}
.lgb .lg2__num{display:block;font-family:var(--f-caps);text-transform:uppercase;font-size:var(--t-eyebrow);letter-spacing:-.02em;line-height:1;margin-bottom:1.2vw}
.lgb .art h3{font-family:var(--f-licht);font-weight:300;font-size:1.32vw;line-height:1.3;margin-top:2.2vw}
.lgb .art h4{font-family:var(--f-caps);text-transform:uppercase;font-size:var(--t-eyebrow);letter-spacing:-.02em;font-weight:400;margin:0}
.lgb .art :is(p,li,.ln){font-family:var(--f-body);font-size:1.08vw;line-height:1.6}
.lgb .art p{margin-top:1vw}
.lgb .art ul{list-style:disc;margin-top:1vw;padding-left:1.2em}
.lgb .art ol{list-style:decimal;margin-top:1vw;padding-left:1.4em}
.lgb .art :is(.lg2__ol,.clause){list-style:none;padding-left:0}
.lgb .art li + li{margin-top:.5vw}
.lgb .art a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.lgb .art strong{font-family:var(--f-body);font-weight:600}
.lgb .modelform{margin-top:2.2vw;padding-top:2.2vw;border-top:1px solid var(--p-lijn-licht)}
.lgb .ln{display:block;margin-top:.8vw}
.lgb .lg2__ck{margin-top:2vw}
.lgb .lg2__ckr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2vw;align-items:baseline;padding:1.3vw 0}
.lgb .lg2__ckr + .lg2__ckr{border-top:1px solid var(--p-lijn-licht)}
.lgb .lg2__ckr p{grid-column:1/-1;margin-top:.5vw}
.lgb .lg2__tag{font-family:var(--f-caps);text-transform:uppercase;font-size:var(--t-eyebrow);letter-spacing:-.02em}
.lgb .lg2__btn{display:inline-block;margin-top:2vw;line-height:1}
/* contact */
.ctc__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.ctc .cap + .stm{margin-top:1.6vw}
.ctc .stm{text-box:trim-end alphabetic}
.ctc__sw{display:flex;flex-direction:column;padding-left:5vw}
.ctc__sw button{display:grid;grid-template-columns:5vw 1fr;align-items:baseline;width:100%;padding:1.4vw 0;text-align:left}
.ctc__sw button:first-child{padding-top:0}
.ctc__sw button:last-child{padding-bottom:0;text-box:trim-end alphabetic}
.ctc__sw button + button{border-top:1px solid var(--p-lijn-licht)}
.ctc__sw button .cap{line-height:1}
.ctc__sw button[aria-selected="true"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.ctc__stage{margin-top:7vw}
.ctc__cal{min-height:38vw}
.ctc__f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4vw;row-gap:2.6vw;max-width:62vw;margin-left:auto}
.ctc__fl--w{grid-column:1/-1}
.ctc__fl .cap{display:block;line-height:1}
.ctc__f :is(input,textarea){display:block;width:100%;margin-top:.8vw;padding:.6vw 0;background:transparent;border:0;border-bottom:1px solid var(--p-lijn-licht);border-radius:0;color:inherit;font-family:var(--f-licht);font-weight:300;font-size:var(--t-lijst);line-height:1.3;resize:vertical}
.ctc__f :is(input,textarea):focus{outline:none;border-bottom-color:var(--brand-blue)}
.ctc__ff{grid-column:1/-1;display:flex;align-items:center;gap:2.4vw;margin-top:1.4vw}
.ctc__ff .tp__lnk{text-box:none;line-height:1}
.ctc__ty{max-width:62vw;margin-left:auto}
.ctc__ty .txt{margin-top:var(--s-kop)}
.ctd__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ctd__l li{padding:0 3vw}
.ctd__l li:first-child{padding-left:0}
.ctd__l li:last-child{padding-right:0}
.ctd__l li + li{border-left:1px solid var(--p-lijn-donker)}
.ctd__l .cap{line-height:1;margin-bottom:var(--s-kop)}
.ctd__a{display:block;font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel-s);line-height:.92;color:inherit;text-decoration:none;white-space:nowrap}
.ctd__a + .ctd__a{margin-top:.6vw}
.ctd__l{grid-template-columns:auto auto auto !important;justify-content:space-between}
.ctd__l li{padding:0 4vw !important}
.ctd__l li:first-child{padding-left:0 !important}
.ctd__l li:last-child{padding-right:0 !important}
/* contact-opener: titel in drie delen, tekst + knoppen rechts op de onderlijn, brede foto */
.cth{padding-top:12vw;padding-bottom:0}
.cth__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:end}
.cth__t{display:flex;flex-direction:column;align-items:flex-start;margin-top:1.6vw}



.cth__p{white-space:nowrap}
.cth__btns{display:flex;align-items:center;gap:2.4vw;margin-top:var(--s-groep)}
.cth__btns .tp__lnk{text-box:none;line-height:1}
.cth__r{text-box:trim-end alphabetic}
.cth__pic{height:34vw;margin:7vw calc(-1 * var(--gutter)) 0}
.cth__pic img{object-position:50% 82%}
.ctd__a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}

/* ---------- 5 mobiel ---------- */
@media (max-width:1024px){
  .pg{padding:19.5vw var(--gutter)}
  .pg .cap + .ttl{margin-top:5.5vw}
  .ttl{font-size:var(--t-titel);white-space:normal}
  .ttl--s{font-size:var(--t-titel-s)}
  .ttl--spread{display:block}
  .ttl--spread span{display:block}
  .stm{font-size:var(--t-statement);white-space:normal}
  .stm br{display:none}
  .ttl + .stm{margin-top:8.5vw}
  .lead{font-size:var(--t-lead)}
  .lst{font-size:var(--t-lijst)}
  .txt{font-size:var(--t-tekst)}
  .bdy{font-size:var(--t-body)}
  .lab{font-size:4.4vw}
  .cl .stm{font-size:var(--t-statement)}
  .cl .lead{font-size:var(--t-lead)}
  .cl .txt{font-size:var(--t-tekst)}
  .cl .bdy{font-size:var(--t-body)}
  .cl .lab{font-size:4.4vw}

  
  .acc__h{grid-template-columns:7vw 1fr;column-gap:4vw;padding:5.5vw 0}
  
  
  
  
  .fold__h{gap:4vw}
  .rules li{grid-template-columns:7vw 1fr;column-gap:4vw;padding:5vw 0}
  
  
  
  
  .covers{grid-template-columns:1fr 1fr;gap:8.5vw 3vw;margin-top:11vw}
  .covers li:last-child{display:none}
  .covers .cap{white-space:normal;margin-top:2vw}

  .th__grid,.tpd__top{grid-template-columns:1fr;row-gap:15.5vw}
  .th .ttl{font-size:var(--t-titel)}
  .sn__pillwrap{flex-wrap:wrap;gap:5.5vw}
  .wk__links{flex-wrap:wrap;gap:5.5vw;margin-top:11vw}
  .ek__next{margin-top:7vw}
  .th__pic{min-height:0;aspect-ratio:4/5}
  
  .th__l{padding-right:0}
  
  
  
  .th__p{margin-top:7vw;white-space:normal;padding-top:0}
  .th__p br,.tpd__p br{display:none}
  .th__btns{flex-wrap:wrap;gap:5.5vw;margin-top:11vw}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .tpd__p{white-space:normal}
  
  
  
  
  
  .sn__top{flex-direction:column;align-items:flex-start;gap:7vw}
  .sn__grid{grid-template-columns:1fr;row-gap:15.5vw;margin-top:11vw}
  .xl li{flex:none;grid-template-columns:5vw 1fr;column-gap:4vw;padding:5.5vw 0}
  .xl__p{white-space:normal;margin-top:2vw}
  .xl__p br,.sn__lead br,.crew5__p br{display:none}
  .sn__lead,.crew5__p{white-space:normal}
  .sn__r{padding-left:0}
  .sn__lead{margin-top:5.5vw}
  .sn__pillwrap{padding-top:8.5vw}
  .crew5{grid-template-columns:1fr 1fr;gap:14vw 4vw;margin-top:11vw}
  .crew5__n{margin-top:4vw;white-space:normal}
  .crew5__r{margin-top:1.5vw}
  .crew5__p{margin-top:4vw}
  .wk__lab{margin-top:17vw}
  .band{grid-template-columns:1fr 1fr;gap:11vw 4vw;margin-top:7vw}
  .band li,.band li:first-child,.band li:last-child{padding:0}
  .band li + li{border-left:0}
  .band__n{font-size:var(--t-titel)}
  .band .cap{margin-top:4vw}
  .ek__grid{grid-template-columns:1fr;row-gap:15.5vw}
  .ek__pic{min-height:0;aspect-ratio:4/5}
  .ek__r{padding-left:0}
  .ek__p{white-space:normal;padding-top:0;margin-top:7vw}
  .ek__p br{display:none}
  .ek__btns{flex-wrap:wrap;gap:5.5vw;margin-top:11vw}
  
  
  
  .mn{margin-top:11vw}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* club ommetoer */
  .gz__grid,.pt__grid,.sl__grid{grid-template-columns:1fr;row-gap:15.5vw}
  .gz__grid,.pt__grid{margin-top:11vw}
  
  .dk__l .txt,.dk__c,.qt__i,.gz__l .txt,.pt__l .txt,.sl__p,.sl__p2{white-space:normal}
  .dk__l .txt br,.dk__c br,.qt__i br,.gz__l .txt br,.pt__l .txt br,.sl__p br,.sl__p2 br{display:none}
  
  .sl__btns{flex-wrap:wrap;gap:5.5vw;margin-top:11vw}
  
  
  
  
  
  .dk__l li{padding:5.5vw 0}
  .dk__c{margin-top:11vw;padding-left:0}
  .dk__l li,.dk__c{opacity:1;transform:none}
  .pt__r,.gz__r,.sl__r{padding-left:0}
  .sl__l{padding-right:0}
  
  
  
  
  
  
  
  
  
  
  
  .fq__i{width:4vw}
  
  /* club hero op gsm (2026-10-22): zelfde choreografie als desktop, site.js meet het podium */
  .ch7{margin-top:calc(-1 * var(--navh,64px))}
  .ch7__stage{position:relative;overflow:hidden;height:100svh}
  .ch7__w1,.ch7__w2,.ch7__fr,.ch7__txt{position:absolute}
  .ch7__w1{left:var(--gutter);top:0;font-size:var(--t-titel-s)!important;z-index:3;transform:translate(-120%,-82%)}
  .ch7__w2{left:var(--gutter);right:var(--gutter);top:0;z-index:3;transform:translateX(120%)}
  .ch7__w2 .ttl{font-size:var(--t-titel-s)!important;white-space:normal}
  .ch7__date{text-align:left;margin-top:3vw}
  .ch7__fr{left:0;top:0;width:100%;height:60vw;z-index:1}
  .ch7__txt{left:var(--gutter);right:var(--gutter);top:0;z-index:2}
  .ch7__h{font-size:7vw;white-space:normal}
  .ch7__h br,.ch7__p br{display:none}
  .ch7__p{padding-left:0;white-space:normal;margin-top:5vw!important}
  .ch7__btn{padding-left:0;margin-top:7vw}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .qt__i{display:none}
  .qt__i.on{display:block}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .vids{grid-template-columns:1fr 1fr;gap:5.5vw}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .gz__l li{padding:5.5vw 0}
  .gz__s{margin-top:7vw}
  .gz__s li{grid-template-columns:7vw 1fr;column-gap:4vw;padding:5.5vw 0}
  .gz__s .bdy{margin-top:1.5vw}
  .gz__end{padding-top:11vw}
  .pt__l li{padding:5.5vw 0}
  .pt__l .txt{margin-top:1.5vw}
  .fq{margin-top:7vw}
  .fq__q{padding:5.5vw 0;gap:5.5vw}
  .fq__i{width:5vw}
  .fq__a .bdy{max-width:none;padding-bottom:5.5vw}
  .pano{height:70vw}
  .sl__p{margin-top:8.5vw}
  .sl__h{margin-top:7vw}
  .sl__p2,.sl__who{margin-top:5.5vw}
  .sl__lnk{padding-top:11vw}
  .dk2:not(.dk2--static){height:420vh}
  .dk2:not(.dk2--static) .dk2__head{top:calc(var(--navh,64px) + 8vw);right:var(--gutter)}
  .dk2:not(.dk2--static) .dk2__s{bottom:20vw}
  .dk2:not(.dk2--static) .dk2__n{top:auto;bottom:9vw}
  .dk2:not(.dk2--static) .dk2__bar{bottom:9vw;right:auto;width:44vw}
  .dk2--static{padding:19.5vw var(--gutter)}
  .dk2__t{font-size:var(--t-statement);white-space:normal}
  .dk2--static .dk2__l{margin-top:11vw}
  .dk2--static .dk2__s{padding:10vw 0}
  .dk2__p,.dk2__cp{font-size:var(--t-lead);white-space:normal}
  .dk2__p br,.dk2__cp br{display:none}
  .wk2{padding-bottom:19.5vw}
  .wk2__r1,.wk2__r2{grid-template-columns:1fr;row-gap:12vw;margin-top:11vw}
  
  
  .wk2__t1,.wk2__t2{padding:0;white-space:normal}
  .wk2__t1 br,.wk2__t2 br,.wk2__slot br{display:none}
  .wk2__r2 .wk2__p2{order:-1;width:70%;justify-self:end}
  .wk2__end{flex-direction:column;align-items:flex-start;gap:8.5vw;margin-top:17vw}
  .wk2__end .tp__lnk{transform:none}
  .tri{grid-template-columns:1fr 1fr;height:auto}
  .tri figure{aspect-ratio:4/5}
  .tri figure:nth-child(3){display:none}
  .pr2__top,.pr2__grid{grid-template-columns:1fr;row-gap:12vw}
  .pr2__intro{padding-left:0;text-align:left;white-space:normal}
  .pr2__intro br{display:none}
  .st2__body{max-width:none}
  .pr2__grid{margin-top:14vw}
  .pr2__pic{display:block;position:static;width:auto;aspect-ratio:auto;height:66vw;margin:0 calc(-1 * var(--gutter)) 6vw}
  .pr2__l{padding-left:0}
  .pr2__l .acc__h{grid-template-columns:10vw 1fr;padding:5.5vw 0}
  .pr2__w{font-size:var(--t-titel-s)}
  .pr2__p{padding:4vw 0 4vw 10vw;text-align:left}
  .pr2__slot br{display:none}
  .pr2__end{flex-direction:column;align-items:flex-start;gap:8.5vw;margin-top:17vw}
  .pr2__btns{flex-wrap:wrap;gap:7vw}
  .vd__top,.vd__grid{grid-template-columns:1fr;row-gap:12vw}
  .vd__intro{padding-left:0;white-space:normal}
  .vd__intro br{display:none}
  .vd__grid{margin-top:14vw}
  .vd__l{position:static}
  .vd__pic img{opacity:0}.vd__pic img:first-child{opacity:1}
  .vd__r{padding-left:6vw}
  .vd__g + .vd__g{margin-top:14vw}
  .vd__day .vd__r{grid-template-columns:22vw minmax(0,1fr);column-gap:3vw;padding:5.5vw 0}
  .vd__day .vd__r .bdy{max-width:none;margin-top:1.5vw}
  .vd__btns{flex-direction:column;gap:7vw;margin-top:14vw}
  .st2__grid{grid-template-columns:1fr;row-gap:15.5vw}
  .st2__l{padding-right:0;gap:11vw}
  .st2__body .txt{text-align:left}
  .st2__body .txt + .txt{margin-top:5.5vw}
  
  
  
  
  
  
  
  
  
  .re3__grid{grid-template-columns:1fr;row-gap:12vw}
  .re3__st,.re3__lab,.re3__list,.re3__tk{grid-row:auto;grid-column:1}
  .re3__st{font-size:var(--t-titel)}
  .re3__list{max-width:none}
  .re3__list li{font-size:var(--t-tekst);padding:4vw 0;white-space:normal}
  .re3__lab{order:3;margin-top:8.5vw}
  .re3__tk{order:4}
  .re3__q{font-size:var(--t-lead);text-align:left}
  .re3__qs{margin-bottom:8.5vw}
  .re3__nav{gap:4vw;font-size:var(--t-eyebrow)}
  .re3__nav i{width:12vw}
  .re3__list li{gap:4vw}
  .vg2__vids{display:grid;grid-template-columns:1fr 1fr;gap:5.5vw;margin-top:11vw}
  .vg2__vids .rv__c{width:auto}
  .vg2__vids .rv__c:nth-child(2){margin-top:11vw}
  .vg2__vids .rv__c:nth-child(3){grid-column:1/-1;width:60%;justify-self:center}
  .vg2__end{justify-content:flex-start;margin-top:11vw}
  .tm2__row{display:grid;grid-template-columns:1fr 1fr;gap:14vw 4vw;margin-top:11vw}
  .tm2__img{height:auto;aspect-ratio:3/4}
  .tm2__cap{min-height:0;padding-top:4vw}
  .tm2__name{margin-top:2vw !important;white-space:normal}
  .tm2__bio{position:static !important;opacity:1;transform:none;max-width:none;margin-top:4vw !important}
  .gr2__top{grid-template-columns:1fr;row-gap:12vw}
  .gr2__p{padding-left:0;white-space:normal}
  .gr2__vids{grid-template-columns:1fr 1fr;gap:5.5vw;margin-top:11vw}
  .gr2__vids .rv__c:nth-child(3){grid-column:1/-1;width:60%;justify-self:center}
  .gr2__end,.vw2__end{justify-content:flex-start;margin-top:11vw}
  .vw2__grid{display:flex;flex-direction:column;margin-top:11vw}
  .vw2__h{padding-bottom:5.5vw}
  .vw2__h:nth-child(2){display:none}
  .vw2__c{grid-template-columns:7vw 1fr;padding:5.5vw 0}
  .vw2__c .txt{white-space:normal}
  .vw2__c .txt br,.gr2__p br{display:none}
  .vw2__c:nth-child(even){margin-left:0}
  .vw2__i{width:3.4vw;height:3.4vw}
  .vw2__grid .vw2__c:nth-child(odd){order:1}
  .vw2__grid .vw2__c:nth-child(even){order:3}
  .vw2__grid::after{content:"Deze week is niet voor jou als";order:2;display:block;font-family:var(--f-caps);text-transform:uppercase;font-size:var(--t-eyebrow);padding:14vw 0 5.5vw}
  .pk2__top,.pz2__top,.pz2__rooms,.pz2__inc{grid-template-columns:1fr;row-gap:12vw}
  .pk2__p,.pz2__p,.pz2__ip{padding-left:0;white-space:normal}
  .pk2__p br,.pz2__p br,.pz2__ip br{display:none}
  .pk2__strip{margin-top:11vw}
  .pk2__f img{height:80vw}
  .pk2__f figcaption{margin-top:4vw}
  .pk2__btns{gap:7vw}
  .pk2__btns button{width:7vw;height:7vw}
  .pz2__rooms{margin-top:14vw;row-gap:19.5vw}
  .pz2__room + .pz2__room{margin-left:0}
  .pz2__room{padding-top:7vw}
  .pz2__name{margin-top:4vw !important}
  .pz2__price{font-size:13vw;margin-top:7vw !important}
  .pz2__inc{margin-top:19.5vw}
  .pz2__inc > div:last-child{padding-left:0}
  .pz2__l li{grid-template-columns:7vw 1fr;padding:4vw 0}
  .pz2__i{width:3.4vw;height:3.4vw}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* ---------- 5b mobiel: aanbod v5 ---------- */
@media (max-width:1024px){
  .ah{display:flex;flex-direction:column;padding:17vw var(--gutter) 19.5vw}
  .ah__l{order:1}
  .ah__h{font-size:7vw;line-height:1.1;white-space:normal}
  .ah__h br,.ah__p br{display:none}
  .ah__l .cap + .ah__h{margin-top:5.5vw}
  .ah__w{order:2;margin-top:8vw;font-size:var(--t-titel);translate:0 50%}
  .ah__w a{right:auto;left:0}
  .ah__fr{order:3;margin:0 calc(-1 * var(--gutter));height:118vw}
  .ah__b{order:4;margin-top:14vw}
  .ah__p{white-space:normal}
  .ah__btns{gap:8.5vw;margin-top:11vw;flex-wrap:wrap}
  .aix__grid{grid-template-columns:1fr}
  .aix__l{padding-left:0;margin-top:14vw}
  .aix__l a{grid-template-columns:10vw minmax(0,1fr) auto;padding:5.5vw 0}
  .aix__arr{width:6vw;transform:none;opacity:1}
  .ach{padding-top:25vw}
  .ach--l .ach__grid,.ach--r .ach__grid{grid-template-columns:1fr}
  .ach--l .ach__pw,.ach--r .ach__pw{order:0;margin:0 calc(-1 * var(--gutter))}
  .ach__pic{height:112vw}
  .ach--l .ach__n,.ach--r .ach__n{left:var(--gutter);right:auto}
  .ach__t{margin-top:14vw}
  .ach__k{grid-template-columns:10vw minmax(0,1fr)}
  .ach__p{padding-left:0;white-space:normal}
  .ach__k{margin-bottom:8.5vw}
  .ach__p br{display:none}
  .ach__rows{margin:14vw 0 0}
  .ach__rows li{grid-template-columns:1fr;row-gap:5.5vw;padding:7vw 0}
  .ach__rows .lst{white-space:normal}
  .ach__b{display:flex;align-items:baseline;gap:2.5vw;text-align:left;order:2}
  .ach__a{display:contents}
  .ach__a .lst{order:0}
  .ach__a .bdy{order:1}
  .ach__a .tp__lnk{order:3;justify-self:start}
  .ach__b .bdy{margin-top:0}
  .ach__a .bdy{white-space:normal}
  .ach__a .bdy,.ach__b .bdy{margin-top:1.5vw}
  .ach__a .tp__lnk{margin-top:5.5vw}
  .ast__top{grid-template-columns:1fr}
  .ast__nx{padding-left:0;margin-top:11vw}
  .ast__nx .tp__lnk{margin-top:5.5vw}
  .ast__tl{margin-top:17vw}
  .ast__cols{grid-template-columns:1fr;row-gap:2vw}
  .ast__cols li{padding-top:8.5vw}
  .ast__cols .lst{margin-top:5.5vw}
  .ast__cols .txt{white-space:normal;margin-top:2vw}
  .ast__cols .txt br{display:none}
  .ast__end{justify-content:flex-start;margin-top:17vw}
  .aag__top{flex-direction:column;align-items:flex-start;gap:8.5vw}
  .aag__l{margin-top:14vw}
  .aag__l li{grid-template-columns:1fr;row-gap:2.5vw;padding:8.5vw 0}
  .aag__d{font-size:8vw}
  .aag__w .cap{margin-top:2vw}
  .aag__l .tp__lnk{justify-self:start;margin-top:2vw}
  .aag__f{display:none}
  .akf__grid{grid-template-columns:1fr;margin-top:14vw}
  .akf__l{display:contents}
  .akf__l .stm{order:1}
  .akf__pic{order:2;margin:11vw 0 0;height:112vw}
  .akf__end{order:3;margin-top:11vw}
  .akf__p{white-space:normal}
  .akf__p br{display:none}
  .akf__btns{gap:8.5vw;margin-top:11vw;flex-wrap:wrap}
}

/* ---------- 5c mobiel: basispagina's ---------- */
@media (max-width:1024px){
  .lgh{padding-top:22.5vw;padding-bottom:17vw}
  .lgh .ttl--spread{flex-direction:column;align-items:flex-start;gap:2vw}
  .lgh__meta{text-align:left;margin-top:8.5vw}
  .lgb__grid{grid-template-columns:1fr}
  .lgb__toc{position:static;margin-bottom:17vw}
  .lgb__toc ol{margin-top:5.5vw}
  .lgb__toc a{font-size:4vw;padding:2.6vw 0}
  .lgb__body{padding-left:0;max-width:none}
  .lgb .art{padding:12.5vw 0}
  .lgb .art h2{font-size:6vw}
  .lgb .lg2__num{margin-bottom:4vw}
  .lgb .art h3{font-size:4.8vw;margin-top:8.5vw}
  .lgb .art :is(p,li,.ln){font-size:4vw}
  .lgb .art p,.lgb .art :is(ul,ol){margin-top:4vw}
  .lgb .art li + li{margin-top:1.5vw}
  .lgb .lg2__ckr{padding:5.5vw 0}
  .ctc__top{grid-template-columns:1fr}
  .ctc__sw{padding-left:0;margin-top:14vw}
  .ctc__sw button{grid-template-columns:10vw 1fr;padding:5.5vw 0}
  .ctc__stage{margin-top:14vw}
  .ctc__cal{min-height:120vw}
  .ctc__f{grid-template-columns:1fr;row-gap:14vw;max-width:none}
  .ctc__f :is(input,textarea){font-size:5vw;margin-top:2vw;padding:2vw 0}
  .ctc__ff{flex-wrap:wrap;gap:8.5vw;margin-top:5.5vw}
  .ctc__ty{max-width:none}
  .ctd__l{grid-template-columns:1fr}
  .ctd__l li{padding:10vw 0 !important}
  .ctd__l li:first-child{padding-top:0 !important}
  .ctd__l li + li{border-left:0;border-top:1px solid var(--p-lijn-donker)}
  .ctd__l .cap{margin-bottom:4vw}
  .ctd__a{font-size:var(--t-statement)}
}

/* ---------- 5d mobiel: contact-opener + rechtstreeks in Obviously ---------- */
@media (max-width:1024px){
  .cth{padding-top:19.5vw}
  .cth__top{grid-template-columns:1fr}
  
  
  
  .cth__r{margin-top:12.5vw}
  .cth__p{white-space:normal}
  .cth__p br{display:none}
  .cth__btns{gap:8.5vw;margin-top:11vw;flex-wrap:wrap}
  .cth__pic{height:80vw;margin-top:14vw}
  .ctd__l{grid-template-columns:1fr !important}
  .ctd__l li{padding:10vw 0 !important}
  .ctd__l li:first-child{padding-top:0 !important}
  .ctd__a{font-size:var(--t-titel-s);white-space:normal}
  .ctd__a + .ctd__a{margin-top:1.5vw}
}

/* ---------- 4x eenvoudige pagina's ronde 2 (2026-10-21): juridisch schuift onder de menubalk (die meteen bruin is), 404, try-out, wachtlijst ---------- */
.lgh{margin-top:calc(-1 * var(--navh,96px));padding-top:calc(12vw + var(--navh,96px))}
/* titel: Mori Light met één woord in Obviously */
.mx{font-family:var(--f-licht);font-weight:300;font-size:3.2vw;line-height:1.05;letter-spacing:-.03em;margin-top:1.6vw}

/* 404 */
.nf2{margin-top:calc(-1 * var(--navh,96px));min-height:max(100vh,52vw);padding-top:calc(12vw + var(--navh,96px));display:flex;flex-direction:column;justify-content:flex-end}
.nf2__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:end}
.nf2 .cap + .stm{margin-top:1.6vw}
.nf2__p{margin-top:var(--s-groep);padding-left:5vw;white-space:nowrap;text-box:trim-end alphabetic}
.nf2__l{text-align:right}
.nf2__l a{font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel-s);line-height:1;color:inherit;text-decoration:none;display:inline-block}
.nf2__l li:last-child a{text-box:trim-end alphabetic}
.nf2__l a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.08em}
/* try-out */
.to2,.wl2{margin-top:calc(-1 * var(--navh,96px));padding-top:calc(12vw + var(--navh,96px))}
.to2__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:stretch}
.to2__l{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.to2__l > div:first-child .cap{line-height:1;text-box:trim-both cap alphabetic}
.to2__b{padding-left:5vw}
.to2__p{white-space:nowrap}
.to2__p a,.wl2 a.u{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.to2__btns{display:flex;align-items:center;gap:2.4vw;margin-top:var(--s-groep)}
.to2__btns .tp__lnk{text-box:none;line-height:1}
.to2__pic{height:42vw}
.to2__form{margin-top:7vw}
.to2__form iframe{display:block;width:100%;height:max(80vh,640px);border:0}
.to2__fb{margin-top:var(--s-kop)}
/* wachtlijst */
.wl2__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.wl2__p{margin-top:var(--s-kop);white-space:nowrap}
.wl2__l .mx{margin-bottom:var(--s-groep)}
.wl2__p + .wl2__p{margin-top:1.4vw}
.wl2__r{padding-left:5vw}
.wl2__f{display:flex;flex-direction:column;gap:2.4vw}
.wl2__fl .cap{display:block;line-height:1}
.wl2__f input[type=text],.wl2__f input[type=email]{display:block;width:100%;margin-top:.8vw;padding:.6vw 0;background:transparent;border:0;border-bottom:1px solid var(--p-lijn-licht);border-radius:0;color:inherit;font-family:var(--f-licht);font-weight:300;font-size:var(--t-lijst);line-height:1.3}
.wl2__f input::placeholder{color:inherit;opacity:.45}
.wl2__f input:focus{outline:none;border-bottom-color:var(--brand-blue)}
.wl2__seg{display:flex;gap:1vw;margin-top:1vw}
.wl2__seg input{position:absolute;opacity:0;pointer-events:none}
.wl2__seg label{font-family:var(--f-caps);text-transform:uppercase;font-size:var(--t-eyebrow);letter-spacing:-.02em;border:1px solid var(--brand-blue);border-radius:999px;padding:.9em 1.5em;line-height:1;cursor:pointer}
.wl2__seg input:checked + label{background:var(--brand-blue);color:var(--brand-brown)}
.wl2__seg input:focus-visible + label{outline:1px solid var(--brand-blue);outline-offset:2px}
.wl2__ck{display:flex;align-items:center;gap:1vw;cursor:pointer}
.wl2__ck input{position:absolute;opacity:0;pointer-events:none}
.wl2__box{width:1.2vw;height:1.2vw;border:1px solid var(--brand-blue);flex:none;position:relative}
.wl2__ck input:checked + .wl2__box{background:var(--brand-blue)}
.wl2__ck input:checked + .wl2__box::after{content:"";position:absolute;left:30%;top:10%;width:30%;height:55%;border:solid var(--brand-brown);border-width:0 2px 2px 0;transform:rotate(45deg)}
.wl2 .err{display:none}
.wl2 .err.show{display:block}
.wl2__ff{display:flex;margin-top:.4vw}
.wl2__fine{font-size:.9vw;line-height:1.5}
.wl2__ty{display:none}
.wl2__ty.show{display:block}
.wl2__ty .lst{margin-top:var(--s-kop)}
.wl2__ty .bdy{margin-top:var(--s-kop)}
@media (max-width:1024px){
  .lgh{padding-top:calc(16vw + var(--navh,64px))}
  .mx{font-size:7vw}
  
  .nf2{padding-top:calc(16vw + var(--navh,64px));padding-bottom:22.5vw}
  .nf2__grid{grid-template-columns:1fr}
  .nf2__p{padding-left:0;white-space:normal}
  .nf2__p br{display:none}
  .nf2__l{text-align:left;margin-top:17vw}
  .nf2__l a{font-size:var(--t-titel-s)}
  .to2,.wl2{padding-top:calc(14vw + var(--navh,64px))}
  .to2__grid,.wl2__grid{grid-template-columns:1fr}
  .to2__b{padding-left:0;margin-top:11vw}
  .to2__p,.wl2__p{white-space:normal}
  .to2__p br,.wl2__p br{display:none}
  .to2__btns{gap:8.5vw;margin-top:11vw;flex-wrap:wrap}
  .to2__pic{height:110vw;margin:14vw calc(-1 * var(--gutter)) 0}
  .to2__form{margin-top:14vw}
  .wl2__r{padding-left:0;margin-top:17vw}
  .wl2__f{gap:10vw}
  .wl2__f input[type=text],.wl2__f input[type=email]{font-size:5vw;margin-top:2vw;padding:2vw 0}
  .wl2__seg{gap:4vw;margin-top:4vw;flex-wrap:wrap}
  .wl2__seg label{font-size:var(--t-eyebrow)}
  .wl2__ck{gap:4vw}
  .wl2__box{width:5vw;height:5vw}
  .wl2__fine{font-size:3.4vw}
}

/* contacttitel volledig Mori Light (2026-10-21) */
.cth__t--l{display:block;font-family:var(--f-licht);font-weight:300;font-size:3.2vw;line-height:1.05;letter-spacing:-.03em;white-space:nowrap;text-box:trim-end alphabetic}
@media (max-width:1024px){.cth__t--l{font-size:8vw;white-space:normal}}

/* ---------- 4y kalender + testimonials (2026-10-21): volledig bruin, menubalk meteen bruin ---------- */
.cal2,.ts2{margin-top:calc(-1 * var(--navh,96px));padding-top:calc(12vw + var(--navh,96px))}
.ts2__top{grid-template-columns:minmax(0,6fr) minmax(0,6fr) !important}
.cal2__top,.ts2__top,.ts2__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:end}
.cal2 .cap + .stm,.ts2 .cap + .stm,.cal2__kf .cap + .stm{margin-top:1.6vw}
.cal2__h1,.ts2 .stm{text-box:trim-end alphabetic}
.cal2__p,.ts2__p{white-space:nowrap}
.cal2__r1{padding-left:0}
.cal2__btns,.ts2__btns{display:flex;align-items:center;gap:2.4vw;margin-top:var(--s-groep)}
.cal2__btns .tp__lnk,.ts2__btns .tp__lnk{text-box:none;line-height:1}
.cal2__tri{height:30vw;margin:9vw calc(-1 * var(--gutter)) 0}
.cal2__ev{margin-top:9vw;scroll-margin-top:var(--navh,96px)}
.cal2__list{margin-top:5vw}
.cal2__m{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:4vw;padding:2vw 0}
.cal2__m + .cal2__m{border-top:1px solid var(--p-lijn-licht)}
.cal2__ml .lst{line-height:1}
.cal2__ml .cap{margin-top:.8vw;line-height:1}
.cal2__r + .cal2__r{border-top:1px solid var(--p-lijn-licht)}
.cal2__h{display:grid !important;grid-template-columns:13vw minmax(0,1fr) 1.6vw;align-items:baseline;width:100%;padding:1.4vw 0;text-align:left;color:inherit}
.cal2__r:first-child .cal2__h{padding-top:0}
.cal2__d{font-family:var(--f-licht);font-weight:300;font-size:2.2vw;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.cal2__t .lst{display:block;line-height:1.1}
.cal2__t .cap{display:block;margin-top:.7vw;line-height:1.2}
.cal2__pl{position:relative;width:1.2vw;height:1.2vw;align-self:center;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.cal2__pl::before,.cal2__pl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor}
.cal2__pl::after{transform:rotate(90deg)}
.cal2__r.on .cal2__pl{transform:rotate(45deg)}
.cal2__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.1,1)}
.cal2__r.on .cal2__b{grid-template-rows:1fr}
.cal2__b > div{overflow:hidden}
.cal2__in{display:grid;grid-template-columns:16vw minmax(0,1fr);column-gap:3vw;padding:0 0 2vw 13vw}
.cal2__pic{height:20vw}
.cal2__tx{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2vw;max-width:30vw}
.cal2__tx .txt br{display:none}
.cal2__kf .akf__grid{margin-top:0}
.cal2__kf .akf__l > div:first-child .cap{line-height:1;text-box:trim-both cap alphabetic}
/* testimonials */
.ts2__p{padding-left:5vw;text-box:trim-end alphabetic}
.ts2__l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6vw;margin-top:9vw;align-items:start}
.ts2__i{padding:2.6vw 0}
.ts2__i:nth-child(-n+2){padding-top:0}
.ts2__i:nth-child(n+3){border-top:1px solid var(--p-lijn-licht)}
.ts2__q{font-family:var(--f-body);font-size:1.6vw;line-height:1.35;letter-spacing:-.02em;text-wrap:pretty}
.ts2__w{display:flex;align-items:center;gap:1.2vw;margin-top:1.6vw}
.ts2__w img{width:3.6vw;height:3.6vw;object-fit:cover;display:block;flex:none}
.ts2__w .cap{line-height:1.3}
.ts2__g{margin-top:9vw;padding-top:3vw;border-top:1px solid var(--p-lijn-licht)}
.ts2__g .lst{margin-top:var(--s-kop);white-space:nowrap}
.ts2__btns{justify-content:flex-end;margin-top:0}
@media (max-width:1024px){
  .cal2,.ts2{padding-top:calc(14vw + var(--navh,64px))}
  .cal2__top,.ts2__top,.ts2__g{grid-template-columns:1fr}
  .cal2 .stm,.ts2 .stm{white-space:normal}
  .cal2 .stm br{display:none}
  .cal2__p,.ts2__p{white-space:normal;padding-left:0;margin-top:11vw}
  .cal2__p br,.ts2__p br,.ts2__g .lst br{display:none}
  .cal2__btns,.ts2__btns{gap:8.5vw;margin-top:11vw;flex-wrap:wrap;justify-content:flex-start}
  .cal2__tri{height:auto;margin-top:17vw}
  .cal2__m{grid-template-columns:1fr;padding:8.5vw 0}
  .cal2__ml{margin-bottom:5.5vw}
  .cal2__h{grid-template-columns:minmax(0,1fr) 6vw;row-gap:2.5vw;padding:5.5vw 0;align-items:start}
  .cal2__d{grid-column:1;font-size:4.6vw;white-space:normal}
  .cal2__t{grid-column:1}
  .cal2__t .cap{margin-top:2.5vw}
  .cal2__pl{grid-column:2;grid-row:1/3;align-self:center;justify-self:end}
  .cal2__pl{width:4vw;height:4vw}
  .cal2__in{grid-template-columns:1fr;row-gap:10vw;padding:2vw 0 8.5vw}
  .cal2__pic{height:70vw}
  .cal2__tx{max-width:none;gap:8.5vw}
  .ts2__l{grid-template-columns:1fr;margin-top:17vw}
  .ts2__i{padding:10vw 0}
  .ts2__i:nth-child(2){padding-top:10vw;border-top:1px solid var(--p-lijn-licht)}
  .ts2__q{font-size:5vw}
  .ts2__w{gap:4vw;margin-top:5.5vw}
  .ts2__w img{width:12vw;height:12vw}
  .ts2__g{margin-top:17vw;padding-top:11vw}
  .ts2__g .lst{white-space:normal}
}

/* ---------- 4z eventpagina's (2026-10-22): opener + in 't kort, waarom, verloop, impressie, wat zit erin, praktisch, koffie. Werkt op geel én bruin (--ln) ---------- */
.pg--geel{--ln:var(--p-lijn-donker)}
.pg--bruin{--ln:var(--p-lijn-licht)}
.ev2h{margin-top:calc(-1 * var(--navh,96px));padding-top:calc(12vw + var(--navh,96px))}
.ev2h__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;align-items:stretch}
.ev2h__l{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.ev2h__l > div:first-child .cap{line-height:1;text-box:trim-both cap alphabetic}
.ev2h .cap + .stm{margin-top:1.6vw}
.ev2h__lead{margin-top:var(--s-kop)}
.ev2h__b{padding:4vw 0 0 5vw}
.ev2h__b .txt + .txt{margin-top:1.2vw}
.ev2__btns{display:flex;align-items:center;gap:2.4vw;margin-top:var(--s-groep)}
.ev2__btns .tp__lnk{text-box:none;line-height:1}
.ev2h__pic{height:42vw}
.ev2__facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:7vw}
.ev2__facts li{padding:0 2.4vw}
.ev2__facts li:first-child{padding-left:0}
.ev2__facts li:last-child{padding-right:0}
.ev2__facts li + li{border-left:1px solid var(--ln)}
.ev2__facts .cap{line-height:1}
.ev2__fv{font-family:var(--f-licht);font-weight:300;font-size:2.2vw;line-height:1.1;letter-spacing:-.03em;margin-top:1.2vw}
.ev2__facts .bdy{margin-top:.6vw}
.ev2w__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:end}
.ev2w .cap + .stm,.ev2p .cap + .stm,.ev2m .cap + .stm{margin-top:1.6vw}
.ev2w__r{padding-left:5vw;min-width:0}
.ev2__ck-l li{display:grid;grid-template-columns:2.4vw minmax(0,1fr);align-items:baseline;padding:1.2vw 0}
.ev2__ck-l li:first-child{padding-top:0}
.ev2__ck-l li:last-child{padding-bottom:0}
.ev2__ck-l li + li{border-top:1px solid var(--ln)}
.ev2__ck{width:1.2vw;height:1.2vw;transform:translateY(.15vw)}
.ev2i__lab{margin-top:var(--s-groep);line-height:1}
.ev2i__lab + .txt{margin-top:var(--s-kop)}

.pg--geel.vd .vd__line{background:var(--p-lijn-donker)}
.pg--geel.vd .vd__line i{background:var(--brand-brown)}
.pg--geel .vd__day .vd__r{border-top-color:var(--p-lijn-donker)}
.ev2d .vd__day > .vd__r:first-child{border-top:0;padding-top:0}
.ev2__addon{margin-top:4vw;padding-top:2vw;border-top:1px solid var(--ln)}
.ev2__addon .cap{line-height:1}
.ev2__addon .lst{margin-top:1vw}
.ev2__addon .bdy{margin-top:.6vw;max-width:34vw}
.ev2p__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4vw;margin-top:7vw;align-items:stretch}
.ev2p__pic{min-height:36vw}
.ev2p__r{display:flex;flex-direction:column;padding-left:5vw;min-width:0}
.ev2p__d{text-box:trim-both cap alphabetic}
.ev2p__rows{margin-top:var(--s-groep)}
.ev2p__rows li{display:grid;grid-template-columns:12vw minmax(0,1fr);align-items:baseline;padding:1.2vw 0}
.ev2p__rows li + li{border-top:1px solid var(--ln)}
.ev2p__rows .bdy{margin-top:.4vw}
.ev2p__r .ev2__btns{margin-top:auto;padding-top:var(--s-groep)}



.ev2m__v{position:relative;margin:7vw calc(-1 * var(--gutter)) 0;height:42vw;cursor:pointer;overflow:hidden}
.ev2m__v img{width:100%;height:100%;object-fit:cover;display:block}
.ev2m__v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ev2m__play{position:absolute;left:var(--gutter);bottom:2.4vw;color:var(--brand-cream)}
.ev2wl .err{display:none}
.ev2wl .err.show{display:block}
.ev2wl__p{margin-top:var(--s-kop)}
.pg--geel .wl2__f input[type=email]{border-bottom-color:var(--p-lijn-donker)}
.kf2 .akf__grid{margin-top:0}
.kf2 .akf__l > div:first-child .cap{line-height:1;text-box:trim-both cap alphabetic}
.kf2 .cap + .stm{margin-top:1.6vw}
@media (max-width:1024px){
  .ev2h{padding-top:calc(14vw + var(--navh,64px))}
  .ev2h__grid,.ev2w__grid,.ev2p__grid{grid-template-columns:1fr}
  .ev2h__b{padding:11vw 0 0}
  .ev2h__pic{height:110vw;margin:14vw calc(-1 * var(--gutter)) 0}
  .ev2__facts{grid-auto-flow:row;grid-template-columns:1fr 1fr;row-gap:12vw;margin-top:14vw}
  .ev2__facts li{padding:0 4vw 0 0 !important;border-left:0 !important}
  .ev2__fv{font-size:6vw;margin-top:2vw}
  .ev2__btns{gap:8.5vw;flex-wrap:wrap}
  .ev2w__r{padding-left:0;margin-top:14vw}
  .ev2__ck-l li{grid-template-columns:8vw minmax(0,1fr);padding:5vw 0}
  .ev2__ck{width:4.5vw;height:4.5vw}
  .ev2__addon .bdy{max-width:none}
  .ev2p__pic{min-height:80vw}
  .ev2p__r{padding-left:0;margin-top:11vw}
  .ev2p__rows li{grid-template-columns:1fr;row-gap:1.5vw;padding:5.5vw 0}
  .ev2m__v{height:60vw}
  
}

/* ---------- 4aa podcast (2026-10-22): overzicht (lijst + cover die volgt), afleveringen (luisteren, shownotes, meer) ---------- */
.pdh__pic{height:40vw}
.pdx__p{margin-top:var(--s-kop)}
.pdx__emb{display:block;width:100%;height:352px;border:0;border-radius:12px}
.pdx .ev2w__grid{align-items:end}
.pdx__pl{margin-top:var(--s-groep)}
.pdx__pl li + li{border-top:1px solid var(--ln)}
.pdx__pl a{display:flex;justify-content:space-between;align-items:baseline;padding:1.1vw 0;color:inherit;text-decoration:none}
.pdx__pl li:first-child a{padding-top:0}
.pdx__pl a:hover .lst{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.pdn__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4vw;align-items:start}
.pdn .cap + .stm,.pde .cap + .stm,.pdm .cap + .stm{margin-top:1.6vw}
.pdn__b{padding-left:5vw;max-width:46vw}
.pdn__b .txt + .txt{margin-top:1.2vw}
.pdn__b a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.pdm__top{display:flex;justify-content:space-between;align-items:last baseline;gap:4vw}
.pdm__top .tp__lnk{text-box:none;line-height:1}
.pdm__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4vw;margin-top:7vw}
.pdm__c{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.pdm__pic{height:28vw;display:block}
.pdm__c .cap{margin-top:1.6vw;line-height:1}
.pdm__c .lst{margin-top:1vw}
.pdm__c .bdy{margin-top:.5vw}
.pdm__c:hover .lst{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.pde__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4vw;margin-top:7vw;align-items:start}
.pde__l li + li{border-top:1px solid var(--ln)}
.pde__r{display:grid;grid-template-columns:4vw minmax(0,1fr) auto;column-gap:2vw;align-items:baseline;padding:1.2vw 0;color:inherit;text-decoration:none}
.pde__l li:first-child .pde__r{padding-top:0}
.pde__r .lst{display:block}
.pde__r .bdy{display:block;margin-top:.4vw}
.pde__r.on .lst{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.pde__s{position:sticky;top:calc(var(--navh,96px) + 3vw);padding-left:5vw}
.pde__cv{display:block;height:34vw}
.pde__cv img{opacity:0;transition:opacity .45s}
.pde__cv img.on{opacity:1}
.pde__cap{display:flex !important;justify-content:space-between;margin-top:1.2vw;line-height:1}
@media (max-width:1024px){
  .pdh__pic{height:100vw}
  .pdx__emb{height:232px;margin-top:2vw}
  .pdx__pl a{padding:5vw 0}
  .pdn__grid,.pde__grid{grid-template-columns:1fr}
  .pdn__b{padding-left:0;max-width:none;margin-top:11vw}
  .pdm__top{flex-direction:column;align-items:flex-start;gap:8.5vw}
  .pdm__l{grid-template-columns:1fr;row-gap:19.5vw;margin-top:14vw}
  .pdm__pic{height:90vw}
  .pdm__c .cap{margin-top:5.5vw}
  .pde__r{grid-template-columns:9vw minmax(0,1fr) auto;padding:5vw 0;column-gap:4vw}
  .pde__grid{display:flex;flex-direction:column}
  .pde__s{order:-1;position:static;padding-left:0;margin-bottom:10vw}
  .pde__cv{width:100%}
  .pde__cap{width:100%}
}

/* ---------- 4ab generieke blokken (2026-10-22): opener binnenin/gespiegeld, kolommenrij, slotzin, wel/niet, uitklappers, cv, prijs; peilerlijst ook op bruin ---------- */
.ev2h--in{margin-top:0;padding-top:9vw}
.ev2h--pl .ev2h__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ev2h--pl .ev2h__pic{order:-1}
.ev2h--pl .ev2h__l{padding-left:5vw}
.pg--bruin .pr2__l li + li{border-top-color:var(--p-lijn-licht)}
.pr2__lk{padding:0 0 1.7vw 5vw}
.pr2__lk .tp__lnk{text-box:none;line-height:1}
.pcw .cap + .stm,.pcf .cap + .stm,.pcm .cap + .stm{margin-top:1.6vw}
.pc__cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:7vw}
.pc__cols li{padding:0 2.4vw}
.pc__cols li:first-child{padding-left:0}
.pc__cols li:last-child{padding-right:0}
.pc__cols li + li{border-left:1px solid var(--ln)}
.pc__cols .bdy{margin-top:1vw;text-wrap:pretty}
.pc__end{display:flex;justify-content:space-between;align-items:last baseline;gap:4vw;margin-top:7vw}
.pc__lead{font-family:var(--f-licht);font-weight:300;font-size:2.2vw;line-height:1.15;letter-spacing:-.02em}
.pc__end .ev2__btns{margin-top:0;flex:none}
.pc__lead2{margin-top:var(--s-groep);max-width:30vw}
.pc__pics{display:grid;grid-template-columns:1fr 1fr;height:36vw;margin:9vw calc(-1 * var(--gutter)) -9vw}
.pc__fit{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;margin-top:7vw}
.pc__fit > div + div{padding-left:5vw}
.pc__fit .cap{line-height:1;margin-bottom:var(--s-kop)}
.pc__folds{margin-top:var(--s-groep)}
.pc__fd + .pc__fd{border-top:1px solid var(--ln)}
.pc__fd summary{display:flex;justify-content:space-between;align-items:center;padding:1.2vw 0;cursor:pointer;list-style:none}
.pc__fd summary::-webkit-details-marker{display:none}
.pc__fd[open] .cal2__pl{transform:rotate(45deg)}
.pc__fdb{padding-bottom:1.6vw}
.pc__cred li{display:grid;grid-template-columns:9vw minmax(0,1fr);align-items:baseline;padding:.6vw 0}
.pc__o{display:block;opacity:1;font-size:.92em;margin-top:.2vw}
.pcm__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4vw;align-items:start}
.pcm__pic{height:44vw}
.pcm__r{padding-left:5vw}
.pcm__t{margin-top:var(--s-groep)}
.pcm__t .txt + .txt{margin-top:1.2vw}
.pcp .txt + .txt{margin-top:1.2vw}
.pcp__h{margin-top:var(--s-groep);margin-bottom:var(--s-kop);line-height:1}
.pcp__pr{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--s-groep);padding-top:1.4vw;border-top:1px solid var(--ln)}
.pcp__pr .bdy{margin-left:.4em}
.vg2--2 .vg2__vids{justify-content:flex-start;gap:12vw;padding-left:12vw}
@media (max-width:1024px){
  .ev2h--in{padding-top:19.5vw}
  .ev2h--pl .ev2h__grid{grid-template-columns:1fr}
  .ev2h--pl .ev2h__pic{order:0}
  .ev2h--pl .ev2h__l{padding-left:0}
  .pc__cols{grid-auto-flow:row;grid-template-columns:1fr;margin-top:14vw}
  .pc__cols li{padding:7vw 0 !important}
  .pc__cols li + li{border-left:0;border-top:1px solid var(--ln)}
  .pc__end{flex-direction:column;align-items:flex-start;gap:11vw;margin-top:17vw}
  .pc__lead{font-size:6vw}
  .pc__lead2{max-width:none;margin-top:11vw}
  .pc__pics{height:auto;grid-template-columns:1fr;margin-bottom:-14vw}
  .pc__pics .pic{height:100vw}
  .pc__fit{grid-template-columns:1fr;row-gap:24vw}
  .pc__fit > div + div{padding-left:0}
  .pc__fd summary{padding:5.5vw 0}
  .pc__cred li{grid-template-columns:26vw minmax(0,1fr);padding:2vw 0}
  .pcm__grid{grid-template-columns:1fr}
  .pcm__pic{height:110vw}
  .pcm__r{padding-left:0;margin-top:14vw}
  .vg2--2 .vg2__vids{padding-left:0;gap:5.5vw}
}
.ev2w--w .ev2w__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
@media (max-width:1024px){.ev2w--w .ev2w__grid{grid-template-columns:1fr}}

/* ---------- 4ac salespagina's (2026-10-22): cijfers, peiler-uitkomst, jaarlijn, quotes, prijsformules, vragen, fotoreeks op elk canvas ---------- */
.pc__nums{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:7vw}
.pc__nums li{padding:0 2.4vw}
.pc__nums li:first-child{padding-left:0}
.pc__nums li:last-child{padding-right:0}
.pc__nums li + li{border-left:1px solid var(--ln)}
.pc__n{font-family:var(--f-licht);font-weight:300;font-size:4.4vw;line-height:1;letter-spacing:-.04em}
.pc__nums .bdy{margin-top:1vw}
.pc__nums a{color:inherit}
.pc__lk{margin-top:var(--s-groep)}
.pc__lk .tp__lnk{text-box:none;line-height:1}
.pr2__lab{padding-left:5vw;margin-top:.4vw;line-height:1}
.pr2__out{padding:1vw 0 1.7vw 5vw}
.mj .ev2w__grid{align-items:end}
.mj__stops{grid-template-columns:repeat(7,minmax(0,1fr)) !important;column-gap:2vw !important}
.mj__stops .lst{margin-top:1vw !important}
.mj__tw{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);column-gap:4vw;margin-top:7vw;align-items:start}
.mj__tw .pc__cols{margin-top:0}
.mj__tw .txt{margin-top:var(--s-kop)}
.mj .pk2__strip{margin-top:9vw}
.pc__arr button{color:inherit}
.pc__arr svg{width:100%;height:auto;display:block}
.pc__arr button:first-child svg{transform:rotate(180deg)}
.mm__n{margin-top:5vw}
.pc__q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:4vw;margin-top:7vw}
.pc__q li{padding-top:2vw;border-top:1px solid var(--ln)}
.pc__q .ts2__q{font-size:1.4vw}
.pc__who{margin-top:var(--s-kop);line-height:1}
.mp__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:4vw;align-items:start}
.mp__incl{margin:var(--s-groep) 0 var(--s-kop)}
.mp__note{margin-top:var(--s-groep);max-width:36vw}
.mp__plans{padding-left:5vw}
.mp__plans li{padding:2.4vw 0}
.mp__plans li:first-child{padding-top:0}
.mp__plans li + li{border-top:1px solid var(--ln)}
.mp__plans .cap{line-height:1}
.mp__plans .lst{margin-top:1vw}
.pz__n{font-size:4.4vw !important;line-height:1 !important;margin-top:var(--s-kop)}
.mp__plans .bdy{margin-top:.6vw}
.pc__k{display:block;margin-bottom:1vw;line-height:1}
.pc__top .ev2w__grid{align-items:start}
.pg--bruin .fq li + li{border-top-color:var(--p-lijn-licht)}
.pc__fq .fq__a .bdy a{color:inherit}
@media (max-width:1024px){
  .pc__nums{grid-auto-flow:row;grid-template-columns:1fr 1fr;row-gap:14vw;margin-top:14vw}
  .pc__nums li{padding:0 4vw 0 0 !important;border-left:0 !important}
  .pc__n{font-size:var(--t-titel)}
  .pr2__lab,.pr2__out{padding-left:9vw}
  .mj__stops{grid-template-columns:repeat(4,minmax(0,1fr)) !important;row-gap:12vw}
  .mj__tw{grid-template-columns:1fr;row-gap:15.5vw;margin-top:17vw}
  .pc__q{grid-template-columns:1fr;row-gap:15.5vw;margin-top:14vw}
  .pc__q li{padding-top:8.5vw}
  .pc__q .ts2__q{font-size:5vw}
  .mp__grid{grid-template-columns:1fr}
  .mp__note{max-width:none}
  .mp__plans{padding-left:0;margin-top:17vw}
  .mp__plans li{padding:10vw 0}
  .pz__n{font-size:var(--t-titel) !important}
  .pc__arr{gap:8.5vw}
}
.ev2w--ww .ev2w__grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
@media (max-width:1024px){.ev2w--ww .ev2w__grid{grid-template-columns:1fr}}
.pc__end--s{align-items:baseline;margin-top:5vw}
.pc__end--s .tp__lnk{text-box:none;line-height:1}
.pc__q:has(li:nth-child(4)){row-gap:4vw}
.pcf__t{margin-top:var(--s-kop)}
.mp__plans .ev2__ck-l{margin-top:var(--s-kop)}
.mp__plans .txt{margin-top:1vw}
.mp__sub{margin-top:var(--s-kop) !important}

/* ---------- 4ad intensive (2026-10-22) ---------- */
.pc__pics--b{margin:0;height:40vw}
.pk2__p2{padding-left:5vw;text-box:trim-end alphabetic}
.tm2 .cap + .stm{margin-top:1.6vw}
.pc__n--l{margin-top:1.2vw}
.pc__q--n li{padding-top:2vw}
.pc__qw{margin-top:1.6vw;line-height:1.3}
.mp__fine{margin-top:var(--s-groep);max-width:36vw}
.mp__fine .bdy + .bdy{margin-top:1vw}
.mp__fine a{color:inherit}
@media (max-width:1024px){
  .pc__pics--b{height:auto}
  .pc__pics--b .pic{height:100vw}
  .pk2__p2{padding-left:0;margin-top:11vw}
  .mp__fine{max-width:none}
}

/* ---------- 4ae bijsturing 2026-10-22: podcastcovers vierkant (niets bijgesneden), één video ---------- */
.pdh__sq{height:auto !important;aspect-ratio:1/1;align-self:start}
.pdm__pic{height:auto !important;aspect-ratio:1/1}
.pde__cv{height:auto !important;aspect-ratio:1/1}
.vg2--1 .vg2__vids{justify-content:flex-end;margin-top:-6vw}
.vg2--1 .vg2__vids .rv__c{width:26vw}
.vg2--1 .vg2__end{justify-content:flex-start;margin-top:-2vw}
@media (max-width:1024px){
  .pdh__sq{margin-top:14vw}
  .vg2--1 .vg2__vids{display:block;margin-top:11vw}
  .vg2--1 .vg2__vids .rv__c{width:70%;margin:0 auto}
  .vg2--1 .vg2__end{margin-top:11vw}
}

/* ---------- aanbod: overzicht in één oogopslag (2026-10-22, i.p.v. de inhoudstafel) ---------- */
.aov__top{max-width:62vw}
.aov__top .cap + .stm{margin-top:1.6vw}
.aov__l{margin-top:7vw}
.aov__l li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,2fr) minmax(0,2fr);column-gap:3vw;align-items:baseline;padding:2.4vw 0}
.aov__l li + li{border-top:1px solid var(--p-lijn-licht)}
.aov__l li:first-child{padding-top:0}
.aov__l li:last-child{padding-bottom:0}
.aov__n{font-family:var(--f-titel);font-synthesis:none;text-transform:uppercase;font-size:var(--t-titel-s);line-height:.9;color:inherit;text-decoration:none;text-box:trim-both cap alphabetic}
.aov__n:hover,.aov__n:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.08em}
.aov__m .cap{line-height:1.3}
.aov__m .bdy{margin-top:.6vw}
.aov__p .cap{margin-top:.5vw}
.aov__l li .tp__lnk{justify-self:end;text-box:none;line-height:1}
@media (max-width:1024px){
  .aov__top{max-width:none}
  .aov__l{margin-top:12vw}
  .aov__l li{grid-template-columns:1fr;row-gap:3vw;padding:7vw 0}
  .aov__l li .tp__lnk{justify-self:start;margin-top:2vw}
  .aov__p{display:flex;align-items:baseline;gap:2.5vw}
  .aov__p .cap{margin-top:0}
}

/* wel/niet-blok: de link eronder op eigen regel, niet over de laatste rij (2026-10-22) */
.pcf .vg2__end{margin-top:var(--s-groep);justify-content:flex-start}
@media (max-width:1024px){.pcf .vg2__end{margin-top:11vw}}