/* =====================================================================
   OMMETOER — homepage 'pitstop'
   Eén stylesheet, opgeschoond (2026-10-20): ongebruikte regels en
   overschreven declaraties zijn weg; wat overblijft geeft exact hetzelfde
   beeld op 1440 / 1100 / 800 / 600 / 390 px.

   Kleuren en lettertypes uit /tokens.css (--brand-brown, --brand-blue,
   --brand-cream, --brand-sand); hieronder de homepage-tokens.
   Typografie:
     titels      Obviously Condensed Black  var(--f-titel)   var(--t-titel) / var(--t-titel-s)
     statements  PP Mori Light              var(--f-licht)   var(--t-statement), lead, lijst, tekst
     bodytekst   PP Mori Regular            var(--f-body)    var(--t-body)
     eyebrows,
     knoppen     Satoshi Regular, caps      var(--f-caps)    var(--t-eyebrow)
   ===================================================================== */
:root{--p-papier: #1F0C0A; --p-geel: #FFFFE3; --p-lijn-licht: rgba(206,221,230,.24); --p-lijn-donker: rgba(38,15,13,.2); --f-titel: 'ObvC',sans-serif; --f-licht: 'MoriLicht',var(--font-sans); --f-body: 'MoriBody',var(--font-sans); --f-caps: 'Sato',sans-serif; --t-titel: 5.4vw; --t-titel-s: 3.8vw; --t-statement: 3.0556vw; --t-lead: 1.8vw; --t-lijst: 1.75vw; --t-tekst: 1.32vw; --t-body: 1.02vw; --t-eyebrow: 1.04vw; --s-klein: 1.6vw; --s-kop: 2vw; --s-groep: 3.6vw;}
@font-face { font-family: Satoshi; src: url("/fonts/satoshi/Satoshi-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; size-adjust: 109.5%; }
@font-face { font-family: Satoshi; src: url("/fonts/satoshi/Satoshi-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; size-adjust: 109.5%; }
@font-face { font-family: Satoshi; src: url("/fonts/satoshi/Satoshi-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; size-adjust: 109.5%; }
@font-face { font-family: Satoshi; src: url("/fonts/satoshi/Satoshi-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; size-adjust: 109.5%; }
@font-face { font-family: Satoshi; src: url("/fonts/satoshi/Satoshi-Bold.woff2") format("woff2"); font-weight: 600 700; font-style: normal; font-display: swap; size-adjust: 109.5%; }
@media (min-width: 1025px){
  :root{--bg: var(--brand-sand); --t1: var(--brand-brown); --bruin: var(--brand-brown); --blauw: var(--brand-blue); --ease: cubic-bezier(.16,1,.3,1);}
  *{margin: 0px; padding: 0px; box-sizing: border-box;}
  body{background: var(--bg); color: var(--t1); font-size: 1.1111vw; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
  img,svg,video{display: block; max-width: 100%;}
  a{color: inherit; text-decoration-line: none;}
  button{font-size: inherit; line-height: inherit; background-color: initial; border-style: none; border-color: currentcolor; cursor: pointer;}
  .skip{background: var(--t1); position: absolute; left: 1.1111vw; top: -4.1667vw; z-index: 300; color: var(--bg); padding: 0.6944vw 1.25vw; border-radius: 69.375vw; font-size: 0.9722vw;}
  .skip:focus{top: 1.1111vw;}
  body[data-nav="bar"] .sc-nav{background: var(--navbg,var(--brand-sand)); transition: background-color 0.35s, color 0.35s;}
  .sc-nav{z-index: 120;}
  .wrap{padding: 0 var(--gutter); max-width: 133.333vw;}
  :root{--H: clamp(1.9444vw,3.4vw,4.3056vw); --W: clamp(2.0833vw,3.9vw,5vw); --B: clamp(1.3889vw,1.9vw,2.2222vw);}
  .u{text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2778vw;}
  .film ~ *{background: var(--bg);}
  .film{overflow: hidden; background-color: var(--brand-brown);}
  .film__poster{position: absolute; width: 100%; height: 100%; object-fit: cover;}
  .film iframe{position: absolute; left: 50%; top: 50%; width: max(100vw, 177.78vh); height: max(100vh, 56.25vw); transform: translate(-50%, -50%); border-style: none;}
  .film__bar{position: absolute; left: var(--gutter); right: var(--gutter); bottom: clamp(1.3889vw, 2.6vw, 2.7778vw); z-index: 2; display: flex; justify-content: space-between; align-items: baseline; gap: 1.6667vw; color: var(--brand-cream);}
  .film__bar .label,.film__snd{color: var(--brand-cream);}
  .sc-foot{display: none;}
  .foot{padding-bottom: clamp(2.7778vw, 4vw, 4.4444vw);}
  .foot__grid{display: grid; grid-template-columns: minmax(20.8333vw, 1fr) auto minmax(12.5vw, 0.7fr); column-gap: clamp(1.9444vw, 4vw, 5vw); align-items: center;}
  .foot__brand img{height: 1.3889vw;}
  .foot__brand p{margin-top: clamp(1.25vw, 2vw, 2.0833vw);}
  .foot__ig{display: flex; align-items: center; gap: clamp(1.25vw, 2vw, 2.2222vw);}
  .foot__tiles{display: grid; grid-template-columns: repeat(4, clamp(5vw, 7.5vw, 11.1111vw)); gap: 0.5556vw;}
  .foot__tiles img{transition: opacity 0.3s; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
  .foot__tiles a:hover img{opacity: 0.85;}
  .foot__soc{display: flex; flex-direction: column; gap: 0.9722vw;}
  .foot__soc svg{height: 1.3889vw;}
  .foot__menu{list-style-type: none; text-align: right;}
  .foot__menu a{transition: border-color 0.3s; display: inline-block; padding-top: 0.2778vw; padding-bottom: 0.2778vw; border-bottom: 1px solid transparent;}
  .foot__menu a:hover{border-color: currentcolor;}
  .foot__legal{border-top: 1px solid var(--line);}
  .optin{display: grid; column-gap: clamp(1.9444vw, 4vw, 5vw);}
  .optin__f{max-width: 33.3333vw; width: 100%; justify-self: end;}
  .optin form{border-bottom: 1px solid var(--t1); display: flex; align-items: center; gap: 1.1111vw; padding-bottom: 0.8333vw;}
  .optin input{flex-grow: 1; flex-basis: 0%; min-width: 0px; padding-top: 0.4167vw; padding-bottom: 0.4167vw;}
  .optin input::placeholder{color: var(--t1);}
  .optin button svg{transition: transform .35s var(--ease); width: 1.9444vw;}
  .optin button:hover svg{transform: translateX(0.3472vw);}
  .optin small{display: block; margin-top: 0.8333vw;}
  .foot__legal{border-top: 1px solid var(--line); margin-top: clamp(2.5vw, 4vw, 4.4444vw); padding-top: 1.25vw; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.8333vw 1.6667vw; font-size: 0.9722vw;}
}
@media (min-width: 1025px){
  .body{text-align: justify; text-align-last: left; hyphens: none;}
  :root{--gutter: max(1.5278vw,6.25vw);}
  .sc-menu{color: var(--brand-blue) !important;}
  .sc-menu__close{color: var(--brand-blue) !important;}
  .sc-menu__list a{font-weight: 400 !important; color: var(--brand-blue) !important; font-size: clamp(3.0556vw, 6.4vw, 7.6389vw) !important; line-height: 1 !important;}
  .film ~ *{z-index: 6;}
}
@media (min-width: 1025px){
  .optin input,.optin button{background-color: transparent; border-style: none; border-color: currentcolor; appearance: none; outline-offset: 0.2778vw;}
  .optin input::placeholder{color: inherit;}
  .optin h2{text-wrap-mode: nowrap;}
}
@media (min-width: 641px) and (max-width: 1024px){
  :root{--bg: var(--brand-sand); --t1: var(--brand-brown); --bruin: var(--brand-brown); --blauw: var(--brand-blue); --ease: cubic-bezier(.16,1,.3,1);}
  *{margin: 0px; padding: 0px; box-sizing: border-box;}
  body{background: var(--bg); color: var(--t1); font-size: 2vw; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
  img,svg,video{display: block; max-width: 100%;}
  a{color: inherit; text-decoration-line: none;}
  button{font-size: inherit; line-height: inherit; background-color: initial; border-style: none; border-color: currentcolor; cursor: pointer;}
  .skip{background: var(--t1); position: absolute; left: 2vw; top: -7.5vw; z-index: 300; color: var(--bg); padding: 1.25vw 2.25vw; border-radius: 124.875vw; font-size: 1.75vw;}
  .skip:focus{top: 2vw;}
  body[data-nav="bar"] .sc-nav{background: var(--navbg,var(--brand-sand)); transition: background-color 0.35s, color 0.35s;}
  .sc-nav{z-index: 120;}
  .wrap{padding: 0 var(--gutter); max-width: 240vw;}
  :root{--H: clamp(3.5vw,3.4vw,7.75vw); --W: clamp(3.75vw,3.9vw,9vw); --B: clamp(2.5vw,1.9vw,4vw);}
  .u{text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.5vw;}
  body p{text-align: left;}
  .film ~ *{background: var(--bg);}
  .film{position: relative; overflow: hidden; background-color: var(--brand-brown);}
  .film__poster{position: absolute; width: 100%; height: 100%; object-fit: cover;}
  .film iframe{position: absolute; left: 50%; top: 50%; width: max(100vw, 177.78vh); height: max(100vh, 56.25vw); transform: translate(-50%, -50%); border-style: none;}
  .film__bar{position: absolute; left: var(--gutter); right: var(--gutter); bottom: clamp(2.5vw, 2.6vw, 5vw); z-index: 2; display: flex; justify-content: space-between; align-items: baseline; gap: 3vw; color: var(--brand-cream);}
  .film__bar .label,.film__snd{color: var(--brand-cream);}
  .sc-foot{display: none;}
  .foot{padding-bottom: clamp(5vw, 4vw, 8vw);}
  .foot__grid{display: grid; column-gap: clamp(3.5vw, 4vw, 9vw); align-items: center;}
  .foot__brand img{height: 2.5vw;}
  .foot__brand p{margin-top: clamp(2.25vw, 2vw, 3.75vw);}
  .foot__ig{display: flex; align-items: center; gap: clamp(2.25vw, 2vw, 4vw);}
  .foot__tiles{display: grid; gap: 1vw;}
  .foot__tiles img{transition: opacity 0.3s; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
  .foot__tiles a:hover img{opacity: 0.85;}
  .foot__soc{display: flex; flex-direction: column; gap: 1.75vw;}
  .foot__soc svg{height: 2.5vw;}
  .foot__menu{list-style-type: none;}
  .foot__menu a{transition: border-color 0.3s; display: inline-block; padding-top: 0.5vw; padding-bottom: 0.5vw; border-bottom: 1px solid transparent;}
  .foot__menu a:hover{border-color: currentcolor;}
  .foot__legal{border-top: 1px solid var(--line);}
  .optin{display: grid; column-gap: clamp(3.5vw, 4vw, 9vw);}
  .optin__f{max-width: 60vw;}
  .optin form{border-bottom: 1px solid var(--t1); display: flex; align-items: center; gap: 2vw; padding-bottom: 1.5vw;}
  .optin input{flex-grow: 1; flex-basis: 0%; min-width: 0px; font-size: clamp(1.875vw, 1.1vw, 2.25vw); padding-top: 0.75vw; padding-bottom: 0.75vw;}
  .optin input::placeholder{color: var(--t1);}
  .optin button svg{transition: transform .35s var(--ease); width: 3.5vw;}
  .optin button:hover svg{transform: translateX(0.625vw);}
  .optin small{display: block; margin-top: 1.5vw;}
  .foot__legal{border-top: 1px solid var(--line); margin-top: clamp(4.5vw, 4vw, 8vw); padding-top: 2.25vw; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.5vw 3vw; font-size: 1.75vw;}
  .foot__grid{row-gap: 5vw;}
  .foot__menu{text-align: left;}
  .foot__tiles{grid-template-columns: repeat(4, 1fr); width: 100%;}
  .foot__ig{flex-wrap: wrap;}
  .optin{row-gap: 3vw;}
  .optin__f{justify-self: start;}
}
@media (min-width: 641px) and (max-width: 1024px){
  .body{text-align: justify; text-align-last: left; hyphens: none;}
  .body{line-height: 1.6;}
  :root{--gutter: max(2.75vw,6.25vw);}
  .sc-menu{color: var(--brand-blue) !important;}
  .sc-menu__close{color: var(--brand-blue) !important;}
  .sc-menu__list a{font-weight: 400 !important; color: var(--brand-blue) !important; font-size: clamp(5.5vw, 6.4vw, 13.75vw) !important; line-height: 1 !important;}
  .film ~ *{position: relative; z-index: 6;}
}
@media (min-width: 641px) and (max-width: 1024px){
  .optin input,.optin button{background-color: transparent; border-style: none; border-color: currentcolor; appearance: none; outline-offset: 0.5vw;}
  .optin input::placeholder{color: inherit;}
}
@media (max-width: 640px){
  :root{--bg: var(--brand-sand); --t1: var(--brand-brown); --bruin: var(--brand-brown); --blauw: var(--brand-blue); --ease: cubic-bezier(.16,1,.3,1);}
  *{margin: 0px; padding: 0px; box-sizing: border-box;}
  body{background: var(--bg); color: var(--t1); font-size: 4.1026vw; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden;}
  img,svg,video{display: block; max-width: 100%;}
  a{color: inherit; text-decoration-line: none;}
  button{font-size: inherit; line-height: inherit; background-color: initial; border-style: none; border-color: currentcolor; cursor: pointer;}
  .skip{background: var(--t1); position: absolute; left: 4.1026vw; top: -15.3846vw; z-index: 300; color: var(--bg); padding: 2.5641vw 4.6154vw; border-radius: 256.154vw; font-size: 3.5897vw;}
  .skip:focus{top: 4.1026vw;}
  body[data-nav="bar"] .sc-nav{background: var(--navbg,var(--brand-sand)); transition: background-color 0.35s, color 0.35s;}
  .sc-nav{z-index: 120;}
  .wrap{padding: 0 var(--gutter); max-width: 492.308vw;}
  :root{--H: clamp(7.1795vw,3.4vw,15.8974vw); --W: clamp(7.6923vw,3.9vw,18.4615vw); --B: clamp(5.1282vw,1.9vw,8.2051vw);}
  .u{text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 1.0256vw;}
  body p{text-align: left;}
  .film ~ *{background: var(--bg);}
  .film{position: relative; overflow: hidden; background-color: var(--brand-brown);}
  .film__poster{position: absolute; width: 100%; height: 100%; object-fit: cover;}
  .film iframe{position: absolute; left: 50%; top: 50%; width: max(100vw, 177.78vh); height: max(100vh, 56.25vw); transform: translate(-50%, -50%); border-style: none;}
  .film__bar{position: absolute; left: var(--gutter); right: var(--gutter); bottom: clamp(5.1282vw, 2.6vw, 10.2564vw); z-index: 2; display: flex; justify-content: space-between; align-items: baseline; gap: 8.5vw; color: var(--brand-cream);}
  .film__bar .label,.film__snd{color: var(--brand-cream);}
  .sc-foot{display: none;}
  .foot{padding-bottom: clamp(10.2564vw, 4vw, 16.4103vw);}
  .foot__grid{display: grid; column-gap: clamp(7.1795vw, 4vw, 18.4615vw); align-items: center;}
  .foot__brand img{height: 5.1282vw;}
  .foot__brand p{margin-top: clamp(4.6154vw, 2vw, 7.6923vw);}
  .foot__ig{display: flex; align-items: center; gap: clamp(4.6154vw, 2vw, 8.2051vw);}
  .foot__tiles{display: grid; gap: 2.0513vw;}
  .foot__tiles img{transition: opacity 0.3s; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
  .foot__tiles a:hover img{opacity: 0.85;}
  .foot__soc{display: flex; flex-direction: column; gap: 5vw;}
  .foot__soc svg{height: 5.1282vw;}
  .foot__menu{list-style-type: none;}
  .foot__menu a{transition: border-color 0.3s; display: inline-block; padding-top: 1.0256vw; padding-bottom: 1.0256vw; border-bottom: 1px solid transparent;}
  .foot__menu a:hover{border-color: currentcolor;}
  .foot__legal{border-top: 1px solid var(--line);}
  .optin{display: grid; column-gap: clamp(7.1795vw, 4vw, 18.4615vw);}
  .optin__f{max-width: 123.077vw;}
  .optin form{border-bottom: 1px solid var(--t1); display: flex; align-items: center; gap: 5.5vw; padding-bottom: 4.5vw;}
  .optin input{flex-grow: 1; flex-basis: 0%; min-width: 0px; font-size: clamp(3.8462vw, 1.1vw, 4.6154vw); padding-top: 1.5385vw; padding-bottom: 1.5385vw;}
  .optin input::placeholder{color: var(--t1);}
  .optin button svg{transition: transform .35s var(--ease); width: 7.1795vw;}
  .optin button:hover svg{transform: translateX(1.2821vw);}
  .optin small{display: block; margin-top: 4.5vw;}
  .foot__legal{border-top: 1px solid var(--line); margin-top: clamp(9.2308vw, 4vw, 16.4103vw); padding-top: 6.5vw; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4.5vw 6.1538vw; font-size: 3.5897vw;}
  .foot__grid{row-gap: 20.5vw;}
  .foot__menu{text-align: left;}
  .foot__tiles{grid-template-columns: repeat(4, 1fr); width: 100%;}
  .foot__ig{flex-wrap: wrap;}
  .optin{row-gap: 12vw;}
  .optin__f{justify-self: start;}
}
@media (max-width: 640px){
  .body{text-align: justify; text-align-last: left; hyphens: none;}
  .body{line-height: 1.6;}
  :root{--gutter: max(5.641vw,6.25vw);}
  .sc-menu{color: var(--brand-blue) !important;}
  .sc-menu__close{color: var(--brand-blue) !important;}
  .sc-menu__list a{font-weight: 400 !important; color: var(--brand-blue) !important; font-size: clamp(11.2821vw, 6.4vw, 28.2051vw) !important; line-height: 1 !important;}
  .film ~ *{position: relative; z-index: 6;}
}
@media (max-width: 640px){
  .optin input,.optin button{background-color: transparent; border-style: none; border-color: currentcolor; appearance: none; outline-offset: 1.0256vw;}
  .optin input::placeholder{color: inherit;}
}
@media (min-width: 1025px){
  :root{--dw: 13.4vw; --q: 2.1vw; --qs: 1.7vw; --air: 17vw; --air-s: 9vw; --dhero: 5vw; --dway: 9.4vw; --dgen: 3.4vw; --wob: 1.39vw; --door: 1.25vw; --doorw: 15vw; --d2s: 4.2vw; --intro: 1.6vw;}
}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--dw: 13.4vw; --q: 3.6vw; --qs: 3vw; --air: 22vw; --air-s: 12vw; --dhero: 8vw; --dway: 11vw; --dgen: 6vw; --d2s: 7vw; --wob: 2.3vw; --intro: 2.8vw;}
}
@media (max-width: 767px){
  :root{--dw: 13.4vw; --q: 6vw; --qs: 5.2vw; --air: 26vw; --air-s: 16vw; --dhero: 10.5vw; --dway: 12.4vw; --dgen: 8.4vw; --d2s: 10vw; --wob: 4.1vw; --intro: 5vw;}
}
.sc-nav__menu,.sc-menu__close{font-weight: 500 !important; font-size: 0.78rem !important;}
.foot{padding-top: var(--air-s) !important;}
.foot{--bg: var(--p-geel);}
:root{--font-sans: 'Satoshi',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif !important; --brand-font: 'Satoshi',sans-serif !important; --sc-font: 'Satoshi',sans-serif !important;}
body,.sc-nav,.sc-menu,.sc-nav *,.sc-menu *,button,input{font-family: var(--font-sans);}
@media (min-width: 1025px){
  :root{--herow: 2.15vw;}
}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--herow: 3.4vw;}
}
@media (max-width: 767px){
  :root{--herow: 5.4vw;}
}
@media (min-width: 1025px){
  :root{--vrij: 9.7222vw;}
}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--vrij: 15vw;}
}
@media (max-width: 767px){
  :root{--vrij: 19vw;}
}
p,small,a.u,.film__snd,.sc-foot__addr,.sc-foot__addr *,.sc-optin-done,.otoer-btn__label,.sc-foot p,.sc-foot span{font-family: MoriBody, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;}
.hy{position: relative; background-color: var(--p-geel);}
@media (min-width: 1025px){
  .hy{margin-top: calc(-1 * var(--navh,96px));}
}
.hy__pin{position: sticky; top: 0px; height: 100vh; overflow: hidden;}
.hy__big{font-size: 8.4vw; text-wrap-mode: nowrap;}
.hy__row{position: absolute; left: 0px; top: 0px; transform-origin: 0px 0px; will-change: transform;}
.hy__dash{display: inline-block; transform-origin: left center;}
.hy__frame{position: absolute; overflow: hidden;}
.hy__logo{position: absolute; left: 0px; top: 0px; transform-origin: 0px 0px; line-height: 0; will-change: transform;}
.hy__logo svg{width: 100%; height: 100%;}
@media (min-width: 1025px){
  .sc-nav{transition: opacity 0.45s;}
}
.hy__frame img{position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0;}
.hy__frame img.is-on{opacity: 1;}
.hy__ln{display: block; width: max-content; will-change: transform;}
.hy__t{text-wrap-mode: nowrap;}
.hy__txt{position: absolute; left: var(--gutter); bottom: calc(var(--gutter) * .9); will-change: transform, opacity;}
.hy__foot{transition: opacity 0.5s; margin-top: 1.6em; opacity: 0;}
.hy.is-foot .hy__foot{opacity: 1;}
@media (max-width: 1024px){
  /* gsm (2026-10-22): zelfde opener als op desktop; één scherm, alles absoluut, home.js meet en beweegt */
  .hy{margin-top: calc(-1 * var(--navh,96px));}
  .hy__pin{position: relative; height: 100svh; overflow: hidden;}
  .hy__big{font-size: 12.5vw;}
  html.js .hy__pg--2{opacity: 0;}
  html body .hy__pg--p.hy__pg--2{position: absolute; left: var(--gutter); right: var(--gutter); width: auto; bottom: calc(var(--gutter) * 1.1); text-align: left;}
  html body .hy__pg--2 .hy__pt2{white-space: normal;}
}
@media (min-width: 1025px){
  :root{--t-hy: 5.04vw;}
}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--t-hy: 7vw;}
}
@media (max-width: 767px){
  :root{--t-hy: var(--d3);}
}
html body .label,html body span.label,html body .caps,html body .hy__t,html body .film__bar .label{line-height: 1.3 !important;}
@font-face { font-family: Quote; src: url("/fonts/satoshi/Satoshi-Medium.woff2") format("woff2"); font-weight: 100 900; font-display: swap; size-adjust: 101.4%; }
@font-face { font-family: MoriBody; src: url("/fonts/PPMori-Regular.woff2") format("woff2"); font-weight: 100 450; font-display: swap; }
@font-face { font-family: MoriBody; src: url("/fonts/PPMori-SemiBold.woff2") format("woff2"); font-weight: 500 900; font-display: swap; }
@media (min-width: 1025px){
  :root{--t2: 1.95vw; --ttag: 1.35vw;}
}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--t2: 4vw; --ttag: 2.3vw;}
}
@media (max-width: 767px){
  :root{--t2: 6.4vw; --ttag: 4.2vw;}
}
html body .sc-optin-h{font-family: 'Quote',var(--font-sans) !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 0px !important;}
@font-face { font-family: MoriLicht; src: url("/fonts/PPMori-Light.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@media (min-width: 1025px){
  :root{--eb: 1vw; --twow: 3.1vw;}
}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--eb: 1.8vw; --twow: 5vw;}
}
@media (max-width: 767px){
  :root{--eb: 3.4vw; --twow: 8.4vw;}
}
html body .label,html body span.label,html body .sc-foot h5,html body .film__bar .label{font-size: var(--eb) !important; line-height: 1.3 !important;}
html body .optin{grid-template-columns: auto minmax(0px, 1fr);}
@media (max-width: 767px){
  html body .optin{grid-template-columns: 1fr;}
}
:root{--uu: calc((100vw - 2 * var(--gutter)) / 1420);}
.tp__lnk{text-box: cap alphabetic;}
html body .label,html body span.label,html body .sc-foot h5,html body .film__bar .label,html body .caps,html body .hy__t{font-weight: 400 !important;}
@media (max-width: 767px){
  :root{--uu: calc((100vw - 2 * var(--gutter)) / 720);}
}
:root{--h1: 8.4vw; --h2: calc(var(--h1) * .6); --h3: calc(var(--h1) * .4);}
@media (min-width: 768px) and (max-width: 1024px){
  :root{--h1: 11vw;}
}
@media (max-width: 767px){
  :root{--h1: 15.5vw;}
}
.tp__lnk{margin-top: calc(var(--fs) * .31) !important;}
html body .tp__lnk{line-height: 1 !important;}
html body .optin input::placeholder{color: var(--brand-brown) !important; opacity: 1 !important;}
html body .optin input:focus,html body .optin input:focus-visible,html body .optin button:focus{outline: none !important; box-shadow: none !important;}
html body .optinband.optinband--water *{color: var(--brand-blue);}
html body .optin input,html body .optin input::placeholder,html body .optin small{color: var(--brand-blue) !important;}
:root{--lnk: calc(var(--h2) * .19);}
html body :is(.vs, .optinband) :is(.body, .v-q, .vt__q, blockquote, figcaption, small, input, .coffee__who){font-family: var(--f-body) !important;}
@media (min-width: 1025px){
  html body .body,html body .optin small,html body .optin input{font-size: 1vw; line-height: 1.62;}
}
@media (min-width: 768px) and (max-width: 1024px){
  html body .body{font-size: 1.55vw;}
}
html body .sc-nav{transition: color 0.35s, opacity 0.45s;}
html.js main > :is(section, footer, .hy){will-change: transform; position: sticky !important;}
@media (max-width: 767px){
  :root{--lnk: 3.3vw;}
}
html body .optinband.optinband--water{--t1: var(--brand-blue); --line: var(--p-lijn-licht); color: var(--brand-blue) !important;}
.va{grid-column: 7 / 13;}
html body .optinband.optinband--water{background-size: 1000px 1000px !important;}
html body .optin{padding-top: 4.5vw !important; padding-bottom: 4.5vw !important; align-items: center !important;}
html body .sc-nav{transition: background-color 0.35s, color 0.35s, opacity 0.45s; background: color-mix(in srgb,var(--navbg,var(--p-geel)) 94%,transparent) !important;}
@media (min-width: 768px){
  html.js main > section.optinband,html.js main > footer.foot{position: relative !important; top: auto !important;}
}
html body .sc-nav{background: var(--navbg,var(--p-geel)) !important; box-shadow: none !important;}
@media (min-width: 1025px){
  :root{--n9-top: 11.1111vw; --n9-bot: 11.1111vw;}
  html body .n9-optin{background-image: url("/assets/textures/papier-bruin-6.jpg") !important; background-position: 0px 0px !important; background-color: var(--p-papier) !important;}
  .sc-nav{transition: opacity 0.4s;}
  html body .hy__t{font-family: var(--f-body) !important; line-height: 1.5 !important;}
  html body .film{height: 100svh !important;}
  :root{--d1: 5vw; --d2: 3.6111vw; --d3: 2.0833vw; --d4: 1.5278vw; --lab: 0.9028vw; --body: 1.1111vw; --list: 1.25vw; --quote: 1.8056vw;}
}
@media (min-width: 641px) and (max-width: 1024px){
  html body .n9-optin{background-image: url("/assets/textures/papier-bruin-6.jpg") !important; background-position: 0px 0px !important; background-color: var(--p-papier) !important;}
  .sc-nav{transition: opacity 0.4s;}
  html body .hy__t{font-family: var(--f-body) !important; font-size: var(--body) !important; line-height: 1.5 !important;}
  html body .film{height: 100svh !important;}
  :root{--n9-top: 12vw; --n9-bot: 12vw;}
  :root{--d1: 11vw; --d2: 8.5vw; --d3: 6vw; --d4: 4.8vw; --lab: 3.2vw; --body: 4.2vw; --list: 4.4vw; --quote: 5.4vw;}
}
@media (max-width: 640px){
  html body .n9-optin{background-image: url("/assets/textures/papier-bruin-6.jpg") !important; background-position: 0px 0px !important; background-color: var(--p-papier) !important;}
  .sc-nav{transition: opacity 0.4s;}
  html body .hy__t{font-family: var(--f-body) !important; font-size: var(--body) !important; line-height: 1.5 !important;}
  html body .film{height: 100svh !important;}
  :root{--n9-top: 24.6154vw; --n9-bot: 24.6154vw;}
  :root{--d1: 11vw; --d2: 8.5vw; --d3: 6vw; --d4: 4.8vw; --lab: 3.2vw; --body: 4.2vw; --list: 4.4vw; --quote: 5.4vw;}
}
@font-face { font-family: ObvC; src: url("/fonts/obviously/Obviously-CondensedBlack.woff2") format("woff2"), url("/fonts/obviously/Obviously-CondensedBlack.woff") format("woff"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: Satoshi; src: url("/fonts/PPMori-Regular.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@media (min-width: 1025px){
  :root{--geel: var(--p-geel); --line: var(--p-lijn-donker);}
  .hy__pg{will-change: transform, opacity;}
  .hy__w:hover,.hy__w:focus{text-decoration: underline 1px; text-underline-offset: 0.12em;}
  html body .hy__txt{visibility: hidden;}
  html body :is(em, i):not(.jar):not(.hy__br){font-weight: 300;}
  html body .tt span{display: block;}
  html body :is(.hy__big, .hy__row, .hy__wo--p .hy__w, .tk__h, .tk__h span, .why__tt, .why__tt span, .mn__w, .cu__h, .pf__h, .cof__h, .tt--optin, .tt--optin span, .stp__t){font-family: var(--f-titel) !important; font-synthesis: none !important; letter-spacing: 0px !important; text-transform: uppercase !important;}
  html body .hy__big{line-height: 0.86 !important;}
  html body .hy__wo--p .hy__w{font-size: 4.1667vw !important; line-height: 0.95 !important;}
  html body .foot{background: var(--geel) !important;}
  html body[data-nav="bar"] .sc-nav{background: var(--navbg,var(--p-geel)) !important;}
  html body:not(#z) :is(.sc-nav__menu, .sc-menu__close, .sc-menu__list a, .sc-nav__menu *){font-family: var(--f-body) !important; letter-spacing: 0.12em !important;}
  html body:not(#z) :is(em, i):not(.jar):not(.hy__br){font-family: var(--f-licht) !important; font-style: normal;}
  html body:not(#z) :is(.stp__t, .cu__h, .pf__h, .tt--optin, .tt--optin span, .pf__h br){font-family: var(--f-licht) !important; font-weight: 300 !important; text-transform: none !important; letter-spacing: -0.01em !important;}
  html body:not(#z) .tt--optin{font-size: 3.0556vw !important; line-height: 1.12 !important;}
  html body:not(#z) :is(.bk__m, .foot, .foot a, .foot span, .foot p, .sc-fg, .sc-fg a, .sc-foot__legal a, .skip){font-family: MoriBody, sans-serif !important;}
  html body:not(#z) :is(.film__bar .label, .qt__nav span, .tq__next, .foot__legal .caps, .sc-fg h5){letter-spacing: 0.09em !important;}
}
@media (min-width: 641px) and (max-width: 1024px){
  :root{--geel: var(--p-geel); --line: var(--p-lijn-donker);}
  .hy__pg{will-change: transform, opacity;}
  .hy__w:hover,.hy__w:focus{text-decoration: underline 1px; text-underline-offset: 0.12em;}
  .hy__txt{display: none !important;}
  .hy__wo{order: 9;}
  html body :is(em, i):not(.jar):not(.hy__br){font-weight: 300;}
  html body .tt span{display: block; text-wrap-mode: nowrap;}
  html body :is(.hy__big, .hy__row, .hy__wo--p .hy__w, .tk__h, .tk__h span, .why__tt, .why__tt span, .mn__w, .cu__h, .pf__h, .cof__h, .tt--optin, .tt--optin span, .stp__t){font-family: var(--f-titel) !important; font-synthesis: none !important; letter-spacing: 0px !important; text-transform: uppercase !important;}
  html body .hy__big{line-height: 0.86 !important;}
  html body .hy__wo--p .hy__w{line-height: 0.95 !important;}
  html body .hy__wo--p .hy__w{font-size: 9vw !important;}
  html body .foot{background: var(--geel) !important;}
  html body[data-nav="bar"] .sc-nav{background: var(--navbg,var(--p-geel)) !important;}
  html body:not(#z) :is(.sc-nav__menu, .sc-menu__close, .sc-menu__list a, .sc-nav__menu *){font-family: var(--f-body) !important; letter-spacing: 0.12em !important;}
  html body:not(#z) :is(em, i):not(.jar):not(.hy__br){font-family: var(--f-licht) !important; font-style: normal;}
  html body:not(#z) :is(.stp__t, .cu__h, .pf__h, .tt--optin, .tt--optin span, .pf__h br){font-family: var(--f-licht) !important; font-weight: 300 !important; text-transform: none !important; letter-spacing: -0.01em !important;}
  html body:not(#z) .tt--optin{line-height: 1.12 !important;}
  html body:not(#z) .tt--optin{font-size: 8vw !important;}
  html body:not(#z) :is(.bk__m, .foot, .foot a, .foot span, .foot p, .sc-fg, .sc-fg a, .sc-foot__legal a, .skip){font-family: MoriBody, sans-serif !important;}
  html body:not(#z) :is(.film__bar .label, .qt__nav span, .tq__next, .foot__legal .caps, .sc-fg h5){letter-spacing: 0.09em !important;}
}
@media (max-width: 640px){
  :root{--geel: var(--p-geel); --line: var(--p-lijn-donker);}
  .hy__pg{will-change: transform, opacity;}
  .hy__w:hover,.hy__w:focus{text-decoration: underline 1px; text-underline-offset: 0.12em;}
  .hy__txt{display: none !important;}
  .hy__wo{order: 9;}
  html body :is(em, i):not(.jar):not(.hy__br){font-weight: 300;}
  html body .tt span{display: block; text-wrap-mode: nowrap;}
  html body :is(.hy__big, .hy__row, .hy__wo--p .hy__w, .tk__h, .tk__h span, .why__tt, .why__tt span, .mn__w, .cu__h, .pf__h, .cof__h, .tt--optin, .tt--optin span, .stp__t){font-family: var(--f-titel) !important; font-synthesis: none !important; letter-spacing: 0px !important; text-transform: uppercase !important;}
  html body .hy__big{line-height: 0.86 !important;}
  html body .hy__wo--p .hy__w{line-height: 0.95 !important;}
  html body .hy__wo--p .hy__w{font-size: 9vw !important;}
  html body .foot{background: var(--geel) !important;}
  html body[data-nav="bar"] .sc-nav{background: var(--navbg,var(--p-geel)) !important;}
  html body:not(#z) :is(.sc-nav__menu, .sc-menu__close, .sc-menu__list a, .sc-nav__menu *){font-family: var(--f-body) !important; letter-spacing: 0.12em !important;}
  html body:not(#z) :is(em, i):not(.jar):not(.hy__br){font-family: var(--f-licht) !important; font-style: normal;}
  html body:not(#z) :is(.stp__t, .cu__h, .pf__h, .tt--optin, .tt--optin span, .pf__h br){font-family: var(--f-licht) !important; font-weight: 300 !important; text-transform: none !important; letter-spacing: -0.01em !important;}
  html body:not(#z) .tt--optin{line-height: 1.12 !important;}
  html body:not(#z) .tt--optin{font-size: 8vw !important;}
  html body:not(#z) :is(.bk__m, .foot, .foot a, .foot span, .foot p, .sc-fg, .sc-fg a, .sc-foot__legal a, .skip){font-family: MoriBody, sans-serif !important;}
  html body:not(#z) :is(.film__bar .label, .qt__nav span, .tq__next, .foot__legal .caps, .sc-fg h5){letter-spacing: 0.09em !important;}
}
@media (min-width: 1025px){
  .hy__fb{position: absolute; visibility: hidden; pointer-events: none;}
  .hy__bl{position: absolute; left: var(--gutter); top: 12.5694vw; width: 40.0694vw; transform-origin: 0px 0px; z-index: 4; pointer-events: none;}
  html body .hy__b{line-height: 1;}
  html body .hy__wo--p{position: absolute; right: var(--gutter); bottom: calc(100% - 43.6806vw); flex-direction: column; align-items: flex-end; text-align: right; gap: 0px;}
  html body .hy__wo--p .hy__w{text-wrap-mode: nowrap;}
  html body .hy__wo--p .hy__w:hover,html body .hy__wo--p .hy__w:focus{text-decoration: underline 1px; text-underline-offset: 0.12em;}
}
@media (min-width: 641px) and (max-width: 1024px){
  .hy__fb{position: absolute; left: 61.5vw; top: 27vw; width: 57.875vw; height: 51.625vw; visibility: hidden; pointer-events: none;}
  .hy__bl{position: absolute; left: var(--gutter); top: 22.625vw; width: 72.125vw; transform-origin: 0px 0px; opacity: 0; z-index: 4; pointer-events: none;}
  html body .hy__pg--p{text-align: left;}
  html body .hy__b{line-height: 1;}
  html body .hy__wo--p{flex-direction: column; gap: 0px;}
  html body .hy__wo--p .hy__w{text-wrap-mode: nowrap;}
  html body .hy__wo--p .hy__w:hover,html body .hy__wo--p .hy__w:focus{text-decoration: underline 1px; text-underline-offset: 0.12em;}
  .hy__bl,.hy__fb{display: none;}
  html body .hy__pg--p{position: relative;}
  html body .hy__pg--p .hy__pt br{display: none;}
  html body .hy__wo--p{position: relative; align-items: flex-start; text-align: left; margin-top: 8vw;}
}
@media (max-width: 640px){
  .hy__fb{position: absolute; left: 126.154vw; top: 55.3846vw; width: 118.718vw; height: 105.897vw; visibility: hidden; pointer-events: none;}
  .hy__bl{position: absolute; left: var(--gutter); top: 46.4103vw; width: 147.949vw; transform-origin: 0px 0px; opacity: 0; z-index: 4; pointer-events: none;}
  html body .hy__pg--p{text-align: left;}
  html body .hy__b{line-height: 1;}
  html body .hy__wo--p{flex-direction: column; gap: 0px;}
  html body .hy__wo--p .hy__w{text-wrap-mode: nowrap;}
  html body .hy__wo--p .hy__w:hover,html body .hy__wo--p .hy__w:focus{text-decoration: underline 1px; text-underline-offset: 0.12em;}
  .hy__bl,.hy__fb{display: none;}
  html body .hy__pg--p{position: relative;}
  html body .hy__pg--p .hy__pt br{display: none;}
  html body .hy__wo--p{position: relative; align-items: flex-start; text-align: left; margin-top: 11vw;}
}
html body .hy.hy--p,html body .hy{height: 100svh !important;}
@font-face { font-family: Sato; src: url("/fonts/satoshi/Satoshi-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
html body .sc-nav__center,html body .sc-nav__emblem{display: none !important;}
html body:not(#z) #scMenuOpen.sc-nav__menu{font-family: var(--f-titel) !important; font-weight: 400 !important; font-synthesis: none !important; letter-spacing: 0px !important; font-size: 3vw !important;}
html body .hy__bl,html body .hy__logo{display: none !important;}
html body .hy__row{transition: opacity 0.45s !important;}
html body .hy__wo--p{display: none !important;}
html body .hy__pg--2 .hy__pt2{font-family: var(--f-titel) !important; font-synthesis: none !important; text-transform: uppercase !important; line-height: 0.9 !important;}
html body .hy__pg--2 .hy__pb{font-family: var(--f-licht) !important; font-weight: 300 !important;}
html body .hy__btns{display: flex; align-items: baseline; gap: 2vw; margin-top: 2.6vw;}
html body .hy__pill{background-color: var(--brand-brown); color: var(--p-geel); border-radius: 999px; padding: 1.1em 1.7em; line-height: 1; text-wrap-mode: nowrap;}
html body .hy__pill:hover{background: rgb(59, 33, 25);}
@media (min-width: 1025px){
  html body .hy__pg--2{position: absolute; left: var(--gutter); width: 44vw; text-align: left; bottom: calc(32vh - var(--navh,84px)) !important;}
  html body .hy__pg--2 .hy__pt2{text-wrap-mode: nowrap; font-size: 4.75vw !important; margin-bottom: 5.2vw !important;}
  html body .hy__pg--2 .hy__pb{text-wrap-mode: nowrap; font-size: 1.32vw !important;}
  html body .hy__fb{left: 62vw !important; top: calc(var(--navh,84px) + 6vh) !important; width: 32vw !important; height: 62vh !important;}
}
@media (max-width: 1024px){
  html body:not(#z) #scMenuOpen.sc-nav__menu{font-size: 7.5vw !important;}
  html body .sc-nav__left{display: flex !important;}
  html body .sc-nav__wordmark{height: 5.2vw !important;}
  html body .hy__pg--2 .hy__pt2{font-size: 11vw !important; margin-bottom: 10vw !important;}
  html body .hy__pg--2 .hy__pb{font-size:var(--t-tekst) !important;}
  html body .hy__pg--2 .hy__pb br{display: none;}
  html body .hy__btns{flex-wrap: wrap; gap: 5.5vw; margin-top: 8.5vw;}
}
html body .hk{padding: 9vw var(--gutter); position: relative; background-image: url("/assets/textures/papier-bruin-6.jpg"); background-position: 0px 0px; background-size: 1000px 1000px; background-color: var(--p-papier); color: var(--brand-blue);}
html body .hk__cap{margin-bottom: 1.6vw;}
html body .hk__st{font-family: var(--f-licht); font-weight: 300; font-size: var(--t-statement); line-height: 1.12; letter-spacing: -0.01em; text-wrap-mode: nowrap;}
html body .hk__grid{display: grid; grid-template-columns: 5fr 7fr; column-gap: 4vw; margin-top: 7vw; align-items: stretch;}
html body .hk__r{padding-top: 3.6vw; padding-bottom: 2.4vw; padding-left: 5vw;}
html body .hk__pic{position: relative; overflow: hidden; min-height: 0px;}
html body .hk__pic img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
html body .hk__lead{font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lead); line-height: 1.14; letter-spacing: -0.012em; text-wrap-mode: nowrap; margin-bottom: 2.6vw !important;}
html body .hk__lead b{font-family: var(--f-body); font-weight: 600;}
html body .hk__l{list-style-type: none;}
html body .hk__l{max-width: 34vw;}
html body .hk__i + .hk__i{border-top: 1px solid var(--p-lijn-licht);}
html body .hk__h{display: flex; align-items: center; gap: 1vw; width: 100%; padding-top: 0.95vw; padding-bottom: 0.95vw; color: inherit; text-align: left; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lijst); line-height: 1.15; letter-spacing: -0.01em;}
html body .hk__x{max-width: none; flex-shrink: 0; height: 0.9em !important;}
html body .hk__b{transition: grid-template-rows 0.55s cubic-bezier(0.2, 0.7, 0.1, 1); display: grid; grid-template-rows: 0fr;}
html body .hk__b > div{overflow: hidden;}
html body .hk__p{font-family: var(--f-body); font-size: var(--t-body); line-height: 1.6; max-width: 32em;}
html body .hk__b .hk__p{padding-bottom: 1.2vw; padding-left: calc(2.575vw);}
html body .hk .hk__p{max-width: none; text-wrap-style: balance;}
html body .hk__nope{display: flex; align-items: center; justify-content: space-between; gap: 2vw; margin-top: 2.4vw; max-width: 34vw;}
html body .hk__no{font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel-s); line-height: 1; text-box: cap alphabetic; font-family: var(--f-titel) !important;}
html body .hk__pill{background-color: var(--brand-blue); color: var(--brand-brown); border-radius: 999px; padding: 1.1em 1.7em; line-height: 1; text-wrap-mode: nowrap;}
html body .hk__pill:hover{background: var(--p-geel);}
@media (max-width: 1024px){
  html body .hk{padding: 19.5vw var(--gutter);}
  html body .hk__cap{margin-bottom: 5.5vw;}
  html body .hk__st{font-size:var(--t-statement); text-wrap-mode: wrap;}
  html body .hk__st br{display: none;}
  html body .hk__grid{grid-template-columns: 1fr; row-gap: 15.5vw; margin-top: 11vw;}
  html body .hk__pic{aspect-ratio: 4 / 3;}
  html body .hk__r{padding-top: 0px; padding-bottom: 0px; padding-left: 0px;}
  html body .hk__lead{font-size:var(--t-lead); text-wrap-mode: wrap;}
  html body .hk__lead br{display: none;}
  html body .hk__h{font-size:var(--t-lijst); gap: 4vw; padding-top: 5.5vw; padding-bottom: 5.5vw;}
  html body .hk__p{font-size:var(--t-body);}
  html body .hk__b .hk__p{padding-bottom: 5.5vw; padding-left: 9vw;}
  html body .hk__no{font-size:var(--t-titel-s);}
  html body .hk__l,html body .hk__nope{max-width: none;}
  html body .hk__nope{flex-wrap: wrap; gap: 7vw; margin-top: 8.5vw;}
}
html body .se3{padding: 9vw var(--gutter); background-image: url("/assets/textures/papier-bruin-6.jpg"); background-position: 0px 0px; background-size: 1000px 1000px; background-color: var(--p-papier); color: var(--brand-blue);}
html body .se3__grid{display: grid; column-gap: 5vw;}
html body .se3__st{font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel);}
html body .se3__list{list-style-type: none;}
html body .se3__list li{display: flex; align-items: center; gap: 1vw; font-family: var(--f-licht); font-weight: 300; text-wrap-mode: nowrap;}
html body .se3__list li + li{border-top: 1px solid var(--p-lijn-licht);}
html body .se3__v{height: 0.9em; flex-shrink: 0;}
html body .se3__one{font-family: var(--f-licht); font-weight: 300; letter-spacing: -0.01em;}
html body .se3__one{transition: opacity 1s cubic-bezier(0.2, 0.7, 0.1, 1), transform 1s cubic-bezier(0.2, 0.7, 0.1, 1);}
html body .se3__one.in{opacity: 1; transform: none;}
html body .se3__qs{display: grid;}
html body .se3__q{transition: opacity 0.6s;}
html body .se3__nav{display: flex; align-items: center; gap: 0.8vw; color: var(--brand-blue);}
html body .se3__nav i{width: 3.4vw; height: 1px; background-color: currentcolor;}
html body .se3__row{display: flex; justify-content: space-between; align-items: flex-end; gap: 4vw; margin-top: 6vw;}
html body .se3__pill{flex-shrink: 0;}
@media (max-width: 1024px){
  html body .se3{padding: 19.5vw var(--gutter);}
  html body .se3__st{font-size:var(--t-titel);}
  html body .se3__list li{gap: 4vw;}
  html body .se3__nav{gap: 4vw;}
  html body .se3__nav i{width: 12vw;}
  html body .se3__row{flex-direction: column; align-items: flex-start; gap: 8.5vw;}
}
html body .se3__grid{row-gap: 4.4vw; grid-template-columns: 5fr 7fr !important; align-items: start !important;}
html body .se3__st{grid-row-start: 1; grid-column-start: 1;}
html body .se3__labs{grid-row-start: 1; grid-column-start: 2; align-self: end; display: flex !important;}
html body .se3__labg{display: grid;}
html body .se3__lab{transition: opacity 0.6s; grid-row-start: 1; grid-column-start: 1; opacity: 0;}
html body .se3__lab.on{opacity: 1;}
html body .se3__l{grid-row-start: 2; grid-column-start: 1;}
html body .se3__tk{grid-row-start: 2; grid-column-start: 2; align-self: stretch; display: flex; flex-direction: column;}
html body .se3__nav{line-height: 1; text-box: cap alphabetic;}
html body .se3__st{text-box: cap alphabetic;}
html body .se3__labs{text-box: cap alphabetic; line-height: 1;}
html body .se3__list{max-width: 24vw !important;}
html body .se3__list li{font-size: var(--t-tekst) !important; padding-top: 0.75vw !important; padding-bottom: 0.75vw !important; line-height: 1.3 !important;}
html body .se3__list li:first-child{padding-top: 0px !important;}
html body .se3__one{text-wrap-mode: nowrap; font-size: var(--t-lijst) !important; line-height: 1.25 !important;}
html body .se3__one b{font-family: var(--f-body); font-weight: 600;}
html body .se3__one{transition: opacity 1s cubic-bezier(0.2, 0.7, 0.1, 1), transform 1s cubic-bezier(0.2, 0.7, 0.1, 1); opacity: 0; transform: translateY(24px);}
html body .se3__one.in{opacity: 1; transform: none;}
html body .se3__q{transition: opacity 0.6s; grid-row-start: 1; grid-column-start: 1; opacity: 0; pointer-events: none; font-family: var(--f-licht); font-weight: 300; font-size: 2.3vw; line-height: 1.22; letter-spacing: -0.01em; text-align: justify; text-align-last: left; hyphens: auto;}
html body .se3__q.on{opacity: 1; pointer-events: auto;}
@media (max-width: 1024px){
  html body .se3__grid{grid-template-columns: 1fr !important; row-gap: 12vw;}
  html body .se3__st,html body .se3__labs,html body .se3__l,html body .se3__tk{grid-row-start: auto !important; grid-column-start: 1 !important;}
  html body .se3__labs{order: 3;}
  html body .se3__tk{order: 4;}
  html body .se3__list{max-width: none !important;}
  html body .se3__list li{text-wrap-mode: wrap; font-size:var(--t-tekst) !important;}
  html body .se3__one{text-wrap-mode: wrap; font-size:var(--t-lijst) !important;}
  html body .se3__one br{display: none;}
  html body .se3__q{font-size:var(--t-lead); text-align: left;}
}
html:not(#a) body:not(#z) :is(.cap, .hk__cap, .se3__lab, .se3__labs, .se3__labs span, .se3__nav, .tp__lnk, .hy__b, .hy__pill, .hk__pill, .mn2__cap, .rv__snd){font-family: var(--f-caps) !important; letter-spacing: -0.02em !important; text-transform: uppercase !important; font-size: var(--t-eyebrow) !important; font-synthesis: none !important;}
html:not(#a) body:not(#z) :is(.tp__lnk, .hy__b){text-decoration-line: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 0.15em !important;}
@media (max-width: 1024px){
  html:not(#a) body:not(#z) :is(.cap, .hk__cap, .se3__lab, .se3__labs, .se3__labs span, .se3__nav, .tp__lnk, .hy__b, .hy__pill, .hk__pill, .mn2__cap, .rv__snd){font-size:var(--t-eyebrow) !important;}
}
html body .mn2{padding: 9vw var(--gutter); background-color: var(--p-geel);}
html body .mn2__grid{display: grid; grid-template-columns: 5fr 3fr 4fr; column-gap: 3vw; align-items: stretch;}
html body .mn2__cap{margin-bottom: 3vw !important;}
html body .mn2__list{list-style-type: none;}
html body .mn2__w{display: flex; align-items: center; gap: 0px;}
html body .mn2__i + .mn2__i{margin-top: 1.6vw;}
html body .mn2__w span{transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.1, 1); font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel); text-box: cap alphabetic;}
html body .mn2__arr{transition: width 0.45s cubic-bezier(0.2, 0.7, 0.1, 1), opacity 0.3s, margin 0.45s; width: 0px; opacity: 0;}
html body .mn2__m{display: none;}
html body .mn2__pic{position: relative; overflow: hidden;}
html body .mn2__pic img{transition: opacity 0.5s; position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0;}
html body .mn2__pic img.on{opacity: 1;}
html body .mn2__ds{display: grid;}
html body .mn2__d{display: flex; flex-direction: column; justify-content: flex-end;}
html body .mn2__d .cap{text-box: cap alphabetic; line-height: 1;}
html body .mn2__d p{flex-shrink: 0; text-align: justify; text-align-last: left; hyphens: auto;}
html body .mn2__d{transition: opacity 0.4s; grid-row-start: 1; grid-column-start: 1; opacity: 0; pointer-events: none;}
html body .mn2__d.on{opacity: 1; pointer-events: auto;}
html body .mn2__d .tp__lnk{width: fit-content; transform: translateY(calc(-0.15em - 1px));}
html body .mn2__pic img[src*="podcast-koen"]{object-position: 50% 12%;}
html body .mn2__d p{margin-top: 1.3vw; margin-bottom: 2.2vw; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-tekst); line-height: 1.55;}
@media (max-width: 1024px){
  html body .mn2{padding: 19.5vw var(--gutter);}
  html body .mn2__grid{grid-template-columns: 1fr;}
  html body .mn2__pic,html body .mn2__ds{display: none !important;}
  html body .mn2__w span{font-size:var(--t-titel);}
  html body .mn2__arr{display: none;}
  html body .mn2__i{border-bottom: 1px solid var(--p-lijn-donker);}
  html body .mn2__i:last-child{border-bottom: 0;}
  html body .mn2__w{justify-content: space-between; padding: 4.5vw 0;}
  html body .mn2__w::after{content: ""; width: 4.5vw; height: 4.5vw; flex: none; margin-left: 4vw; background: linear-gradient(currentColor,currentColor) center/100% 1px no-repeat, linear-gradient(currentColor,currentColor) center/1px 100% no-repeat; transition: transform .45s cubic-bezier(.2,.7,.1,1);}
  html body .mn2__i.on .mn2__w::after{transform: rotate(45deg);}
  html body .mn2__m{display: block; overflow: hidden; max-height: 0; transition: max-height .55s cubic-bezier(.2,.7,.1,1);}
  html body .mn2__i.on .mn2__m{max-height: 80vh;}
  html body .mn2__m .cap{display: block; padding-top: 1vw;}
  html body .mn2__m .tp__lnk{display: inline-block; margin-bottom: 7vw;}
  html body .mn2__m p{margin-top: 2vw; margin-bottom: 4vw; font-family: var(--f-licht); font-weight: 300; font-size:var(--t-tekst);}
}
html body .rw{padding: 11vw var(--gutter); background-image: url("/assets/textures/papier-bruin-6.jpg"); background-position: 0px 0px; background-size: 1000px 1000px; background-color: var(--p-papier); color: var(--brand-blue);}
html body .rv__top{display: flex; justify-content: space-between; align-items: flex-end; gap: 4vw;}
html body .rv__st{text-align: right; font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel); text-box: cap alphabetic;}
html body .rw .rv__lab{text-box: cap alphabetic;}
html body .rv__track{display: grid; grid-auto-flow: column; grid-template-columns: repeat(4, 1fr); gap: 2vw; margin-top: 3.6vw;}
html body .rv__track::-webkit-scrollbar{display: none;}
html body .rv__c{scroll-snap-align: start;}
html body .rv__v{position: relative; aspect-ratio: 9 / 16; overflow: hidden; background-color: rgb(42, 23, 20);}
html body .rv__v video{width: 100%; height: 100%; object-fit: cover;}
html body .rv__snd{position: absolute; right: 1.2vw; bottom: 1.2vw; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; color: var(--brand-cream) !important;}
html body .rv__end{margin-top: 2.4vw;}
html body .wh{padding: 9vw var(--gutter); background-image: url("/assets/textures/papier-bruin-6.jpg"); background-position: 0px 0px; background-size: 1000px 1000px; background-color: var(--p-papier); color: var(--brand-blue);}
html body .wh__st{font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel); text-wrap-mode: nowrap; display: flex; justify-content: space-between; align-items: baseline;}
html body .wh__top{display: flex; justify-content: space-between; align-items: flex-end; margin-top: 7vw;}
html body .wh__lead{font-family: var(--f-licht); font-weight: 300; font-size: var(--t-statement); line-height: 1.12; letter-spacing: -0.01em; text-box: cap alphabetic;}
html body .wh__end{display: flex; gap: 3vw; margin-top: 3.6vw;}
@media (min-width: 1025px){html body .wh__end{width: calc((100% - 9vw) / 4); justify-content: space-between;}}
html body .wh__list{list-style-type: none; margin-top: 6vw; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 3vw;}
html body .wh__t{margin-bottom: 1.4vw; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lijst); line-height: 1.15; letter-spacing: -0.01em; text-box: cap alphabetic;}
html body .wh__p{font-family: var(--f-body); font-size: var(--t-body); line-height: 1.6; text-align: justify; text-align-last: left; hyphens: auto;}
@media (max-width: 1024px){
  html body .wh{padding: 19.5vw var(--gutter);}
  html body .wh__st{font-size:var(--t-titel); text-wrap-mode: wrap; display: block;}
  html body .wh__top{flex-direction: column; align-items: flex-start; gap: 8.5vw; margin-top: 11vw;}
  html body .wh__lead{font-size:var(--t-statement);}
  html body .wh__list{grid-template-columns: 1fr; row-gap: 15.5vw; margin-top: 14vw;}
  html body .wh__t{font-size:var(--t-lijst); margin-bottom: 4vw;}
  html body .wh__p{font-size:var(--t-body);}
}
html body .pd,html body .kf{padding: 9vw var(--gutter); background-color: var(--p-geel);}
html body :is(.pd__st, .kf__st){font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel); text-wrap-mode: nowrap; display: flex; justify-content: space-between; align-items: baseline;}
html body .pd__grid{display: grid; grid-template-columns: 7fr 5fr; column-gap: 4vw; margin-top: 7vw; align-items: stretch;}
html body .pd__l{display: flex; flex-direction: column; align-items: flex-start;}
html body .pd__list{flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; width: 100%;}
html body .pd__list li:first-child a{padding-top: 0px;}
html body .pd__top{display: flex; justify-content: space-between; align-items: flex-end; gap: 4vw;}
html body .pd__top .pd__st{text-align: left;}
html body .pd__lead{font-family: var(--f-licht); font-weight: 300; font-size: var(--t-statement); line-height: 1.12; letter-spacing: -0.01em; text-box: cap alphabetic;}
html body .pd__list{list-style-type: none; max-width: 34vw;}
html body .pd__list li + li{border-top: 1px solid var(--p-lijn-donker);}
html body .pd__list a{display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 1.6vw; padding-top: 1vw; padding-bottom: 1vw;}
html body .pd__list .cap{grid-column-start: 1; margin-bottom: 0.4vw;}
html body .pd__n{grid-column-start: 1; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lijst); line-height: 1.15; letter-spacing: -0.01em;}
html body .pd__arr{transition: opacity 0.35s, transform 0.35s; grid-row: 1 / 3; grid-column-start: 2; width: 1.8vw; opacity: 0; transform: translateX(-0.6vw);}
html body .pd__list li.on .pd__arr{opacity: 1; transform: none;}
html body .pd .pd__all{display: inline-block; text-box: cap alphabetic; margin-top: 2.4vw !important;}
html body .pd__cover{position: relative; aspect-ratio: 1 / 1; overflow: hidden;}
html body .pd__cover img{transition: opacity 0.8s; position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0;}
html body .pd__cover img.on{opacity: 1;}
html body .kf__grid{display: grid; grid-template-columns: 5fr 7fr; column-gap: 4vw; margin-top: 7vw; align-items: stretch;}
html body .kf__pic{min-height: 30vw;}
html body .kf__r{padding-top: 1.4vw; padding-left: 5vw; display: flex; flex-direction: column; align-items: flex-start;}
html body .kf__lead{font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lead); letter-spacing: -0.012em; text-wrap-style: balance;}
html body .kf .kf__who{margin-top: 2.4vw;}
html body .kf__lead{margin-top: auto;}
html body .kf .hy__pill{margin-top: 2.4vw;}
@media (max-width: 1024px){
  html body .pd,html body .kf{padding: 19.5vw var(--gutter);}
  html body :is(.pd__st, .kf__st){font-size:var(--t-titel); text-wrap-mode: wrap; display: block;}
  html body .pd__grid,html body .kf__grid{grid-template-columns: 1fr; row-gap: 15.5vw; margin-top: 11vw;}
  html body .pd__lead{font-size:var(--t-statement);}
  html body .pd__list{max-width: none;}
  html body .pd__n{font-size:var(--t-lijst);}
  html body .pd__arr{width: 5vw;}
  html body .pd__cover{order: -1;}
  html body .kf__pic{min-height: 0px;}
  html body .kf__r{padding-top: 0px; padding-left: 0px;}
  html body .kf__lead{font-size:var(--t-lead);}
  html body .kf .hy__pill{margin-top: 8.5vw;}
}
html body .ws{padding: 9vw var(--gutter); background-image: url("/assets/textures/papier-bruin-6.jpg"); background-position: 0px 0px; background-size: 1000px 1000px; background-color: var(--p-papier); color: var(--brand-blue);}
html body .ws__st{font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel); text-wrap-mode: nowrap; display: flex; justify-content: space-between; align-items: baseline;}
html body .ws .ws__lab{margin-top: 6vw; text-box: cap alphabetic;}
html body .ws__dn{display: inline-block; width: 1.6em; margin-left: 0.6em; transform: rotate(90deg); vertical-align: middle;}
html body .ws__list{list-style-type: none; margin-top: 2.6vw;}
html body .ws__r{display: grid; grid-template-columns: 3.6vw 22vw 1fr 9vw 16vw; align-items: center; padding-top: 2.4vw; padding-bottom: 2.4vw;}
html body .ws__r + .ws__r{border-top: 1px solid var(--p-lijn-licht);}
html body .ws__t{text-box: cap alphabetic; font-family: var(--f-titel); font-synthesis: none; text-transform: uppercase; font-size: var(--t-titel-s); line-height: 0.88; text-wrap-mode: nowrap;}
html body .ws__p{padding-right: 2vw; font-family: var(--f-body); text-wrap-mode: nowrap;}
html body .ws .tp__lnk{justify-self: end;}
html body .ws .ws__pill{background-color: var(--brand-blue); color: var(--brand-brown);}
html body .ws .ws__pill:hover{background: var(--p-geel);}
html body .ws .ws__pill{justify-self: end; margin-right: -1.7em;}
@media (max-width: 1024px){
  html body .ws{padding: 19.5vw var(--gutter);}
  html body .ws__st{font-size:var(--t-titel); text-wrap-mode: wrap; display: block;}
  html body .ws .ws__lab{margin-top: 11vw;}
  html body .ws__list{margin-top: 5.5vw;}
  html body .ws__r{grid-template-columns: auto 1fr; gap: 4vw 4vw; padding-top: 8.5vw; padding-bottom: 8.5vw;}
  html body .ws__n{grid-row-start: 1;}
  html body .ws__x{grid-row-start: 1; justify-self: end;}
  html body .ws__t,html body .ws__p{grid-column: 1 / -1;}
  html body .ws__t{font-size: 8vw;}
  html body .ws__p{padding-right: 0px; text-wrap-mode: wrap;}
  html body .ws__p br{display: none;}
  html body .ws .tp__lnk,html body .ws .ws__pill{grid-column: 1 / -1; justify-self: start; margin-top: 2vw;}
}
@media (max-width: 1024px){
  html body .rw{padding: 28vw var(--gutter);}
  html body .rv__top{flex-direction: column-reverse; align-items: flex-start; gap: 8.5vw;}
  html body .rv__st{text-align: left;}
  html body .rv__st{font-size:var(--t-titel);}
  html body .rv__track{grid-template-columns: repeat(2, 1fr); gap: 8.5vw 4vw; margin-top: 11vw;}
}
html body .ws__p{font-size: var(--t-body); line-height: 1.6;}
html body .kf__lead{line-height: 1.14;}
html:not(#a) body:not(#z) :is(.film__bar .label, .film__snd, .foot__menu a, .foot__legal .caps, .foot__legal a){font-family: var(--f-caps) !important; letter-spacing: -0.02em !important; text-transform: uppercase !important; font-size: var(--t-eyebrow) !important;}
html body .film__snd{text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em;}
html body .foot__brand p,html body .optin__f small{font-size: var(--t-body); line-height: 1.6;}
@media (max-width: 1024px){
  html:not(#a) body:not(#z) :is(.film__bar .label, .film__snd, .foot__menu a, .foot__legal .caps, .foot__legal a){font-size:var(--t-eyebrow) !important;}
  html body .ws__p,html body .foot__brand p,html body .optin__f small{font-size:var(--t-body);}
}
/* menubalk: tekst en woordmerk volgen de kleur van het blok eronder (blauw op bruin), ook zonder .sc-nav--solid */
html body .sc-nav{color: var(--navfg,var(--brand-brown)) !important;}
html body .sc-nav.sc-nav--solid{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; transition: background-color 0.35s, color 0.35s, opacity 0.45s; background: var(--navbg,var(--p-geel)) !important; color: var(--navfg,var(--brand-brown)) !important; box-shadow: none !important; backdrop-filter: none !important; mask-image: none !important;}
html.hy-intro .sc-nav{backdrop-filter: none; background: transparent !important; opacity: 1 !important; pointer-events: auto !important;}
.hy__frame img.hy__of.is-on{opacity: 1;}
html body .hy.hy-gone .hy__row{opacity: 0 !important;}
html body .hk__i.on .hk__b{grid-template-rows: 1fr;}
html body .mn2__i.on .mn2__arr{width: 2.4vw; opacity: 1; margin-right: 1.2vw;}
html body .pd__st{display: block; text-box: cap alphabetic;}
@media (max-width: 1024px){
  html body .pd__top{flex-direction: column; align-items: flex-start; gap: 7vw;}
  html body .pd__top .pd__st{text-align: left;}
}
.va,.vb{background: var(--p-geel); color: var(--brand-brown); padding: 9vw var(--gutter);}
.va__st{margin: 0px; font-family: var(--f-titel); text-transform: uppercase; font-size: var(--t-titel); line-height: 0.9; display: flex; justify-content: space-between; text-box: cap alphabetic;}
.va__intro{display: grid; grid-template-columns: 7fr 5fr; column-gap: 4vw; align-items: end; margin-top: 7vw;}
.va__lead{margin: 0px; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-tekst); line-height: 1.55; white-space: nowrap; text-box: cap alphabetic;}
.va__intro .tp__lnk{justify-self: end; color: var(--brand-brown); text-box: cap alphabetic;}
.va__pic{margin-top: 5vw; height: 34vw; overflow: hidden;}
.va__pic img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 70%; display: block;}
.va__lab{margin: 7vw 0px 0px; font-family: var(--f-caps); text-transform: uppercase; font-size: 1.6vw; line-height: 1; text-box: cap alphabetic;}
.va__cols{list-style: none; margin: 3.6vw 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr));}
.va__cols li{padding: 0px 1.6vw; min-width: 0px;}
.va__cols li:first-child{padding-left: 0px;}
.va__cols li:last-child{padding-right: 0px;}
.va__cols li + li{border-left: 1px solid var(--p-lijn-donker);}
.va__t{white-space: nowrap; margin: 0px; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lijst); line-height: 1.15; letter-spacing: -0.01em;}
.va__p{margin: 1.2vw 0px 0px; text-wrap: balance; font-family: var(--f-body); font-size: var(--t-body); line-height: 1.6;}
.va__yes{display: flex; justify-content: flex-end; align-items: center; gap: 3vw; margin-top: 7vw;}
.va__no{margin: 0px; font-family: var(--f-titel); text-transform: uppercase; font-size: var(--t-titel-s); line-height: 1; text-box: cap alphabetic;}
.vb__top{display: grid; grid-template-columns: 1fr; row-gap: 4vw;}
.vb__q{margin: 0px; font-family: var(--f-titel); text-transform: uppercase; font-size: var(--t-titel); line-height: 0.9; white-space: nowrap; text-box: cap alphabetic;}
.vb__stm{margin: 0px; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lead); line-height: 1.25; letter-spacing: -0.012em; white-space: nowrap; text-box: cap alphabetic;}
.vb__pics{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2vw; margin-top: 7vw; align-items: start;}
.vb__pics img{width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block;}
.vb__pics img:nth-child(2){margin-top: 6vw;}
.vb__grid{display: grid; grid-template-columns: 7fr 5fr; column-gap: 4vw; margin-top: 7vw; align-items: stretch;}
.vb__list{list-style: none; margin: 0px; padding: 0px;}
.vb__list li{display: flex; align-items: baseline; gap: 1.6vw; padding: 1.1vw 0px; cursor: default;}
.vb__list li:first-child{padding-top: 0px;}
.vb__list li + li{border-top: 1px solid var(--p-lijn-donker);}
.vb__n{font-family: var(--f-caps); font-size: var(--t-eyebrow); width: 2.4vw; flex: 0 0 auto;}
.vb__w{white-space: nowrap; font-family: var(--f-licht); font-weight: 300; font-size: 2.3vw; line-height: 1.1; letter-spacing: -0.01em; transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.1, 1);}
.vb__list li.on .vb__w{transform: translateX(1.2vw);}
.vb__side{display: flex; flex-direction: column; gap: 3.6vw;}
.vb__ds{display: grid;}
.vb__d{grid-area: 1 / 1; margin: 0px; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-tekst); line-height: 1.55; text-align: justify; text-align-last: left; hyphens: auto; opacity: 0; transition: opacity 0.4s; text-box: trim-start cap alphabetic;}
.vb__d.on{opacity: 1;}
.vb__side .hy__pill{align-self: flex-start; margin-top: auto; margin-bottom: 0.73vw;}
@media (max-width: 1024px){
  .va,.vb{padding: 19.5vw var(--gutter);}
  .va__st{font-size:var(--t-titel); display: block; white-space: normal;}
  .va__intro,.vb__grid{grid-template-columns: 1fr; row-gap: 12vw; margin-top: 11vw;}
  .va__lead{white-space: normal; font-size:var(--t-tekst);}
  .va__lead br{display: none;}
  .vb__top{grid-template-columns: 1fr; row-gap: 12vw;}
  .vb__q,.vb__stm{grid-column: 1;}
  .vb__stm{font-size:var(--t-tekst); padding-left: 0px; white-space: normal;}
  .vb__stm br{display: none;}
  .vb__pics{gap: 4vw; margin-top: 11vw;}
  .vb__pics img:nth-child(2){margin-top: 11vw;}
  .va__intro .tp__lnk{justify-self: start;}
  .va__pic{height: 56vw; margin-top: 11vw;}
  .va__lab{font-size:var(--t-eyebrow); margin-top: 17vw;}
  .va__cols{grid-template-columns: 1fr; margin-top: 8.5vw;}
  .va__t{white-space: normal;}
  .va__cols li,.va__cols li:first-child,.va__cols li:last-child{padding: 5vw 0px;}
  .va__cols li + li{border-left: 0px; border-top: 1px solid var(--p-lijn-donker);}
  .va__t{font-size:var(--t-lijst);}
  .va__t br{display: none;}
  .va__p{font-size:var(--t-body); margin: 2vw 0px 0px;}
  .va__cols li + li{border-left: 0px;}
  .va__yes{justify-content: flex-start; flex-wrap: wrap; gap: 7vw; margin-top: 14vw;}
  .va__no{font-size:var(--t-titel-s);}
  .vb__q{font-size:var(--t-titel); white-space: normal;}
  .vb__list li{gap: 4vw; padding: 4vw 0px;}
  .vb__n{font-size:var(--t-eyebrow); width: 7vw;}
  .vb__w{font-size:var(--t-lijst); white-space: normal;}
  .vb__d{font-size: 4.6vw;}
  .vb__side{gap: 8.5vw;}
}
html body :is(.se3__st, .rv__st, .wh__st, .pd__st, .ws__st, .kf__st, .va__st, .vb__q){line-height: 0.9;}
html body .mn2__w span{line-height: 0.86;}

.nx{margin-top: 9vw; display: grid; grid-template-columns: 4fr 8fr; column-gap: 4vw; align-items: stretch;}
.nx__h{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.nx__st{margin: 0px; font-family: var(--f-titel); text-transform: uppercase; font-size: var(--t-titel-s); line-height: 0.9; color: var(--brand-brown); text-box: cap alphabetic;}
.nx__l{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr));}
.nx__l li{padding: 0px 1.6vw; display: flex; flex-direction: column; align-items: flex-start;}
.nx__l li:first-child{padding-left: 0px;}
.nx__l li:last-child{padding-right: 0px;}
.nx__l li + li{border-left: 1px solid var(--p-lijn-donker);}
.nx__l .cap{margin: 0px; color: var(--brand-brown); text-box: cap alphabetic;}
.nx__t{margin: 1.6vw 0px 0px; font-family: var(--f-licht); font-weight: 300; font-size: var(--t-lijst); line-height: 1.15; letter-spacing: -0.01em; color: var(--brand-brown); white-space: nowrap;}
.nx__p{margin: 1vw 0px 1.6vw; font-family: var(--f-body); font-size: var(--t-body); line-height: 1.6; color: var(--brand-brown);}
.nx .tp__lnk{color: var(--brand-brown); margin-top: auto !important;}
.nx .nx__all{margin-top: 0px !important;}
@media (max-width: 1024px){
  
  .nx{grid-template-columns: 1fr; row-gap: 12vw; margin-top: 19.5vw;}
  .nx__st{font-size:var(--t-titel-s);}
  .nx__l{grid-template-columns: 1fr; padding-left: 0px;}
  .nx__l li,.nx__l li:first-child,.nx__l li:last-child{padding: 5vw 0px;}
  .nx__l li + li{border-left: 0px; border-top: 1px solid var(--p-lijn-donker);}
  .nx__t{font-size:var(--t-lijst); margin-top: 4vw;}
  .nx__t br{display: none;}
  .nx__p{font-size:var(--t-body); margin: 2vw 0px 3vw;}
  .nx__h{gap: 5.5vw;}
}
html body .se3__qs{margin-bottom: 2.4vw;}
html body .kf__st{display: block;}
html body .foot__grid{align-items: center;}
html body .kf__lead{max-width: 34vw; text-wrap: balance;}
@media (max-width: 1024px){
  html body .kf__lead{max-width: none;}
  html body .kf__st br{display: none;}
}
html body .tt--optin span{white-space: nowrap;}
@media (max-width: 1024px){
  html body .tt--optin span{white-space: normal;}
}

/* ===== cijfers (band na de film) ===== */
.fx{background:var(--brand-blue);color:var(--brand-brown);padding:4.4vw var(--gutter)}
.fx__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,auto)}
.fx__l li{padding:0 1.6vw}.fx__l li:first-child{padding-left:0}.fx__l li:last-child{padding-right:0}
.fx__l li+li{border-left:1px solid var(--p-lijn-donker)}
.fx__n{font-variant-numeric:tabular-nums;margin:0 0 1.6vw;font-family:var(--f-titel);text-transform:uppercase;font-size:var(--t-titel);line-height:.9;color:var(--brand-brown);white-space:nowrap;text-box:trim-both cap alphabetic}
.fx .cap{margin:0;color:var(--brand-brown)}
@media (max-width:1024px){
  .fx{padding:14vw var(--gutter)}
  .fx__l{grid-template-columns:1fr 1fr;row-gap:19.5vw}
  .fx__l li,.fx__l li:first-child,.fx__l li:last-child{padding:0 4vw 0 0}.fx__l li+li{border-left:0}
  .fx__n{font-size:var(--t-titel);margin-bottom:4vw}
}

/* 2026-10-21: your people titel gespreid, vet in statement, podcastcover = breedte lead, koffietitel naast foto */
html body .vb__q{display: inline-block; justify-self: start; width: max-content;}
html body .vb__l2{display: flex; justify-content: space-between;}
html body .vb__stm b{font-family: var(--f-body); font-weight: 600;}
html body .kf__grid{margin-top: 0;}
html body .kf__r{padding-top: 0;}
html body .kf__r .kf__st{margin: 0; text-box: cap alphabetic;}
html body .kf__r .kf__lead{margin-top: var(--s-groep);}
html body .kf__r .hy__pill{margin-top: auto;}
html body .kf__r .kf__who{margin-bottom: var(--s-groep);}
@media (min-width: 1025px){
  html body .pd__grid{grid-template-columns: minmax(0, 1fr) 36.6vw;}
}
@media (max-width: 1024px){
  html body .kf__r .kf__lead{margin-top: 8.5vw;}
  html body .kf__r .kf__who{margin-bottom: 0;}
  html body .kf__r .hy__pill{margin-top: 8.5vw;}
}

/* 2026-10-21 r2: your people titel rechts parallel met tekst, podcastlead = inktbreedte cover, pijlen altijd, namen groter, Obviously-maten gelijk */
@media (min-width: 1025px){
  html body .vb__top{grid-template-columns: auto 1fr; align-items: start;}
  html body .vb__q{grid-column: 1; grid-row: 1; justify-self: start;}
  html body .vb__stm{grid-column: 2; grid-row: 1; justify-self: end;}
  html body .pd__grid{grid-template-columns: minmax(0, 1fr) 36.2vw;}
  html body .pd__lead{margin-right: -0.05em;}
  html body .pd__n{font-size: 2.2vw;}
  html body .pd__arr{width: 2.2vw;}
  html body .hy__pg--2 .hy__pt2{font-size: var(--t-titel) !important;}
  html body .hy__wo--p .hy__w{font-size: var(--t-titel) !important; line-height: 0.9 !important;}
}
html body .pd__arr,html body .pd__list li .pd__arr{opacity: 1; transform: none;}
html body .mn2__i + .mn2__i{margin-top: 0;}
html body .mn2__w span{line-height: 0.9; text-box: none;}
html body .mn2__i:first-child .mn2__w span{text-box: trim-start cap alphabetic;}
html body .mn2__i:last-child .mn2__w span{text-box: trim-end cap alphabetic;}

/* 2026-10-21: koffietekst in puntvorm via <br> (desktop), op mobiel loopt ze gewoon door */
html body .kf__lead{max-width: none; text-wrap: wrap; white-space: nowrap;}
@media (max-width: 1024px){
  html body .kf__lead{white-space: normal;}
  html body .kf__lead br{display: none;}
}

/* 2026-10-21: fotovel tussen begin en koffie, beeld origineel (geen overlay) */
html body .fs{position: relative; height: 100vh; overflow: hidden; background-color: var(--p-papier);}
html body .fs img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
@media (max-width: 1024px){html body .fs{height: 75vh;}}

/* 2026-10-21: koffie = voorstel variant 2: titel alleen bovenaan naast de foto, tekst + knop onderaan */
@media (min-width: 1025px){
  html body .kf__pic{min-height: 36vw;}
  html body .kf__r .kf__lead{margin-top: auto;}
  html body .kf__r .kf__who{margin-bottom: 0;}
  html body .kf__r .hy__pill{margin-top: 2.4vw;}
}

/* 2026-10-21: uitklapmenu in Obviously, zelfde maat en regelafstand als de titels; hover zonder vervagen */
html body .sc-menu__list{gap: 0;}
html:not(#a) body:not(#z) .sc-menu__list a{font-family: var(--f-titel) !important; font-weight: 900 !important; font-synthesis: none; font-size: var(--t-titel) !important; line-height: 0.9 !important; letter-spacing: 0 !important;}
html:not(#a) body.sc-menu-open:not(#z) .sc-menu__list a:hover{opacity: 1; text-decoration: underline 1px; text-underline-offset: 0.12em;}
@media (max-width: 1024px){html:not(#a) body:not(#z) .sc-menu__list a{font-size: 12vw !important;}}

/* 2026-10-21b: your people tekst start op de tweede titelregel (en foto's zakken mee); begin-opties in Mori */
@media (min-width: 1025px){
  html body .vb__stm{padding-top: calc(var(--t-titel) * 0.9);}
}
html body .ws__t{font-family: var(--f-licht); font-weight: 300; text-transform: none; font-size: var(--t-lijst); line-height: 1.15; letter-spacing: -0.01em;}
@media (max-width: 1024px){html body .ws__t{font-size:var(--t-lijst);}}

/* 2026-10-21: koffie = voorstel variant 3: gespiegeld, titel linksboven, tekst + knop onderaan, foto rechts */
@media (min-width: 1025px){
  html body .kf__grid{grid-template-columns: 7fr 5fr;}
  html body .kf__pic{order: 2;}
  html body .kf__r{order: 1; padding-left: 0; padding-right: 5vw;}
}

/* ---------- mobiele tokens (2026-10-22): dezelfde vier typorollen, maar met duidelijker verschil tussen de rollen en meer lucht ---------- */
@media (max-width:1024px){
  :root{--t-titel:12vw;--t-titel-s:10.5vw;--t-statement:8.2vw;--t-lead:6.4vw;--t-lijst:5.8vw;--t-tekst:4.8vw;--t-body:4.15vw;--t-eyebrow:3.2vw;--s-klein:5vw;--s-kop:6vw;--s-groep:11vw;}
}

/* gsm-opener (2026-10-22): hoogte = foto + tekst, nooit over elkaar (home.js meet) */
@media (max-width:1024px){
  html body .hy.hy--p,html body .hy{height:auto !important;}
  html body .hy__pin{height:100svh;}
}