/* loveteachingyoga.com — gewone CSS met BEM-namen, geen framework. Ontwerp: richting A "Het yogamagazine" (design/v6/a.html). */

@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/playfair-display-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/playfair-display-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Playfair Display"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/playfair-display-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/work-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/work-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/work-sans-latin-600-normal.woff2") format("woff2"); }

:root {
  --paper: #faf7f2; --white: #ffffff; --ink: #1d1a16; --soft: #4f4942; --line: #e3dcd1; --photo: #d9d2c6;
  --accent: #a8243a; --night: #1d1a16; --night-ink: #f6f1ea; --night-soft: #cfc6ba; --night-line: #4a443d; --night-accent: #f19aa8;
  --focus: #a8243a; --ok: #2f5d3a; --error: #a8243a;
  --g: clamp(20px, 4.4vw, 72px);
  --serif: "Playfair Display", Georgia, serif; --sans: "Work Sans", system-ui, -apple-system, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font: 400 19px/1.65 var(--sans); }
img { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 12px 18px; background: var(--ink); color: var(--paper); text-decoration: none; }
.skip:focus { top: 16px; }
.wrap { padding-inline: var(--g); max-width: 1680px; margin-inline: auto; }
.js-reveal [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform 1.1s cubic-bezier(.2,.7,.2,1); }
.js-reveal [data-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Kop */
.top { position: sticky; top: 0; z-index: 20; background: rgba(250, 247, 242, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.top__in { display: flex; align-items: center; gap: 40px; height: 84px; }
.top__home { display: block; flex: none; }
.top__logo { height: 30px; width: auto; }
.top__topics-nav { margin: 0 auto; }
.top__topics { display: flex; gap: 30px; margin: 0; padding: 0; list-style: none; }
.top__right { display: flex; gap: 28px; list-style: none; margin: 0; padding: 0; }
.top__link { display: inline-block; font-size: 16px; font-weight: 500; text-decoration: none; padding: 8px 0; border-bottom: 1px solid transparent; }
.top__link:hover, .top__link[aria-current] { border-bottom-color: var(--ink); }

/* Labels en byline */
.label { display: inline-block; padding-block: 4px; font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); text-decoration: none; }
a.label:hover { text-decoration: underline; text-underline-offset: 4px; }
.byline { font-size: 16px; color: var(--soft); margin: 0; }
.byline__name { color: var(--ink); font-weight: 600; }

/* Knop */
.more { display: inline-flex; align-items: center; gap: 12px; font: 600 17px/1 var(--sans); text-decoration: none; padding: 16px 24px; background: var(--ink); color: var(--paper); border: 0; border-radius: 999px; cursor: pointer; }
.more:hover { background: var(--accent); }
.more__arrow { transition: transform .3s; }
.more:hover .more__arrow { transform: translateX(4px); }

/* Omslag: uitgelicht artikel */
.cover { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-height: max(680px, calc(min(100vh, 980px) - 84px)); border-bottom: 1px solid var(--line); }
.cover__fig { position: relative; margin: 0; overflow: hidden; background: var(--photo); }
.cover__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.cover__text { display: flex; flex-direction: column; padding: 48px var(--g) 52px clamp(32px, 4vw, 72px); }
.cover__site { margin: 0 0 auto; font: 500 17px/1.4 var(--sans); color: var(--soft); padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.cover__site-name { color: var(--ink); }
.cover__story { margin-top: 48px; }
.cover__title { font: 500 clamp(52px, 7.2vw, 118px)/.96 var(--serif); letter-spacing: -.03em; margin: 18px 0 30px; }
.cover__title-link { text-decoration: none; }
.cover__title-link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 10px; }
.cover__short { margin: 0 0 6px; font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; }
.cover__answer { margin: 0 0 32px; font: 400 clamp(20px, 1.6vw, 24px)/1.5 var(--sans); max-width: 30em; }
.cover__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; }

/* Sectiekop */
.shead { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 16px 24px; padding: clamp(80px, 9vw, 150px) 0 48px; }
.shead__title { font: 500 clamp(40px, 4.6vw, 72px)/1 var(--serif); letter-spacing: -.025em; margin: 0; }
.shead__link { font-weight: 500; font-size: 17px; text-underline-offset: 5px; }

/* Raster met artikelen (homepage) */
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 88px clamp(28px, 3.4vw, 56px); align-items: start; }
.card { position: relative; }
.card--wide { grid-column: span 7; }
.card--narrow { grid-column: span 5; }
.card--low { margin-top: 140px; }
.card__fig { margin: 0 0 26px; overflow: hidden; background: var(--photo); }
.card__img { width: 100%; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.card:hover .card__img { transform: scale(1.035); }
.card__title { font: 500 clamp(30px, 2.8vw, 46px)/1.06 var(--serif); letter-spacing: -.02em; margin: 14px 0 16px; }
.card__link { text-decoration: none; }
.card__link::after { content: ""; position: absolute; inset: 0; }
.card__link:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.card .label { position: relative; z-index: 1; }
.card__answer { margin: 0 0 18px; color: var(--soft); max-width: 34em; }
.card__answer-label { color: var(--ink); font-weight: 600; }

/* Onderwerpen: donkere band */
.topics { background: var(--night); color: var(--night-ink); margin-top: clamp(100px, 10vw, 170px); padding: clamp(80px, 8vw, 128px) 0; }
.topics__title { font: 500 clamp(40px, 4.6vw, 72px)/1 var(--serif); letter-spacing: -.025em; margin: 0 0 56px; }
.topics__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; margin: 0; padding: 0; list-style: none; }
.topic { border-top: 1px solid var(--night-line); padding-top: 24px; }
.topic__name { font: 400 clamp(28px, 2.4vw, 38px)/1.1 var(--serif); margin: 0 0 6px; }
.topic__count { font-size: 15px; color: var(--night-soft); margin: 0 0 20px; }
.topic__list { margin: 0; padding: 0; list-style: none; }
.topic__item + .topic__item { margin-top: 10px; }
.topic__link { color: var(--night-ink); text-underline-offset: 5px; text-decoration-color: #7d746a; font-size: 18px; }
.topic__link:hover { text-decoration-color: currentColor; }
.topics :focus-visible { outline-color: var(--night-ink); }

/* Platform: rustig, één link */
.platform { position: relative; min-height: min(78vh, 760px); display: grid; align-items: end; overflow: hidden; }
.platform__fig { position: absolute; inset: 0; margin: 0; overflow: hidden; background: var(--photo); }
.platform__img { width: 100%; height: 100%; object-fit: cover; object-position: 62% 18%; }
.platform__panel { position: relative; background: var(--paper); margin: 0 0 0 var(--g); padding: 56px clamp(28px, 4vw, 64px); max-width: 640px; }
.platform__title { font: 500 clamp(36px, 3.8vw, 58px)/1.02 var(--serif); letter-spacing: -.02em; margin: 14px 0 20px; }
.platform__text { margin: 0 0 28px; }
.platform__credit { position: absolute; right: var(--g); bottom: 16px; margin: 0; font-size: 13px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }

/* Voet */
.foot { padding: 88px 0 56px; }
.foot__in { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; border-top: 1px solid var(--line); padding-top: 48px; }
.foot__logo { height: 30px; width: auto; margin-bottom: 18px; }
.foot__tag { font: italic 400 26px/1.3 var(--serif); margin: 0; max-width: 18em; }
.foot__h { font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; margin: 6px 0 16px; }
.foot__list { list-style: none; margin: 0; padding: 0; }
.foot__item + .foot__item { margin-top: 8px; }
.foot__link { text-underline-offset: 4px; font-size: 17px; }
.foot__copy { grid-column: 1 / -1; font-size: 15px; color: var(--soft); margin: 24px 0 0; }

/* Overzicht */
.index__head { padding: clamp(72px, 8vw, 128px) 0 40px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px; align-items: end; }
.index__title { font: 500 clamp(64px, 9.4vw, 152px)/.92 var(--serif); letter-spacing: -.035em; margin: 0; }
.index__lead { font-size: 22px; line-height: 1.55; margin: 0; max-width: 28em; }
.filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 64px; }
.filters__btn { appearance: none; border: 1px solid var(--line); background: var(--white); border-radius: 999px; padding: 11px 20px; font-size: 16px; font-weight: 500; cursor: pointer; min-height: 44px; }
.filters__btn:hover { border-color: var(--ink); }
.filters__btn[aria-pressed="true"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.filters__count { margin: 0 0 0 auto; font-size: 16px; color: var(--soft); }
.list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 80px clamp(24px, 3vw, 48px); margin: 0 0 40px; padding: 0; list-style: none; }
.list .card__title { font-size: clamp(28px, 2.4vw, 38px); }

/* Artikel */
.art__head { padding: clamp(56px, 6vw, 96px) 0 56px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 4vw, 72px); align-items: end; }
.art__title { font: 500 clamp(48px, 6.6vw, 112px)/.96 var(--serif); letter-spacing: -.035em; margin: 22px 0 36px; }
.art__meta { display: flex; flex-wrap: wrap; gap: 8px 32px; font-size: 17px; color: var(--soft); margin: 0; }
.art__meta-name { color: var(--ink); font-weight: 600; }
.art__fig { margin: 0; background: var(--photo); }
.art__heroimg { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; }
.art__body { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 7fr) minmax(0, 2fr); gap: clamp(32px, 4vw, 72px); padding-top: 72px; }
.cap { font-size: 14px; color: var(--soft); margin: 12px 0 0; }
.short { border-top: 3px solid var(--accent); padding: 24px 0 4px; margin: 0; }
.short__label { font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin: 0 0 14px; }
.short__text { font: italic 400 clamp(24px, 2.1vw, 32px)/1.3 var(--serif); margin: 0; letter-spacing: -.01em; }
.toc { position: sticky; top: 120px; align-self: start; }
.toc__h { font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; margin: 0 0 18px; }
.toc__list { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--line); }
.toc__link { display: block; padding: 8px 0 8px 18px; font-size: 16px; line-height: 1.4; text-decoration: none; color: var(--soft); margin-left: -1px; border-left: 2px solid transparent; }
.toc__link:hover, .toc__link[aria-current] { color: var(--ink); border-left-color: var(--ink); }
.article { max-width: 690px; min-width: 0; }
.article__p { margin: 0 0 1.15em; }
.article__lead { font-size: 22px; line-height: 1.6; }
.article__section { scroll-margin-top: 110px; }
.article__h2 { font: 500 clamp(32px, 3vw, 46px)/1.1 var(--serif); letter-spacing: -.02em; margin: 2.2em 0 .6em; }
.article__h3 { font: 600 21px/1.35 var(--sans); margin: 1.8em 0 .4em; }
.article__list { padding-left: 1.2em; margin: 0 0 1.2em; }
.article__item { margin-bottom: .5em; }
.article a { text-underline-offset: 4px; text-decoration-color: var(--accent); }
.article a:hover { text-decoration-thickness: 2px; }
.inl { margin: 48px 0; }
.inl--bleed { margin-inline: 0 clamp(-260px, -15vw, 0px); }
.inl__img { width: 100%; }
.pull { margin: 56px 0; padding: 0; }
.pull__q { font: italic 400 clamp(30px, 3vw, 44px)/1.2 var(--serif); margin: 0; letter-spacing: -.015em; }
.videos { margin: 48px 0; display: grid; gap: 24px; }
.video { margin: 0; border: 1px solid var(--line); background: var(--white); }
.video__frame { position: relative; aspect-ratio: 16 / 9; background: var(--night); color: var(--night-ink); display: grid; place-items: center; text-align: center; padding: 24px; }
.video__frame-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video__note { margin: 12px 0 0; font-size: 15px; color: var(--night-soft); max-width: 30em; }
.video__btn { appearance: none; display: inline-flex; align-items: center; gap: 12px; font: 600 17px/1 var(--sans); padding: 16px 24px; background: var(--night-ink); color: var(--ink); border: 0; border-radius: 999px; cursor: pointer; }
.video__btn:hover { background: var(--white); }
.video__frame :focus-visible { outline-color: var(--night-ink); }
.video__cap { padding: 14px 18px; font-size: 16px; margin: 0; }
.video__title { font-weight: 600; }
.faq { margin-top: 80px; border-top: 1px solid var(--ink); }
.faq__title { font: 500 clamp(32px, 3vw, 46px)/1.1 var(--serif); margin: 36px 0 20px; }
.faq__item { border-bottom: 1px solid var(--line); }
.faq__q { cursor: pointer; padding: 22px 44px 22px 0; font-weight: 600; font-size: 20px; line-height: 1.4; list-style: none; position: relative; }
.faq__q::-webkit-details-marker { display: none; }
.faq__q::after { content: "+"; position: absolute; right: 4px; top: 16px; font: 400 30px/1 var(--serif); }
.faq__item[open] .faq__q::after { content: "–"; }
.faq__a { margin: 0 0 24px; color: var(--soft); }
.sources { margin-top: 64px; }
.sources__h { font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; margin: 0 0 14px; }
.sources__list { margin: 0; padding-left: 1.2em; font-size: 17px; }
.sources__item { margin-bottom: 8px; }
.sources__link { text-underline-offset: 4px; overflow-wrap: anywhere; }
.author { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: baseline; margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); }
.author__name { font: italic 400 30px/1 var(--serif); margin: 0; }
.author__text { margin: 0; font-size: 17px; color: var(--soft); }
.related { border-top: 1px solid var(--line); margin-top: 120px; }
.related .list { margin-bottom: 0; }

/* Over en tekstpagina's */
.about__head { padding: clamp(72px, 8vw, 128px) 0 56px; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 40px; align-items: end; }
.about__title { font: 500 clamp(56px, 8.4vw, 136px)/.94 var(--serif); letter-spacing: -.035em; margin: 0; }
.about__lead { font-size: 22px; line-height: 1.55; margin: 0; }
.about__img { width: 100%; aspect-ratio: 2.2 / 1; object-fit: cover; object-position: 60% 55%; }
.about__body { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 96px); padding: 96px 0 40px; }
.about__h2 { font: 500 clamp(36px, 3.6vw, 56px)/1.04 var(--serif); letter-spacing: -.02em; margin: 0; }
.about__text { max-width: 660px; }
.about__p { margin: 0 0 1.1em; }
.about__sign { font: italic 400 40px/1.1 var(--serif); margin: 40px 0 0; }
.about__h3 { font: 600 21px/1.35 var(--sans); margin: 2em 0 .5em; }
.prose { max-width: 720px; padding-bottom: 40px; }
.prose__h2 { font: 500 clamp(28px, 2.6vw, 38px)/1.15 var(--serif); letter-spacing: -.015em; margin: 1.8em 0 .5em; }
.prose__p { margin: 0 0 1.1em; }
.prose__list { padding-left: 1.2em; margin: 0 0 1.1em; }
.prose__item { margin-bottom: .4em; }
.prose__note { font-size: 16px; color: var(--soft); margin-top: 2.4em; }

/* Wachtlijst */
.join { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 96px); padding: 24px 0 40px; align-items: start; }
.join__intro { position: sticky; top: 120px; }
.join__h2 { font: 500 clamp(30px, 2.8vw, 42px)/1.1 var(--serif); letter-spacing: -.015em; margin: 0 0 16px; }
.join__p { margin: 0 0 1em; }
.form { background: var(--white); border: 1px solid var(--line); padding: clamp(24px, 3.4vw, 48px); }
.form__group { border: 0; margin: 0 0 28px; padding: 0; min-width: 0; }
.form__legend { font: 600 14px/1.2 var(--sans); letter-spacing: .14em; text-transform: uppercase; padding: 0; margin: 0 0 14px; }
.form__choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.form__choice { position: relative; display: block; }
.form__radio { position: absolute; opacity: 0; width: 1px; height: 1px; }
.form__choice-box { display: block; height: 100%; border: 1px solid var(--line); border-radius: 4px; padding: 16px 18px; cursor: pointer; background: var(--paper); }
.form__choice-title { display: block; font-weight: 600; }
.form__choice-text { display: block; font-size: 16px; color: var(--soft); line-height: 1.45; margin-top: 4px; }
.form__radio:checked + .form__choice-box { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); background: var(--white); }
.form__radio:focus-visible + .form__choice-box { outline: 3px solid var(--focus); outline-offset: 3px; }
.form__field { margin: 0 0 22px; }
.form__label { display: block; font-weight: 600; font-size: 17px; margin-bottom: 8px; }
.form__hint { display: block; font-size: 15px; color: var(--soft); margin: -4px 0 8px; }
.form__input, .form__select { display: block; width: 100%; min-height: 48px; padding: 10px 14px; font-size: 18px; border: 1px solid #8a8278; border-radius: 4px; background: var(--white); }
.form__input:focus-visible, .form__select:focus-visible { outline-offset: 1px; }
.form__input[aria-invalid="true"] { border-color: var(--error); }
.form__error { display: block; color: var(--error); font-size: 15px; font-weight: 500; margin-top: 6px; }
.form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__privacy { font-size: 15px; color: var(--soft); margin: 0 0 24px; }
.form__status { margin: 20px 0 0; font-weight: 500; }
.form__status--error { color: var(--error); }
.thanks { background: var(--white); border: 1px solid var(--line); border-top: 3px solid var(--accent); padding: clamp(24px, 3.4vw, 48px); }
.thanks__title { font: 500 clamp(30px, 2.8vw, 42px)/1.1 var(--serif); margin: 0 0 12px; }
.thanks__text { margin: 0; }

/* 404 */
.missing { padding: clamp(72px, 8vw, 128px) 0 40px; max-width: 760px; }
.missing__title { font: 500 clamp(56px, 8vw, 120px)/.94 var(--serif); letter-spacing: -.035em; margin: 0 0 24px; }
.missing__text { font-size: 22px; margin: 0 0 32px; }

@media (max-width: 1100px) {
  .top__topics { gap: 20px; }
  .top__link { font-size: 15px; }
  .topics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 40px; }
  .art__body { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); }
  .art__spacer { display: none; }
  .inl--bleed { margin-inline: 0; }
  .list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .top__in { height: 68px; gap: 16px; }
  .top__logo { height: 24px; }
  .top__topics-nav { display: none; }
  .top__right { margin-left: auto; gap: 20px; }
  .cover { grid-template-columns: 1fr; min-height: 0; }
  .cover__fig { height: 58vh; min-height: 340px; }
  .cover__text { padding: 28px var(--g) 48px; }
  .cover__site { margin-bottom: 0; }
  .cover__story { margin-top: 32px; }
  .grid { grid-template-columns: 1fr; gap: 64px; }
  .card--wide, .card--narrow { grid-column: auto; }
  .card--low { margin-top: 0; }
  .shead { padding-top: 80px; padding-bottom: 32px; }
  .topics__grid { grid-template-columns: 1fr; }
  .platform { min-height: 0; display: block; }
  .platform__fig { position: relative; height: 56vh; }
  .platform__panel { margin: 0; max-width: none; padding: 40px var(--g); }
  .platform__credit { bottom: auto; top: calc(56vh - 30px); }
  .foot__in { grid-template-columns: 1fr; }
  .index__head, .about__head, .about__body, .art__head, .join { grid-template-columns: 1fr; }
  .join__intro { position: static; }
  .list { grid-template-columns: 1fr; gap: 56px; }
  .filters__count { margin: 8px 0 0; width: 100%; }
  .art__body { grid-template-columns: 1fr; padding-top: 40px; }
  .toc { position: static; border: 1px solid var(--line); padding: 20px; }
  .art__heroimg { aspect-ratio: 4 / 3; }
  .about__img { aspect-ratio: 4 / 3; }
}
@media (max-width: 560px) {
  body { font-size: 18px; }
  .top__item--wide { display: none; }
  .form__choices { grid-template-columns: 1fr; }
  .article__lead, .index__lead, .about__lead, .missing__text { font-size: 20px; }
}

/* Lange paginatitels (wachtlijst, privacy) iets kleiner */
.index__title--long { font-size: clamp(48px, 6.4vw, 104px); }
.article__h3 { scroll-margin-top: 110px; }
.form__select { -webkit-appearance: none; appearance: none; padding-right: 44px; background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%231d1a16' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center; }