/* ══════════════════════════════════════════════════════════════════════════
   MARKT ZES DOMBURG · homepage
   V1  Zeshoek        — de cementtegelvloer van het restaurant als bouwsysteem
   V2  Tien tot 24    — de dagklok, van de eerste koffie tot het laatste glas
   Alle tokens, ids en classes zijn per versie genamespaced (v1- / v2-).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── reset ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg,iframe{display:block;max-width:100%}
img{height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
address{font-style:normal}
body{overflow-x:hidden;background:#F4EEE4}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;top:-100px;left:16px;z-index:200;background:#171512;color:#F4EEE4;padding:12px 18px;font:600 14px/1 "Instrument Sans",system-ui,sans-serif;border-radius:2px}
.skip:focus{top:16px}
:where(a,button,[tabindex]):focus-visible{outline:2px solid #C1552F;outline-offset:3px;border-radius:2px}
[hidden]{display:none!important}

/* ── versietoggle · buiten beide composities ───────────────────────────── */
.vswitch{
  position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:180;
  display:flex;align-items:center;gap:2px;padding:5px 6px 5px 12px;
  background:rgba(23,21,18,.9);backdrop-filter:blur(10px);border-radius:100px;
  font:500 11px/1 "Instrument Sans",system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#EDE6DA;
  box-shadow:0 6px 24px rgba(0,0,0,.22)
}
.vswitch__lab{opacity:.5;margin-right:6px}
.vswitch__btn{padding:8px 13px;border-radius:100px;color:#EDE6DA;opacity:.55;letter-spacing:.08em;font-weight:600;transition:opacity .2s,background-color .2s}
.vswitch__btn:hover{opacity:.9}
.vswitch__btn[aria-pressed="true"]{background:#C1552F;color:#fff;opacity:1}
.vswitch__btn:focus-visible{outline:2px solid #F4EEE4;outline-offset:2px}
@media (max-width:700px){
  .vswitch{left:50%;transform:translateX(-50%);bottom:max(74px,calc(env(safe-area-inset-bottom) + 74px));padding:4px 5px 4px 10px}
  .vswitch__lab{display:none}
  .vswitch__btn{padding:7px 14px}
}

/* ══════════════════════════════════════════════════════════════════════════
   VERSIE 1 · ZESHOEK
   ══════════════════════════════════════════════════════════════════════════ */
#v1-root{
  /* kleuren afgelezen van de echte vloer, het plafond en het logo */
  --v1-cream:#F2EADC;
  --v1-paper:#FBF7F0;
  --v1-ink:#17140F;
  --v1-ink-2:#5B534A;
  --v1-terra:#C1552F;      /* merkkleur, voor vlakken en grote letters      */
  --v1-terra-d:#9E4322;    /* dezelfde kleur, leesbaar op crème             */
  --v1-terra-l:#D4693F;    /* dezelfde kleur, leesbaar op inkt              */
  --v1-terra-deep:#B04A27; /* vlakvulling waar witte tekst overheen komt    */
  --v1-cobalt:#2F4E86;
  --v1-cocoa:#6B3A28;
  --v1-olive:#6C7345;
  --v1-rose:#D8B4AC;
  --v1-line:rgba(23,20,15,.16);

  --v1-ff-d:"Archivo",system-ui,sans-serif;
  --v1-ff-a:"Instrument Serif",Georgia,serif;
  --v1-pad:clamp(18px,5vw,80px);
  --v1-max:1560px;

  background:var(--v1-cream);color:var(--v1-ink);
  font-family:var(--v1-ff-d);font-weight:400;
  font-size:clamp(15px,.35vw + 14px,17px);line-height:1.6;
  -webkit-font-smoothing:antialiased
}
#v1-root ::selection{background:var(--v1-terra);color:#fff}

/* ── kop ── */
.v1-head{
  position:fixed;inset:0 0 auto 0;z-index:120;
  display:flex;align-items:center;gap:clamp(16px,3vw,48px);
  padding:14px var(--v1-pad);
  transition:background-color .4s,color .4s,box-shadow .4s;color:#F5EFE5
}
.v1-head.is-solid{background:rgba(242,234,220,.92);backdrop-filter:blur(14px);color:var(--v1-ink);box-shadow:0 1px 0 var(--v1-line)}
.v1-head__brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.v1-head__mark{width:34px;height:34px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.v1-head.is-solid .v1-head__mark{filter:none}
.v1-head__wm{font-size:15px;letter-spacing:.16em;font-weight:300}
.v1-head__wm b{font-weight:800;letter-spacing:.1em}
.v1-head__nav{display:flex;gap:clamp(14px,2vw,34px);font-size:13px;letter-spacing:.06em;font-weight:500}
.v1-head__nav a{position:relative;padding:4px 0}
.v1-head__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.v1-head__nav a:hover::after{transform:scaleX(1);transform-origin:left}
.v1-head__cta{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.05em;padding:9px 16px;border:1px solid currentColor;border-radius:100px;transition:background-color .3s,color .3s,border-color .3s}
.v1-head__ctaDot{width:6px;height:6px;border-radius:50%;background:var(--v1-terra);box-shadow:0 0 0 0 rgba(193,85,47,.6);animation:v1pulse 2.6s infinite}
@keyframes v1pulse{0%{box-shadow:0 0 0 0 rgba(193,85,47,.55)}70%{box-shadow:0 0 0 8px rgba(193,85,47,0)}100%{box-shadow:0 0 0 0 rgba(193,85,47,0)}}
.v1-head__cta:hover{background:var(--v1-terra);border-color:var(--v1-terra);color:#fff}
.v1-burger{display:none;width:40px;height:40px;position:relative}
.v1-burger span{position:absolute;left:9px;right:9px;height:1.6px;background:currentColor;transition:transform .34s,opacity .3s}
.v1-burger span:nth-child(1){top:16px}
.v1-burger span:nth-child(2){top:23px}
.v1-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.v1-burger[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:960px){
  .v1-head__nav,.v1-head__cta{display:none}
  .v1-burger{display:block}
}
.v1-drawer{position:fixed;inset:0;z-index:115;background:var(--v1-ink);color:var(--v1-cream);display:flex;flex-direction:column;justify-content:center;padding:0 var(--v1-pad)}
.v1-drawer nav{display:flex;flex-direction:column;gap:6px}
.v1-drawer nav a{display:flex;align-items:baseline;gap:16px;font-size:clamp(30px,9vw,52px);font-weight:600;letter-spacing:-.02em;padding:8px 0;border-bottom:1px solid rgba(242,234,220,.14)}
.v1-drawer nav a i{font-style:normal;font-size:12px;letter-spacing:.14em;opacity:.5;font-weight:500}
.v1-drawer__foot{margin-top:36px;display:flex;flex-direction:column;gap:8px;font-size:15px}
.v1-drawer__foot a{color:var(--v1-terra-l)}

/* ── knoppen ── */
.v1-btn{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.03em;padding:15px 26px;border-radius:100px;transition:background-color .32s,color .32s,border-color .32s,transform .32s}
.v1-btn svg{width:18px;height:18px;transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.v1-btn:hover svg{transform:translateX(5px)}
.v1-btn--solid{background:var(--v1-terra);color:#fff}
.v1-btn--solid:hover{background:var(--v1-ink)}
.v1-btn--ghost{border:1px solid currentColor}
.v1-btn--ghost:hover{background:var(--v1-ink);color:var(--v1-cream);border-color:var(--v1-ink)}
.v1-btn--big{background:var(--v1-terra);color:#fff;font-size:clamp(18px,2.4vw,26px);padding:20px 34px;font-weight:700}
.v1-btn--big svg{width:24px;height:24px}
.v1-btn--big:hover{background:var(--v1-ink)}

/* ── eyebrow ── */
.v1-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--v1-terra)}
.v1-eyebrow{color:var(--v1-terra-d)}
.v1-eyebrow span{width:12px;height:14px;background:currentColor;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none}
.v1-eyebrow--light{color:var(--v1-terra-l)}

/* ── 01 hero ── */
.v1-hero{position:relative;min-height:100svh;display:grid;align-content:end;padding:0 var(--v1-pad) clamp(28px,6vh,72px);isolation:isolate;overflow:hidden}
.v1-hero__media{position:absolute;inset:0;z-index:-2}
.v1-hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.v1-hero__scrim{position:absolute;inset:0;background:
  linear-gradient(to top,rgba(12,10,8,.86) 0%,rgba(12,10,8,.5) 38%,rgba(12,10,8,.12) 66%,rgba(12,10,8,.42) 100%)}
/* de tegelvloer die oplost */
.v1-tilefloor{position:absolute;inset:-2%;z-index:2;pointer-events:none}
.v1-tile{position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);will-change:transform,opacity;transform-origin:50% 50%}

.v1-hero__body{position:relative;z-index:3;max-width:min(1100px,100%);color:#F7F2E9}
.v1-hero .v1-eyebrow{color:#F0C3AE}
/* de kop schaalt mee met de hoogte, zodat de knoppen altijd boven de vouw blijven */
.v1-hero__t{
  font-size:clamp(42px,min(10.2vw,14.6vh),150px);line-height:.88;letter-spacing:-.045em;font-weight:800;
  margin:clamp(10px,1.6vh,18px) 0 clamp(12px,2vh,22px)
}
.v1-hero__t .ln{display:block;overflow:hidden}
.v1-hero__t .ln>span{display:block}
.v1-hero__t em{font-family:var(--v1-ff-a);font-style:italic;font-weight:400;letter-spacing:-.01em;color:#F1C0A6}
.v1-hero__p{max-width:52ch;font-size:clamp(15px,1.15vw,19px);color:rgba(247,242,233,.86);margin-bottom:clamp(16px,2.6vh,30px)}
.v1-hero__acts{display:flex;flex-wrap:wrap;gap:12px}
.v1-hero .v1-btn--ghost{color:#F7F2E9}
.v1-hero .v1-btn--ghost:hover{background:#F7F2E9;color:var(--v1-ink)}
.v1-hero__meta{position:absolute;right:var(--v1-pad);top:52%;z-index:3;text-align:right;color:rgba(247,242,233,.9);font-size:12px;letter-spacing:.08em;line-height:2;border-right:1px solid rgba(247,242,233,.35);padding-right:14px}
.v1-hero__meta b{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:10px;display:block;opacity:.65}
@media (max-width:900px){.v1-hero__meta{display:none}}
.v1-scrollcue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(247,242,233,.8);font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.v1-scrollcue__hex{width:13px;height:15px;background:currentColor;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:v1drop 2.4s cubic-bezier(.5,0,.3,1) infinite}
@keyframes v1drop{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}
@media (max-width:700px){.v1-scrollcue{display:none}}

/* ── 02 band ── */
.v1-band{background:var(--v1-ink);color:var(--v1-cream);padding:22px 0;overflow:hidden;position:relative}
.v1-band__track{display:flex;width:max-content;will-change:transform}
.v1-band__set{display:flex;align-items:center;gap:clamp(18px,2.6vw,44px);padding-right:clamp(18px,2.6vw,44px)}
.v1-band__set span{font-size:clamp(15px,2vw,26px);font-weight:300;letter-spacing:-.01em;white-space:nowrap}
.v1-band__set i{display:block;width:11px;height:13px;background:var(--v1-terra);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none}

/* ── 03 zes · honingraat ── */
.v1-zes{padding:clamp(72px,11vw,160px) var(--v1-pad) clamp(60px,9vw,130px);max-width:var(--v1-max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.35fr);gap:clamp(30px,5vw,88px);align-items:start}
.v1-zes__intro{position:sticky;top:120px}
.v1-zes__t{font-size:clamp(34px,4.6vw,66px);line-height:.98;letter-spacing:-.038em;font-weight:700;margin:16px 0 18px}
.v1-zes__p{color:var(--v1-ink-2);max-width:40ch}
.v1-comb{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,20px)}
.v1-cell{position:relative;aspect-ratio:1/1.09;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2.4vw,38px) clamp(20px,3vw,44px);overflow:hidden;will-change:transform,opacity}
.v1-comb>li:nth-child(even){transform:translateY(14%)}
.v1-cell h3{font-size:clamp(15px,1.4vw,21px);line-height:1.15;letter-spacing:-.02em;font-weight:700;margin-bottom:8px;text-wrap:balance}
.v1-cell p{font-size:clamp(11.5px,.86vw,14px);line-height:1.45;opacity:.86;text-wrap:pretty}
.v1-cell__n{position:absolute;top:13%;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.2em;font-weight:700;opacity:.5}
.v1-cell--c1{background:var(--v1-terra-deep);color:#FFF6F0}
.v1-cell--c2{background:var(--v1-cobalt);color:#EAF0FB}
.v1-cell--c3{background:var(--v1-paper);color:var(--v1-ink);box-shadow:inset 0 0 0 1px var(--v1-line)}
.v1-cell--c4{background:var(--v1-cocoa);color:#F6E7DF}
.v1-cell--c5{background:var(--v1-olive);color:#F2F4E5}
.v1-cell--c6{background:var(--v1-ink);color:var(--v1-cream)}
.v1-cell--img,.v1-cell--img2{padding:0}
.v1-cell--img img,.v1-cell--img2 img{width:100%;height:100%;object-fit:cover}
@media (max-width:1080px){
  .v1-zes{grid-template-columns:1fr}
  .v1-zes__intro{position:static}
}
@media (max-width:560px){
  .v1-comb{gap:8px}
  .v1-cell{padding:14px 16px}
  .v1-cell h3{font-size:14px}
  .v1-cell p{font-size:11px;line-height:1.35}
}

/* ── 04 kaart · plakkende index ── */
.v1-kaart{background:var(--v1-ink);color:var(--v1-cream);padding:clamp(60px,8vw,120px) var(--v1-pad) clamp(70px,10vw,150px)}
.v1-kaart{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.6fr);gap:clamp(30px,5vw,90px);max-width:var(--v1-max);margin-inline:auto}
.v1-kaart__stick{position:sticky;top:110px}
.v1-kaart__t{font-size:clamp(38px,5.2vw,82px);line-height:.9;letter-spacing:-.045em;font-weight:800;margin:16px 0 30px}
.v1-kaart__t em{font-family:var(--v1-ff-a);font-style:italic;font-weight:400;color:var(--v1-terra-l)}
.v1-kaart__idx{display:flex;flex-direction:column;border-top:1px solid rgba(242,234,220,.18)}
.v1-kaart__idx a{display:flex;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid rgba(242,234,220,.18);font-size:15px;font-weight:500;opacity:.55;transition:opacity .3s,color .3s,padding-left .35s}
.v1-kaart__idx a i{font-style:normal;font-size:10.5px;letter-spacing:.16em;opacity:.7}
.v1-kaart__idx a:hover{opacity:1;padding-left:8px}
.v1-kaart__idx a.is-on{opacity:1;color:var(--v1-terra-l);padding-left:8px}
.v1-kaart__note{margin-top:26px;font-size:12px;line-height:1.55;opacity:.5;max-width:34ch}
.v1-grp{padding-bottom:clamp(44px,6vw,86px)}
.v1-grp__t{font-size:clamp(26px,3.4vw,46px);letter-spacing:-.035em;font-weight:300;padding-bottom:14px;border-bottom:1px solid rgba(242,234,220,.22);margin-bottom:8px}
.v1-grp__sub{font-family:var(--v1-ff-a);font-style:italic;font-weight:400;font-size:clamp(20px,2vw,28px);color:var(--v1-terra-l);margin:34px 0 4px}
.v1-list li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid rgba(242,234,220,.11)}
.v1-list .d{display:block;min-width:0}
.v1-list .d b{display:block;font-size:clamp(14.5px,1.05vw,17px);font-weight:600;letter-spacing:-.005em}
.v1-list .d i{display:block;font-style:normal;font-size:13px;line-height:1.45;opacity:.52;margin-top:3px;max-width:56ch}
.v1-list .p{font-size:clamp(14.5px,1.05vw,17px);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.v1-list .p small{font-size:10px;letter-spacing:.1em;opacity:.5;text-transform:uppercase;font-weight:500}
.v1-list li.is-star .d b::after{content:"";display:inline-block;width:9px;height:11px;margin-left:9px;background:var(--v1-terra);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);vertical-align:baseline}
.v1-list li.is-vegan .d b{color:#B7C77C}
.v1-share{margin-top:30px;padding:24px clamp(18px,2.4vw,32px);background:rgba(242,234,220,.07);border-left:3px solid var(--v1-terra)}
.v1-share h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--v1-terra-l);margin-bottom:12px}
.v1-share p{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:baseline;font-size:13.5px;line-height:1.5;padding:7px 0;opacity:.82}
.v1-share p b{font-weight:600;opacity:1}
.v1-share p span{font-weight:600;font-variant-numeric:tabular-nums}
.v1-share--alt{border-left-color:var(--v1-olive)}
.v1-share--alt h4{color:#B7C77C}
.v1-grp__foot{margin-top:22px;font-size:12.5px;line-height:1.6;opacity:.5;max-width:64ch}
@media (max-width:1080px){
  .v1-kaart{grid-template-columns:1fr}
  .v1-kaart__stick{position:static}
  .v1-kaart__idx{display:none}
}

/* ── 05 signatuur ── */
.v1-sig{position:relative;max-width:var(--v1-max);margin-inline:auto;padding:clamp(72px,11vw,150px) var(--v1-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center}
.v1-sig__fig{position:relative;overflow:hidden;grid-column:1;justify-self:end;width:min(100%,520px)}
.v1-sig__fig img{width:100%;aspect-ratio:3/4;object-fit:cover;will-change:transform;transform:scale(1.12)}
/* de kop ligt over het beeld, niet over de prijzen ernaast */
.v1-sig__type{position:absolute;left:var(--v1-pad);width:min(45%,680px);top:50%;transform:translateY(-50%);pointer-events:none;z-index:2;text-align:left;mix-blend-mode:difference;color:#EDE3D4}
.v1-sig__big{display:block;font-size:clamp(42px,7vw,112px);line-height:.84;letter-spacing:-.05em;font-weight:800}
.v1-sig__big--i{margin-left:.32em}
.v1-sig__big--i{font-family:var(--v1-ff-a);font-style:italic;font-weight:400;letter-spacing:-.02em}
.v1-sig__body{grid-column:2;position:relative;z-index:3;max-width:44ch}
.v1-sig__lead{font-size:clamp(17px,1.5vw,23px);line-height:1.45;margin:16px 0 26px;text-wrap:pretty}
.v1-sig__specs{display:flex;gap:clamp(24px,4vw,56px);margin-bottom:30px}
.v1-sig__specs dt{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--v1-ink-2);margin-bottom:4px}
.v1-sig__specs dd{font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
@media (max-width:900px){
  .v1-sig{grid-template-columns:1fr;gap:0}
  .v1-sig__fig{grid-column:1;justify-self:stretch;width:100%}
  .v1-sig__body{grid-column:1;margin-top:26px;max-width:none}
  .v1-sig__type{position:static;width:auto;transform:none;mix-blend-mode:normal;color:var(--v1-ink);text-align:left;margin-bottom:14px}
  .v1-sig__big{font-size:clamp(42px,15vw,92px)}
  .v1-sig__big--i{margin-left:0}
}

/* ── 06 huis · verspringende kolommen ── */
.v1-huis{background:var(--v1-paper);padding:clamp(66px,9vw,130px) var(--v1-pad) clamp(90px,12vw,180px);overflow:hidden}
.v1-huis__head{max-width:var(--v1-max);margin:0 auto clamp(38px,5vw,70px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,60px);align-items:end}
.v1-huis__t{grid-column:1;font-size:clamp(32px,5vw,72px);line-height:.96;letter-spacing:-.04em;font-weight:700;margin-top:14px}
.v1-huis__head .v1-eyebrow{grid-column:1;grid-row:1}
.v1-huis__p{grid-column:2;color:var(--v1-ink-2);max-width:38ch}
.v1-huis__cols{max-width:var(--v1-max);margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,34px);align-items:start}
.v1-huis__col{display:flex;flex-direction:column;gap:clamp(12px,2vw,34px);will-change:transform}
.v1-huis__col:nth-child(2){margin-top:clamp(24px,6vw,90px)}
.v1-huis__col figure{position:relative;overflow:hidden}
.v1-huis__col img{width:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);will-change:transform}
.v1-huis__col figure:hover img{transform:scale(1.045)}
.v1-huis__col figcaption{position:absolute;left:12px;bottom:12px;background:rgba(23,20,15,.72);backdrop-filter:blur(6px);color:var(--v1-cream);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:7px 12px;border-radius:100px}
@media (max-width:900px){
  .v1-huis__head{grid-template-columns:1fr}
  .v1-huis__t,.v1-huis__p{grid-column:1}
  .v1-huis__cols{grid-template-columns:repeat(2,1fr)}
  .v1-huis__col:nth-child(3){grid-column:span 2;flex-direction:row}
  .v1-huis__col:nth-child(3) figure{flex:1}
}
@media (max-width:560px){
  .v1-huis__cols{grid-template-columns:1fr}
  .v1-huis__col:nth-child(2){margin-top:0}
  .v1-huis__col:nth-child(3){grid-column:auto;flex-direction:column}
}

/* ── 07 stille band ── */
.v1-quiet{background:var(--v1-cocoa);color:#F3E4DC;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:stretch}
.v1-quiet__in{padding:clamp(52px,8vw,110px) clamp(24px,5vw,90px)}
.v1-quiet__t{font-size:clamp(23px,2.9vw,42px);line-height:1.15;letter-spacing:-.028em;font-weight:300;margin:16px 0 34px;max-width:24ch;text-wrap:balance}
.v1-quiet .v1-eyebrow{color:#F0BBA4}
.v1-quiet__list{max-width:620px;border-top:1px solid rgba(243,228,220,.2)}
.v1-quiet__list li{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(243,228,220,.13);font-size:14.5px}
.v1-quiet__list b{font-weight:500}
.v1-quiet__list span{font-variant-numeric:tabular-nums;font-weight:600;opacity:.8}
.v1-quiet__fig{overflow:hidden}
.v1-quiet__fig img{width:100%;height:100%;object-fit:cover;min-height:340px}
@media (max-width:820px){
  .v1-quiet{grid-template-columns:1fr}
  .v1-quiet__fig img{min-height:240px;max-height:44vh}
}

/* ── 08 bezoek · informatiematrix ── */
.v1-bez{position:relative;padding:clamp(64px,9vw,130px) var(--v1-pad);max-width:var(--v1-max);margin-inline:auto;overflow:hidden}
.v1-bez__t{font-size:clamp(30px,4.6vw,64px);letter-spacing:-.042em;font-weight:800;margin-bottom:26px}
.v1-bez__grid{position:relative;z-index:2;border-top:1px solid var(--v1-line);max-width:940px}
.v1-bez__row{display:grid;grid-template-columns:minmax(150px,.42fr) 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--v1-line);align-items:baseline}
.v1-bez__row .k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--v1-ink-2)}
.v1-bez__row .v{font-size:clamp(16px,1.5vw,22px);font-weight:500}
.v1-bez__row .v a{position:relative;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s cubic-bezier(.2,.7,.2,1)}
.v1-bez__row .v a:hover{background-size:100% 1px}
.v1-bez__row .v a+a{margin-left:18px}
.v1-bez__pat{position:absolute;right:-6%;top:-8%;width:min(46vw,560px);aspect-ratio:1;opacity:.34;pointer-events:none;
  background-image:
    radial-gradient(circle at 50% 50%, var(--v1-cobalt) 0 3px, transparent 3.5px),
    radial-gradient(circle at 0% 50%, var(--v1-cocoa) 0 3px, transparent 3.5px),
    radial-gradient(circle at 100% 50%, var(--v1-terra) 0 3px, transparent 3.5px);
  background-size:46px 40px;mask-image:radial-gradient(circle at 70% 30%,#000 30%,transparent 72%)}
@media (max-width:620px){.v1-bez__row{grid-template-columns:1fr;gap:4px}.v1-bez__pat{display:none}}

/* ── 09 cta ── */
.v1-cta{background:var(--v1-terra-deep);color:#FFF6EF;padding:clamp(60px,9vw,140px) var(--v1-pad);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(26px,4vw,70px);align-items:end}
.v1-cta__t{font-size:clamp(52px,11vw,168px);line-height:.84;letter-spacing:-.05em;font-weight:800}
.v1-cta__side p{font-size:clamp(16px,1.4vw,21px);margin-bottom:26px;max-width:34ch;color:#FFF6EF}
.v1-cta .v1-btn--big{background:#FFF6EF;color:var(--v1-terra-deep)}
.v1-cta .v1-btn--big:hover{background:var(--v1-ink);color:#FFF6EF}
.v1-cta__mail{display:block;width:fit-content;margin-top:18px;font-size:14px;color:#FFF6EF;border-bottom:1px solid rgba(255,246,239,.5);padding-bottom:2px}
@media (max-width:820px){.v1-cta{grid-template-columns:1fr}}

/* ── voet ── */
.v1-foot{background:var(--v1-ink);color:rgba(242,234,220,.8);padding:clamp(38px,5vw,64px) var(--v1-pad) calc(clamp(38px,5vw,64px) + 60px);display:grid;grid-template-columns:repeat(4,auto);gap:26px;justify-content:space-between;align-items:start;font-size:13px}
.v1-foot__brand{display:flex;align-items:center;gap:12px}
.v1-foot__brand span{display:block;font-size:14px;letter-spacing:.16em;font-weight:300;color:var(--v1-cream)}
.v1-foot__brand b{font-weight:800;letter-spacing:.1em}
.v1-foot__brand i{display:block;font-style:normal;font-size:10px;letter-spacing:.28em;opacity:.5;margin-top:3px}
.v1-foot__soc{display:flex;flex-direction:column;gap:6px}
.v1-foot__soc a:hover,.v1-foot__adr a:hover{color:var(--v1-terra-l)}
.v1-foot__cr{opacity:.45}
@media (max-width:820px){.v1-foot{grid-template-columns:1fr 1fr;gap:22px}}
@media (max-width:480px){.v1-foot{grid-template-columns:1fr}}

/* ── mobiele actiebalk ── */
.v1-sticky,.v2-sticky{position:fixed;left:0;right:0;bottom:0;z-index:150;display:none;text-align:center;padding:17px 16px calc(17px + env(safe-area-inset-bottom));font-size:15px;font-weight:700;letter-spacing:.02em}
.v1-sticky{background:var(--v1-terra);color:#fff}
@media (max-width:700px){.v1-sticky{display:block}}

/* ══════════════════════════════════════════════════════════════════════════
   VERSIE 2 · VAN TIEN TOT MIDDERNACHT
   Achtergrond en tekstkleur schuiven met de scrollpositie mee door de dag.
   ══════════════════════════════════════════════════════════════════════════ */
#v2-root{
  --v2-bg:#F8F4ED;
  --v2-fg:#1A1713;
  --v2-mut:#615A50;
  --v2-line:rgba(26,23,19,.15);
  --v2-terra:#C1552F;
  --v2-panel:rgba(26,23,19,.045);

  --v2-ff-d:"Fraunces",Georgia,serif;
  --v2-ff-b:"Instrument Sans",system-ui,sans-serif;
  --v2-pad:clamp(18px,5vw,84px);
  --v2-max:1480px;

  /* achtergrond en tekstkleur worden per frame door de dagklok gezet */
  background:var(--v2-bg);color:var(--v2-fg);
  font-family:var(--v2-ff-b);font-size:clamp(15px,.35vw + 14px,17px);line-height:1.62;
  -webkit-font-smoothing:antialiased
}
#v2-root ::selection{background:var(--v2-terra);color:#fff}
#v2-root h1,#v2-root h2,#v2-root h3{font-family:var(--v2-ff-d);font-weight:400;font-variation-settings:"SOFT" 0,"WONK" 1}

/* ── kop ── */
.v2-head{position:fixed;inset:0 0 auto 0;z-index:120;display:flex;align-items:center;gap:clamp(14px,3vw,44px);padding:16px var(--v2-pad);transition:background-color .4s,box-shadow .4s;color:var(--v2-fg)}
.v2-head.is-solid{background:var(--v2-bg);background:color-mix(in srgb,var(--v2-bg) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--v2-line)}
.v2-head__brand{display:flex;align-items:center;gap:11px;margin-right:auto;font-family:var(--v2-ff-d);font-size:17px;letter-spacing:-.01em}
.v2-head__brand img{width:30px;height:30px}
.v2-head__nav{display:flex;gap:clamp(14px,2vw,32px);font-size:13.5px}
.v2-head__nav a{opacity:.62;transition:opacity .3s}
.v2-head__nav a:hover{opacity:1}
.v2-head__cta{font-size:13px;font-weight:600;padding:10px 20px;border-radius:100px;background:var(--v2-terra);color:#fff;transition:background-color .3s,transform .3s}
.v2-head__cta:hover{background:var(--v2-fg)}
.v2-burger{display:none;width:40px;height:40px;position:relative}
.v2-burger span{position:absolute;left:9px;right:9px;height:1.6px;background:currentColor;transition:transform .34s}
.v2-burger span:nth-child(1){top:16px}.v2-burger span:nth-child(2){top:23px}
.v2-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.v2-burger[aria-expanded="true"] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:960px){.v2-head__nav,.v2-head__cta{display:none}.v2-burger{display:block}}
.v2-drawer{position:fixed;inset:0;z-index:115;background:var(--v2-bg);color:var(--v2-fg);display:flex;flex-direction:column;justify-content:center;padding:0 var(--v2-pad)}
.v2-drawer nav{display:flex;flex-direction:column}
.v2-drawer nav a{font-family:var(--v2-ff-d);font-size:clamp(30px,9vw,52px);padding:12px 0;border-bottom:1px solid var(--v2-line)}
.v2-drawer__tel{margin-top:30px;color:var(--v2-fg);font-size:22px;font-weight:700;text-decoration:underline;text-decoration-color:var(--v2-terra);text-underline-offset:6px}

/* ── de klok · signatuur ── */
.v2-clock{position:fixed;right:clamp(14px,3vw,42px);top:50%;transform:translateY(-50%);z-index:110;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--v2-fg);pointer-events:none;opacity:0;transition:opacity .5s}
.v2-clock.is-on{opacity:1}
.v2-clock__dial{width:clamp(46px,4.4vw,62px);height:auto}
.v2-clock__hand{transform-origin:50px 50px;transform:rotate(0deg)}
.v2-clock__num{font-family:var(--v2-ff-d);font-size:13px;letter-spacing:.02em;font-variant-numeric:tabular-nums;
  writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.16em}
@media (max-width:860px){
  .v2-clock{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));right:12px;transform:none;flex-direction:row;gap:7px;background:var(--v2-bg);backdrop-filter:blur(8px);padding:7px 12px 7px 8px;border-radius:100px;border:1px solid var(--v2-line)}
  .v2-clock__dial{width:24px}
  .v2-clock__num{writing-mode:horizontal-tb;font-size:12px;letter-spacing:.06em}
}

/* ── knoppen ── */
.v2-btn{display:inline-flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;padding:16px 30px;border-radius:100px;background:var(--v2-terra);color:#fff;transition:background-color .32s,color .32s,transform .32s}
.v2-btn:hover{background:var(--v2-fg);transform:translateY(-2px)}
.v2-btn--line{background:transparent;color:var(--v2-fg);border:1px solid var(--v2-line)}
.v2-btn--line:hover{background:var(--v2-fg);color:var(--v2-bg);border-color:var(--v2-fg)}
.v2-btn--big{font-size:clamp(19px,2.6vw,30px);padding:22px 42px;font-weight:600;font-family:var(--v2-ff-d)}

.v2-kicker{display:flex;gap:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--v2-mut)}
.v2-kicker span{position:relative;padding-left:16px}
.v2-kicker span::before{content:"";position:absolute;left:0;top:.44em;width:6px;height:6px;border-radius:50%;background:var(--v2-terra)}
.v2-kicker--one span:first-child::before{background:var(--v2-terra)}
@media (max-width:640px){.v2-kicker span:last-child{display:none}}

/* ── 01 hero · typografische klok ── */
.v2-hero{min-height:100svh;padding:clamp(96px,14vh,150px) var(--v2-pad) clamp(30px,6vh,60px);max-width:var(--v2-max);margin-inline:auto;display:flex;flex-direction:column;justify-content:center;position:relative}
.v2-hero__t{display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(8px,1.6vw,28px);margin:clamp(16px,3vh,32px) 0 0;line-height:.82}
.v2-hero__l1,.v2-hero__l2{font-size:clamp(30px,5.4vw,84px);font-style:italic;font-variation-settings:"SOFT" 0,"WONK" 1;opacity:.72}
.v2-hero__num{font-size:clamp(96px,23vw,340px);letter-spacing:-.055em;font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1;font-weight:300;line-height:.78}
.v2-hero__num--b{color:var(--v2-terra)}
.v2-hero__sub{max-width:50ch;font-size:clamp(15.5px,1.25vw,20px);color:var(--v2-mut);margin:clamp(18px,3vh,34px) 0 clamp(22px,3vh,34px)}
.v2-hero__acts{display:flex;flex-wrap:wrap;gap:12px}
.v2-hero__peek{margin-top:clamp(30px,6vh,64px);overflow:hidden;border-radius:2px}
.v2-hero__peek img{width:100%;height:clamp(180px,30vh,340px);object-fit:cover;object-position:50% 62%;will-change:transform}
.v2-hero__cue{position:absolute;right:var(--v2-pad);bottom:clamp(30px,6vh,60px);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--v2-mut)}
@media (max-width:860px){.v2-hero__cue{display:none}}

/* ── 02 het uur · vastgezette vertelling ── */
.v2-uur{padding:clamp(50px,8vw,110px) var(--v2-pad) 0;max-width:var(--v2-max);margin-inline:auto}
.v2-uur__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(24px,5vw,86px);align-items:start}
.v2-uur__panel{position:sticky;top:calc(50vh - 27vh);height:54vh;min-height:320px;order:2;overflow:hidden;background:var(--v2-panel)}
.v2-uur__pic{position:absolute;inset:0;opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}
.v2-uur__pic.is-on{opacity:1}
.v2-uur__pic img{width:100%;height:100%;object-fit:cover}
.v2-uur__rail{order:1;padding:6vh 0 10vh}
.v2-step{padding:clamp(28px,6vh,64px) 0;border-top:1px solid var(--v2-line);opacity:.32;transition:opacity .5s}
.v2-step.is-on{opacity:1}
.v2-step__h{font-family:var(--v2-ff-d);font-size:clamp(34px,4.4vw,62px);line-height:1;letter-spacing:-.03em;color:var(--v2-terra);font-variant-numeric:tabular-nums;margin-bottom:10px}
.v2-step h3{font-size:clamp(19px,1.8vw,26px);letter-spacing:-.015em;margin-bottom:8px}
.v2-step p{color:var(--v2-mut);max-width:44ch}
@media (max-width:900px){
  /* mobiel: het beeld blijft als dekkende strip bovenaan staan en de uren
     schuiven eronder door. Doorschijnend zou de tekst erdoorheen laten zien. */
  .v2-uur__stage{grid-template-columns:1fr}
  .v2-uur__panel{order:1;position:sticky;top:62px;height:30vh;min-height:186px;z-index:2;
    background:var(--v2-bg);box-shadow:0 16px 26px -22px rgba(0,0,0,.6)}
  .v2-uur__rail{order:2;padding:0 0 6vh}
  .v2-step{opacity:1;padding:clamp(22px,4vh,40px) 0}
  .v2-step:first-child{padding-top:26px}
}

/* ── 03 op tafel · sleeprail ── */
.v2-tafel{padding:clamp(60px,9vw,130px) 0 clamp(40px,6vw,80px)}
.v2-tafel__head{max-width:var(--v2-max);margin:0 auto clamp(24px,4vw,44px);padding:0 var(--v2-pad);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}
.v2-tafel__head h2{font-size:clamp(34px,5.4vw,78px);letter-spacing:-.035em;line-height:.95}
.v2-tafel__head p{grid-column:1;color:var(--v2-mut);font-size:14.5px;margin-top:6px}
.v2-tafel__nav{grid-column:2;grid-row:1/3;display:flex;gap:8px;align-self:end}
.v2-arrow{width:50px;height:50px;border:1px solid var(--v2-line);border-radius:50%;display:grid;place-items:center;transition:background-color .3s,color .3s,border-color .3s}
.v2-arrow svg{width:20px;height:20px}
.v2-arrow:hover{background:var(--v2-fg);color:var(--v2-bg);border-color:var(--v2-fg)}
@media (max-width:700px){.v2-tafel__nav{display:none}}
.v2-rail{display:flex;gap:clamp(12px,1.8vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--v2-pad) 26px;scrollbar-width:thin;cursor:grab}
.v2-rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.v2-rail::-webkit-scrollbar{height:4px}
.v2-rail::-webkit-scrollbar-thumb{background:var(--v2-line);border-radius:4px}
.v2-card{flex:0 0 clamp(250px,26vw,340px);scroll-snap-align:start;user-select:none}
.v2-card img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:14px;pointer-events:none;transition:filter .5s}
/* het merkaccent zit in de stip, de tekst blijft leesbaar in elk uur van de dag */
.v2-card__k{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--v2-mut);margin-bottom:6px}
.v2-card__k::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--v2-terra);flex:none}
.v2-card h3{font-size:clamp(17px,1.5vw,21px);letter-spacing:-.015em;margin-bottom:6px}
.v2-card__d{font-size:13.5px;line-height:1.5;color:var(--v2-mut);min-height:3em}
.v2-card__p{margin-top:10px;font-family:var(--v2-ff-d);font-size:22px;font-variant-numeric:tabular-nums}
.v2-tafel__note{max-width:var(--v2-max);margin-inline:auto;padding:0 var(--v2-pad);font-size:12.5px;line-height:1.6;color:var(--v2-mut);max-width:min(72ch,var(--v2-max))}

/* ── 04 de bar · tellerband ── */
.v2-bar{background:#151310;color:#F2ECE2;padding:clamp(56px,8vw,120px) var(--v2-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:clamp(28px,5vw,80px);align-items:center;position:relative;overflow:hidden}
.v2-bar__txt h2{font-size:clamp(34px,5vw,72px);line-height:.94;letter-spacing:-.035em}
.v2-bar__txt p{margin-top:18px;max-width:42ch;color:rgba(242,236,226,.66)}
.v2-counts{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,44px);margin-top:clamp(30px,5vw,58px)}
.v2-counts>div{border-top:1px solid rgba(242,236,226,.2);padding-top:14px}
.v2-counts dt{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,236,226,.55);margin-bottom:6px;font-weight:600}
.v2-counts dd{font-family:var(--v2-ff-d);font-size:clamp(46px,6.4vw,96px);line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--v2-terra)}
.v2-bar__fig{grid-column:2;grid-row:1/3;overflow:hidden}
.v2-bar__fig img{width:100%;height:100%;max-height:70vh;object-fit:cover}
@media (max-width:880px){
  .v2-bar{grid-template-columns:1fr}
  .v2-bar__fig{grid-column:1;grid-row:auto;max-height:46vh}
  .v2-counts{grid-column:1}
}

/* ── 05 verhaal ── */
.v2-verhaal{padding:clamp(66px,10vw,150px) var(--v2-pad);max-width:var(--v2-max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(28px,5vw,80px);align-items:start}
.v2-verhaal .v2-kicker{grid-column:1/-1;margin-bottom:clamp(20px,3vw,40px)}
.v2-verhaal__col h2{font-size:clamp(28px,3.6vw,52px);line-height:1.06;letter-spacing:-.028em;margin-bottom:22px;text-wrap:balance}
.v2-verhaal__col p{font-size:clamp(15.5px,1.15vw,18.5px);color:var(--v2-mut);margin-bottom:20px;max-width:56ch}
.v2-quote{margin:30px 0;padding:22px 0 22px 26px;border-left:2px solid var(--v2-terra)}
.v2-quote p{font-family:var(--v2-ff-d);font-style:italic;font-size:clamp(24px,3vw,42px);line-height:1.1;letter-spacing:-.025em;color:var(--v2-fg)!important;margin:0!important}
.v2-verhaal__fig{overflow:hidden;position:sticky;top:100px}
.v2-verhaal__fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:880px){
  .v2-verhaal{grid-template-columns:1fr}
  .v2-verhaal__fig{position:static;order:-1}
  .v2-verhaal__fig img{aspect-ratio:16/10}
}

/* ── 06 filmisch volvlaks ── */
.v2-cine{position:relative;overflow:hidden}
.v2-cine__frame{height:min(96svh,760px);overflow:hidden}
.v2-cine__frame img{width:100%;height:120%;object-fit:cover;will-change:transform}
.v2-cine__cap{position:absolute;left:var(--v2-pad);bottom:clamp(26px,5vw,60px);right:var(--v2-pad);color:#F6F1E8;max-width:44ch;text-shadow:0 2px 30px rgba(0,0,0,.55)}
.v2-cine__cap h2{font-size:clamp(34px,6vw,86px);line-height:.92;letter-spacing:-.04em;margin-bottom:10px}
.v2-cine__cap p{font-size:clamp(14.5px,1.2vw,18px);color:rgba(246,241,232,.86)}
.v2-cine::after{content:"";position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(to top,rgba(10,8,6,.78),transparent);pointer-events:none}
.v2-cine__cap{z-index:2}

/* ── 07 voor iedereen ── */
.v2-ieder{padding:clamp(60px,9vw,130px) var(--v2-pad);max-width:var(--v2-max);margin-inline:auto;display:grid;gap:clamp(40px,7vw,110px)}
.v2-ieder article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(22px,4vw,64px);align-items:center}
.v2-ieder__b{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
.v2-ieder__a{margin-right:clamp(0px,10vw,160px)}
.v2-ieder__b{margin-left:clamp(0px,10vw,160px)}
.v2-ieder figure{overflow:hidden}
.v2-ieder figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.v2-ieder__b figure img{aspect-ratio:5/4}
.v2-ieder h3{font-size:clamp(24px,2.9vw,40px);letter-spacing:-.025em;margin-bottom:12px}
.v2-ieder article>div>p{color:var(--v2-mut);margin-bottom:22px;max-width:40ch}
.v2-ieder ul{border-top:1px solid var(--v2-line)}
.v2-ieder li{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--v2-line);font-size:14.5px}
.v2-ieder li b{font-weight:500}
.v2-ieder li span{font-variant-numeric:tabular-nums;color:var(--v2-mut)}
@media (max-width:820px){
  .v2-ieder article,.v2-ieder__b{grid-template-columns:1fr}
  .v2-ieder__a,.v2-ieder__b{margin:0}
  .v2-ieder__b figure{order:-1}
}

/* ── 08 hier ── */
.v2-hier{padding:clamp(56px,8vw,120px) var(--v2-pad);max-width:var(--v2-max);margin-inline:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,4vw,70px);align-items:center}
.v2-hier h2{font-size:clamp(30px,4.2vw,60px);letter-spacing:-.035em;line-height:.98;margin-bottom:20px}
.v2-hier address{font-size:clamp(18px,1.6vw,24px);line-height:1.4;margin-bottom:24px}
.v2-hier__hrs{border-top:1px solid var(--v2-line);margin-bottom:22px}
.v2-hier__hrs>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--v2-line);font-size:14.5px}
.v2-hier__hrs dt{color:var(--v2-mut)}
.v2-hier__hrs dd{font-variant-numeric:tabular-nums;font-weight:600}
.v2-hier__links{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:16px}
.v2-hier__links a{color:var(--v2-fg);font-weight:600;text-decoration:underline;text-decoration-color:var(--v2-terra);text-decoration-thickness:2px;text-underline-offset:5px}
.v2-hier__soc{display:flex;gap:18px;font-size:13px;color:var(--v2-mut)}
.v2-hier__soc a{border-bottom:1px solid var(--v2-line);padding-bottom:2px}
.v2-hier__soc a:hover{color:var(--v2-fg)}
.v2-hier__map{position:relative;background:var(--v2-panel)}
.v2-hier__map iframe{width:100%;height:clamp(280px,44vh,480px);border:0;filter:grayscale(.4) contrast(1.02)}
.v2-hier__maplink{position:absolute;right:12px;bottom:12px;background:var(--v2-fg);color:var(--v2-bg);font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:9px 15px;border-radius:100px}
@media (max-width:880px){.v2-hier{grid-template-columns:1fr}}

/* ── 09 reserveren ── */
.v2-res{padding:clamp(60px,10vw,150px) var(--v2-pad) clamp(50px,8vw,110px);max-width:var(--v2-max);margin-inline:auto;text-align:center}
.v2-res h2{font-size:clamp(44px,9vw,140px);line-height:.86;letter-spacing:-.045em;margin-bottom:22px}
.v2-res p{color:var(--v2-mut);max-width:40ch;margin:0 auto 32px;font-size:clamp(15.5px,1.2vw,19px)}
.v2-res__mail{display:block;margin-top:20px;font-size:14px;color:var(--v2-mut);text-decoration:underline;text-underline-offset:4px}

.v2-foot{border-top:1px solid var(--v2-line);padding:clamp(28px,4vw,44px) var(--v2-pad) calc(clamp(28px,4vw,44px) + 60px);display:flex;flex-wrap:wrap;gap:12px 34px;align-items:baseline;font-size:13px;color:var(--v2-mut);max-width:var(--v2-max);margin-inline:auto}
.v2-foot__b{font-family:var(--v2-ff-d);font-size:18px;color:var(--v2-fg);margin-right:auto}
.v2-foot__b span{font-style:italic;opacity:.55}
.v2-sticky{background:var(--v2-terra);color:#fff}
@media (max-width:700px){.v2-sticky{display:block}}

/* ── entree ── */
.rv{opacity:0;transform:translateY(26px)}
.rv-line{display:block;overflow:hidden}

/* ── minder beweging ── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rv{opacity:1!important;transform:none!important}
  .v1-tilefloor{display:none}
  .v1-band__track{transform:none!important;flex-wrap:wrap;width:100%;justify-content:center}
  .v1-band__set:nth-child(2){display:none}
  .v1-band__set{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .v1-sig__fig img{transform:none!important}
  .v2-step{opacity:1!important}
  .v2-uur__pic{transition:none}
  .v2-cine__frame img{height:100%;transform:none!important}
}