@font-face{
  font-family:'Playfair Display';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url('/assets/fonts/playfair-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Playfair Display';
  font-style:italic;
  font-weight:400 500;
  font-display:swap;
  src:url('/assets/fonts/playfair-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Parisienne';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/assets/fonts/parisienne-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Source Sans 3';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('/assets/fonts/source-sans-3-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Source Sans 3';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('/assets/fonts/source-sans-3-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --hbw-wine:#4C0712;
  --hbw-hover:#7C2030;
  --hbw-body:#3A3239;
  --hbw-muted:#5F5761;
  --hbw-page:#FFFFFF;
  --hbw-stone:#FBFAFA;
  --hbw-mist:#F6F8F9;
  --hbw-mist-deep:#EDF1F3;
  --hbw-slate:#5A6C74;
  --hbw-slate-mid:#47585F;
  --hbw-slate-deep:#38464C;
  --hbw-footer:#2E1015;
  --hbw-on-dark:#F0E6E8;
  --hbw-on-dark-soft:#D6C3C6;
  --hbw-on-dark-faint:#B79EA3;
  --hbw-img-bg:#EEF1F2;
  --hbw-hero-wash:#B1C8CE;
  --hbw-hero-wash-deep:#94A2AA;
  --hbw-caption:#4E6068;
  --hbw-caption-deep:#3A484E;
  --hbw-fit-alt:#556770;
  --hbw-fit-alt-deep:#3E4E55;
  --hbw-rule-soft:#A3B4BA;
  --hbw-rule-mist:#C6D6DB;
  --hbw-grow:#F5F8F9;
  --hbw-optional:#8A8189;
  --hbw-on-featured:#F7F1F2;
  --hbw-line:rgba(58,50,57,.09);
  --hbw-line-strong:rgba(58,50,57,.12);
  --hbw-line-rule:rgba(58,50,57,.14);
  --hbw-line-faq:rgba(58,50,57,.18);
  --hbw-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --hbw-script:'Parisienne',cursive;
  --hbw-sans:'Source Sans 3',system-ui,sans-serif;
  --hbw-ease:cubic-bezier(.2,.7,.2,1);
  --hbw-radius:2px;
  --hbw-overlap:26px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--hbw-page);
  color:var(--hbw-body);
  font-family:var(--hbw-sans);
  font-size:18px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
p,figure,h1,h2,h3,blockquote,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--hbw-wine);text-decoration:none}
a:hover{color:var(--hbw-hover)}
img{display:block;max-width:100%;background:var(--hbw-img-bg)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
::selection{background:var(--hbw-wine);color:var(--hbw-page)}

.skip{
  position:absolute;
  left:1rem;
  top:-4rem;
  z-index:1200;
  padding:.7rem 1rem;
  background:var(--hbw-wine);
  color:var(--hbw-page);
  text-decoration:none;
  font-size:1rem;
}
.skip:focus,
.skip:focus-visible{
  top:1rem;
  color:var(--hbw-page);
}

html body nav#nav{
  background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--hbw-line);
  transition:transform .45s var(--hbw-ease);
}
html body nav#nav.is-away{transform:translateY(-100%)}
html body nav#nav .nav-inner{
  max-width:1280px;
  padding:.5rem clamp(1.25rem,4vw,3.5rem);
}
html body nav#nav .brand{
  position:relative;
  gap:.6rem;
}
html body nav#nav .brand img{
  width:auto;
  height:46px;
  background:none;
}
html body nav#nav .brand .brand-name{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
html body nav#nav .nav-links > a:not(.nav-cta),
html body nav#nav .nav-group-btn{
  font-family:var(--hbw-sans);
  color:var(--hbw-muted);
  border-radius:0;
}
html body nav#nav .nav-links > a:not(.nav-cta):hover,
html body nav#nav .nav-links > a:not(.nav-cta):focus-visible,
html body nav#nav .nav-group-btn:hover,
html body nav#nav .nav-group-btn:focus-visible{
  background:transparent;
  color:var(--hbw-wine);
}
html body nav#nav .nav-links > a[aria-current="page"]{
  background:transparent;
  color:var(--hbw-wine);
  font-weight:600;
}
html body nav#nav .nav-panel{
  background:var(--hbw-page);
  border:1px solid var(--hbw-line-strong);
  box-shadow:0 24px 60px -30px rgba(58,50,57,.3);
}
html body nav#nav .nav-panel a{color:var(--hbw-body)}
html body nav#nav a.nav-cta,
html body nav#nav a.nav-cta:link,
html body nav#nav a.nav-cta:visited,
html body nav#nav a.nav-cta:hover,
html body nav#nav a.nav-cta:active,
html body nav#nav a.nav-cta:focus,
html body nav#nav a.nav-cta:focus-visible{
  margin-left:.5rem;
  padding:.55rem 1.15rem;
  background:var(--hbw-wine);
  color:var(--hbw-page);
  -webkit-text-fill-color:var(--hbw-page);
  font-family:var(--hbw-sans);
  font-size:1rem;
  font-weight:600;
  border-radius:var(--hbw-radius);
  letter-spacing:0;
  text-transform:none;
}
html body nav#nav a.nav-cta:hover,
html body nav#nav a.nav-cta:focus-visible{
  background:var(--hbw-hover);
  color:var(--hbw-page);
  -webkit-text-fill-color:var(--hbw-page);
}
@media(max-width:860px){
  html body nav#nav .nav-links{
    background:var(--hbw-page);
    border-bottom:1px solid var(--hbw-line);
  }
  html body nav#nav .nav-links.open a:not(.nav-cta),
  html body nav#nav .nav-links.is-open a:not(.nav-cta){
    color:var(--hbw-muted);
    border-bottom:1px solid var(--hbw-line);
  }
  html body nav#nav a.nav-cta,
  html body nav#nav .nav-links.open a.nav-cta,
  html body nav#nav .nav-links.is-open a.nav-cta{
    background:var(--hbw-wine);
    color:var(--hbw-page);
    -webkit-text-fill-color:var(--hbw-page);
    border-radius:var(--hbw-radius);
  }
}

.reveal{opacity:0;transform:translateY(18px)}
.reveal.in{
  opacity:1;
  transform:none;
  transition:opacity .7s var(--hbw-ease),transform .7s var(--hbw-ease);
}
.reveal-stagger > *{opacity:0;transform:translateY(14px)}
.reveal-stagger.in > *{
  opacity:1;
  transform:none;
  transition:opacity .7s var(--hbw-ease),transform .7s var(--hbw-ease);
  transition-delay:calc(var(--i,0)*80ms);
}
.reveal.in > p,
.reveal.in > div,
.reveal.in > a{transition-delay:.12s}
.grain{position:relative;overflow:hidden}
.grain::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNDAnIGhlaWdodD0nMjQwJyB2aWV3Qm94PScwIDAgMjQwIDI0MCc+PGZpbHRlciBpZD0nbic+PGZlVHVyYnVsZW5jZSB0eXBlPSdmcmFjdGFsTm9pc2UnIGJhc2VGcmVxdWVuY3k9JzAuODUnIG51bU9jdGF2ZXM9JzInIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9JzAgMCAwIDAgMC41NSAgMCAwIDAgMCAwLjU4ICAwIDAgMCAwIDAuNjAgIDAgMCAwIDAuMTYgMCcvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNuKScvPjwvc3ZnPg==");
}
.ph{overflow:hidden;border-radius:var(--hbw-radius)}
.ph img{transition:transform 1.1s var(--hbw-ease)}
.ph:hover img{transform:scale(1.045)}
.wipe img{clip-path:inset(0 0 100% 0);transform:scale(1.06)}
.wipe.in img{
  clip-path:inset(0 0 0 0);
  transform:scale(1);
  transition:clip-path 1s var(--hbw-ease),transform 1.4s var(--hbw-ease);
}
@keyframes hbw-drift{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.home-wrap{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 clamp(1.25rem,4vw,3.5rem);
}
.home-eyebrow{
  margin:0 0 1.5rem;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--hbw-hover);
}
h1,h2,h3{
  font-family:var(--hbw-serif);
  font-weight:400;
  color:var(--hbw-wine);
  letter-spacing:-.018em;
  text-wrap:pretty;
}
h1 em,h2 em,h3 em{font-style:inherit;color:inherit;font-weight:inherit}
h3{font-weight:500;letter-spacing:0}
.script{
  font-family:var(--hbw-script);
  font-size:1.16em;
  line-height:.8;
  font-weight:400;
  color:inherit;
}
.home-copy{
  font-size:1.06rem;
  line-height:1.75;
  color:var(--hbw-muted);
}
.home-btn,
.home-btn-ghost,
.home-btn-light,
.contact-submit{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  padding:.85rem 1.5rem;
  font-family:var(--hbw-sans);
  font-size:1rem;
  font-weight:600;
  border-radius:var(--hbw-radius);
  border:0;
  cursor:pointer;
  text-decoration:none;
  transition:background .25s var(--hbw-ease),color .25s var(--hbw-ease),border-color .25s var(--hbw-ease);
}
.home-btn{
  background:var(--hbw-wine);
  color:var(--hbw-page);
}
.home-btn:hover,
.home-btn:focus-visible{
  background:var(--hbw-hover);
  color:var(--hbw-page);
}
.home-btn-light{
  background:var(--hbw-page);
  color:var(--hbw-wine);
}
.home-btn-light:hover,
.home-btn-light:focus-visible{
  background:var(--hbw-wine);
  color:var(--hbw-page);
}
.home-btn-ghost{
  background:transparent;
  border:1px solid var(--hbw-wine);
  color:var(--hbw-wine);
}
.home-btn-ghost:hover,
.home-btn-ghost:focus-visible{
  background:var(--hbw-wine);
  color:var(--hbw-page);
}
.home-btn-ghost.is-on-dark{
  border-color:rgba(255,255,255,.65);
  color:var(--hbw-page);
}
.home-btn-ghost.is-on-dark:hover,
.home-btn-ghost.is-on-dark:focus-visible{
  background:rgba(255,255,255,.16);
  color:var(--hbw-page);
}
.home-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--hbw-wine);
  font-weight:600;
  border-bottom:1px solid var(--hbw-wine);
}
.home-link:hover{color:var(--hbw-hover);border-bottom-color:var(--hbw-hover)}
.section-overlap{
  border-radius:var(--hbw-overlap) var(--hbw-overlap) 0 0;
  margin-top:calc(var(--hbw-overlap) * -1);
}

.hero-wrap{
  position:relative;
  z-index:0;
  height:calc(128svh - 74px);
}
.hero{
  position:sticky;
  top:0;
  height:calc(100svh - 74px);
  min-height:440px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:linear-gradient(170deg,var(--hbw-hero-wash) 0%,var(--hbw-hero-wash-deep) 100%);
}
#hero-photo{
  position:absolute;
  inset:-8% 0;
  width:100%;
  height:116%;
  max-width:none;
  object-fit:cover;
  object-position:66% 22%;
  background:none;
  will-change:transform;
  transform:translate3d(0,calc(var(--hero-p,0)*9%),0) scale(calc(1 + var(--hero-p,0)*0.06));
}
.hero-copy{
  position:relative;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 clamp(1.25rem,4vw,3.5rem) clamp(2.5rem,5vw,4rem);
  transform:translate3d(0,calc(var(--hero-p,0)*-22px),0);
  opacity:calc(1 - var(--hero-p,0)*0.85);
}
.hero-veil{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(30,22,26,.66) 0%,rgba(30,22,26,.40) 20%,rgba(30,22,26,.10) 34%,rgba(30,22,26,0) 44%),
    linear-gradient(180deg,rgba(30,22,26,0) 44%,rgba(30,22,26,.30) 62%,rgba(30,22,26,.66) 84%,rgba(30,22,26,.78) 100%);
}
.hero-copy .home-eyebrow{
  margin:0 0 1.4rem;
  letter-spacing:.26em;
  color:var(--hbw-page);
  text-shadow:0 1px 14px rgba(30,22,26,.75);
}
.hero-copy h1{
  max-width:12ch;
  font-size:clamp(2.6rem,5.6vw,4.6rem);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--hbw-page);
  text-shadow:0 2px 24px rgba(30,22,26,.6);
}
.hero-copy .lede{
  margin:1.1rem 0 0;
  max-width:40ch;
  font-size:1.02rem;
  line-height:1.7;
  color:var(--hbw-page);
  text-shadow:0 1px 16px rgba(30,22,26,.7);
}
.hero-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.6rem;
}

.marquee{
  position:relative;
  z-index:1;
  overflow:hidden;
  background:var(--hbw-page);
  border-bottom:1px solid var(--hbw-line);
  padding:1.6rem 0;
  will-change:transform;
}
.marquee-track{
  display:flex;
  width:max-content;
  gap:3.5rem;
  margin-left:var(--marquee-shift,0px);
  animation:hbw-drift 34s linear infinite;
}
.marquee-word{
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--hbw-wine);
}

.wat-is,
.pijlers,
.agenda,
.inside,
.kennismaken,
.faq,
.contact{
  position:relative;
  z-index:1;
  background:var(--hbw-page);
  padding:clamp(5rem,11vw,9rem) 0;
}
.wat-is-grid,
.pijlers-grid,
.vrijheid-grid,
.faq-grid,
.contact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:clamp(2.5rem,6vw,5rem);
  align-items:start;
}
.faq-grid{gap:clamp(2.5rem,6vw,4.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.wat-is-copy,
.vrijheid-copy,
.faq-copy{position:sticky;top:96px}
.pijlers-copy{
  position:sticky;
  top:110px;
  background:var(--hbw-page);
}
.wat-is h2,
.pijlers h2{max-width:22ch}
.wat-is .home-copy,
.pijlers .home-copy{margin-top:1.9rem;max-width:56ch}
.pijlers .home-copy{margin-top:1.6rem;max-width:none}
.wat-is .home-copy + .home-copy{margin-top:1.2rem}
.wat-is-figure{position:relative}
.wat-is-figure{
  padding-bottom:1.5rem;
}
.wat-is-figure img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:50% 22%;
  border-radius:var(--hbw-radius);
}
.wat-is-figure figcaption{
  position:absolute;
  left:0;
  bottom:-1.25rem;
  padding:.95rem 1.2rem;
  background:linear-gradient(140deg,var(--hbw-caption) 0%,var(--hbw-caption-deep) 100%);
  max-width:15rem;
  font-family:var(--hbw-serif);
  font-style:italic;
  font-size:1.05rem;
  line-height:1.45;
  color:var(--hbw-page);
}

.fit,
.vrijheid{
  position:relative;
  z-index:1;
  padding:clamp(5rem,11vw,9rem) 0;
  background:var(--hbw-stone);
  border-top:1px solid rgba(58,50,57,.08);
  border-bottom:1px solid rgba(58,50,57,.08);
}
.fit-head{max-width:60ch}
.fit-head h2,
.vrijheid-copy h2,
.faq-copy h2,
.contact-copy h2,
.inside-head h2,
.pakketten-head h2,
.leden-head h2{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.06}
.fit-head .home-copy,
.leden-head .home-copy,
.inside-head .home-copy,
.pakketten-head .home-copy{margin-top:1.6rem}
.pakketten-head .home-copy + .home-copy{margin-top:1.2rem}
.fit-cards{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:1.5rem;
  align-items:start;
}
.fit-card{
  padding:clamp(1.75rem,3.5vw,2.75rem);
  background:var(--hbw-page);
  border:1px solid rgba(58,50,57,.11);
  border-radius:var(--hbw-radius);
}
.fit-card h3,
.fit-card-alt h3{
  margin:0 0 1.5rem;
  font-size:1.5rem;
  line-height:1.25;
}
.fit-list{display:flex;flex-direction:column;gap:.85rem}
.fit-list li{
  display:flex;
  gap:.8rem;
  font-size:1.02rem;
  line-height:1.55;
  color:var(--hbw-body);
}
.fit-dot{
  flex:none;
  width:6px;
  height:6px;
  margin-top:.55rem;
  background:var(--hbw-wine);
  border-radius:50%;
}
.fit-card-alt{
  padding:clamp(1.75rem,3.5vw,2.75rem);
  background:linear-gradient(155deg,var(--hbw-fit-alt) 0%,var(--hbw-fit-alt-deep) 100%);
  border-radius:var(--hbw-radius);
}
.fit-card-alt h3,
.fit-card-alt li{color:var(--hbw-page)}
.fit-card-alt .fit-dot{background:var(--hbw-page)}
.fit-eq{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:2rem;
  align-items:center;
  padding-top:2.5rem;
  border-top:1px solid var(--hbw-line-strong);
}
.fit-eq-mark{
  font-family:var(--hbw-serif);
  font-size:clamp(2.6rem,6vw,4rem);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--hbw-wine);
}
.fit-eq-copy{
  grid-column:span 2;
  min-width:0;
  max-width:62ch;
}

.pijlers-list{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(2.25rem,4vw,3.25rem);
}
.pijler{padding-top:1.4rem;border-top:2px solid var(--hbw-wine)}
.pijler:nth-child(2){border-top-color:var(--hbw-rule-soft)}
.pijler:nth-child(3){border-top-color:var(--hbw-rule-mist)}
.pijler:nth-child(4){border-top-color:var(--hbw-hover)}
.pijler-no{
  display:block;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.22em;
  color:var(--hbw-hover);
}
.pijler h3{
  margin:.9rem 0 1rem;
  font-size:1.55rem;
  line-height:1.2;
}
.pijler p{
  font-size:1.02rem;
  line-height:1.7;
  color:var(--hbw-muted);
}

.leden,
.pakketten{
  position:relative;
  z-index:1;
  padding:clamp(5rem,11vw,9rem) 0;
  background:linear-gradient(180deg,var(--hbw-mist) 0%,var(--hbw-mist-deep) 100%);
}
.leden-head,
.pakketten-head{max-width:62ch}
.inside-head{max-width:60ch}
.eqology-head{max-width:64ch}
.lid-grid{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(1.75rem,4vw,3rem);
}
.lid img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:50% 18%;
  border-radius:var(--hbw-radius);
}
.lid:first-child img{object-position:50% 12%}
.lid:nth-child(2) img{object-position:48% 16%}
.lid-role{
  margin:1.5rem 0 .4rem;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hbw-hover);
}
.lid h3{
  font-size:1.7rem;
  line-height:1.2;
}
.lid blockquote{
  margin:1rem 0 0;
  padding-left:1.25rem;
  border-left:2px solid var(--hbw-wine);
  font-family:var(--hbw-serif);
  font-style:italic;
  font-size:1.18rem;
  line-height:1.5;
  color:var(--hbw-body);
}

.agenda-head{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(1.5rem,4vw,3rem);
  align-items:end;
}
.agenda-head h2,
.kennismaken > .home-wrap > h2,
.instagram-head h2,
.inside-head h2,
.eqology h2,
.pakketten h2,
.wat-is h2,
.pijlers h2,
.vrijheid h2,
.faq h2,
.contact h2,
.fit h2{
  font-size:clamp(2.1rem,4.6vw,3.5rem);
  line-height:1.06;
}
.agenda-head .home-copy{max-width:48ch}
.agenda-photo{
  margin:clamp(2.5rem,5vw,4rem) 0 0;
  overflow:hidden;
  border-radius:var(--hbw-radius);
}
.agenda-photo img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:50% 22%;
  border-radius:var(--hbw-radius);
}
.agenda-list{
  margin-top:clamp(2.5rem,5vw,3.5rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:clamp(1.5rem,3vw,2.5rem);
}
.agenda-item{
  padding-top:1.2rem;
  border-top:1px solid rgba(58,50,57,.16);
}
.agenda-when{
  display:block;
  margin-bottom:.8rem;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hbw-hover);
}
.agenda-item h3{
  margin:0 0 .7rem;
  font-size:1.35rem;
  line-height:1.25;
}
.agenda-item p{
  font-size:1rem;
  line-height:1.65;
  color:var(--hbw-muted);
}
.agenda-cta{margin-top:clamp(2.5rem,4vw,3.5rem)}

.eqology,
.final{
  position:relative;
  z-index:1;
  padding:clamp(5rem,11vw,9rem) 0;
  background:linear-gradient(165deg,var(--hbw-slate) 0%,var(--hbw-slate-mid) 52%,var(--hbw-slate-deep) 100%);
}
.eqology .home-eyebrow{color:var(--hbw-page)}
.eqology h2,
.eqology h3,
.final h2{color:var(--hbw-page)}
.eqology .home-copy,
.final .home-copy{color:var(--hbw-page);margin-top:1.7rem}
.eqology .home-copy + .home-copy{margin-top:1.2rem}
.eqology-photo{
  margin:clamp(2.5rem,5vw,4rem) 0 0;
  overflow:hidden;
  border-radius:var(--hbw-radius);
}
.eqology-photo img{
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:68% 36%;
  border-radius:var(--hbw-radius);
}
.eqology-steps{
  margin-top:clamp(2.5rem,5vw,3.5rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(2rem,4vw,3rem);
}
.eqology-step{
  padding-top:1.4rem;
  border-top:1px solid rgba(255,255,255,.5);
}
.eqology-no{
  display:block;
  font-family:var(--hbw-serif);
  font-size:2.4rem;
  line-height:1;
  color:var(--hbw-page);
}
.eqology-step h3{
  margin:1rem 0 .8rem;
  font-size:1.45rem;
  line-height:1.2;
}
.eqology-step p{
  font-size:1rem;
  line-height:1.7;
  color:var(--hbw-page);
}

.inside-grid{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:1px;
  background:var(--hbw-line-strong);
  border:1px solid var(--hbw-line-strong);
}
.inside-cell{
  padding:1.75rem;
  background:var(--hbw-page);
}
.inside-cell h3{
  margin:0 0 .5rem;
  font-size:1.25rem;
}
.inside-cell p{
  font-size:1rem;
  line-height:1.6;
  color:var(--hbw-muted);
}
.inside-grow{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:clamp(2rem,4vw,3rem);
  align-items:start;
  padding:clamp(2rem,4vw,3rem);
  background:var(--hbw-grow);
  border-radius:var(--hbw-radius);
}
.inside-grow h3{
  margin:0 0 1rem;
  font-weight:400;
  font-size:clamp(1.6rem,3vw,2.2rem);
  line-height:1.15;
}
.inside-grow p{
  font-size:1.04rem;
  line-height:1.7;
  color:var(--hbw-muted);
}
.inside-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.inside-chip{
  padding:.45rem .9rem;
  background:var(--hbw-page);
  border:1px solid var(--hbw-line-strong);
  font-size:.95rem;
  color:var(--hbw-body);
  border-radius:999px;
}

.vrijheid-copy h2{max-width:none}
.vrijheid-copy .home-copy{margin-top:1.7rem;max-width:52ch}
.vrijheid-copy .home-copy + .home-copy{margin-top:1.2rem}
.vrijheid-list{display:flex;flex-direction:column}
.vrijheid-list li{
  padding:1.1rem 0;
  border-bottom:1px solid var(--hbw-line-rule);
  font-family:var(--hbw-serif);
  font-size:1.3rem;
  line-height:1.35;
  color:var(--hbw-wine);
}
.vrijheid-list li:last-child{border-bottom:0}

.kennismaken h2{max-width:34ch}
.kennis-steps{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(2rem,4vw,3rem);
}
.kennis-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:3rem;
  height:3rem;
  border:1px solid var(--hbw-wine);
  border-radius:50%;
  font-family:var(--hbw-serif);
  font-size:1.1rem;
  color:var(--hbw-wine);
}
.kennis-step h3{
  margin:1.2rem 0 .8rem;
  font-size:1.45rem;
  line-height:1.2;
}
.kennis-step p{
  font-size:1rem;
  line-height:1.7;
  color:var(--hbw-muted);
}

.pakket-grid{
  margin-top:clamp(2.5rem,5vw,4rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:1.5rem;
}
.pakket{
  padding:clamp(1.75rem,3vw,2.5rem);
  background:var(--hbw-page);
  border:1px solid var(--hbw-line-strong);
  border-radius:var(--hbw-radius);
}
.pakket h3{font-size:1.4rem}
.pakket-price{
  margin:.6rem 0 1.2rem;
  font-family:var(--hbw-serif);
  font-size:2.8rem;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--hbw-wine);
}
.pakket > p{
  margin:0 0 1.4rem;
  font-size:1rem;
  line-height:1.65;
  color:var(--hbw-muted);
}
.pakket ul{
  padding:1.4rem 0 0;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  border-top:1px solid var(--hbw-line-strong);
}
.pakket li{
  font-size:1rem;
  line-height:1.5;
  color:var(--hbw-body);
}
.pakket-featured{
  background:var(--hbw-wine);
  border:0;
}
.pakket-featured h3,
.pakket-featured .pakket-price{color:var(--hbw-page)}
.pakket-featured > p{color:var(--hbw-on-dark)}
.pakket-featured ul{border-top-color:rgba(255,255,255,.28)}
.pakket-featured li{color:var(--hbw-on-featured)}
.pakket-open{
  margin-top:clamp(2.5rem,5vw,4rem);
  padding-top:clamp(2rem,4vw,3rem);
  border-top:1px solid var(--hbw-line-rule);
}
.pakket-open h3{
  margin:0 0 2rem;
  font-weight:400;
  font-size:clamp(1.5rem,2.6vw,2rem);
}
.pakket-perks{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:1.5rem 2rem;
}
.pakket-perks strong{
  display:block;
  font-family:var(--hbw-serif);
  font-weight:500;
  font-size:1.15rem;
  color:var(--hbw-wine);
}
.pakket-perks span{
  font-size:.98rem;
  color:var(--hbw-muted);
}
.pakket-open .home-copy{
  margin-top:2rem;
  max-width:70ch;
  font-size:1rem;
  line-height:1.7;
}

.faq-copy .home-copy{margin:1.6rem 0;max-width:44ch}
.faq-list{display:flex;flex-direction:column}
.faq-list details{
  border-top:1px solid var(--hbw-line-faq);
}
.faq-list details:last-child{border-bottom:1px solid var(--hbw-line-faq)}
.faq-list summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:1.35rem 0;
  font-family:var(--hbw-serif);
  font-size:1.2rem;
  line-height:1.35;
  color:var(--hbw-wine);
}
.faq-list .plus{
  flex:none;
  font-size:1.4rem;
  color:var(--hbw-hover);
  transition:transform .25s var(--hbw-ease);
}
.faq-list details p{
  margin:0 0 1.5rem;
  max-width:62ch;
  font-size:1.02rem;
  line-height:1.7;
  color:var(--hbw-muted);
}
.faq-list details p + p{margin-top:0;margin-bottom:1rem}
.faq-list details p:last-child{margin-bottom:1.5rem}

.instagram{
  position:relative;
  z-index:1;
  padding:clamp(5rem,11vw,9rem) 0;
  background:var(--hbw-stone);
  border-top:1px solid rgba(58,50,57,.08);
}
.instagram-head{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 2rem;
  align-items:baseline;
  justify-content:space-between;
}
.ig-grid{
  margin-top:clamp(2rem,4vw,3rem);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:1.25rem;
}
.ig-grid img{
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:50% 22%;
  border-radius:var(--hbw-radius);
}
.ig-grid a:first-child img{object-position:45% 24%}
.ig-grid a:nth-child(2) img{object-position:50% 28%}
.ig-quote{
  margin:0;
  display:flex;
  align-items:center;
  padding:clamp(1.5rem,3vw,2.5rem);
  background:linear-gradient(160deg,var(--hbw-slate) 0%,var(--hbw-slate-mid) 55%,var(--hbw-slate-deep) 100%);
  border-radius:var(--hbw-radius);
  aspect-ratio:4/5;
}
.ig-quote blockquote{
  font-family:var(--hbw-serif);
  font-size:clamp(1.3rem,2.2vw,1.75rem);
  line-height:1.35;
  color:var(--hbw-page);
}

.final{background:var(--hbw-wine)}
.final h2{
  max-width:24ch;
  font-size:clamp(2.4rem,5.5vw,4.4rem);
  line-height:1.04;
  letter-spacing:-.02em;
}
.final .script{font-size:1.15em}
.final .home-copy{
  margin-top:1.8rem;
  max-width:52ch;
  font-size:1.1rem;
  color:var(--hbw-on-dark);
}
.final-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem;
  margin-top:2.4rem;
}
.final .home-btn-light:hover,
.final .home-btn-light:focus-visible{
  background:var(--hbw-mist-deep);
  color:var(--hbw-wine);
}

.contact-copy .home-copy{margin-top:1.7rem;max-width:46ch}
.contact-meta{
  margin-top:2.5rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
  gap:1.5rem;
  padding-top:1.75rem;
  border-top:1px solid var(--hbw-line-rule);
}
.contact-label{
  display:block;
  margin-bottom:.4rem;
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--hbw-hover);
}
.contact-meta a{
  font-size:1.02rem;
  color:var(--hbw-body);
  border-bottom:1px solid rgba(58,50,57,.25);
}
.contact-meta a:hover{color:var(--hbw-wine)}
.contact-wait{font-size:1.02rem;color:var(--hbw-body)}
.contact-form{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));
  gap:1.25rem;
}
.contact-field{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.contact-field.is-wide{grid-column:1/-1}
.contact-field label{
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--hbw-muted);
}
.contact-optional{
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  color:var(--hbw-optional);
}
.contact-form input,
.contact-form textarea{
  width:100%;
  padding:.8rem .9rem;
  background:var(--hbw-page);
  border:1px solid rgba(58,50,57,.22);
  border-radius:var(--hbw-radius);
  font-family:var(--hbw-sans);
  font-size:1rem;
  color:var(--hbw-body);
}
.contact-form textarea{line-height:1.6;resize:vertical}
.contact-actions{grid-column:1/-1}
.contact-submit{
  background:var(--hbw-wine);
  color:var(--hbw-page);
  padding:.85rem 1.6rem;
}
.contact-submit:hover,
.contact-submit:focus-visible{background:var(--hbw-hover)}
.contact-submit:disabled{opacity:.55;cursor:not-allowed}
.contact-note{
  grid-column:1/-1;
  font-size:.95rem;
  line-height:1.6;
  color:var(--hbw-muted);
}
.contact-note a{
  color:var(--hbw-wine);
  border-bottom:1px solid rgba(76,7,18,.4);
}
.contact-thanks{
  display:none;
  grid-column:1/-1;
  margin:0;
  padding:1rem 1.15rem;
  background:var(--hbw-mist-deep);
  font-size:.98rem;
  line-height:1.6;
  color:var(--hbw-body);
}
.contact-form.sent .contact-thanks,
.contact-form.feedback .contact-thanks{display:block}

.home-foot{
  position:relative;
  z-index:1;
  padding:clamp(4rem,8vw,6rem) 0 2rem;
  background:var(--hbw-footer);
  color:var(--hbw-on-dark);
}
.home-foot-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:clamp(2rem,4vw,3rem);
}
.home-foot img{
  width:auto;
  height:52px;
  background:none;
}
.home-foot-intro{
  margin:1.2rem 0 0;
  max-width:34ch;
  font-size:1rem;
  line-height:1.7;
  color:var(--hbw-on-dark-soft);
}
.home-foot-col{
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.home-foot h3{
  margin:0 0 .6rem;
  font-weight:500;
  font-size:1.15rem;
  color:var(--hbw-page);
}
html body .home-foot a{
  display:inline-flex;
  align-items:center;
  min-height:0;
  padding:.15rem 0;
  font-size:1rem;
  color:var(--hbw-on-dark-soft);
}
html body .home-foot a:hover{color:var(--hbw-page)}
.home-foot-base{
  margin-top:clamp(2.5rem,5vw,4rem);
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,.16);
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 2rem;
  justify-content:space-between;
  align-items:center;
}
.home-foot-base p{
  font-size:.95rem;
  color:var(--hbw-on-dark-faint);
}
html body .home-foot .home-foot-base a{
  font-size:.95rem;
  color:var(--hbw-on-dark-faint);
}
html body .home-foot .home-foot-base a:hover{color:var(--hbw-page)}

@media(max-width:860px){
  .fit-eq-copy{grid-column:auto}
  .section-overlap{
    margin-top:0;
    border-radius:0;
  }
  .hero-wrap{height:auto}
  .hero{
    position:relative;
    height:auto;
    min-height:36rem;
  }
  #hero-photo{
    inset:0;
    height:100%;
    object-position:54% 18%;
  }
  .hero-copy{
    transform:none;
    opacity:1;
    padding-bottom:2.25rem;
  }
  .wat-is-copy,
  .vrijheid-copy,
  .faq-copy,
  .pijlers-copy{
    position:static;
  }
  .eqology-photo img{
    aspect-ratio:4/5;
    object-position:62% 28%;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important}
  .reveal,
  .reveal-stagger > *{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
  .wipe img{
    clip-path:none !important;
    transform:none !important;
    transition:none !important;
  }
  .ph img,
  .ph:hover img{
    transform:none !important;
    transition:none !important;
  }
  .marquee-track{animation:none !important;margin-left:0 !important}
  #hero-photo,
  .hero-copy{
    transform:none !important;
    opacity:1 !important;
  }
  html body nav#nav{transition:none !important}
  html body nav#nav.is-away{transform:none !important}
}