.fig .t,.fig .m{text-wrap:balance}
@media (min-width:981px){.fig .m{flex:none;max-width:36ch}}
.kop{padding-bottom:clamp(72px,8vw,120px)}
.terug{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-bottom:clamp(20px,3vw,40px);font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gips-3);text-decoration:none;transition:color .25s}
.terug:hover{color:var(--koper-licht)}
.kop .intro{margin-bottom:clamp(48px,6vw,88px)}
.kopbeeld{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:end}
.luik-wand{grid-column:1/8}
.luik-wand .kader{aspect-ratio:2/3}
.luik-wand img{object-position:100% 0;transform:scale(1.21);transform-origin:64% 0}
.luik-wand .m{max-width:none}
.kopbeeld .feiten{grid-column:9/13;grid-template-columns:minmax(0,1fr);margin:0}
.kopbeeld .feiten div,.kopbeeld .feiten div+div{padding:20px 0 22px;border-left:0;border-bottom:1px solid var(--lijn-zacht)}
.kopbeeld .feiten dt{margin-bottom:10px}
.kopbeeld .feiten dd b{font-size:clamp(34px,3.2vw,48px)}
.kopbeeld .feiten dd span{max-width:34ch}
@media (max-width:980px){
  .luik-wand{grid-column:1/8}
  .kopbeeld .feiten{grid-column:8/13}
  .kopbeeld .feiten div:nth-child(3){padding-left:0}
}
@media (max-width:760px){
  .kopbeeld{column-gap:16px}
  .luik-wand,.kopbeeld .feiten{grid-column:1/13}
  .kopbeeld .feiten{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin-top:12px}
}
@media (max-width:560px){.kopbeeld .feiten{grid-template-columns:minmax(0,1fr);margin-top:8px}}
.nw{white-space:nowrap}
.case{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.hfd{grid-column:1/4;position:sticky;top:calc(var(--nav-h) + 16px);align-self:start}
.hfd ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn);cursor:default}
.hfd li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--koper);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease)}
.hfd li.is-active::before{transform:scaleX(1)}
.hfd li{position:relative;display:flex;gap:16px;align-items:baseline;min-height:56px;padding:16px 0;border-bottom:1px solid var(--lijn-zacht);color:var(--gips-3);transition:color .25s}
.hfd li .n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--koper-licht);flex:none;width:2.2em;font-variant-numeric:tabular-nums}
.hfd li .t{font-family:var(--display);font-size:20px;line-height:1.1}
.hfd li.is-active{color:var(--gips)}
.hfd-voet{margin-top:32px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--gips-3);line-height:1.8;max-width:32ch;text-wrap:pretty}
.hfd .meer{margin-top:14px}
.hoofdstukken{grid-column:5/13}
.h{position:relative;padding-bottom:clamp(72px,8vw,120px)}
.h+.h{padding-top:clamp(64px,7vw,104px);border-top:1px solid var(--lijn-zacht)}
.h:last-child{padding-bottom:0}
.h .n{font-family:var(--mono);font-size:var(--t-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--koper-licht);display:flex;align-items:center;gap:14px;margin-bottom:26px}
.h .n::before{content:"";width:30px;height:1px;background:var(--koper);flex:none}
.h h2{font-size:clamp(34px,3.6vw,56px);line-height:1.02;margin-bottom:30px;max-width:18ch}
.h .tekst{font-size:17.5px;max-width:58ch}
.h .tekst p,.res-tekst .tekst p{text-wrap:pretty}
.h .fig{margin-top:clamp(40px,5vw,64px)}
.h-paar figcaption,.res-beeld figcaption{flex-direction:column;gap:6px}
.h-paar .m,.res-beeld .m{text-align:left;max-width:none}
.h-huis{max-width:640px}
.h-huis .kader{aspect-ratio:3/4}
.h-huis img{object-position:50% 50%}
.h-huis figcaption{flex-direction:column;gap:6px}
.h-huis .m{text-align:left;max-width:none}
@media (max-width:600px){.h-huis{max-width:none}}
.h-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:clamp(40px,5vw,64px);align-items:start}
.h-paar .fig{margin-top:0}
.h-paar .kader{aspect-ratio:2/3}
.h-paar img{object-position:100% 50%}
@media (max-width:600px){.h-paar{grid-template-columns:1fr;gap:28px}}
.keuzes{list-style:none;margin:clamp(40px,5vw,56px) 0 0;padding:0;border-top:1px solid var(--lijn)}
.keuzes li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 32px;padding:22px 0;border-bottom:1px solid var(--lijn-zacht);align-items:baseline}
.keuzes b{font-family:var(--display);font-weight:400;font-size:clamp(22px,2vw,28px);color:var(--gips);line-height:1.1}
.keuzes span{font-size:15.5px;color:var(--gips-2);line-height:1.55}
@media (max-width:980px){
  .hfd{grid-column:1/13;position:static;margin-bottom:clamp(40px,6vw,64px)}
  .hfd ol{display:none}
  .hfd-voet{display:none}
  .hfd .meer{margin-top:4px}
  .hoofdstukken{grid-column:1/13}
}
@media (max-width:980px){
  .hfd{order:1;margin:clamp(40px,6vw,64px) 0 0}
}
@media (max-width:600px){.keuzes li{grid-template-columns:1fr;gap:4px}}
@media (min-width:1041px){.band-bad{aspect-ratio:2/1;width:100%}}
.band-bad .band-media img{object-position:50% 30%}
.band-bad::after{background:linear-gradient(0deg,rgba(19,14,11,.93) 0%,rgba(19,14,11,.55) 32%,rgba(19,14,11,0) 60%),linear-gradient(180deg,var(--nacht) 0%,rgba(19,14,11,0) 14%)}
@media (max-width:760px){
  .band-bad .band-media img{object-position:26% 0}
  .band-bad::after{background:linear-gradient(0deg,rgba(19,14,11,.94) 0%,rgba(19,14,11,.72) 34%,rgba(19,14,11,.3) 60%,rgba(19,14,11,0) 78%),linear-gradient(180deg,var(--nacht) 0%,rgba(19,14,11,0) 14%)}
}
.res-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.res-tekst{grid-column:1/7}
.res-tekst h2{font-size:var(--t-kop);line-height:.98;margin-bottom:34px}
.res-tekst .tekst{font-size:var(--t-lead)}
.res-citaat{grid-column:8/13;padding-top:12px}
.res-citaat .citaat-blok blockquote p{font-size:clamp(26px,2.6vw,38px)}
.res-lijst{grid-column:1/13;margin-top:clamp(56px,7vw,96px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:981px){.res-lijst{grid-template-columns:calc(58.3333% - 10px) minmax(0,1fr)}}
@media (max-width:980px){.res-tekst,.res-citaat{grid-column:1/13}.res-citaat{margin-top:48px;padding-top:0}}
.res-beeld{grid-column:1/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;margin-top:clamp(56px,7vw,96px)}
.res-beeld .kader{aspect-ratio:3/4}
.res-beeld .rb-gang .kader{aspect-ratio:1388/2000}
.res-beeld img{object-position:50% 50%}
.rb-gang{grid-column:1/5}
.rb-ramen{grid-column:5/9;margin-top:clamp(48px,7vw,112px)}
.rb-vide{grid-column:9/13;margin-top:clamp(24px,3.5vw,56px)}
@media (max-width:980px){.rb-gang{grid-column:1/7}.rb-ramen{grid-column:7/13}.rb-vide{grid-column:4/10;margin-top:24px}}
@media (max-width:640px){.res-beeld{row-gap:40px}.rb-ramen,.rb-gang,.rb-vide{grid-column:1/13;margin-top:0}}
@media (max-width:560px){.res-lijst{grid-template-columns:1fr}}
.verder-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px;align-items:start}
.register{grid-column:1/8;list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.register li{position:relative}
.register li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--koper);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--ease)}
.register li:hover::before,.register li:focus-within::before{transform:scaleX(1)}
.register a{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;gap:10px 20px;align-items:baseline;padding:30px 0 28px;border-bottom:1px solid var(--lijn-zacht);text-decoration:none;color:var(--gips)}
.register .n{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--koper-licht);font-variant-numeric:tabular-nums}
.register .t{font-family:var(--display);font-size:clamp(28px,2.9vw,42px);line-height:1.04;transition:color .25s}
.register .m{grid-column:2;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--gips-3);line-height:1.6}
.register .pijl{grid-column:3;grid-row:1;align-self:center;width:26px;color:var(--koper-licht)}
.register a:hover .t,.register a:focus-visible .t{color:var(--koper-licht)}
.volgende{grid-column:9/13}
.volgende h3{font-size:clamp(28px,2.6vw,38px);line-height:1.05;margin-bottom:18px}
.volgende p:not(.label){font-size:15.5px;color:var(--gips-2);max-width:30ch}
.volgende .btn{margin-top:28px}
.volgende .meer{margin-top:6px;display:flex}
.volgende-tel{display:block;margin-top:26px;padding-top:20px;border-top:1px solid var(--lijn-zacht);font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--gips-3);line-height:1.8}
.volgende-tel a{color:var(--gips);text-decoration:none;display:inline-flex;min-height:44px;align-items:center}
.volgende-tel a:hover{color:var(--koper-licht)}
@media (max-width:980px){.register{grid-column:1/13}.volgende{grid-column:1/13}.volgende p:not(.label){max-width:46ch}}
@media (max-width:600px){
  .verder-grid{column-gap:16px}
  .register a{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:24px 0 22px}
  .register .n{grid-column:1}
  .register .t{grid-column:1;font-size:28px}
  .register .m{grid-column:1}
  .register .pijl{grid-column:2;grid-row:2}
}