/* style.css */
:root{
  --bg: #ffffff;
  --muted: #f6f7f9;
  --text: #0f172a;
  --sub: #475569;
  --line: rgba(15, 23, 42, .10);
  --shadow: 0 12px 34px rgba(15, 23, 42, .08);
  --shadow2: 0 18px 50px rgba(15, 23, 42, .10);
  --radius: 16px;
  --red: #c1111f;

  /* luxe donker voor split */
  --ink: #0b1220;
  --navy: #0b1220;
  --navy2:#101a2e;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hs-visuallyHidden{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* =========================
   ABOUT PREMIUM
   ========================= */
.hs-aboutPremium .hs-section{
  padding-block: 52px;
}
.hs-aboutPremium__hero{
  padding-top: 44px;
}
.hs-aboutPremium__heroInner{
  display:grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 28px;
  align-items: stretch;
}
.hs-aboutPremium__heroCopy{
  padding: 28px 0;
}
.hs-aboutPremium__lead{
  max-width: 64ch;
  font-size: 17px;
  line-height: 1.75;
}
.hs-aboutPremium__heroActions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.hs-aboutPremium__heroAside{
  display:grid;
  gap: 14px;
}
.hs-aboutPremium__stat{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 24px;
  background: linear-gradient(180deg,#ffffff,#f8f9fb);
  box-shadow: 0 14px 32px rgba(15,23,42,.06);
  padding: 22px 20px;
  text-align: center;
}
.hs-aboutPremium__statLabel{
  display:block;
  margin-bottom: 8px;
  color: #6b7280;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hs-aboutPremium__statValue{
  display:block;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.1;
  letter-spacing: -.03em;
  color: #101827;
}
.hs-aboutPremium__statText{
  display:block;
  margin-top: 8px;
  color: #5f6b7c;
  font-size: 14px;
  line-height: 1.6;
}
.hs-aboutPremium__section{
  position: relative;
}
.hs-aboutPremium__section--soft{
  background: linear-gradient(180deg,#fbfbfa,#f6f7f9);
}
.hs-aboutPremium__section--dark{
  background: #121a2b;
}
.hs-aboutPremium__section--dark .hs-h2,
.hs-aboutPremium__section--dark .hs-p,
.hs-aboutPremium__section--dark .hs-eyebrow,
.hs-aboutPremium__section--dark .hs-h3{
  color: #fff;
}
.hs-aboutPremium__introBlock,
.hs-aboutPremium__familyGrid,
.hs-aboutPremium__ctaCard{
  max-width: 980px;
  margin: 0 auto;
}
.hs-aboutPremium__sectionHead{
  margin-bottom: 18px;
}
.hs-aboutPremium__sectionHead--center{
  max-width: 760px;
  margin: 0 auto 22px;
  text-align: center;
}
.hs-aboutPremium__story,
.hs-aboutPremium__familyCopy{
  max-width: 78ch;
}
.hs-aboutPremium__story .hs-p + .hs-p,
.hs-aboutPremium__familyCopy .hs-p + .hs-p,
.hs-aboutPremium__showroomCopy .hs-p + .hs-p{
  margin-top: 14px;
}
.hs-aboutPremium__familyGrid{
  display:grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.05fr) minmax(280px, .75fr);
  gap: 32px;
  align-items: start;
}
.hs-aboutPremium__familyMedia{
  align-self: stretch;
}
.hs-aboutPremium__steps{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
.hs-aboutPremium__step{
  display:flex;
  gap: 16px;
  align-items:flex-start;
  padding: 20px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(15,23,42,.05);
}
.hs-aboutPremium__stepNum{
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(177,27,35,.08);
  color: #b11b23;
  font-weight: 900;
}
.hs-aboutPremium__stepBody .hs-h3{
  margin: 2px 0 8px;
}
.hs-aboutPremium__stepBody .hs-p{
  margin:0;
}
.hs-aboutPremium__stepsOutro{
  margin: 20px auto 0;
  max-width: 72ch;
  text-align: center;
}
.hs-aboutPremium__showroom{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: 28px;
  align-items: center;
}
.hs-aboutPremium__showroomCopy{
  text-align: center;
}
.hs-aboutPremium__showroomMedia{
  min-height: 420px;
}
.hs-aboutPremium__image{
  display:block;
  width:100%;
  height:100%;
  min-height: 100%;
  object-fit:cover;
  border-radius: 28px;
  box-shadow: 0 18px 38px rgba(15,23,42,.16);
}
.hs-aboutPremium__image--showroom{
  min-height: 420px;
}
.hs-aboutPremium__imagePlaceholder{
  height: 100%;
  min-height: 420px;
  border-radius: 28px;
  border: 1px dashed rgba(255,255,255,.26);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(255,255,255,.02);
  display:grid;
  place-items:center;
  color: rgba(255,255,255,.74);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.hs-aboutPremium__uspList{
  list-style:none;
  padding:0;
  margin: 0 auto;
  max-width: 920px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.hs-aboutPremium__uspList li{
  position: relative;
  padding: 20px 22px 20px 56px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 20px;
  background: linear-gradient(180deg,#ffffff,#fbfbfa);
  box-shadow: 0 10px 22px rgba(15,23,42,.045);
  color: #1b2436;
  line-height: 1.7;
  font-size: 15px;
}
.hs-aboutPremium__uspList li::before{
  content: "";
  position: absolute;
  left: 22px;
  top: 24px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #b11b23;
  box-shadow: 0 0 0 6px rgba(177,27,35,.10);
}
.hs-aboutPremium__ctaSection{
  padding-bottom: 68px;
}
.hs-aboutPremium__ctaCard{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 30px;
  background: linear-gradient(180deg,#ffffff,#f7f8fa);
  box-shadow: 0 20px 44px rgba(15,23,42,.06);
  padding: 34px 32px;
}
.hs-aboutPremium__ctaCard .hs-p{
  max-width: 72ch;
}
.hs-aboutPremium .hs-p a{
  color: #b11b23;
  text-decoration: underline;
  text-decoration-color: rgba(177,27,35,.28);
  text-underline-offset: 3px;
  transition: color .15s ease, text-decoration-color .15s ease;
}
.hs-aboutPremium .hs-p a:visited{
  color: #b11b23;
}
.hs-aboutPremium .hs-p a:hover{
  color: #8f141b;
  text-decoration-color: rgba(143,20,27,.45);
}
.hs-aboutPremium__section--dark .hs-p a,
.hs-aboutPremium__section--dark .hs-p a:visited{
  color: #fff;
  text-decoration-color: rgba(255,255,255,.35);
}
.hs-aboutPremium__section--dark .hs-p a:hover{
  color: #f5d7da;
  text-decoration-color: rgba(245,215,218,.55);
}

@media (max-width: 980px){
  .hs-aboutPremium__heroInner,
  .hs-aboutPremium__familyGrid,
  .hs-aboutPremium__showroom,
  .hs-aboutPremium__steps,
  .hs-aboutPremium__uspList{
    grid-template-columns: 1fr;
  }
  .hs-aboutPremium__showroomMedia,
  .hs-aboutPremium__imagePlaceholder,
  .hs-aboutPremium__image--showroom{
    min-height: 320px;
  }
}

@media (max-width: 640px){
  .hs-aboutPremium .hs-section{
    padding-block: 38px;
  }
  .hs-aboutPremium__hero{
    padding-top: 30px;
  }
  .hs-aboutPremium__lead{
    font-size: 15.5px;
  }
  .hs-aboutPremium__step,
  .hs-aboutPremium__ctaCard,
  .hs-aboutPremium__stat{
    border-radius: 22px;
    padding: 18px;
  }
  .hs-aboutPremium__uspList li{
    padding: 18px 18px 18px 48px;
    font-size: 14.5px;
  }
  .hs-aboutPremium__uspList li::before{
    left: 18px;
    top: 22px;
  }
  .hs-aboutPremium__heroCopy,
  .hs-aboutPremium__sectionHead,
  .hs-aboutPremium__story,
  .hs-aboutPremium__familyCopy,
  .hs-aboutPremium__showroomCopy,
  .hs-aboutPremium__stepsOutro,
  .hs-aboutPremium__ctaCard{
    text-align: center;
  }
  .hs-aboutPremium__heroActions{
    justify-content: center;
  }
  .hs-aboutPremium__step{
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
  .hs-aboutPremium__stepBody .hs-h3{
    margin-top: 0;
  }
  .hs-aboutPremium__stepNum{
    margin-bottom: 2px;
  }
}

.hs-wrap{ max-width: 1160px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 768px){ .hs-wrap{ padding: 0 18px; } }
.hs-center{ text-align:center; }

.hs-breadcrumbs{
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.94);
}
main > .hs-breadcrumbs:first-child{
  padding: 18px 0 16px;
}
main:not(.hs-pageTop) > .hs-breadcrumbs:first-child{
  padding-top: 118px;
}
.hs-pageTop > .hs-breadcrumbs:first-child{
  padding-top: 0;
}
.hs-breadcrumbs__list{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--sub);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.hs-breadcrumbs__link{
  color: inherit;
  text-decoration: none;
  transition: color .2s ease;
}
.hs-breadcrumbs__link:hover{
  color: var(--text);
}
.hs-breadcrumbs__sep{
  color: rgba(15,23,42,.35);
}
.hs-breadcrumbs__current{
  color: var(--text);
  font-weight: 600;
}
.hs-breadcrumbs + .hs-pageTop{
  padding-top: 28px;
}
@media (max-width: 900px){
  main:not(.hs-pageTop) > .hs-breadcrumbs:first-child{
    padding-top: 102px;
  }
  .hs-breadcrumbs + .hs-pageTop{
    padding-top: 22px;
  }
}

/* algemene sectie spacing (strakker / chicer) */
.hs-section{ padding: 76px 0; }
@media (max-width: 768px){ .hs-section{ padding: 54px 0; } }

.hs-h2{
  font-size: clamp(26px, 2.3vw, 38px);
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: 0 0 14px;
  font-weight: 600;
}
.hs-sub{
  margin: 0 auto 24px;
  color: var(--sub);
  max-width: 720px;
  line-height: 1.7;
}
.hs-p{ color: var(--sub); line-height: 1.72; margin: 0; }
.hs-sectionHead{ margin-bottom:24px; }
.hs-sectionHead .hs-p,
.hs-sectionHead .hs-muted,
.hs-sectionHead .hs-sub{ max-width: 72ch; }

/* Sprite hidden */
.hs-sprite{
  position:absolute;
  width:0; height:0;
  overflow:hidden;
}

/* SVG base */
.hs-svg{
  width: 22px;
  height: 22px;
  display:block;
}

/* Buttons */
.hs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height: 48px;
  padding: 14px 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
  will-change: transform;
}
.hs-btn--primary,
.hs-btn--red{
  background: var(--red);
  color: #fff;
  border-color: rgba(0,0,0,0);
  box-shadow: 0 14px 32px rgba(193, 17, 31, .24);
}
.hs-btn--primary:hover,
.hs-btn--red:hover{
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 18px 40px rgba(193, 17, 31, .28);
  background: #a80e1a;
}
.hs-btn--outline{
  border: 1px solid rgba(17,17,17,.12);
  color: #111;
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 24px rgba(7,10,18,.10);
}
.hs-btn--outline:hover{
  background:#fff;
  color:#111;
  border-color: rgba(17,17,17,.18);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(7,10,18,.12);
}
.hs-btn--lg{ min-height: 54px; padding: 16px 30px; }

/* Ghost buttons */
.hs-btn--ghost{
  border: 1px solid rgba(15,23,42,.18);
  color: var(--text);
  background: rgba(255,255,255,.98);
}
.hs-btn--ghost:hover{
  transform: translateY(-2px);
  border-color: rgba(193,17,31,.30);
  box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
}
.hs-btn--ghostLight{
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
  background: rgba(255,255,255,.04);
}
.hs-btn--ghostLight:hover{
  background: rgba(255,255,255,.12);
  transform: translateY(-2px);
}

/* Links */
.hs-link{
  color: var(--text);
  text-decoration:none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  padding-bottom: 3px;
  transition: border-color .2s ease, color .2s ease;
}
.hs-link:hover{ border-color: var(--red); color: var(--red); }

/* =========================
   HEADER (premium, Van Munster-ish)
   ========================= */

.hs-header{  position: fixed;  top: 0; left: 0; right: 0;  z-index: 60;  background: transparent;  transition: background .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;}/* zachte readability fade op de hero (alleen als header transparant is) */.hs-header::after{  content:"";  position:absolute;  left:0; right:0; top:0;  height: 120px;  pointer-events:none;  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.18), transparent 82%);  opacity: 1;  transition: opacity .28s ease;}.hs-header.is-solid{  background: rgba(11,18,32,.92);  backdrop-filter: blur(12px);  box-shadow: 0 14px 44px rgba(0,0,0,.34);}.hs-header.is-solid::after{ opacity: 0; }.hs-header__inner{  position: relative;  z-index: 1;  max-width: 1160px;  margin: 0 auto;  padding: 16px 20px;  display: grid;  grid-template-columns: 1fr auto 1fr;  align-items: center;  gap: 16px;}.hs-header__brand{  justify-self: start;  display: inline-flex;  align-items: center;  gap: 10px;  text-decoration: none;  color: #fff;  font-weight: 750;  letter-spacing: -.02em;  line-height: 1;  white-space: nowrap;}

/* Logo image (wit, premium) */
.hs-header__logoImg{
  display:block;
  height: 42px;
  width: auto;
  max-width: 270px;
  object-fit: contain;
  /* extra readability on moving hero footage */
  filter:
    drop-shadow(0 14px 28px rgba(0,0,0,.38))
    drop-shadow(0 2px 7px rgba(0,0,0,.62));
}
@media (max-width: 980px){
  .hs-header__logoImg{ height: 36px; max-width: 230px; }
}

/* Logo readability only when header is transparent (top of hero) */
.hs-header:not(.is-solid) .hs-header__brand{
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(11,18,32,.58);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0,0,0,.30);
}
.hs-header.is-solid .hs-header__brand{
  padding: 0;
  border: none;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}

.hs-header__brandMark{  width: 30px; height: 30px;  display: grid;  place-items: center;  border-radius: 999px;  border: 1px solid rgba(255,255,255,.22);  background: rgba(255,255,255,.06);}.hs-header__brandMark .hs-svg{ width: 18px; height: 18px; }.hs-header__nav{  justify-self: center;  display: flex;  gap: 10px;  align-items: center;  padding: 6px 10px;  border-radius: 999px;  border: 1px solid rgba(255,255,255,.18);  background: rgba(0,0,0,.12);  backdrop-filter: blur(6px);}.hs-header__nav a{  color: rgba(255,255,255,.88);  text-decoration: none;  font-weight: 600;  font-size: 13.5px;  padding: 8px 10px;  border-radius: 999px;  letter-spacing: .01em;  transition: background .2s ease, color .2s ease, transform .2s ease;}.hs-header__nav a:hover{  background: rgba(255,255,255,.12);  color: #fff;  transform: translateY(-1px);}.hs-header__actions{  justify-self: end;  display: flex;  align-items: center;  gap: 10px;}
.hs-langSwitch{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.12);
  backdrop-filter: blur(6px);
}
.hs-langSwitch__link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.76);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  min-width: 24px;
  min-height: 24px;
  padding: 2px 4px;
  border-radius: 999px;
  transition: color .2s ease, opacity .2s ease;
}
.hs-langSwitch__link:visited{
  color: rgba(255,255,255,.76);
}
.hs-langSwitch__link:hover{
  color: #fff;
}
.hs-langSwitch__link:focus-visible{
  outline: 2px solid rgba(255,255,255,.92);
  outline-offset: 2px;
  color: #fff;
}
.hs-langSwitch__link.is-active{
  color: #fff;
}
.hs-langSwitch__sep{
  color: rgba(255,255,255,.42);
  font-size: 11px;
}
.hs-header__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 16px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .01em;
  color: #fff;
  background: rgba(193,17,31,.80);
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
  backdrop-filter: blur(8px);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.hs-header__ctaIc{ width: 18px; height: 18px; display:block; }
.hs-header__cta:hover{
  transform: translateY(-1px);
  background: rgba(193,17,31,.92);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 18px 46px rgba(0,0,0,.28);
}
/* als header solid is: CTA wordt primary */.hs-header.is-solid .hs-header__cta{  border-color: rgba(193,17,31,.55);  background: rgba(193,17,31,.92);  box-shadow: 0 12px 30px rgba(193, 17, 31, .22);}.hs-header.is-solid .hs-header__cta:hover{  background: #a80e1a;}.hs-header__icon{  width: 42px; height: 42px;  border-radius: 999px;  display: grid;  place-items: center;  border: 1px solid rgba(255,255,255,.22);  background: rgba(0,0,0,.12);  color: rgba(255,255,255,.92);  text-decoration: none;  transition: transform .22s ease, background .22s ease;}.hs-header__icon:hover{  transform: translateY(-1px);  background: rgba(255,255,255,.10);}.hs-header__burger{  display:none;  width: 44px; height: 44px;  border-radius: 999px;  border: 1px solid rgba(255,255,255,.22);  background: rgba(0,0,0,.12);  color:#fff;  cursor:pointer;}.hs-header__burger:active{ transform: translateY(1px); }@media (max-width: 980px){  .hs-header__inner{ grid-template-columns: 1fr auto; }  .hs-header__nav{ display:none; }  .hs-header__actions .hs-langSwitch{ display:inline-flex; align-items:center; min-height: 32px; padding: 4px 8px; border-radius:999px; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); }  .hs-header__actions .hs-langSwitch__link{ min-width: 22px; min-height: 22px; font-size:12px; padding: 2px 3px; }  .hs-header__actions .hs-langSwitch__sep{ opacity:.65; }  .hs-header__burger{ display:grid; place-items:center; }}/* Mobile dropdown */.hs-mobileNav{  display:none;  position: fixed;  top: 76px;  left: 0; right: 0;  padding: 12px 16px 18px;  z-index: 59;  background: rgba(11,18,32,.96);  backdrop-filter: blur(14px);  box-shadow: 0 18px 46px rgba(0,0,0,.36);}.hs-mobileNav.is-open{ display:block; }.hs-mobileNav a{  display:block;  color:#fff;  text-decoration:none;  padding: 12px 12px;  border-radius: 14px;  font-weight: 600;  border: 1px solid rgba(255,255,255,.08);  background: rgba(255,255,255,.04);  margin: 8px 0;}.hs-mobileNav a:hover{ background: rgba(255,255,255,.08); }
.hs-header__mobileTop{
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}
.hs-header__mobileTop .hs-langSwitch{
  justify-self: start;
  background: rgba(255,255,255,.04);
  min-height: 40px;
  padding: 6px 10px;
  gap: 8px;
}
.hs-header__mobileTop .hs-langSwitch__link,
.hs-header__mobileTop .hs-langSwitch__link:visited{
  color: rgba(255,255,255,.82);
  min-width: 36px;
  min-height: 28px;
  padding: 4px 8px;
}
.hs-header__mobileTop .hs-langSwitch__link.is-active,
.hs-header__mobileTop .hs-langSwitch__link:hover{
  color: #fff;
}

@media (max-width: 820px){
  .hs-home .hs-hero{
    margin-top: 0;
  }
  .hs-home .hs-hero__media{
    min-height: 360px;
  }
  .hs-contact-page.hs-pageTop{
    padding-top: 0;
  }
  .hs-contact-video .hs-hero{
    margin-top: 0;
  }
  .hs-contact-video .hs-hero__media{
    min-height: 360px;
  }
}

/* HERO */
.hs-hero{
  position:relative;
  min-height: 720px;
  height: min(100svh, 860px);
  display:flex;
  align-items:center;
  overflow:hidden;
}
/* HERO: zachte overgang naar volgende sectie */
.hs-hero::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:0;
  height: 96px;
  z-index: 3;              /* boven media/overlays */
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.74) 74%, #fff 100%);
}
.hs-hero__media{ position:absolute; inset:0; z-index:0; overflow:hidden; }
.hs-hero__video,
.hs-hero__img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position: center center;
}
.hs-hero__img{ z-index:0; filter: saturate(1.05) contrast(1.02); }
.hs-hero__video{ z-index:1; }
/* HERO: poster img verbergen zodra video echt speelt */
.hs-hero__img{
  opacity: 1;
  transition: opacity .35s ease;
}

.hs-hero.has-video .hs-hero__img{
  opacity: 0;
}

/* Als de video speelt: haal de afbeelding helemaal weg (voorkomt double layer) */
.hs-hero.has-video .hs-hero__img{ display:none; }

/* overlays */
.hs-hero__overlay{ position:absolute; inset:0; z-index:2; }
.hs-hero__overlay--lr{
  background: linear-gradient(90deg, rgba(8,12,20,.52), rgba(8,12,20,.28), transparent 72%);
}
.hs-hero__overlay--bt{
  background: linear-gradient(0deg, rgba(8,12,20,.34), transparent 52%);
}

.hs-hero__content{
  position:relative;
  z-index:3;
  max-width: 620px;
  padding-top: 112px;
  padding-bottom: 124px;
}
.hs-hero__title{
  font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
  margin:0 0 14px;
  color:#fff;
  font-weight: 400;
  letter-spacing:-0.03em;
  line-height:1.02;
  font-size: clamp(44px, 5.2vw, 78px);
  max-width: 11ch;
}
.hs-hero__title span{ font-weight: 600; }
.hs-hero__lead{
  margin:0 0 26px;
  color: rgba(255,255,255,.88);
  line-height: 1.6;
  font-weight: 300;
  font-size: clamp(16px, 1.7vw, 22px);
  max-width: 720px;
}
.hs-hero__lead--desktop{ display:none; }
.hs-hero__leadDisplay{
  display:none;
}
.hs-hero__miniTitle{
  display:block;
  margin: 0 0 10px;
  color: rgba(255,255,255,.95);
  font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
  font-size: clamp(22px, 1.8vw, 34px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.02em;
}
.hs-hero__brandKicker{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 18px;
  padding: 5px 12px;
  border-radius: 999px;
  color: #fff !important;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.14);
  opacity: 1;
}
.hs-hero__cta{ display:flex; gap:14px; flex-wrap:wrap; }
.hs-hero__ctaBtn--mobile{ display:none; }
.hs-hero__ctaBtn{
  min-width: 232px;
  justify-content: center;
}
.hs-hero__cta .hs-btn--ghostLight{
  border-color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.12);
}
.hs-hero__cta .hs-btn--ghostLight:hover{
  background: rgba(255,255,255,.18);
}

.hs-scroll{
  position:absolute;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  z-index: 4;
  color: rgba(255,255,255,.75);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  font-size: 13px;
  letter-spacing: .03em;
}
.hs-scroll svg{ animation: hs-bounce 2s ease-in-out infinite; }
@keyframes hs-bounce{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(7px);} }

/* Icon circle (consistent style) */
.hs-ic{
  width:44px; height:44px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(193,17,31,.08);
  color: var(--red);
  margin-bottom: 12px;
  transition: background .22s ease, color .22s ease, transform .22s ease;
}
.hs-ic--soft{
  background: rgba(15,23,42,.04);
  color: rgba(15,23,42,.70);
}
.hs-why__icon.hs-ic{
  width: 52px;
  height: 52px;
  margin-bottom: 14px;
  border: 1px solid rgba(15,23,42,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,246,249,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 12px 28px rgba(15,23,42,.08);
  color: rgba(15,23,42,.82);
}
.hs-why__icon .hs-why__iconSvg{
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.hs-ic--sm{
  width:40px; height:40px;
  margin-bottom:0;
}
.hs-ic .hs-svg{ width:22px; height:22px; }

/* =========================
   INTRO (Van Munster vibe)
   ========================= */

/* INTRO: hs-section geeft al verticale padding. Extra padding-top zorgt voor veel wit na de hero. */
.hs-intro{ padding-top: 0; margin-top: -28px; }
.hs-intro.hs-section{ padding-top: 56px; }
@media (max-width: 768px){ .hs-intro.hs-section{ padding-top: 44px; } }
/* Extra ademruimte na hero */
#intro.hs-section{
  padding-top: 96px;
}
@media (max-width: 768px){
  #intro.hs-section{
    padding-top: 72px;
  }
}

.hs-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(15, 23, 42, .55);
}
.hs-kicker__dot{
  width: 8px; height: 8px;
  border-radius: 99px;
  background: var(--red);
  box-shadow: 0 8px 24px rgba(193,17,31,.25);
}
.hs-kicker--light{ color: rgba(255,255,255,.70); }

.hs-display{
  font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
  font-size: clamp(34px, 3.3vw, 56px);
  line-height: 1.06;
  letter-spacing: -0.02em;
  margin: 8px 0 12px;
  font-weight: 600;
}
.hs-lead{
  margin: 0;
  color: var(--sub);
  line-height: 1.8;
  max-width: 54ch;
  font-size: 16px;
}

.hs-lead a,
.hs-lead a:visited,
.hs-intro__cardText a,
.hs-intro__cardText a:visited,
.hs-processStep p a,
.hs-processStep p a:visited,
.hs-seo__text a,
.hs-seo__text a:visited{
  color: var(--brand);
  text-decoration-color: currentColor;
  text-underline-offset: 0.16em;
}

.hs-lead--light a,
.hs-lead--light a:visited,
.hs-splitDark__meta a,
.hs-splitDark__meta a:visited{
  color: rgba(255,255,255,.92);
  text-decoration-color: currentColor;
  text-underline-offset: 0.16em;
}

.hs-showIntro .hs-p a,
.hs-showIntro .hs-p a:visited,
.hs-showIntro .hs-small a,
.hs-showIntro .hs-small a:visited,
.hs-split__copy .hs-p a,
.hs-split__copy .hs-p a:visited{
  color: inherit;
  text-decoration-color: currentColor;
  text-underline-offset: 0.14em;
}

.hs-showMore .hs-muted a,
.hs-showMore .hs-muted a:visited,
.hs-showMore .hs-p a,
.hs-showMore .hs-p a:visited,
.hs-showMore .hs-list a,
.hs-showMore .hs-list a:visited,
.hs-showMoreCard__note a,
.hs-showMoreCard__note a:visited{
  color: inherit;
  text-decoration-color: currentColor;
  text-underline-offset: 0.14em;
}

.hs-intro__top{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items:start;
  margin-bottom: 52px;
}
@media (max-width: 980px){
  .hs-intro__top{ grid-template-columns: 1fr; margin-bottom: 42px; }
}

.hs-intro__actions{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}

/* Intro card */
.hs-intro__card{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, #ffffff, #fbfbfd);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
  padding: 22px 22px 18px;
}
.hs-intro__cardIcon{
  width: 44px; height: 44px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(193,17,31,.08);
  color: var(--red);
  margin-bottom: 12px;
}
.hs-intro__cardText{
  margin: 0 0 14px;
  color: var(--sub);
  line-height: 1.8;
  font-size: 14px;
}

/* Pills */
.hs-pillRow{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.hs-pill{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  border: 1px solid rgba(15,23,42,.14);
  border-radius: 999px;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--text);
  background: #fff;
}
.hs-pill__ic{
  width: 16px; height: 16px;
  color: var(--red);
}

/* WHY */
.hs-why__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
@media (max-width: 980px){ .hs-why__grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .hs-why__grid{ grid-template-columns: 1fr; } }

.hs-card{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px 20px;
  background: linear-gradient(180deg, #ffffff, #fbfbfd);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  min-height: 160px;
}
.hs-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: rgba(193,17,31,.25);
}
.hs-card:hover .hs-ic{
  background: rgba(193,17,31,.12);
  transform: translateY(-1px);
}
.hs-card:hover .hs-why__icon{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,248,251,.94));
  border-color: rgba(193,17,31,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 16px 32px rgba(15,23,42,.12);
  color: var(--red);
}
.hs-card h3{ margin:0 0 10px; font-size: 16px; }
.hs-card p{ margin:0; color: var(--sub); line-height:1.65; font-size: 13.5px; }

/* WERKWIJZE */
.hs-process{ background: linear-gradient(180deg, rgba(15,23,42,.02), transparent 55%); }
.hs-process__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 980px){ .hs-process__grid{ grid-template-columns: 1fr; } }

.hs-step{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px 22px;
  background:#fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hs-step:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow);
  border-color: rgba(193,17,31,.22);
}
.hs-step:hover .hs-ic--soft{
  color: var(--red);
  background: rgba(193,17,31,.10);
}
.hs-step h3{ margin: 0 0 8px; font-size: 18px; }
.hs-step p{ margin: 0; color: var(--sub); line-height:1.65; font-size: 14px; }

/* Projects */
.hs-projects__grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
@media (max-width: 860px){ .hs-projects__grid{ grid-template-columns: 1fr; } }

.hs-pcard{
  display:block;
  text-decoration:none;
  color:inherit;
  border-radius: var(--radius);
  overflow:hidden;
  border: 1px solid var(--line);
  background:#fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.hs-pcard:hover{ transform: translateY(-6px); box-shadow: var(--shadow2); }
.hs-pcard__media{ overflow:hidden; }
.hs-pcard__media img{
  width:100%; height: 320px; object-fit:cover; display:block;
  transform: scale(1);
  transition: transform .55s ease;
}
@media (max-width: 560px){ .hs-pcard__media img{ height: 260px; } }
.hs-pcard:hover .hs-pcard__media img{ transform: scale(1.045); }

.hs-pcard__body{ padding: 16px 18px 18px; }
.hs-tag{
  display:inline-block;
  font-size: 12px;
  color: var(--red);
  margin-bottom: 8px;
}
.hs-pcard h3{ margin:0; font-size: 20px; letter-spacing:-.01em; }

/* Brands (curated logo row) */
.hs-brandrow{
  margin-top: 18px;
  display:flex;
  flex-wrap:wrap;
  gap: 16px;
  align-items:center;
  justify-content:center;
}
.hs-brandlogo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #ffffff, #fbfbfd);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
  text-decoration:none;
}
.hs-brandlogo img{
  height: 28px;
  width:auto;
  display:block;
  filter: grayscale(1) contrast(1.05) opacity(.75);
  transition: filter .22s ease, transform .22s ease;
}
@media (max-width: 560px){
  .hs-brandlogo{ padding: 12px 14px; border-radius: 14px; }
  .hs-brandlogo img{ height: 24px; }
}
.hs-brandlogo:hover{
  transform: translateY(-3px);
  border-color: rgba(193,17,31,.25);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
}
.hs-brandlogo:hover img{
  filter: none;
  transform: translateY(-1px);
}
.hs-note{
  margin: 18px 0 0;
  text-align:center;
  color: var(--sub);
}

/* =========================
   SHOWROOM dark split
   ========================= */

/* Page top spacing for pages with fixed header */
.hs-pageTop{padding-top:140px;}
@media (max-width: 900px){.hs-pageTop{padding-top:120px;}}
.hs-splitDark{
  background: linear-gradient(135deg, var(--navy), var(--navy2));
  color: #fff;
  padding: 92px 0;
  overflow:hidden;
}
@media (max-width: 768px){
  .hs-splitDark{ padding: 76px 0; }
}

.hs-splitDark__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items:center;
}
@media (max-width: 980px){
  .hs-splitDark__grid{ grid-template-columns: 1fr; }
  .hs-splitDark__media{ order:-1; }
}

.hs-display--light{ color:#fff; }
.hs-lead--light{ color: rgba(255,255,255,.78); }
.hs-kicker--light{ color: rgba(255,255,255,.70); }

.hs-mark{
  margin: 16px 0 10px;
  color: rgba(255,255,255,.75);
}
.hs-mark__ic{ width: 28px; height: 28px; }

/* meta row */
.hs-splitDark__meta{
  margin-top: 18px;
  display:grid;
  gap: 12px;
}
.hs-metaItem{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
}
.hs-metaItem__ic{
  width: 18px; height: 18px;
  margin-top: 2px;
  color: rgba(255,255,255,.82);
}
.hs-metaItem strong{ color:#fff; font-weight: 600; }
.hs-metaItem a{
  color: rgba(255,255,255,.92);
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.0);
}
.hs-metaItem a:hover{ border-color: rgba(255,255,255,.35); }

.hs-splitDark__actions{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}

/* media */
.hs-splitDark__media{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
  min-height: 420px;
}
.hs-splitDark__video,
.hs-splitDark__img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}
.hs-splitDark__fade{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(11,18,32,.55), transparent 55%);
}

/* =========================
   SEO SECTION – FIX ALIGNMENT
   ========================= */

.hs-seo{
  background: #fff;
}

.hs-seo__inner{
  max-width: 920px;     /* zelfde als je tekst */
  margin: 0 auto;       /* centreer hele blok */
  text-align: left;     /* ziet chique/leesbaar uit */
}

.hs-seoCard{
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr);
  gap: 24px;
  padding: 28px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15,23,42,.05);
}

.hs-seoCard__copy,
.hs-seoCard__aside{
  position: relative;
}

.hs-seoCard__eyebrow{
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-bottom: 10px;
  color: #7b8796;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hs-seo .hs-h2{
  margin-bottom: 14px;  /* netter */
  max-width: 14ch;
}

.hs-seo__text{
  max-width: none;      /* IMPORTANT: neem breedte van .hs-seo__inner over */
  margin: 0;            /* IMPORTANT: geen auto center op paragrafen */
  color: var(--sub);
}

.hs-seo__text + .hs-seo__text{
  margin-top: 14px;
}

/* Bullets mooi + strak */
.hs-seoBullets{
  margin: 0;
  padding-left: 18px;
  color: var(--sub);
  line-height: 1.7;
}
.hs-seoBullets li{
  margin: 6px 0;
}

.hs-seoCard__aside{
  display: grid;
  gap: 16px;
  align-content: start;
}

.hs-seoCard__panel{
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.08);
  background: #fafbfc;
}

.hs-seoCard__panelTitle{
  margin-bottom: 10px;
  color: var(--text);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.hs-seoLinks{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.hs-seoLink{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.10);
  background: #fff;
  color: var(--text);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  border-bottom: none !important;
  box-shadow: none;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.hs-seoLink::after{
  content: ">";
  color: #9aa4b2;
  font-size: 14px;
  line-height: 1;
}

.hs-seoLink:hover{
  color: var(--text);
  border-color: rgba(193,17,31,.28);
  background: #fcfcfc;
}

/* Links in SEO rustiger */
.hs-seo a{
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid rgba(193,17,31,.25);
  transition: border-color .2s ease, color .2s ease;
}
.hs-seo a:hover{
  color: var(--red);
  border-bottom-color: rgba(193,17,31,.6);
}

/* Mobile: iets centreren mag */
@media (max-width: 768px){
  .hs-seoCard{
    grid-template-columns: 1fr;
    padding: 22px;
    gap: 18px;
    border-radius: 22px;
  }

  .hs-seo__inner{
    text-align: left;
  }

  .hs-seo .hs-h2{
    max-width: none;
  }

  .hs-seoLinks{
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .hs-seoLink{
    width: 100%;
    justify-content: flex-start;
    gap: 12px;
  }

  .hs-seoLink::after{
    margin-left: auto;
  }
}

/* Final CTA */
.hs-final{
  position:relative;
  padding: 88px 0;
  overflow:hidden;
  background: #f3efe8;
  color: #152033;
  border-top: 1px solid rgba(21,32,51,.08);
}
.hs-final__bg{
  position:absolute; inset:-60px;
  background:
    radial-gradient(540px 320px at 12% 82%, rgba(193,17,31,.08), transparent 60%),
    radial-gradient(420px 240px at 88% 18%, rgba(21,32,51,.05), transparent 58%);
  opacity: .9;
}
.hs-final__inner{ position:relative; z-index:2; text-align:center; }
.hs-final__title{
  margin:0 0 12px;
  font-size: clamp(28px, 2.8vw, 44px);
  letter-spacing:-.02em;
}
.hs-final__lead{
  margin: 0 auto 18px;
  max-width: 740px;
  color: rgba(21,32,51,.78);
  line-height: 1.7;
}
.hs-final__bullets{
  display:flex;
  gap: 18px;
  justify-content:center;
  flex-wrap:wrap;
  color: rgba(21,32,51,.82);
  margin-bottom: 22px;
}

/* Reveal animation */
.hs-reveal{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .7s ease, transform .7s ease;
}
.hs-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
}

/* =========================
   FOOTER (clean + premium)
   ========================= */
.hs-footer{
  background: #0b1220;
  color: rgba(255,255,255,.90);
  border-top: 1px solid rgba(255,255,255,.10);
  position: relative;
  overflow:hidden;
}
.hs-footer::before{
  content:"";
  position:absolute; inset:-160px;
  background:
    radial-gradient(600px 420px at 12% 70%, rgba(193,17,31,.12), transparent 60%),
    radial-gradient(520px 380px at 88% 20%, rgba(255,255,255,.06), transparent 60%);
  pointer-events:none;
}

.hs-footer__grid{
  display:grid;
  grid-template-columns: 1.15fr .95fr .95fr 1.2fr;
  gap: 34px;
  padding: 72px 0 54px;
  align-items:start;
}
@media (max-width: 980px){
  .hs-footer__grid{ grid-template-columns: 1fr 1fr; padding: 64px 0 44px; }
}
@media (max-width: 600px){
  .hs-footer__grid{ grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 980px){
  .hs-footer__mapCard{
  position:relative;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow: 0 22px 70px rgba(0,0,0,.35);
  overflow:hidden;
}
.hs-footer__mapCard::before{
  content:"";
  position:absolute; inset:-40px;
  background:
    radial-gradient(380px 260px at 75% 25%, rgba(193,17,31,.14), transparent 60%),
    radial-gradient(320px 240px at 20% 80%, rgba(255,255,255,.10), transparent 60%);
  pointer-events:none;
}

  .hs-footer__mapBody{ grid-template-columns: 1fr; }
}

.hs-footer__brand{
  font-weight: 700;
  letter-spacing: -.02em;
  font-size: 18px;
  color:#fff;
}
.hs-footer__brand span{ color: var(--red); }
.hs-footer__text{
  margin: 12px 0 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.72);
  max-width: 46ch;
  font-size: 14px;
}
.hs-footer__title{
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  font-weight: 600;
}
.hs-footer__col a{
  display:block;
  color: rgba(255,255,255,.86);
  text-decoration:none;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.0);
  transition: color .2s ease, border-color .2s ease, transform .2s ease;
  font-size: 14px;
}
.hs-footer__col a:hover,
.hs-footer__socialBtn:hover{
  color:#fff;
  border-color: rgba(193,17,31,.45);
  transform: translateX(1px);
}
.hs-footer__social{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.hs-footer__socialLink,
.hs-footer__socialBtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.90);
  text-decoration:none;
  font-weight: 600;
  font-size: 13px;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}
.hs-footer__socialLink:hover,
.hs-footer__socialBtn:hover{
  transform: translateY(-2px);
  border-color: rgba(193,17,31,.45);
  background: rgba(193,17,31,.10);
  color: #fff;
}

.hs-footer__socialBtn{
  display:inline-flex;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
}
.hs-footer__socialBtn:hover{
  border-color: rgba(193,17,31,.40);
  background: rgba(255,255,255,.08);
  transform: translateY(-1px);
}

/* Map card (NL + pin Den Haag) */
.hs-footer__mapCard{
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(600px 260px at 20% 0%, rgba(193,17,31,.10), transparent 55%),
    radial-gradient(540px 260px at 90% 120%, rgba(255,255,255,.08), transparent 55%),
    rgba(255,255,255,.04);
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.hs-footer__mapHead{ margin-bottom: 10px; }
.hs-footer__mapBody{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: center;
}
.hs-footer__map{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  padding: 12px;
  overflow:hidden;
}
.hs-footer__mapSvg{
  width:100%;
  height:auto;
  display:block;
  opacity: .95;
}
.hs-footer__mapInfo{ display:grid; gap: 12px; }
.hs-footer__meta strong{ display:block; margin-bottom: 6px; font-weight: 700; color:#fff; }
.hs-footer__meta a{ padding: 2px 0; }
.hs-footer__hours{
  display:grid;
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  color: rgba(255,255,255,.88);
  font-size: 13px;
}
.hs-footer__small{
  margin: 10px 0 0;
  color: rgba(255,255,255,.70);
  font-size: 13px;
  line-height: 1.6;
}
.hs-footer__cta{
  margin-top: 14px;
  width: fit-content;
}
.hs-footer__bottom{
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 18px 0;
  display:flex;
  gap: 12px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  color: rgba(255,255,255,.60);
  font-size: 13px;
  position:relative;
  z-index:1;
}
.hs-footer__bottomInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 16px 20px;
  color: rgba(255,255,255,.70);
  font-size: 13px;
}
@media (max-width: 560px){
  .hs-footer__bottomInner{ flex-direction: column; align-items:flex-start; }
}
.hs-footer__bottomInner p{ margin:0; }
.hs-footer__bottomLinks{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
}
.hs-footer__bottomLinks a{
  color: rgba(255,255,255,.75);
  text-decoration:none;
  border-bottom: 1px solid rgba(255,255,255,.0);
}
.hs-footer__bottomLinks a:hover{
  color:#fff;
  border-color: rgba(193,17,31,.45);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .hs-reveal{ opacity:1; transform:none; transition:none; }
  .hs-scroll svg{ animation:none; }
  .hs-btn, .hs-card, .hs-brandlogo, .hs-pcard, .hs-pcard__media img, .hs-step, .hs-metaItem{ transition:none; }
}

/* =========================
   WERKWIJZE – PROCESS LINE
   ========================= */

.hs-process {
  background: linear-gradient(180deg, rgba(15,23,42,.02), transparent 60%);
}

.hs-processLine {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: flex-start;
  gap: 28px;
}

.hs-processStep {
  max-width: 320px;
}

.hs-stepNr {
  display: block;
  font-size: 44px;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: rgba(193,17,31,.22);
  margin-bottom: 6px;
}

.hs-processStep h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.hs-processStep p {
  margin: 0;
  color: var(--sub);
  line-height: 1.7;
  font-size: 14.5px;
}

/* verbindingslijn */
.hs-processConnector {
  margin-top: 34px;
  height: 1px;
  width: 100%;
  background: linear-gradient(
    90deg,
    rgba(193,17,31,.35),
    rgba(15,23,42,.15)
  );
}

/* Mobile */
@media (max-width: 980px) {
  .hs-processLine {
    grid-template-columns: 1fr;
    gap: 26px;
    justify-items: center;
    text-align: center;
  }

  .hs-processStep {
    max-width: 520px;
    width: 100%;
    text-align: center;
  }

  .hs-stepNr{
    margin: 0 auto 8px;
  }

  /* connector becomes a subtle down-arrow on mobile */
  .hs-processConnector {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 100%;
    margin: -6px 0 -2px;
    background: none;
  }
  .hs-processConnector::before{
    content: "↓";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(193,17,31,.18);
    background: rgba(193,17,31,.06);
    color: rgba(193,17,31,.78);
    font-size: 16px;
    line-height: 1;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
  }
}


/* =========================
   BRANDS MARQUEE (auto slider)
   ========================= */
.hs-marquee{
  position: relative;
  /* full-width luxury strip */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 26px;
  margin-bottom: 16px;
  overflow: hidden;
  border-top: 1px solid rgba(15,23,42,.10);
  border-bottom: 1px solid rgba(15,23,42,.10);
  border-left: none;
  border-right: none;
  border-radius: 0;
  background: rgba(255,255,255,.92);
  padding: 18px 0;
}
.hs-marquee__track{
  display: flex;
  align-items: center;
  gap: 14px;
  width: max-content;
  animation: hs-marquee 26s linear infinite;
}
.hs-marquee:hover .hs-marquee__track{
  animation-play-state: paused;
}
@keyframes hs-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.hs-marquee__fade{
  position:absolute;
  top:0; bottom:0;
  width: 90px;
  z-index: 2;
  pointer-events:none;
}
.hs-marquee__fade--l{
  left:0;
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,0));
}
.hs-marquee__fade--r{
  right:0;
  background: linear-gradient(270deg, rgba(255,255,255,.98), rgba(255,255,255,0));
}
/* logos in marquee */
.hs-marquee .hs-brandlogo{
  flex: 0 0 auto;
  height: 64px;
  min-width: 160px;
  padding: 10px 22px;
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.98);
  box-shadow: 0 10px 26px rgba(15,23,42,.06);
  display:grid;
  place-items:center;
}
.hs-marquee .hs-brandlogo img{
  max-height: 30px;
  max-width: 150px;
  width:auto;
  height:auto;
  filter: grayscale(1) contrast(1.05);
  opacity: .92;
  transition: filter .22s ease, opacity .22s ease, transform .22s ease;
}
.hs-marquee .hs-brandlogo:hover img{
  filter: grayscale(0) contrast(1.02);
  opacity: 1;
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce){
  .hs-marquee__track{ animation: none; }
}
@media (max-width: 768px){
  .hs-marquee{ padding: 14px 0; }
  .hs-marquee__fade{ width: 52px; }
  .hs-marquee .hs-brandlogo{ height: 56px; min-width: 140px; border-radius: 16px; }
  .hs-marquee .hs-brandlogo img{ max-height: 26px; }
}




/* =========================
   Footer redesign (premium)
   ========================= */
.hs-footer{
  padding: 0;
}

/* New: SEO footer layout (Van Munster / Stone Company vibe) */
.hs-footerMain{
  padding: 72px 0 34px;
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1.1fr;
  gap: 44px;
  align-items: start;
}
@media (max-width: 980px){
  .hs-footerMain{ grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 560px){
  .hs-footerMain{ grid-template-columns: 1fr; padding: 56px 0 26px; }
}

.hs-footerCol{
  display: grid;
  gap: 10px;
}
.hs-footerCol a{
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
}
.hs-footerCol a:hover{
  color: rgba(255,255,255,.94);
}

.hs-footerTitle{
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.72);
  margin-bottom: 6px;
}

.hs-footerCol--brand{
  max-width: 520px;
  gap: 0;
}

.hs-footerLogo{
  display: inline-flex;
  align-items: center;
  width: fit-content;
}
.hs-footerLogo__img{
  display: block;
  width: auto;
  max-width: min(100%, 230px);
  height: 36px;
  object-fit: contain;
}

.hs-footerTagline{
  margin: 10px 0 8px;
  color: rgba(255,255,255,.78);
  font-weight: 600;
  font-size: 14px;
}
.hs-footerIntro{
  margin: 0 0 16px;
  color: rgba(255,255,255,.86);
  font-size: 15px;
  line-height: 1.55;
}

.hs-footerSocial{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.hs-pillLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.90);
  font-weight: 600;
  font-size: 13px;
  text-decoration:none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.hs-pillLink:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.22);
}

.hs-footerRule{
  height: 1px;
  background: rgba(255,255,255,.10);
  margin: 0;
}

.hs-footerMeta{
  display: grid;
  gap: 6px;
  color: rgba(255,255,255,.80);
  font-weight: 600;
  font-size: 14px;
}
.hs-footerMeta strong{
  display:block;
  color: rgba(255,255,255,.96);
  font-weight: 800;
  margin-bottom: 2px;
}
.hs-footerMeta a{
  color: rgba(255,255,255,.90);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.18);
  width: fit-content;
}
.hs-footerMeta a:hover{
  border-bottom-color: rgba(255,255,255,.36);
}

.hs-footerHoursMini{
  margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 10px;
  display: grid;
  gap: 8px;
  color: rgba(255,255,255,.78);
  font-size: 13px;
}
.hs-footerHoursMini__row{
  display:flex;
  justify-content: space-between;
  gap: 14px;
}
.hs-footerHoursMini__row span:last-child{
  color: rgba(255,255,255,.90);
  font-weight: 700;
}

.hs-footerCtaSmall{
  margin-top: 14px;
  width: fit-content;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 800;
}

.hs-footerBottom{
  padding: 22px 0 26px;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 16px;
  flex-wrap: wrap;
}
.hs-footerBottom--seo{
  padding: 18px 0 24px;
}
.hs-footerLinks{
  display:flex;
  flex-wrap: wrap;
  gap: 14px 16px;
}
.hs-footerLinks a{
  color: rgba(255,255,255,.78);
  text-decoration:none;
  font-weight: 600;
  font-size: 13px;
}
.hs-footerLinks a:hover{
  color: rgba(255,255,255,.92);
}

.hs-footerLegal{
  color: rgba(255,255,255,.62);
  font-size: 12px;
  white-space: nowrap;
}
@media (max-width: 600px){
  .hs-footerLegal{ white-space: normal; }
}

/* =========================
   Mobile polish
   (keep layout clean, prevent horizontal overflow)
   ========================= */
body{ overflow-x: hidden; }

@media (max-width: 600px){
  .hs-hero{
    min-height: 430px;
    height: min(58svh, 500px);
    align-items: flex-end;
  }
  .hs-hero__video,
  .hs-hero__img{
    object-position: 60% center;
  }
  .hs-hero__content{
    max-width: 320px;
    margin: 0 auto;
    padding-top: 88px;
    padding-bottom: 88px;
    text-align: center;
  }

  /* Slightly tighter header spacing */
  .hs-header__inner{ padding: 12px 16px; }

  .hs-hero__cta,
  .hs-splitDark__actions{
    justify-content: center;
  }
  .hs-hero__cta .hs-btn,
  .hs-splitDark__actions .hs-btn{
    width: auto;
  }

  /* Keep cards and blocks from touching screen edges */
  .hs-wrap{ padding: 0 16px; }
}

@media (max-width: 980px){
  .hs-hero{
    min-height: 560px;
    height: min(76svh, 700px);
  }
}

@media (max-width: 820px){
  .hs-hero{
    min-height: 0;
    height: auto;
    display: block;
  }
  .hs-hero::after{
    height: 74px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.58) 66%, #fff 100%);
  }
  .hs-hero__media{
    position: relative;
    inset: auto;
    min-height: 0;
    overflow: hidden;
    background: transparent;
  }
  .hs-hero__video,
  .hs-hero__img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
  }
  .hs-hero__overlay--lr{
    background: linear-gradient(90deg, rgba(8,12,20,.10), rgba(8,12,20,.04), transparent 72%);
  }
  .hs-hero__overlay--bt{
    display: none;
  }
  .hs-hero__content{
    display:none;
  }
}

@media (max-width: 420px){
  .hs-hero{
    min-height: 0;
    height: auto;
  }
  .hs-hero::after{
    height: 68px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.54) 66%, #fff 100%);
  }
  .hs-scroll{
    bottom: 14px;
  }
}

/* =========================
   Mobile centering fixes
   (icons + intro card + showroom meta)
   ========================= */

@media (max-width: 600px){
  /* WHY cards: center the icon circle */
  .hs-card{ text-align:center; }
  .hs-card .hs-ic{ margin: 0 auto 12px; }

  /* Intro right card: center the droplet */
  .hs-intro__card{ text-align:center; }
  .hs-intro__cardIcon{ margin: 0 auto 12px; }
  .hs-pillRow{ justify-content:center; }

  /* Dark showroom block: make it feel premium on mobile */
  .hs-splitDark__content{ text-align:center; }
  .hs-kicker{ justify-content:center; }
  .hs-mark{ margin: 14px auto 10px; width: fit-content; }

  .hs-splitDark__meta{ margin-top: 18px; }
  .hs-metaItem{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 14px 14px;
  }
  .hs-metaItem__ic{ margin: 0; }
  .hs-metaItem div{ text-align:center; }
  .hs-metaItem a{ display:inline-block; }
  .hs-sep{ display:none; }
  .hs-metaItem a{ display:block; }
}


.hs-eyebrow{
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.70);
  font-weight: 800;
}
.hs-dot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--red, #c1111f);
  box-shadow: 0 0 0 6px rgba(193,17,31,.12);
}


/* ============================= */
/* SHOWROOM PAGE (matches homepage style) */
/* ============================= */

.hs-showHero{ padding-top: 36px; }
.hs-showHero__inner{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: start;
}
.hs-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size: 12px;
  letter-spacing:.18em;
  text-transform: uppercase;
  color: var(--sub);
  margin: 0 0 10px;
}
.hs-kicker:before{
  content:"";
  width: 28px;
  height: 2px;
  background: var(--red);
  border-radius: 99px;
  display:inline-block;
}

.hs-showHero__lead{ font-size: 18px; color: var(--sub); max-width: 56ch; }

.hs-showHero__media{
  margin:0;
  background: var(--muted);
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 4px);
  overflow:hidden;
  box-shadow: var(--shadow);
}
.hs-showHero__media img{ width:100%; height:auto; display:block; }
.hs-caption{
  display:block;
  padding: 10px 14px;
  font-size: 12px;
  color: var(--sub);
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,.65);
}

.hs-showFacts{
  margin-top: 18px;
  display:grid;
  gap: 10px;
  padding: 14px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255,255,255,.8);
}
.hs-showFact{ display:flex; gap:12px; align-items:flex-start; }
.hs-showFact__label{
  min-width: 110px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--sub);
}
.hs-showFact__value{ color: var(--text); font-size: 14px; }
.hs-showFact__value a{ color: inherit; text-decoration: none; border-bottom: 1px solid rgba(193,17,31,.35); }
.hs-showFact__value a:hover{ border-bottom-color: rgba(193,17,31,.75); }

.hs-grid2{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: start;
}

.hs-card--muted{
  background: var(--muted);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: none;
  /* Keep text readable even when this card is placed inside dark sections */
  color: rgba(17,17,17,.92);
  --text: rgba(17,17,17,.92);
  --mutedText: rgba(17,17,17,.68);
}
.hs-list{ margin: 12px 0 0; padding-left: 18px; color: var(--sub); }
.hs-list li{ margin: 8px 0; }

/* Muted cards should remain readable */
.hs-card--muted .hs-list{ color: var(--text); }
.hs-card--muted .hs-list li::marker{ color: var(--accent); }
.hs-small{ font-size: 13px; color: var(--sub); }

.hs-headline{ display:flex; justify-content: space-between; gap: 16px; align-items: end; margin-bottom: 14px; }
.hs-headline .hs-p{ margin:0; max-width: 62ch; }

.hs-gallery{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
  align-items:start;
}
.hs-gItem{
  position: relative;
  display:block;
  border-radius: var(--radius);
  overflow:hidden;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 10px 24px rgba(15,23,42,.08);
  transform: translateZ(0);
}
.hs-gItem img{
  width:100%;
  height:auto;
  object-fit: contain;
  display:block;
}
.hs-gItem:hover img{ transform: scale(1.01); transition: transform .35s ease; }

.hs-gItem{ grid-column: span 4; }
.hs-gItem--wide{ grid-column: span 8; }
.hs-gItem--wide2{ grid-column: span 8; }
.hs-gItem--tall{ grid-column: span 4; }

.hs-split{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  align-items: center;
  padding: 18px;
  border-radius: calc(var(--radius) + 6px);
  background: linear-gradient(180deg, rgba(15,23,42,.03), rgba(15,23,42,.00));
  border: 1px solid var(--line);
}
.hs-split__media{
  margin:0;
  border-radius: var(--radius);
  overflow:hidden;
  border: 1px solid var(--line);
  background: var(--muted);
  box-shadow: var(--shadow);
}
.hs-split__media img{ width:100%; height:auto; display:block; }

.hs-pillRow{ display:flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.hs-pill{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(193,17,31,.25);
  background: rgba(193,17,31,.06);
  color: var(--text);
  font-size: 13px;
}

.hs-ctaCard{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px;
  border-radius: calc(var(--radius) + 6px);
  border: 1px solid var(--line);
  background: var(--muted);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}
.hs-ctaCard__actions{ display:flex; gap: 14px; flex-wrap: wrap; justify-content: flex-end; }

@media (max-width: 980px){
  .hs-showHero__inner,
  .hs-grid2,
  .hs-split{ grid-template-columns: 1fr; }
  .hs-headline{ flex-direction: column; align-items: flex-start; }
  .hs-gallery{ grid-template-columns: repeat(6, 1fr); gap: 16px; }
  .hs-gItem{ grid-column: span 3; }
  .hs-gItem--wide, .hs-gItem--wide2{ grid-column: span 6; }
  .hs-gItem--tall{ grid-column: span 3; }
}

@media (max-width: 640px){
  .hs-showHero{ padding-top: 18px; }
  .hs-showFact{ flex-direction: column; gap: 4px; }
  .hs-showFact__label{ min-width: auto; }
  .hs-gallery{ grid-template-columns: 1fr; gap: 14px; }
  .hs-gItem, .hs-gItem--tall, .hs-gItem--wide, .hs-gItem--wide2{ grid-column: span 1; }
  .hs-ctaCard{ flex-direction: column; align-items: stretch; }
  .hs-ctaCard__actions{ justify-content: stretch; }
  .hs-ctaCard__actions .hs-btn{ width: 100%; }
}

/* ----------------------------
   Showroom — extra opvulling
---------------------------- */
.hs-showMore{
  padding: 64px 0;
  background: radial-gradient(1200px 600px at 50% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 60%),
              radial-gradient(900px 520px at 10% 20%, rgba(193,17,31,.10), rgba(193,17,31,0) 60%),
              #0b0f1a;
  color: #fff;
}
.hs-showMore .hs-h2{ color:#fff; }
.hs-showMore .hs-muted{ color: rgba(255,255,255,.72); }

.hs-showMore__head{ display:flex; flex-direction:column; gap:10px; margin-bottom: 20px; }

.hs-showMore__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
.hs-showMoreCard{
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 22px 20px;
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
  backdrop-filter: blur(6px);
}
.hs-showMoreCard .hs-h3{ margin: 0 0 12px; color:#fff; }
.hs-showMoreCard--steps{
  background:
    radial-gradient(220px 140px at 100% 0%, rgba(193,17,31,.10), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.04));
}

.hs-list{ list-style: none; padding: 0; margin: 0; display:grid; gap: 10px; }
.hs-list li{ position:relative; padding-left: 18px; color: rgba(255,255,255,.82); line-height: 1.65; }
.hs-card--muted .hs-list li{ color: #1a1a1a; }
.hs-list li::before{
  content:"";
  position:absolute; left:0; top:.6em;
  width:7px; height:7px; border-radius: 999px;
  background: rgba(193,17,31,.88);
  box-shadow: 0 0 0 2px rgba(193,17,31,.14);
}

.hs-stepsMini{ margin: 0; padding: 0; list-style: none; display:grid; gap: 12px; }
.hs-stepsMini li{ display:flex; gap: 12px; align-items:flex-start; color: rgba(255,255,255,.88); line-height:1.6; }
.hs-stepsMini li span{
  flex: 0 0 auto;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .08em;
  color: rgba(255,255,255,.96);
  background: rgba(193,17,31,.14);
  border: 1px solid rgba(193,17,31,.24);
  border-radius: 999px;
  padding: 4px 10px;
  margin-top: 2px;
}
.hs-showMoreCard__note{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.72);
  line-height: 1.65;
  font-size: 14px;
}

.hs-showMoreCard__cta{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.hs-showGallery{ margin-top: 26px; }
.hs-showGallery__top{ display:flex; align-items:flex-end; justify-content:space-between; gap: 12px; margin-bottom: 12px; }
.hs-showGallery__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.hs-showGalleryItem{ margin:0; border-radius: 16px; overflow:hidden; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.04); }
.hs-showGalleryItem img{ width:100%; height: 180px; object-fit: cover; display:block; }

@media (max-width: 980px){
  .hs-showMore__grid{ grid-template-columns: 1fr; }
  .hs-showGallery__grid{ grid-template-columns: 1fr 1fr; }
  .hs-showGalleryItem img{ height: 200px; }
}
@media (max-width: 560px){
  .hs-showMore{ padding: 44px 0; }
  .hs-showGallery__top{ flex-direction: column; align-items:flex-start; }
  .hs-showGallery__grid{ grid-template-columns: 1fr; }
  .hs-showGalleryItem img{ height: 220px; }
}



/* ===========================
   Inspiratie page placeholders
   =========================== */
.hs-inspoHero__grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:48px;
  align-items:center;
}
@media (max-width: 980px){
  .hs-inspoHero__grid{ grid-template-columns:1fr; gap:22px; }
}
.hs-inspoHero{ padding-top: 56px; padding-bottom: 56px; }
.hs-inspoHero__meta{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
@media (max-width: 560px){
  .hs-inspoHero__meta{ grid-template-columns:1fr; }
}
.hs-metaItem{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:12px 14px;
}
.hs-metaLabel{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; opacity:.75; }
.hs-metaValue{ margin-top:6px; font-size:14px; line-height:1.5; }

.hs-ph{
  width:100%;
  border-radius:18px;
  border:1px dashed rgba(255,255,255,.22);
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  position:relative;
  overflow:hidden;
}
.hs-ph:before{
  content:"";
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(45deg,
      rgba(255,255,255,.08) 0px,
      rgba(255,255,255,.08) 12px,
      rgba(255,255,255,.03) 12px,
      rgba(255,255,255,.03) 24px);
  opacity:.35;
}
.hs-ph--hero{ aspect-ratio: 4/5; }
.hs-ph--wide{ aspect-ratio: 3/2; }
.hs-ph--tall{ aspect-ratio: 3/4; }
.hs-ph--square{ aspect-ratio: 1/1; }
.hs-phCaption{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
}

.hs-inspoCatGrid{
  margin-top:18px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
}
@media (max-width: 980px){
  .hs-inspoCatGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px){
  .hs-inspoCatGrid{ grid-template-columns: 1fr; }
}
.hs-inspoCat{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 14px;
  border-radius:16px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none;
  color: inherit;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.hs-inspoCat:hover{
  transform: translateY(-2px);
  border-color: rgba(193,17,31,.35);
  background: rgba(255,255,255,.07);
}
.hs-inspoCat__icon{
  width:42px; height:42px;
  border-radius:14px;
  display:grid; place-items:center;
  background: rgba(193,17,31,.12);
  border: 1px solid rgba(193,17,31,.22);
  flex:0 0 auto;
}
.hs-inspoCat__icon svg{ width:22px; height:22px; fill: rgba(255,255,255,.92); }
.hs-inspoCat__title{ font-weight:700; }
.hs-inspoCat__text{ font-size:13px; opacity:.8; margin-top:3px; }

.hs-inspoHead{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
@media (max-width: 720px){ .hs-inspoHead{ flex-direction:column; align-items:flex-start; } }

.hs-inspoGrid{
  margin-top:16px;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:14px;
}
.hs-phCard{ margin:0; }
.hs-phCard figcaption{
  margin-top:8px;
  font-size:12px;
  opacity:.75;
}
.hs-inspoGrid .hs-phCard:nth-child(1){ grid-column: span 6; }
.hs-inspoGrid .hs-phCard:nth-child(2){ grid-column: span 6; }
.hs-inspoGrid .hs-phCard:nth-child(3){ grid-column: span 4; }
.hs-inspoGrid .hs-phCard:nth-child(4){ grid-column: span 4; }
.hs-inspoGrid .hs-phCard:nth-child(5){ grid-column: span 4; }
.hs-inspoGrid .hs-phCard:nth-child(6){ grid-column: span 12; }
@media (max-width: 980px){
  .hs-inspoGrid{ grid-template-columns: 1fr; }
  .hs-inspoGrid .hs-phCard{ grid-column: auto; }
}

.hs-inspoChecklistGrid{
  margin-top:16px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
}
@media (max-width: 820px){
  .hs-inspoChecklistGrid{ grid-template-columns:1fr; }
}
.hs-cardLite{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:16px 16px;
}
.hs-cardLite__title{ font-weight:800; font-size:16px; }
.hs-cardLite__text{ margin-top:8px; opacity:.9; line-height:1.6; }
.hs-cardLite__meta{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:10px;
}



/* === Inspiratie: foto's in placeholders === */
.hs-ph--img{ border: none !important; background: none !important; }
.hs-ph--img:before{ display:none !important; }
.hs-ph--img img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}

/* =========================
   Inspiratie redesign
   ========================= */
.hs-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.7;
}
.hs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height: 46px;
  padding:13px 18px;
  border-radius:999px;
  font-weight:600;
  border:1px solid transparent;
  font-size: 14px;
  text-decoration:none;
  transition:transform .15s ease, opacity .15s ease;
}
.hs-btn:hover{ transform: translateY(-1px); }
.hs-btn--primary,
.hs-btn--red{
  background: #b41f2b;
  color:#fff;
  border-color: rgba(0,0,0,0);
}
.hs-btn--ghost{
  background: rgba(255,255,255,.98);
  color:#111;
  border-color: rgba(15,23,42,.18);
}
.hs-btn--light{
  background: rgba(255,255,255,.10);
  color:#fff;
  border-color: rgba(255,255,255,.18);
}
.hs-inspoHeroNew{
  position:relative;
  padding: 84px 0 56px;
  overflow:hidden;
}
.hs-inspoHeroNew__bg{
  position:absolute; inset:0;
}
.hs-inspoHeroNew__bg img{
  width:100%; height:100%;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.02);
  transform:scale(1.02);
}
.hs-inspoHeroNew__bg:after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(1200px 600px at 25% 35%, rgba(255,255,255,.92), rgba(255,255,255,.78) 45%, rgba(255,255,255,.55) 70%, rgba(255,255,255,.2));
}
.hs-inspoHeroNew__inner{ position:relative; }
.hs-inspoHeroNew__copy{
  max-width: 760px;
}
.hs-inspoHeroNew__cta{ margin-top:22px; display:flex; gap:14px; flex-wrap:wrap; }

.hs-sectionHead{ margin-bottom:18px; }
.hs-sectionHead--dark .hs-h2, .hs-sectionHead--dark .hs-h3{ color:#fff; }
.hs-sectionHead--dark .hs-muted{ color: rgba(255,255,255,.72); }

.hs-worldGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.hs-worldCard{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
  min-height: 360px;
  display:block;
  color:#fff;
  text-decoration:none;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.hs-worldCard img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  transform:scale(1.01);
}
.hs-worldOverlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.70));
}
.hs-worldContent{
  position:absolute;
  inset: 0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding: 18px 18px 16px;
  gap: 8px;
}
.hs-worldTitle{
  font-size: 40px;
  line-height:1.05;
  letter-spacing:-.02em;
}
.hs-worldText{ opacity:.85; max-width: 34ch; }
.hs-worldBtn{
  margin-top: 8px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  width:max-content;
}

.hs-inspoDark{
  background: #0f1219;
  padding: 56px 0;
}
.hs-styleRow{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 22px;
  align-items:center;
  margin-top: 22px;
}
.hs-styleRow--reverse{
  grid-template-columns: .8fr 1.2fr;
}
.hs-styleRow--reverse .hs-styleMedia{ order:2; }
.hs-styleRow--reverse .hs-styleCopy{ order:1; }
.hs-styleMedia{
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.06);
  box-shadow: 0 18px 45px rgba(0,0,0,.25);
  aspect-ratio: 16/10;
}
.hs-styleMedia img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.hs-styleCopy .hs-h3{ color:#fff; margin-bottom:8px; }
.hs-styleCopy .hs-muted{ color: rgba(255,255,255,.74); }

.hs-galleryGrid{
  display:grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 16px;
}
.hs-gItem{
  border-radius: 22px;
  overflow:hidden;
  background: rgba(0,0,0,.06);
  box-shadow: 0 14px 38px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
}
.hs-gItem img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.hs-gItem__placeholder{
  width:100%;
  height:100%;
  min-height: 100%;
  display:grid;
  place-items:center;
  padding: 22px;
  background: linear-gradient(180deg,#f7f8fb,#eef1f6);
  color:#667085;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align:center;
}
.hs-gItem__caption{
  padding: 12px 14px 14px;
  background:#fff;
  color:#172033;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}
.hs-gItem--wide{ grid-column: span 8; aspect-ratio: 3/2; }
.hs-gItem--square{ grid-column: span 4; aspect-ratio: 1/1; }
.hs-gItem--tall{ grid-column: span 4; aspect-ratio: 3/4; }
.hs-inspoGalleryNew__cta{
  max-width: 760px;
  margin: 26px auto 0;
  text-align:center;
}
.hs-inspoGalleryNew__cta .hs-p{
  margin-bottom: 18px;
}

.hs-inspoCheck .hs-checkCard{
  border-radius: 22px;
  background: rgba(0,0,0,.04);
  padding: 22px;
  border: 1px solid rgba(0,0,0,.06);
}
.hs-checkGrid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
.hs-checkTitle{ font-weight:700; margin-bottom:6px; }
.hs-checkText{ opacity:.8; font-size:14px; line-height:1.5; }

@media (max-width: 980px){
  .hs-worldGrid{ grid-template-columns: 1fr; }
  .hs-styleRow, .hs-styleRow--reverse{ grid-template-columns: 1fr; }
  .hs-styleRow--reverse .hs-styleMedia, .hs-styleRow--reverse .hs-styleCopy{ order: initial; }
  .hs-galleryGrid{ grid-template-columns: repeat(6, minmax(0,1fr)); }
  .hs-gItem--wide{ grid-column: span 6; }
  .hs-gItem--square, .hs-gItem--tall{ grid-column: span 3; }
  .hs-checkGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .hs-galleryGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hs-gItem--wide, .hs-gItem--square, .hs-gItem--tall{ grid-column: span 2; }
  .hs-worldTitle{ font-size: 34px; }
}

/* =========================
   Inspiratie upgrade
   ========================= */
.hs-inspoPage .hs-inspoHeroNew__copy .hs-p a,
.hs-inspoChoice__card .hs-p a,
.hs-styleCopy .hs-p a,
.hs-inspoStyleCard__body .hs-p a,
.hs-inspoMaterialCard__body .hs-p a,
.hs-inspoConversion__copy .hs-p a,
.hs-inspoCta__card .hs-p a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hs-inspoPage .hs-inspoHeroNew__copy .hs-p a:visited,
.hs-inspoChoice__card .hs-p a:visited,
.hs-styleCopy .hs-p a:visited,
.hs-inspoStyleCard__body .hs-p a:visited,
.hs-inspoMaterialCard__body .hs-p a:visited,
.hs-inspoPage .hs-sectionHead .hs-p a:visited,
.hs-inspoPage .hs-sectionHead--dark .hs-p a:visited,
.hs-inspoConversion__copy .hs-p a:visited,
.hs-inspoCta__card .hs-p a:visited{
  color: inherit;
}
.hs-inspoPage .hs-sectionHead .hs-p a,
.hs-inspoPage .hs-sectionHead--dark .hs-p a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.hs-inspoChoice{
  padding-top: 26px;
}
.hs-inspoChoice__head{
  margin-bottom: 24px;
}
.hs-inspoChoice__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
.hs-inspoChoice__card{
  display:block;
  padding: 22px 20px;
  border-radius: 22px;
  border: 1px solid rgba(17,24,39,.08);
  background: linear-gradient(180deg,#ffffff,#fafbfc);
  box-shadow: 0 14px 32px rgba(15,23,42,.06);
  color: #172033;
  text-decoration: none;
}
.hs-inspoChoice__title{
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
}
.hs-inspoChoice__card .hs-p{
  margin: 0;
  color: #5c6678;
  line-height: 1.65;
}
.hs-inspoStyleCards{
  display:grid;
  gap: 28px;
}
.hs-inspoStyleCard{
  display:grid;
  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
  gap: 22px;
  align-items: stretch;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 28px;
  background: linear-gradient(180deg,#ffffff,#fbfbfc);
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
  overflow: hidden;
}
.hs-inspoStyleCard__media{
  min-height: 320px;
}
.hs-inspoStyleCard__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hs-inspoStyleCard__body{
  padding: 28px 26px;
}
.hs-inspoStyleCard__eyebrow{
  margin-bottom: 8px;
  color: #8f141b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hs-inspoStyleCard__body .hs-p{
  color: #556173;
}
.hs-inspoStyleCard__body .hs-p + .hs-p{
  margin-top: 12px;
}
.hs-inspoStyleCard__actions{
  margin-top: 18px;
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
.hs-inspoMaterials{
  background: #0f1219;
  padding: 72px 0;
}
.hs-inspoMaterialRows{
  display:grid;
  gap: 24px;
}
.hs-inspoMaterialCards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}
.hs-inspoMaterialCard{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  overflow: hidden;
}
.hs-inspoMaterialCard__media{
  aspect-ratio: 16/10;
  background: rgba(255,255,255,.04);
}
.hs-inspoMaterialCard__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hs-inspoMaterialCard__body{
  padding: 22px 20px 20px;
}
.hs-inspoMaterialCard__body .hs-h3{
  color:#fff;
  margin-bottom: 10px;
}
.hs-inspoMaterialCard__body .hs-p + .hs-p{
  margin-top: 12px;
}
.hs-inspoMaterials__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top: 24px;
}
.hs-inspoCta{
  padding-bottom: 66px;
}
.hs-inspoConversion__grid{
  display:grid;
  grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr);
  gap: 32px;
  align-items: center;
}
.hs-inspoConversion__grid--reverse{
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}
.hs-inspoConversion__grid--reverse .hs-inspoConversion__media{
  order: 2;
}
.hs-inspoConversion__grid--reverse .hs-inspoConversion__copy{
  order: 1;
}
.hs-inspoConversion__media{
  min-height: 400px;
}
.hs-inspoConversion__media img{
  display:block;
  width:100%;
  height:100%;
  min-height: 400px;
  object-fit:cover;
  border-radius: 28px;
}
.hs-inspoConversion__placeholder{
  width:100%;
  height:100%;
  min-height: 400px;
  border-radius: 28px;
  border: 1px dashed rgba(17,24,39,.12);
  background: linear-gradient(180deg,#f7f8fb,#eef1f6);
  display:grid;
  place-items:center;
  color:#667085;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align:center;
  padding: 22px;
}
.hs-inspoConversion__copy .hs-p + .hs-p{
  margin-top: 14px;
}
.hs-inspoConversion__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 20px;
}
.hs-inspoConversion--brands{
  background: linear-gradient(180deg,#fbfbfa,#f6f7fa);
}
.hs-inspoCta__card{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 28px;
  background: linear-gradient(180deg,#ffffff,#f7f8fb);
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
  padding: 36px 32px;
}
.hs-inspoCta__card .hs-sectionHead img{
  display:block;
  width:100%;
  max-height: 360px;
  object-fit:contain;
  background: #f4f1ec;
  border-radius: 22px;
  margin-bottom: 20px;
}
.hs-inspoCta__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

@media (max-width: 980px){
  .hs-inspoChoice__grid,
  .hs-inspoStyleCard,
  .hs-inspoMaterialCards,
  .hs-inspoConversion__grid,
  .hs-inspoConversion__grid--reverse{
    grid-template-columns: 1fr;
  }
  .hs-inspoStyleCard__media{
    min-height: 260px;
  }
  .hs-inspoConversion__media,
  .hs-inspoConversion__placeholder{
    min-height: 320px;
  }
  .hs-inspoConversion__media img{
    min-height: 320px;
  }
  .hs-inspoConversion__grid--reverse .hs-inspoConversion__media,
  .hs-inspoConversion__grid--reverse .hs-inspoConversion__copy{
    order: initial;
  }
}

@media (max-width: 640px){
  .hs-inspoPage .hs-sectionHead,
  .hs-inspoPage .hs-sectionHead > div,
  .hs-inspoPage .hs-h1,
  .hs-inspoPage .hs-h2,
  .hs-inspoPage .hs-h3,
  .hs-inspoPage .hs-p,
  .hs-inspoPage .hs-muted,
  .hs-inspoPage .hs-kicker,
  .hs-inspoPage .hs-eyebrow,
  .hs-inspoPage .hs-gItem__caption{
    text-align:center;
  }
  .hs-inspoChoice__card,
  .hs-inspoStyleCard__body,
  .hs-inspoCta__card{
    padding: 20px 18px;
  }
  .hs-inspoChoice__title{
    font-size: 18px;
  }
  .hs-inspoStyleCard__actions,
  .hs-inspoCta__actions,
  .hs-inspoHeroNew__cta,
  .hs-inspoConversion__actions{
    justify-content: center;
  }
  .hs-inspoStyleCard__body,
  .hs-inspoChoice__head,
  .hs-inspoCta__card,
  .hs-inspoConversion__copy{
    text-align: center;
  }
  .hs-inspoMaterials__actions,
  .hs-inspoHeroNew__cta,
  .hs-inspoStyleCard__actions,
  .hs-inspoConversion__actions,
  .hs-inspoCta__actions{
    align-items:center;
  }
  .hs-inspoConversion__placeholder{
    min-height: 280px;
  }
}

/* =========================
   Merkenpagina
   ========================= */
.hs-brandsHero{ position:relative; padding: 84px 0 56px; overflow:hidden; }
.hs-brandsHero__bg{ position:absolute; inset:0; }
.hs-brandsHero__bg img{ width:100%; height:100%; object-fit:cover; transform:scale(1.02); }
.hs-brandsHero__bg:after{
  content:""; position:absolute; inset:0;
  background: radial-gradient(1200px 650px at 25% 35%, rgba(255,255,255,.92), rgba(255,255,255,.78) 45%, rgba(255,255,255,.55) 70%, rgba(255,255,255,.18));
}
.hs-brandsHero__inner{ position:relative; }
.hs-brandsHero__copy{ max-width: 820px; }
.hs-brandsHero__cta{ margin-top:22px; display:flex; gap:14px; flex-wrap:wrap; }
.hs-brandsHero__chips{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
.hs-chip{
  appearance:none; border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  padding:10px 14px; border-radius:999px;
  font-weight:600; cursor:pointer;
}
.hs-chip.is-active{ background:#111; color:#fff; border-color:#111; }

.hs-porcCard{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 22px;
  border-radius: 22px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.03);
}
.hs-porcMedia{ min-height: 340px; background:#fff; }
.hs-porcMedia img{ width:100%; height:100%; object-fit:cover; display:block; }
.hs-porcCopy{ padding: 22px; }
.hs-porcList{ margin: 12px 0 0; padding-left: 18px; }
.hs-porcActions{ margin-top: 16px; display:flex; gap:10px; flex-wrap:wrap; }
.hs-note{ margin-top: 10px; font-size: 13px; opacity: .75; }

/* Homepage-only contrast fixes for Lighthouse text findings */
body.home .hs-intro .hs-kicker,
body.hs-home .hs-intro .hs-kicker{
  color: rgba(15, 23, 42, .78);
}

body.home .hs-brands .hs-note,
body.hs-home .hs-brands .hs-note{
  color: var(--sub);
  opacity: 1;
}

.hs-brandsGrid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
@media (min-width: 1200px){ .hs-brandsGrid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
.hs-brandCard{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.7);
  overflow:hidden;
}
.hs-brandTop{
  width:100%;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 14px;
  border:0;
  background: transparent;
  cursor:pointer;
  text-align:left;
}
.hs-brandLogo{
  width: 200px;
  height: 84px;
  border-radius: 14px;
  background: #f4f5f7;
  border: 1px solid rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 8px 10px;
  overflow:hidden;
  flex: 0 0 auto;
}
.hs-brandLogo img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display:block;
}
.hs-brandLogo--fallback{
  position:relative;
}
.hs-brandLogo--fallback:after{
  content: attr(data-fallback);
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-size: 12px; font-weight: 800;
  padding: 6px;
  text-align:center;
}
.hs-brandMeta{ display:flex; flex-direction:column; gap:2px; min-width: 0; }
.hs-brandName{ font-weight:800; letter-spacing:-.01em;  line-height: 1.15; overflow-wrap: anywhere; }
.hs-brandKind{ font-size: 13px; opacity:.75; }
.hs-brandArrow{ margin-left:auto; font-size: 18px; opacity:.7; }
.hs-brandBody{ padding: 0 14px 14px; }
.hs-brandBody p{ margin: 0; opacity:.85; line-height:1.55; }

.hs-brandCard.is-open{ background: #fff; box-shadow: 0 14px 34px rgba(0,0,0,.08); }

@media (max-width: 980px){
  .hs-porcCard{ grid-template-columns: 1fr; }
  .hs-brandsGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .hs-brandsGrid{ grid-template-columns: 1fr; }
}

/* =========================
   Merkenpagina v2
   ========================= */
.hs-brandsIntro{
  padding-top: 96px;
  padding-bottom: 26px;
}
.hs-brandsIntro__inner{
  width: min(100%, 1060px);
  max-width: none;
  padding: 10px 0 0;
}
.hs-brandsIntro__inner .hs-kicker{
  margin-bottom: 10px;
}
.hs-brandsIntro__inner .hs-h1{
  max-width: 760px;
  margin-bottom: 16px;
}
.hs-brandsIntro__inner .hs-p{
  max-width: 820px;
  line-height: 1.75;
}
.hs-porc{
  padding-top: 10px;
}

.hs-porcGrid{
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 16px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(17,17,17,.025);
  overflow:hidden;
}
.hs-porcMedia{
  padding: 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 12px;
  background: rgba(255,255,255,.76);
}
.hs-brandLogoXL{
  height: 176px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  position: relative;
}
.hs-brandLogoXL:after{
  content: attr(data-fallback);
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-weight: 900; letter-spacing: -.02em;
  font-size: 22px;
  opacity: .78;
}
.hs-brandLogoXL--image{
  display:block;
  width:100%;
  object-fit:cover;
}
.hs-porcHint{
  font-size: 13px;
  line-height: 1.55;
  opacity:.72;
  margin:0;
}
.hs-porcCopy{ padding: 24px 24px 24px 8px; }
.hs-porcCopy .hs-h2{
  margin-bottom: 12px;
}
.hs-porcCopy .hs-p{
  max-width: 58ch;
}
.hs-porcCopy .hs-p + .hs-p{
  margin-top: 14px;
}
.hs-porcPoints{ display:flex; flex-wrap:wrap; gap: 8px; margin: 14px 0 14px; }
.hs-pill{
  display:inline-flex;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.7);
  font-weight: 700;
  font-size: 13px;
}

.hs-brandsGrid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; align-items: stretch; }
@media (min-width: 1200px){ .hs-brandsGrid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
.hs-brandsList .hs-sectionHead{
  margin-bottom: 18px;
}
.hs-brandsList .hs-sectionHead .hs-h2{
  margin-bottom: 10px;
}
.hs-brandCard{
  display:flex;
  flex-direction:column;
  height:100%;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  padding: 18px;
  box-shadow: 0 8px 22px rgba(17,17,17,.04);
  cursor: default;
}
.hs-brandHead{ display:flex; gap: 14px; align-items:flex-start; min-height: 96px; }
.hs-brandLogo{
  width: 168px;
  height: 78px;
  border-radius: 14px;
  background: #f6f6f4;
  border: 1px solid rgba(17,17,17,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  overflow:hidden;
  flex: 0 0 auto;
}
.hs-brandLogo img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display:block;
}
.hs-brandLogo.is-fallback:after,
.hs-brandLogo:not(:has(img)):after{
  content: attr(data-fallback);
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  text-align:center;
  padding: 6px;
  font-size: 11px;
  font-weight: 900;
  opacity: .75;
}
.hs-brandMeta{ min-width: 0; padding-top: 2px; }
.hs-brandName{
  font-weight: 850;
  font-size: 20px;
  line-height: 1.12;
  letter-spacing: -.02em;
  color: #111827;
}
.hs-brandKind{
  font-size: 12px;
  opacity: .64;
  margin-top: 6px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
}
.hs-brandTag{
  margin-left:auto;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  opacity: .55;
}
.hs-brandDesc{
  margin: 16px 0 0;
  color: #4b5563;
  line-height: 1.68;
  font-size: 15px;
  max-width: 42ch;
}
.hs-brandsClosing{
  padding-top: 34px;
  padding-bottom: 10px;
}
.hs-brandsClosing__inner{
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 30px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  text-align: center;
}
.hs-brandsClosing__inner .hs-kicker{
  margin-bottom: 10px;
}
.hs-brandsClosing__inner .hs-h2{
  max-width: 18ch;
  margin-inline: auto;
}
.hs-brandsClosing__inner .hs-p{
  max-width: 58ch;
  margin: 14px auto 0;
}
.hs-brandsClosing__actions{
  display:flex;
  justify-content:center;
  gap: 12px;
  flex-wrap:wrap;
  margin-top: 20px;
}

.hs-seoBox{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  background: rgba(0,0,0,.03);
  padding: 18px 18px;
}

@media (max-width: 980px){
  .hs-porcGrid{ grid-template-columns: 1fr; }
  .hs-brandsGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hs-porcCopy{
    padding: 0 24px 24px;
  }
}
@media (max-width: 640px){
  .hs-brandsIntro{
    padding-top: 88px;
    padding-bottom: 20px;
  }
  .hs-brandsIntro__inner,
  .hs-brandsList .hs-sectionHead,
  .hs-brandCard{
    text-align: center;
  }
  .hs-brandsIntro__inner .hs-h1{
    max-width: none;
  }
  .hs-brandsIntro__inner .hs-p{
    max-width: none;
  }
  .hs-brandsGrid{ grid-template-columns: 1fr; }
  .hs-brandCard{ padding: 16px; }
  .hs-brandHead{ flex-direction: column; min-height: 0; gap: 12px; }
  .hs-brandLogo{ width: 100%; max-width: 220px; height: 82px; margin-inline: auto; }
  .hs-brandMeta{
    width: 100%;
  }
  .hs-brandDesc{ max-width: none; }
  .hs-porc{
    padding-top: 4px;
  }
  .hs-porcMedia,
  .hs-porcCopy,
  .hs-brandsClosing__inner{
    text-align: center;
  }
  .hs-brandLogoXL--image{
    margin-inline: auto;
  }
  .hs-porcPoints,
  .hs-brandsClosing__actions{
    justify-content:center;
  }
  .hs-brandsClosing__inner{
    padding: 24px 20px;
  }
}


/* =========================
   Merken – SEO & FAQ (v3)
   ========================= */
.hs-brandsSEO{ padding-top: 28px; }
.hs-brandsSEO__inner{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 22px;
  background: linear-gradient(180deg, rgba(193,17,31,.06), rgba(17,17,17,.02));
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 22px;
  padding: 26px;
}
.hs-brandsSEO__lead{ max-width: 62ch; }
.hs-brandsSEO__chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 14px; }
.hs-chip{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.10);
  background: rgba(255,255,255,.8);
  font-size: 13px;
  color: rgba(17,17,17,.78);
}
.hs-brandsSEO__highlights{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 16px;
}
.hs-highlight{
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(255,255,255,.86);
}
.hs-highlight__title{ font-weight: 700; font-size: 14px; }
.hs-highlight__text{ font-size: 13px; color: rgba(17,17,17,.72); margin-top: 4px; }
.hs-brandsSEO__cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 16px; }
.hs-brandsSEO__note{
  margin-top: 14px;
  font-size: 13px;
  color: rgba(17,17,17,.68);
}
.hs-asideCard{
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.9);
}
.hs-asideCard__title{ margin: 2px 0 10px; }
.hs-acc{ border-top: 1px solid rgba(17,17,17,.10); padding-top: 10px; margin-top: 10px; }
.hs-acc:first-of-type{ border-top: none; padding-top: 0; margin-top: 0; }
.hs-acc__sum{
  list-style: none;
  cursor: pointer;
  font-weight: 700;
  color: rgba(17,17,17,.86);
  display:flex;
  align-items:center;
  gap: 10px;
}
.hs-acc__sum::-webkit-details-marker{ display:none; }
.hs-acc__sum::before{
  content:"";
  width: 10px; height: 10px;
  border-radius: 3px;
  border: 1px solid rgba(193,17,31,.55);
  background: rgba(193,17,31,.12);
  flex: 0 0 auto;
}
.hs-acc__body{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(17,17,17,.72);
}
.hs-asideCard__meta{
  display:grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 12px;
}
.hs-miniMeta{ display:flex; justify-content:space-between; gap:12px; font-size: 13px; }
.hs-miniMeta__k{ color: rgba(17,17,17,.62); }
.hs-miniMeta__v{ color: rgba(17,17,17,.86); font-weight: 600; text-align:right; }

/* responsive */
@media (max-width: 980px){
  .hs-brandsSEO__inner{ grid-template-columns: 1fr; }
}

/* =========================
   Over ons
   ========================= */
.hs-aboutHero{ padding-top: 40px; }
.hs-aboutHero__inner{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: start;
}
.hs-aboutHero__lead{ max-width: 62ch; }
.hs-aboutHero__cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top: 20px; }
.hs-aboutHero__cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.hs-statCard{
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.9);
}
.hs-statCard__k{ font-size: 12px; letter-spacing:.06em; text-transform: uppercase; color: rgba(17,17,17,.55); }
.hs-statCard__v{ font-size: 22px; font-weight: 800; margin-top: 6px; }
.hs-statCard__t{ margin-top: 6px; font-size: 13px; color: rgba(17,17,17,.68); }

.hs-grid2{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items: start; }
.hs-steps{ display:grid; gap: 10px; }
.hs-step{
  display:flex; gap: 12px;
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 18px;
  padding: 12px 14px;
  background: rgba(255,255,255,.9);
}
.hs-step__n{
  width: 34px; height: 34px;
  border-radius: 12px;
  background: rgba(193,17,31,.12);
  border: 1px solid rgba(193,17,31,.30);
  display:grid; place-items:center;
  font-weight: 800;
  color: rgba(17,17,17,.85);
  flex: 0 0 auto;
}
.hs-step__t{ font-weight: 800; }
.hs-step__p{ font-size: 13px; color: rgba(17,17,17,.68); margin-top: 4px; }

.hs-aboutBand__inner{
  border-radius: 22px;
  padding: 22px;
  border: 1px solid rgba(17,17,17,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 40px rgba(17,17,17,.08);
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  /* This block sits inside a dark section; force readable (dark) text */
  color: rgba(17,17,17,.92);
  --text: rgba(17,17,17,.92);
  --muted: rgba(17,17,17,.68);
}
.hs-aboutBand__bullets{ margin-top: 12px; display:grid; gap: 8px; }
.hs-bullet{ display:flex; gap:10px; align-items:flex-start; color: rgba(17,17,17,.78); font-size: 14px; }
.hs-bullet__dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(193,17,31,.55);
  margin-top: 6px;
  flex: 0 0 auto;
}
.hs-aboutBand__cards{ display:grid; gap: 10px; }
.hs-tierCard{
  border-radius: 18px;
  border: 1px solid rgba(17,17,17,.10);
  padding: 14px;
  background: rgba(255,255,255,.9);
}

/* About band: keep text readable even when the section uses dark styling */
.hs-aboutBand .hs-aboutBand__inner,
.hs-aboutBand .hs-tierCard{ color: var(--ink); }
.hs-aboutBand .hs-h2,
.hs-aboutBand .hs-p,
.hs-aboutBand li,
.hs-aboutBand strong{ color: var(--ink); }
.hs-section--dark .hs-aboutBand .hs-p{ color: var(--ink); } /* override dark section rule */
.hs-section--dark .hs-aboutBand .hs-tierCard{ background:#fff; border-color: rgba(17,24,39,.12); }
.hs-tierCard__h{ font-weight: 900; }
.hs-tierCard__p{ font-size: 13px; color: rgba(17,17,17,.68); margin-top: 6px; }

.hs-callout{
  border-radius: 22px;
  border: 1px solid rgba(17,17,17,.10);
  padding: 26px;
  background: rgba(255,255,255,.92);
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap: 22px;
}
.hs-callout__cta{ display:flex; gap: 14px; flex-wrap:wrap; align-items:center; margin-top: 14px; }
.hs-aboutPage .hs-callout{
  justify-content: center;
  text-align: center;
}
.hs-aboutPage .hs-callout__copy{
  max-width: 760px;
  margin: 0 auto;
}
.hs-aboutPage .hs-callout__cta{
  justify-content: center;
  gap: 14px;
  margin-top: 18px;
}
.hs-grid3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.hs-infoCard{
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.92);
}
.hs-infoRow{ display:flex; justify-content:space-between; gap: 12px; font-size: 14px; color: rgba(17,17,17,.78); margin-top: 8px; }
.hs-centerCTA{
  margin-top: 20px;
  text-align:center;
  border-radius: 22px;
  border: 1px solid rgba(17,17,17,.10);
  padding: 26px;
  background: linear-gradient(180deg, rgba(193,17,31,.06), rgba(255,255,255,.9));
}
.hs-centerCTA__btns{ margin-top: 18px; display:flex; justify-content:center; gap: 14px; flex-wrap:wrap; }
.hs-aboutPage .hs-centerCTA{
  background: #fff;
}

main.hs-aboutPage + section[aria-label="Call to action"] .hs-final{
  padding: 34px 0 18px !important;
}
main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__inner{
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 24px;
  padding: 34px 38px;
}
main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__content{
  max-width: 760px;
  margin: 0 auto;
}
main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__content .hs-h2{
  margin: 0 0 14px !important;
}
main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__content .hs-p{
  margin: 0 0 22px !important;
}
main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__content .hs-hero__ctas{
  gap: 12px;
}

/* Contact */
.hs-contactHero{ padding-top: 40px; }
.hs-contactHero__inner{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items:start; }
.hs-contactHero__lead{ max-width: 62ch; }
.hs-contactHero__cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 16px; }
.hs-contactCards{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.hs-mapPlaceholder{
  margin-top: 18px;
  border-radius: 22px;
  border: 1px dashed rgba(17,17,17,.18);
  background: rgba(17,17,17,.02);
  padding: 18px;
}
.hs-mapPlaceholder__inner{ border-radius: 16px; background: rgba(255,255,255,.9); padding: 16px; }
.hs-mapPlaceholder__title{ font-weight: 900; }
.hs-mapPlaceholder__text{ margin-top: 6px; font-size: 13px; color: rgba(17,17,17,.68); }

/* responsive about/contact */
@media (max-width: 980px){
  .hs-aboutHero__inner, .hs-grid2, .hs-aboutBand__inner, .hs-contactHero__inner{ grid-template-columns: 1fr; }
  .hs-aboutHero__cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hs-grid3{ grid-template-columns: 1fr; }
  .hs-aboutPage .hs-callout__cta{
    flex-direction: column;
    align-items: stretch;
  }
  .hs-aboutPage .hs-callout__cta .hs-btn{
    width: 100%;
  }
}
@media (max-width: 560px){
  .hs-aboutHero__cards, .hs-contactCards{ grid-template-columns: 1fr; }
  .hs-statCard,
  .hs-statCard__k,
  .hs-statCard__v,
  .hs-statCard__t{
    text-align: center;
  }
  main.hs-aboutPage + section[aria-label="Call to action"] .hs-final{
    padding: 24px 0 10px !important;
  }
  main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__inner{
    padding: 26px 20px;
  }
  main.hs-aboutPage + section[aria-label="Call to action"] .hs-final__content .hs-p{
    margin-bottom: 18px !important;
  }
}
@media (max-width: 700px){
  .hs-aboutPage{
    padding-top: 92px;
  }
  .hs-aboutPage .hs-aboutHero{
    padding-top: 0;
  }
}


/* --- Page header spacing fix --- */
.hs-pageTop{padding-top:120px;}
@media (max-width: 700px){.hs-pageTop{padding-top:104px;}}

/* --- Solid dark sections (no gradient) --- */
.hs-section--dark{
  background: var(--navy);
  color: #fff;
}
.hs-section--dark .hs-h1,
.hs-section--dark .hs-h2,
.hs-section--dark .hs-h3,
.hs-section--dark .hs-p,
.hs-section--dark .hs-kicker{color:#fff;}
.hs-section--dark .hs-muted{color: rgba(255,255,255,.75);}
.hs-section--dark a{color: #fff; text-decoration-color: rgba(255,255,255,.4);}
.hs-section--dark a:hover{text-decoration-color:#fff;}

/* Cards inside dark sections */
.hs-section--dark .hs-card,
.hs-section--dark .hs-pill,
.hs-section--dark .hs-step{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.hs-section--dark .hs-card *{color:#fff;}
.hs-section--dark .hs-card .hs-muted{color: rgba(255,255,255,.78);}

/* Some cards use a light background inside dark sections (e.g. "Alles onder één dak", "Neem mee").
   Those should keep dark, readable text. */
.hs-section--dark .hs-aboutBand__inner,
.hs-section--dark .hs-card--muted{ color: rgba(17,17,17,.92); }
.hs-section--dark .hs-aboutBand__inner *,
.hs-section--dark .hs-card--muted *{ color: rgba(17,17,17,.92) !important; }
.hs-section--dark .hs-card--muted .hs-muted{ color: rgba(17,17,17,.68) !important; }

/* Contact page layout */
.hs-contactGrid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:24px;
  align-items: start;
}
@media (max-width: 980px){.hs-contactGrid{grid-template-columns:1fr;}}
.hs-contactCards{display:grid; gap:14px;}
.hs-contactCard{
  border:1px solid rgba(10,20,40,.10);
  border-radius:18px;
  padding:18px;
  background:#fff;
}
.hs-contactCard h3{margin:0 0 6px;}
.hs-contactCard p{margin:0;}
.hs-mapWrap{
  border:1px solid rgba(10,20,40,.10);
  border-radius:22px;
  overflow:hidden;
  background:#fff;
}
.hs-mapWrap iframe{width:100%; height:420px; border:0; display:block;}
@media (max-width: 980px){.hs-mapWrap iframe{height:360px;}}
.hs-bizList{display:grid; gap:10px; margin-top:14px;}
.hs-bizItem{
  display:flex; gap:10px; align-items:flex-start;
  padding:12px 14px;
  border:1px solid rgba(10,20,40,.10);
  border-radius:14px;
  background:#fff;
}
.hs-bizItem strong{display:block;}

/* Mobile menu links should never fall back to browser defaults */
.hs-header__mobile a{ color: #fff; text-decoration: none; }
.hs-header__mobile a:visited{ color: #fff; }
.hs-header__mobile a:hover{ opacity: .92; }

.hs-header__burger span{
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  margin: 0;
  transition: transform .2s ease, opacity .2s ease;
}
.hs-header__burger[aria-expanded="true"] span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
.hs-header__burger[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.hs-header__burger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

/* Mobile header/menu fixes */
@media (max-width: 980px){
  html, body{
    overflow-x: hidden;
  }

  .hs-header,
  .hs-header__inner,
  .hs-header__mobile{
    max-width: 100%;
    box-sizing: border-box;
  }

  .hs-header__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    gap: 8px;
  }
  .hs-header__brand{
    flex: 1 1 auto;
    min-width: 0;
    max-width: clamp(150px, 52vw, 260px);
    overflow: visible;
    white-space: nowrap;
    padding: 0;
    border-radius: 0;
  }
  .hs-header:not(.is-solid) .hs-header__brand{
    padding: 0;
    border: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    border-radius: 0;
  }
  .hs-header__logoImg{
    height: 28px;
    width: auto;
    max-width: clamp(160px, 46vw, 220px);
  }
  .hs-header__actions{
    margin-left: auto;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
  }
  .hs-header__cta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    white-space: nowrap;
    gap: 8px;
    padding: 8px 11px;
    font-size: 11.5px;
    line-height: 1;
    min-height: 38px;
    border-radius: 999px;
  }
  .hs-header__ctaIc{
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
  }
  .hs-header__burger{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    line-height: 0;
    gap: 4px;
  }

  .hs-header__mobile{
    position: fixed;
    top: 64px;
    left: 12px;
    right: 12px;
    width: auto;
    z-index: 58;
    padding: 10px 0 14px;
    background: rgba(11,18,32,.98);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(0,0,0,.34);
    max-height: calc(100svh - 76px);
    overflow: auto;
  }
  .hs-header__mobile[hidden]{
    display: none !important;
  }
  .hs-header__mobileInner{
    display: grid;
    gap: 8px;
    width: 100%;
    max-width: 100%;
  }
  .hs-header__mobile a{
    display: block;
    padding: 11px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.05);
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .hs-header__mobileGroupTitle{
    margin-top: 8px;
    padding: 8px 2px 2px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255,255,255,.62);
    font-weight: 700;
  }
  .hs-header__mobileCta{
    background: rgba(193,17,31,.92) !important;
    border-color: rgba(255,255,255,.22) !important;
    color: #fff !important;
    text-align: center;
    font-weight: 700;
  }

  .hs-contact-bottom__inner{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .hs-contact-instagramCard,
  .hs-contact-finalCta{
    min-width: 0;
    width: 100%;
  }
  .hs-contact-finalCta{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .hs-contact-finalCta .hs-callout__copy,
  .hs-contact-finalCta .hs-callout__cta{
    min-width: 0;
    width: 100%;
  }
  .hs-contact-finalCta .hs-callout__cta{
    margin-top: 0;
  }
  .hs-contact-finalCta .hs-callout__cta .hs-btn{
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 420px){
  .hs-header__inner{
    padding: 9px 10px;
    gap: 6px;
  }
  .hs-header__brand{
    max-width: clamp(142px, 54vw, 210px);
    overflow: visible;
    border-radius: 0;
  }
  .hs-header__logoImg{
    max-width: 150px;
  }
  .hs-header__actions{
    gap: 6px;
  }
  .hs-header__cta{
    padding: 7px 9px;
    min-height: 36px;
    font-size: 11px;
  }
  .hs-header__mobile{
    top: 60px;
    left: 8px;
    right: 8px;
    max-height: calc(100svh - 68px);
  }
}

@media (max-width: 360px){
  .hs-header__brand{
    max-width: clamp(132px, 56vw, 180px);
  }
  .hs-header__logoImg{
    max-width: 136px;
  }
  .hs-header__cta{
    min-width: 36px;
    padding: 7px 8px;
    gap: 6px;
  }
  .hs-header__cta span{
    display: none;
  }
}

/* Local landing page template */
.hs-local-page .hs-section{
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 768px){
  .hs-local-page .hs-section{
    padding-top: 54px;
    padding-bottom: 54px;
  }
}

.hs-local-tokens{
  background: #101626;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.hs-local-tokens__inner{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
}
.hs-local-tokens__title,
.hs-local-tokens__item{
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 13px;
  line-height: 1.4;
}
.hs-local-tokens__item strong{
  color: #fff;
}

.hs-local-hero{
  position: relative;
  isolation: isolate;
  min-height: 74vh;
  display: grid;
  align-items: center;
  padding: 96px 0 72px;
  background-image: url("https://harrysuiker-media.s3.eu-north-1.amazonaws.com/harry-suiker/assets/showroom.jpg");
  background-size: cover;
  background-position: center;
}
.hs-local-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(120deg, rgba(7,10,18,.82), rgba(7,10,18,.60) 45%, rgba(7,10,18,.45)),
    linear-gradient(180deg, rgba(7,10,18,.58), rgba(7,10,18,.72));
}
.hs-local-hero__wrap{
  max-width: 760px;
}
.hs-local-hero__title{
  color: #fff;
  margin: 10px 0 0;
  font-size: clamp(2rem, 4.3vw, 3.6rem);
}
.hs-local-hero__lead{
  margin: 18px 0 0;
  color: rgba(255,255,255,.9);
  max-width: 62ch;
}
.hs-local-hero__actions{
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.hs-local-band--light{
  background: #fff;
}
.hs-local-band--alt{
  background: #f5f7fb;
}
.hs-local-band--dark{
  background: #121a2b;
}
.hs-local-band--dark .hs-h2,
.hs-local-band--dark .hs-h3,
.hs-local-band--dark .hs-p{
  color: #fff;
}
.hs-local-page .hs-p a,
.hs-local-page .hs-p a:visited,
.hs-local-page .hs-h3 a,
.hs-local-page .hs-h3 a:visited{
  color: inherit;
  text-decoration-color: currentColor;
  text-underline-offset: 0.14em;
}

.hs-local-stack{
  display: grid;
  gap: 16px;
}

.hs-local-uspGrid{
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.hs-local-uspCard{
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 24px 22px;
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,.11);
  background: #fff;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hs-local-uspCard:hover{
  transform: translateY(-2px);
  border-color: rgba(17,24,39,.16);
  box-shadow: 0 10px 22px rgba(13,18,28,.06);
}
.hs-local-uspCard .hs-h3{
  margin: 0;
}
.hs-local-uspCard .hs-p{
  margin: 0;
}
.hs-local-uspCard__icon{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(193,39,45,.08);
  color: #c1272d;
}
.hs-local-uspCard__icon svg{
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hs-local-steps{
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.hs-local-step{
  position: relative;
  padding: 20px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.07);
}
.hs-local-step__num{
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #fff;
  border: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.16);
}
.hs-local-step .hs-h3{
  margin: 0 0 8px;
}
.hs-local-step .hs-p{
  margin: 0;
  color: rgba(255,255,255,.86);
}

.hs-local-reviewGrid{
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.hs-local-reviewCard{
  padding: 22px 18px;
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  box-shadow: 0 14px 30px rgba(13,18,28,.08);
}
.hs-local-reviewCard .hs-p{
  margin: 0;
}
.hs-local-reviewCard__stars{
  margin: 0 0 8px;
  font-size: 18px;
  letter-spacing: 1px;
  color: #c1272d;
}
.hs-local-reviewCard__name{
  margin: 10px 0 0;
  font-size: 14px;
  color: rgba(17,24,39,.72);
}

.hs-local-faq{
  margin-top: 24px;
  max-width: 82ch;
}
.hs-local-faq__item{
  margin: 0 0 12px;
  border: 1px solid rgba(17,24,39,.12);
  border-radius: 14px;
  padding: 0;
  background: #fff;
}
.hs-local-faq__sum{
  padding: 18px 18px 16px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
}
.hs-local-faq__body{
  padding: 0 18px 18px;
  color: rgba(17,24,39,.8);
  line-height: 1.7;
}

.hs-local-banner{
  background: #f6f3f1;
}
.hs-local-banner__card{
  background: #ffffff;
  border: 1px solid rgba(17,24,39,.09);
  box-shadow: 0 14px 30px rgba(13,18,28,.06);
}
.hs-local-banner__media{
  flex: 0 0 min(34%, 320px);
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  background: #ebe7e3;
}
.hs-local-banner__media img{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}
.hs-local-banner__copy{
  flex: 1 1 0;
}
.hs-local-banner__copy .hs-h2,
.hs-local-banner__copy .hs-p,
.hs-local-banner__copy .hs-kicker{
  color: inherit;
}

.hs-local-links__lead{
  margin-top: 10px;
}
.hs-local-linksGrid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.hs-local-linkPill{
  display: block;
  padding: 14px 16px;
  border-radius: 999px;
  border: 1px solid rgba(17,24,39,.14);
  background: #fff;
  color: #111 !important;
  text-decoration: none;
  font-weight: 600;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hs-local-linkPill:hover{
  transform: translateY(-2px);
  border-color: rgba(193,39,45,.35);
  box-shadow: 0 10px 22px rgba(13,18,28,.09);
}

.hs-regionNav .hs-wrap{
  max-width: 1180px;
}
.hs-regionNav{
  background: linear-gradient(180deg, #fbfcfe 0%, #f6f8fb 100%);
}
.hs-regionNav__panel{
  display: grid;
  gap: 22px;
  padding: 28px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,253,.96));
  box-shadow: 0 18px 42px rgba(13,18,28,.06);
}
.hs-regionNav__head{
  margin-bottom: 0;
  max-width: 72ch;
}
.hs-regionNav__lead{
  margin-top: 8px;
  color: rgba(17,24,39,.78);
}
.hs-regionNav__grid{
  margin-top: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.hs-regionNav__link{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  min-height: 94px;
  padding: 17px 18px;
  border-radius: 22px;
  border-color: rgba(17,24,39,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,250,252,.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 20px rgba(13,18,28,.04);
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease,
    color .24s ease;
}
.hs-regionNav__link:hover{
  transform: translateY(-3px);
  border-color: rgba(193,39,45,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(250,246,246,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 18px 34px rgba(13,18,28,.08);
}
.hs-regionNav__linkHead{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.hs-regionNav__linkIcon{
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(193,39,45,.14);
  background: linear-gradient(180deg, rgba(193,39,45,.09), rgba(193,39,45,.03));
  color: rgba(170,30,36,.82);
}
.hs-regionNav__linkIconSvg{
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hs-regionNav__linkTitle{
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.01em;
}
.hs-regionNav__linkFoot{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.hs-regionNav__linkMeta{
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .01em;
  color: rgba(17,24,39,.5);
}
.hs-regionNav__linkCta{
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
  color: rgba(17,24,39,.46);
}
.hs-regionNav__link:hover .hs-regionNav__linkCta{
  color: var(--red);
}
.hs-regionNav__link:hover .hs-regionNav__linkIcon{
  border-color: rgba(193,39,45,.24);
  background: linear-gradient(180deg, rgba(193,39,45,.12), rgba(193,39,45,.05));
}

@media (max-width: 980px){
  .hs-local-uspGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hs-local-steps{
    grid-template-columns: 1fr;
  }
  .hs-local-reviewGrid{
    grid-template-columns: 1fr;
  }
  .hs-regionNav__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 680px){
  .hs-local-hero{
    min-height: 68vh;
    padding: 74px 0 54px;
  }
  .hs-local-linksGrid,
  .hs-local-uspGrid{
    grid-template-columns: 1fr;
  }
  .hs-local-faq__sum{
    font-size: 17px;
    padding: 16px 14px 14px;
  }
  .hs-local-faq__body{
    padding: 0 14px 14px;
  }
  .hs-local-banner__media{
    flex-basis: 100%;
    width: 100%;
  }
  .hs-local-banner__media img{
    min-height: 190px;
  }
  .hs-regionNav__panel{
    padding: 22px 18px;
    border-radius: 22px;
  }
  .hs-regionNav__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .hs-regionNav__link{
    min-height: 82px;
    padding: 14px 15px;
    border-radius: 18px;
  }
  .hs-regionNav__linkHead{
    gap: 10px;
  }
  .hs-regionNav__linkIcon{
    width: 30px;
    height: 30px;
  }
  .hs-regionNav__linkTitle{
    font-size: 16px;
  }
  .hs-regionNav__linkFoot{
    gap: 10px;
  }
  .hs-regionNav__linkMeta{
    font-size: 11.5px;
  }
}
@media (max-width: 480px){
  .hs-regionNav__grid{
    grid-template-columns: 1fr;
  }
}

/* Contact page refinements */
.hs-contact-page .hs-section{
  padding-top: 72px;
  padding-bottom: 72px;
}
.hs-contact-page.hs-pageTop{
  padding-top: 0;
}
.hs-contact-video .hs-hero{
  margin-top: 0;
}
.hs-contact-video .hs-hero__media{
  min-height: 360px;
}
.hs-appointment-shell .hs-header{
  background: rgba(11,18,32,.92);
  backdrop-filter: blur(12px);
  box-shadow: 0 14px 44px rgba(0,0,0,.28);
}
.hs-appointment-shell .hs-header::after{
  opacity: 0;
}
.hs-appointment-shell .hs-header__inner{
  min-height: 88px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.hs-contact-heroVideo .hs-hero__overlay--lr{
  background: linear-gradient(90deg, rgba(8,12,20,.64), rgba(8,12,20,.36), transparent 72%);
}
.hs-contact-heroVideo .hs-hero__overlay--bt{
  background: linear-gradient(0deg, rgba(8,12,20,.42), transparent 54%);
}
.hs-contact-heroVideo__content{
  max-width: 700px;
  padding-top: 164px;
  padding-bottom: 110px;
}
.hs-contact-heroVideo .hs-kicker.hs-kicker--light{
  color: #fff;
  opacity: 1;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.16);
}
.hs-contact-heroVideo__miniTitle{
  margin-bottom: 10px;
}
.hs-contact-heroVideo__title{
  max-width: 8ch;
  margin-bottom: 16px;
  font-size: clamp(40px, 4.8vw, 66px);
}
.hs-contact-heroVideo__lead{
  max-width: 39ch;
  color: rgba(255,255,255,.92);
  line-height: 1.58;
}
.hs-contact-heroVideo__actions{
  margin-top: 16px;
}
.hs-contact-hero__trust{
  margin: 12px 0 0;
  color: rgba(255,255,255,.86);
  font-size: 14px;
}

body.hs-contact-video .hs-contact-heroVideo__title,
body.hs-contact-video .hs-contact-heroVideo__lead,
body.hs-contact-video .hs-contact-hero__trust,
body.hs-contact-video .hs-contact-heroVideo .hs-kicker{
  font-family: inherit;
}

body.hs-contact-video .hs-contact-heroVideo__title{
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.03em;
}

body.hs-contact-video .hs-contact-heroVideo__miniTitle{
  font-family: inherit;
  font-weight: 500;
}

@media (max-width: 1024px){
  .hs-contact-heroVideo__content{
    padding-top: 148px;
    padding-bottom: 102px;
  }

  .hs-contact-heroVideo__title{
    font-size: clamp(36px, 6vw, 54px);
  }
}

@media (max-width: 768px){
  .hs-contact-heroVideo__content{
    padding-top: 126px;
    padding-bottom: 90px;
  }

  .hs-contact-heroVideo__miniTitle{
    font-size: clamp(17px, 4.5vw, 22px);
    margin-bottom: 8px;
  }

  .hs-contact-heroVideo__title{
    max-width: 8.5ch;
    font-size: clamp(32px, 8vw, 44px);
    margin-bottom: 12px;
  }
}

@media (max-width: 640px){
  .hs-contact-heroVideo__content{
    padding-top: 112px;
    padding-bottom: 80px;
  }

  .hs-contact-heroVideo__miniTitle{
    display: none;
  }
}

.hs-contact-infoGrid{
  margin-top: 22px;
  display:grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 18px;
  align-items: stretch;
}
.hs-contact-infoGrid > :nth-child(1){
  grid-column: 1;
  grid-row: 1;
}
.hs-contact-infoGrid > :nth-child(2){
  grid-column: 1;
  grid-row: 2;
}
.hs-contact-infoGrid > :nth-child(3){
  grid-column: 2;
  grid-row: 1 / span 2;
}
.hs-contact-infoCard{
  padding: 24px 24px 22px;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top right, rgba(193,17,31,.05), transparent 34%),
    linear-gradient(180deg, #ffffff, #fbfbfd);
  box-shadow: 0 18px 38px rgba(15,23,42,.06);
}
.hs-contact-infoCard__head{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 16px;
}
.hs-contact-infoCard__head .hs-h3{
  margin:0;
  letter-spacing: -.02em;
}
.hs-contact-infoCard__ic{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  background: rgba(193,17,31,.08);
  color: var(--red);
}
.hs-contact-infoCard__ic svg{
  width: 19px;
  height: 19px;
}
.hs-contact-infoCard .hs-p + .hs-p{
  margin-top: 10px;
}
.hs-contact-infoCard__actions{
  margin-top: 18px;
}
.hs-contact-linkStack{
  margin-top: 2px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.hs-contact-link{
  display: block;
  text-decoration: none;
  padding: 16px 16px 15px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.10);
  background: linear-gradient(180deg,#fff,#fafbfc);
  color: rgba(17,24,39,.92);
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.hs-contact-link:hover{
  transform: translateY(-1px);
  border-color: rgba(193,17,31,.34);
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
}
.hs-contact-link__label{
  display: block;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(17,24,39,.6);
  margin-bottom: 6px;
}
.hs-contact-link strong{
  font-weight: 700;
  color: #111;
}
.hs-contact-routeBtn{
  width: auto;
  min-width: 190px;
  justify-content: center;
}

.hs-contact-hours{
  margin-top: 4px;
  display:grid;
  gap: 6px;
}
.hs-contact-hours__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(17,24,39,.08);
}
.hs-contact-hours__row:last-child{
  border-bottom:none;
}
.hs-contact-hours__row--today{
  border-radius: 10px;
  padding: 10px 10px;
  border: 1px solid rgba(193,17,31,.28);
  background: rgba(193,17,31,.08);
}
.hs-contact-hours__row span{
  color: rgba(17,24,39,.78);
  min-width: 126px;
}
.hs-contact-hours__row strong{
  font-weight: 650;
  color: rgba(17,24,39,.92);
  text-align: right;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.hs-contact-hours__row--accent strong{
  color: #a80e1a;
}
.hs-contact-hours__row--today span,
.hs-contact-hours__row--today strong{
  color: #99111c;
}
.hs-contact-badge{
  display:inline-block;
  margin-left: 0;
  padding: 0;
  border-radius: 0;
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(168,14,26,.72);
  background: transparent;
  vertical-align: baseline;
  font-weight: 600;
}

.hs-contact-routeGrid{
  align-items: stretch;
  gap: 16px;
}
.hs-contact-routeAside{
  height: 100%;
}
.hs-contact-routeAside .hs-contactCard{
  height: 100%;
  min-height: 420px;
  display: flex;
  flex-direction: column;
}
.hs-contact-routeMap{
  margin-top: 0 !important;
}
.hs-contact-features{
  margin-top: 14px;
  display:grid;
  gap: 12px;
  align-content: start;
  flex: 1;
}
.hs-contact-feature{
  position: relative;
  padding: 13px 14px 13px 16px;
  border-radius: 12px;
  border: 1px solid rgba(17,24,39,.12);
  background: linear-gradient(180deg,#fff,#f8fafc);
  color: rgba(17,24,39,.88);
  line-height: 1.45;
  border-left: 3px solid rgba(193,17,31,.55);
}

.hs-contact-trustGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.hs-contact-trustCard{
  padding: 22px 20px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.hs-contact-trustCard:hover{
  transform: scale(1.02);
  border-color: rgba(193,17,31,.28);
  background: linear-gradient(180deg,#fff,#fff6f7);
  box-shadow: 0 14px 28px rgba(193,17,31,.10);
}
.hs-contact-trustCard .hs-h3{
  margin: 0 0 8px;
}
.hs-contact-trustCard .hs-p{
  margin:0;
}

.hs-contact-brandGrid{
  display:grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 10px;
}
.hs-contact-brandCard{
  min-height: 74px;
  border-radius: 14px;
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  text-decoration: none;
}
.hs-contact-brandCard img{
  max-height: 30px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
}
.hs-contact-brandCard--fallback{
  font-weight: 600;
  color: rgba(17,24,39,.8);
}

.hs-contact-placeholder{
  height: 200px;
  border-radius: 14px;
  border: 1px dashed rgba(15,23,42,.22);
  background: linear-gradient(135deg,#f3f4f7,#e9edf4);
  display:grid;
  place-items:center;
  font-weight:600;
  color:#475569;
}

.hs-contact-bottom{
  padding-top: 64px;
}
.hs-contact-bottom__inner{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 16px;
  align-items: stretch;
}
.hs-contact-instagramCard{
  border-radius: 18px;
  border: 1px solid rgba(17,24,39,.10);
  background: #fff;
  padding: 26px 24px;
  box-shadow: 0 10px 24px rgba(13,18,28,.06);
}
.hs-contact-instagramCard .hs-h2{
  margin:0 0 8px;
}
.hs-contact-finalCta{
  min-height: 100%;
  background: linear-gradient(180deg,#ffffff,#f3f6fb);
  border: 1px solid rgba(17,24,39,.12);
  box-shadow: 0 16px 30px rgba(15,23,42,.08);
}
.hs-contact-finalCta .hs-local-banner__copy .hs-kicker{
  color: #b20f1c;
}
.hs-contact-finalCta .hs-local-banner__copy .hs-h2,
.hs-contact-finalCta .hs-local-banner__copy .hs-p{
  color: #111;
}

@media (max-width: 1080px){
  .hs-contact-brandGrid{
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}
@media (max-width: 980px){
  .hs-contact-page .hs-section{
    padding-top: 62px;
    padding-bottom: 62px;
  }
  .hs-contact-infoGrid{
    grid-template-columns: 1fr;
  }
  .hs-contact-infoGrid > :nth-child(1),
  .hs-contact-infoGrid > :nth-child(2),
  .hs-contact-infoGrid > :nth-child(3){
    grid-column: auto;
    grid-row: auto;
  }
  .hs-contact-linkStack{
    grid-template-columns: 1fr;
  }
  .hs-contact-routeBtn{
    width: 100%;
    min-width: 0;
  }
  .hs-contact-trustGrid{
    grid-template-columns: 1fr;
  }
  .hs-contact-bottom__inner{
    grid-template-columns: 1fr;
  }
  .hs-contact-routeAside .hs-contactCard{
    min-height: 0;
  }
}
@media (max-width: 680px){
  .hs-contact-trustGrid,
  .hs-contact-brandGrid{
    grid-template-columns: 1fr;
  }
  .hs-contact-hero__trust{
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* center text experiment */
  main h1,
  main h2,
  main h3,
  main .hs-h1,
  main .hs-h2,
  main .hs-h3,
  main p,
  main .hs-p,
  main .hs-sub,
  main .hs-lead,
  main .hs-note,
  main .hs-local-hero__lead,
  main .hs-local-links__lead {
    text-align: center;
  }

  main .hs-kicker,
  main .hs-kicker--light {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    text-align: center;
  }

  main .hs-hero__title,
  main .hs-hero__lead,
  main .hs-local-hero__title,
  main .hs-local-hero__lead {
    margin-left: auto;
    margin-right: auto;
  }

  main .hs-hero__cta,
  main .hs-contact-hero__actions,
  main .hs-intro__actions,
  main .hs-splitDark__actions,
  main .hs-aboutHero__cta,
  main .hs-brandsHero__cta,
  main .hs-inspoHeroNew__cta,
  main .hs-callout__cta,
  main .hs-centerCTA__btns,
  main .hs-ctaCard__actions,
  main .hs-contact-infoCard__actions,
  main .hs-local-hero__actions,
  main .hs-showMoreCard__cta {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  main .hs-btn {
    text-align: center;
  }
  main .hs-hero__cta .hs-btn,
  main .hs-contact-hero__actions .hs-btn,
  main .hs-intro__actions .hs-btn,
  main .hs-splitDark__actions .hs-btn,
  main .hs-aboutHero__cta .hs-btn,
  main .hs-brandsHero__cta .hs-btn,
  main .hs-inspoHeroNew__cta .hs-btn,
  main .hs-callout__cta .hs-btn,
  main .hs-centerCTA__btns .hs-btn,
  main .hs-ctaCard__actions .hs-btn,
  main .hs-local-hero__actions .hs-btn,
  main .hs-showMoreCard__cta .hs-btn{
    width: 100%;
    max-width: 420px;
  }

  main .hs-card,
  main .hs-step,
  main .hs-contactCard,
  main .hs-contact-infoCard,
  main .hs-contact-trustCard,
  main .hs-contact-instagramCard,
  main .hs-contact-finalCta,
  main .hs-local-uspCard,
  main .hs-local-reviewCard,
  main .hs-local-banner__card {
    text-align: center;
  }
  main .hs-showMore__head,
  main .hs-showMoreCard,
  main .hs-showMoreCard .hs-h3,
  main .hs-showMoreCard .hs-p,
  main .hs-showMoreCard .hs-list,
  main .hs-showMoreCard .hs-stepsMini{
    text-align: left;
  }
  main .hs-contact-infoGrid,
  main .hs-contact-infoGrid .hs-contactCard,
  main .hs-contact-infoGrid .hs-contact-infoCard,
  main .hs-contact-infoGrid .hs-contact-infoCard .hs-h3,
  main .hs-contact-infoGrid .hs-contact-infoCard .hs-p,
  main .hs-contact-infoGrid .hs-contact-hours{
    text-align: left;
  }
  main .hs-card,
  main .hs-step,
  main .hs-ctaCard,
  main .hs-callout,
  main .hs-contactCard,
  main .hs-contact-infoCard,
  main .hs-contact-trustCard,
  main .hs-contact-instagramCard,
  main .hs-local-uspCard,
  main .hs-local-reviewCard,
  main .hs-showMoreCard{
    padding: 20px 18px;
  }

  main .hs-ic,
  main .hs-contact-infoCard__ic,
  main .hs-local-uspCard__icon {
    margin-left: auto;
    margin-right: auto;
  }

  main .hs-contact-link {
    text-align: center;
  }

  main .hs-pillRow{
    justify-content: center;
    gap: 12px;
  }

  main .hs-pill{
    width: min(100%, 320px);
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
    border-radius: 18px;
    text-align: center;
  }

  main .hs-pill__ic{
    width: 14px;
    height: 14px;
    margin: 0 auto;
    flex: 0 0 auto;
  }
}

/* Appointment page */
.hs-appointmentPage{
  padding-top: 88px;
  background:
    radial-gradient(circle at top right, rgba(177,27,35,.05), transparent 24%),
    linear-gradient(180deg, #f7f4ef 0, #f5f3ee 140px, #f3f4f7 100%);
}

.hs-appointmentIntro{
  padding: 18px 0 6px;
}

.hs-appointmentIntro .hs-wrap{
  max-width: 1040px;
}

.hs-appointmentIntro .hs-kicker{
  justify-content: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  letter-spacing: .18em;
}

.hs-appointmentIntro .hs-dot{
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px rgba(177,27,35,.10);
}

.hs-appointmentIntro .hs-title{
  margin: 0 0 10px;
  max-width: 11ch;
  font-size: clamp(31px, 3.3vw, 44px);
  line-height: 1.04;
  letter-spacing: -.03em;
  text-align: left;
  color: #0f1726;
}

.hs-appointmentIntro .hs-subtitle{
  margin: 0;
  max-width: 62ch;
  text-align: left;
  color: rgba(19,27,41,.72);
  font-size: 14px;
  line-height: 1.6;
}

.hs-booking--priority{
  padding: 12px 0 78px;
}

.hs-appointmentPlanner{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(17,24,39,.07);
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,248,246,.98) 36%, rgba(246,247,249,.98));
  box-shadow:
    0 30px 70px rgba(15,23,42,.10),
    0 12px 24px rgba(15,23,42,.04);
}

.hs-appointmentPlanner::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(177,27,35,.22), transparent);
  pointer-events: none;
}

.hs-appointmentPlanner::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 120px;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.42));
  pointer-events: none;
}

.hs-appointmentPage .hs-card__top{
  padding: 18px 22px;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,248,246,.88));
  backdrop-filter: blur(10px);
}

.hs-appointmentPage .hs-steps{
  gap: 10px;
}

.hs-appointmentPage .hs-step{
  min-height: 50px;
  padding: 6px 16px 6px 8px;
  border: 1px solid rgba(17,24,39,.06);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  box-shadow: none;
  gap: 10px;
}

.hs-appointmentPage .hs-step:hover{
  border-color: rgba(17,24,39,.12);
  background: #fff;
}

.hs-appointmentPage .hs-step[disabled]{
  opacity: .48;
  background: rgba(244,245,247,.9);
}

.hs-appointmentPage .hs-step__num{
  width: 26px;
  height: 26px;
  background: #f0f2f5;
  color: rgba(17,24,39,.78);
  font-size: 10.5px;
}

.hs-appointmentPage .hs-step__label{
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(17,24,39,.58);
}

.hs-appointmentPage .hs-step.is-active{
  border-color: rgba(177,27,35,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(177,27,35,.06));
  box-shadow:
    inset 0 0 0 1px rgba(177,27,35,.05),
    0 8px 18px rgba(177,27,35,.08);
}

.hs-appointmentPage .hs-step.is-active .hs-step__num{
  background: #b11b23;
  box-shadow: 0 6px 12px rgba(177,27,35,.16);
}

.hs-appointmentPage .hs-step.is-active .hs-step__label{
  color: #111827;
}

.hs-appointmentPage .hs-picked{
  gap: 8px;
  border: 1px solid rgba(17,24,39,.06);
  border-radius: 20px;
  padding: 6px;
  background: rgba(246,247,248,.82);
}

.hs-appointmentPage .hs-picked__item{
  min-width: 108px;
  padding: 10px 13px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(17,24,39,.05);
}

.hs-appointmentPage .hs-picked__k{
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(17,24,39,.52);
}

.hs-appointmentPage .hs-picked__v{
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #111827;
}

.hs-appointmentPage .hs-card__body{
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(245,247,249,.92));
}

.hs-appointmentPage .hs-grid{
  grid-template-columns: 312px minmax(0, 1fr) 260px;
  min-height: 548px;
}

.hs-appointmentPage .hs-info,
.hs-appointmentPage .hs-times{
  background: transparent;
}

.hs-appointmentPage .hs-info{
  padding: 26px 22px;
  border-right: 1px solid rgba(17,24,39,.06);
}

.hs-appointmentPage .hs-info__brand{
  display: block;
  margin-bottom: 22px;
}

.hs-appointmentPage .hs-logo{
  width: min(100%, 248px);
  min-height: 76px;
  padding: 14px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 22px;
  background: linear-gradient(180deg,#172033,#0f1726);
  box-shadow: 0 14px 28px rgba(15,23,42,.14);
}

.hs-appointmentPage .hs-logo__img{
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}

.hs-appointmentPage .hs-info__brandCopy{
  display: grid;
  gap: 4px;
  padding-top: 2px;
}

.hs-appointmentPage .hs-info__name{
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #0f1726;
}

.hs-appointmentPage .hs-info__meta{
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(17,24,39,.44);
}

.hs-appointmentPage .hs-info__title{
  margin: 0 0 10px;
  font-size: 25px;
  letter-spacing: -.03em;
  color: #101827;
}

.hs-appointmentPage .hs-info__desc{
  margin: 0 0 22px;
  color: rgba(17,24,39,.64);
  font-size: 13.5px;
  line-height: 1.72;
}

.hs-appointmentPage .hs-info__list{
  gap: 11px;
  margin-bottom: 20px;
}

.hs-appointmentPage .hs-info__list li{
  gap: 12px;
  align-items: center;
  font-size: 13px;
  color: #182233;
}

.hs-appointmentPage .hs-ico{
  width: 36px;
  height: 36px;
  border-radius: 13px;
  border: 1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg,#fff,#f5f5f2);
  box-shadow: 0 6px 14px rgba(15,23,42,.04);
}

.hs-appointmentPage .hs-ico svg{
  width: 17px;
  height: 17px;
  color: #8f1821;
}

.hs-appointmentPage .hs-note{
  border-style: solid;
  border-color: rgba(177,27,35,.10);
  background: linear-gradient(180deg, rgba(177,27,35,.05), rgba(177,27,35,.02));
  border-radius: 20px;
  padding: 15px 16px;
  color: rgba(17,24,39,.7);
  font-size: 12.5px;
  line-height: 1.62;
}

.hs-appointmentPage .hs-cal{
  padding: 26px 22px 22px;
}

.hs-appointmentPage .hs-cal__top{
  margin-bottom: 18px;
}

.hs-appointmentPage .hs-cal__month{
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.03em;
  color: #101827;
}

.hs-appointmentPage .hs-cal__nav{
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg,#fff,#f3f4f6);
  color: #243041;
}

.hs-appointmentPage .hs-cal__nav:hover{
  border-color: rgba(17,24,39,.12);
  box-shadow: 0 8px 16px rgba(15,23,42,.07);
}

.hs-appointmentPage .hs-cal__dow{
  gap: 10px;
  margin: 10px 0 14px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(17,24,39,.4);
}

.hs-appointmentPage .hs-cal__grid{
  gap: 9px;
}

.hs-appointmentPage .hs-day{
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg,#fff,#f8f7f4);
  color: #152033;
  font-size: 14px;
  box-shadow: 0 5px 12px rgba(15,23,42,.03);
}

.hs-appointmentPage .hs-day:hover{
  border-color: rgba(17,24,39,.12);
  background: #fff;
  box-shadow: 0 10px 18px rgba(15,23,42,.06);
}

.hs-appointmentPage .hs-day.is-muted{
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.hs-appointmentPage .hs-day.is-disabled{
  background: rgba(241,243,246,.72);
  border-color: rgba(17,24,39,.05);
  color: rgba(17,24,39,.3);
}

.hs-appointmentPage .hs-day.is-today{
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(17,24,39,.14);
}

.hs-appointmentPage .hs-day.is-selected{
  border-color: rgba(177,27,35,.08);
  background: linear-gradient(180deg,#b11b23,#9a171f);
  color: #fff;
  box-shadow: 0 14px 24px rgba(177,27,35,.2);
}

.hs-appointmentPage .hs-cal__hint{
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(17,24,39,.06);
  color: rgba(17,24,39,.5);
  font-size: 12.5px;
}

.hs-appointmentPage .hs-times{
  padding: 26px 22px 22px;
  border-left: 1px solid rgba(17,24,39,.06);
}

.hs-appointmentPage .hs-times__title{
  margin-bottom: 7px;
  font-size: 19px;
  letter-spacing: -.02em;
  color: #101827;
}

.hs-appointmentPage .hs-times__subtitle{
  margin-bottom: 14px;
  color: rgba(17,24,39,.58);
  font-size: 12.5px;
}

.hs-appointmentPage .hs-times__list{
  gap: 10px;
}

.hs-appointmentPage .hs-time{
  min-height: 54px;
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg,#fff,#f7f7f4);
  box-shadow: 0 6px 14px rgba(15,23,42,.03);
}

.hs-appointmentPage .hs-time:hover{
  border-color: rgba(17,24,39,.12);
  background: #fff;
  box-shadow: 0 10px 18px rgba(15,23,42,.06);
}

.hs-appointmentPage .hs-time.is-disabled{
  border-color: rgba(17,24,39,.05);
  background: linear-gradient(180deg, rgba(241,243,246,.84), rgba(236,239,243,.92));
  color: rgba(17,24,39,.38);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

.hs-appointmentPage .hs-time.is-disabled:hover{
  border-color: rgba(17,24,39,.05);
  background: linear-gradient(180deg, rgba(241,243,246,.84), rgba(236,239,243,.92));
  color: rgba(17,24,39,.38);
  box-shadow: none;
  transform: none;
}

.hs-appointmentPage .hs-time.is-selected{
  border-color: rgba(177,27,35,.1);
  background: linear-gradient(180deg, rgba(177,27,35,.08), rgba(177,27,35,.03));
  box-shadow: 0 12px 22px rgba(177,27,35,.1);
}

.hs-appointmentPage .hs-time__label{
  font-size: 15px;
  letter-spacing: .02em;
  color: #0f1726;
}

.hs-appointmentPage .hs-time__chev{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(17,24,39,.045);
  color: rgba(17,24,39,.48);
  flex: 0 0 auto;
}

.hs-appointmentPage .hs-time.is-disabled .hs-time__label{
  color: rgba(17,24,39,.38);
}

.hs-appointmentPage .hs-time__chev svg{
  width: 13px;
  height: 13px;
}

.hs-appointmentPage .hs-time.is-disabled .hs-time__chev{
  background: rgba(17,24,39,.04);
  color: rgba(17,24,39,.26);
}

.hs-appointmentPage .hs-time.is-selected .hs-time__chev{
  background: #b11b23;
  color: #fff;
}

.hs-appointmentPage .hs-times__empty{
  border-style: solid;
  border-color: rgba(17,24,39,.06);
  border-radius: 20px;
  background: linear-gradient(180deg,#fbfbfa,#f5f6f8);
  padding: 18px 16px;
  color: rgba(17,24,39,.52);
  line-height: 1.6;
}

.hs-appointmentPage .hs-formWrap{
  grid-template-columns: minmax(0,1fr) 290px;
  gap: 18px;
  padding: 20px 22px 22px;
}

.hs-appointmentPage .hs-formCard,
.hs-appointmentPage .hs-summary__box{
  border-radius: 24px;
  border: 1px solid rgba(17,24,39,.06);
  background: linear-gradient(180deg,#ffffff,#f8f8f6);
  box-shadow: 0 12px 24px rgba(15,23,42,.05);
}

.hs-appointmentPage .hs-formCard{
  padding: 22px 20px;
}

.hs-appointmentPage .hs-formTitle{
  margin-bottom: 8px;
  font-size: 24px;
  letter-spacing: -.03em;
  color: #101827;
}

.hs-appointmentPage .hs-formSub{
  margin-bottom: 16px;
  color: rgba(17,24,39,.58);
  line-height: 1.62;
}

.hs-appointmentPage .hs-form{
  gap: 13px;
}

.hs-appointmentPage .hs-field label{
  margin-bottom: 8px;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(17,24,39,.7);
}

.hs-appointmentPage .hs-field input,
.hs-appointmentPage .hs-field textarea{
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 15px;
  padding: 14px 15px;
  background: rgba(255,255,255,.96);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.hs-appointmentPage .hs-field textarea{
  min-height: 124px;
  resize: vertical;
}

.hs-appointmentPage .hs-field input:focus,
.hs-appointmentPage .hs-field textarea:focus{
  border-color: rgba(177,27,35,.24);
  box-shadow: 0 0 0 4px rgba(177,27,35,.08);
}

.hs-appointmentPage .hs-consent{
  padding: 10px 10px 0 2px;
  color: rgba(17,24,39,.54);
}

.hs-appointmentPage .hs-actions{
  margin-top: 10px;
  gap: 12px;
}

.hs-appointmentPage .hs-actions .hs-btn{
  min-width: 138px;
}

.hs-appointmentPage .hs-summary__box{
  padding: 18px 16px;
  top: 18px;
}

.hs-appointmentPage .hs-summary__k{
  margin-top: 14px;
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(17,24,39,.48);
}

.hs-appointmentPage .hs-summary__v{
  margin-top: 6px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.01em;
  color: #101827;
}

.hs-appointmentPage .hs-modal__panel{
  border-radius: 26px;
  border: 1px solid rgba(17,24,39,.08);
}

.hs-appointmentPage .hs-modal__icon{
  width: 60px;
  height: 60px;
  border-radius: 20px;
}

@media (max-width: 980px){
  .hs-appointmentPage{
    padding-top: 82px;
    background: linear-gradient(180deg,#f7f5f2 0,#f4f5f8 100%);
  }

  .hs-appointmentIntro{
    padding: 14px 0 4px;
  }

  .hs-appointmentIntro .hs-title{
    max-width: none;
    font-size: 31px;
  }

  .hs-booking--priority{
    padding-top: 8px;
    padding-bottom: 56px;
  }

  .hs-appointmentPage .hs-card__top{
    padding: 16px;
  }

  .hs-appointmentPage .hs-grid{
    grid-template-columns: 1fr;
  }

  .hs-appointmentPage .hs-info{
    border-right: 0;
    border-bottom: 1px solid rgba(17,24,39,.08);
  }

  .hs-appointmentPage .hs-times{
    border-left: 0;
    border-top: 1px solid rgba(17,24,39,.08);
  }

  .hs-appointmentPage .hs-formWrap{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .hs-appointmentIntro .hs-kicker{
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    text-align: left;
  }

  .hs-appointmentIntro .hs-title,
  .hs-appointmentIntro .hs-subtitle{
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  .hs-appointmentPage .hs-card__top{
    align-items: stretch;
    padding: 12px;
    gap: 10px;
  }

  .hs-appointmentPage .hs-steps{
    width: 100%;
    gap: 8px;
  }

  .hs-appointmentPage .hs-step{
    flex: 1 1 0;
    justify-content: center;
    min-height: 44px;
    padding: 7px 10px 7px 8px;
    gap: 8px;
  }

  .hs-appointmentPage .hs-step__label{
    display: inline;
    font-size: 10px;
    letter-spacing: .08em;
  }

  .hs-appointmentPage .hs-picked{
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 6px;
    padding: 5px;
    border-radius: 16px;
  }

  .hs-appointmentPage .hs-picked__item{
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 9px;
    border-radius: 12px;
  }

  .hs-appointmentPage .hs-picked__k{
    font-size: 9px;
    letter-spacing: .1em;
  }

  .hs-appointmentPage .hs-picked__v{
    font-size: 13px;
  }

  .hs-appointmentPage .hs-info,
  .hs-appointmentPage .hs-cal,
  .hs-appointmentPage .hs-times,
  .hs-appointmentPage .hs-formWrap{
    padding: 17px;
  }

  .hs-appointmentPage .hs-formCard,
  .hs-appointmentPage .hs-summary__box{
    padding: 17px;
  }

  .hs-appointmentPage .hs-logo{
    width: min(100%, 228px);
    min-height: 70px;
    padding: 12px 16px;
    border-radius: 20px;
  }
}

@media (max-width: 600px){
  .hs-appointmentPage{
    padding-top: 76px;
  }

  .hs-appointmentIntro{
    padding: 10px 0 2px;
  }

  .hs-appointmentIntro .hs-title{
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 1.08;
  }

  .hs-appointmentIntro .hs-subtitle{
    font-size: 13.5px;
    line-height: 1.55;
  }

  .hs-booking--priority{
    padding-top: 6px;
    padding-bottom: 42px;
  }

  .hs-appointmentPlanner{
    border-radius: 26px;
  }

  .hs-appointmentPage .hs-card__top{
    padding: 10px;
    gap: 8px;
  }

  .hs-appointmentPage .hs-step{
    min-height: 40px;
    padding: 6px 8px;
    border-radius: 14px;
  }

  .hs-appointmentPage .hs-step__label{
    font-size: 9.5px;
    letter-spacing: .06em;
  }

  .hs-appointmentPage .hs-picked{
    gap: 5px;
    padding: 4px;
  }

  .hs-appointmentPage .hs-picked__item{
    padding: 7px 8px;
  }

  .hs-appointmentPage .hs-picked__k{
    font-size: 8.5px;
  }

  .hs-appointmentPage .hs-picked__v{
    font-size: 12px;
  }

  .hs-appointmentPage .hs-info,
  .hs-appointmentPage .hs-cal,
  .hs-appointmentPage .hs-times,
  .hs-appointmentPage .hs-formWrap{
    padding: 15px 13px;
  }

  .hs-appointmentPage .hs-cal__grid{
    gap: 8px;
  }

  .hs-appointmentPage .hs-day{
    height: 44px;
    border-radius: 14px;
    font-size: 13px;
  }

  .hs-appointmentPage .hs-time{
    min-height: 50px;
    padding: 11px 13px;
  }

  .hs-appointmentPage .hs-actions{
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .hs-appointmentPage .hs-actions .hs-btn{
    width: 100%;
    min-width: 0;
  }
}

/* =========================
   Page intro consistency
   ========================= */

.hs-contact-heroVideo__content,
.hs-inspoHeroNew__copy,
.hs-brandsIntro__inner,
.hs-aboutPremium__heroCopy,
.hs-appointmentIntro .hs-wrap{
  width: min(100%, 700px);
}

.hs-splitDark.hs-pageTop{
  padding-top: 78px;
  padding-bottom: 78px;
}

.hs-inspoHeroNew{
  padding-top: 74px;
  padding-bottom: 42px;
}

.hs-brandsIntro{
  padding-top: 74px;
  padding-bottom: 22px;
}

.hs-aboutPremium__hero{
  padding-top: 26px;
}

.hs-aboutPremium__heroInner{
  gap: 24px;
  align-items: start;
}

.hs-aboutPremium__heroCopy{
  padding: 18px 0 10px;
}

.hs-appointmentIntro .hs-wrap{
  display: grid;
  gap: 12px;
}

.hs-appointmentIntro .hs-subtitle{
  max-width: 42rem;
}

@media (max-width: 900px){
  .hs-splitDark.hs-pageTop{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hs-inspoHeroNew{
    padding-top: 56px;
    padding-bottom: 32px;
  }

  .hs-brandsIntro{
    padding-top: 56px;
    padding-bottom: 18px;
  }

  .hs-aboutPremium__hero{
    padding-top: 18px;
  }
}

@media (max-width: 640px){
  .hs-splitDark.hs-pageTop{
    padding-top: 42px;
    padding-bottom: 44px;
  }

  .hs-inspoHeroNew{
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .hs-brandsIntro{
    padding-top: 40px;
    padding-bottom: 14px;
  }

  .hs-aboutPremium__hero{
    padding-top: 8px;
  }

  .hs-contact-heroVideo__content,
  .hs-splitDark.hs-pageTop .hs-splitDark__content,
  .hs-inspoHeroNew__copy,
  .hs-brandsIntro__inner,
  .hs-aboutPremium__heroCopy,
  .hs-appointmentIntro .hs-wrap{
    width: 100%;
    text-align: left;
  }

  .hs-splitDark.hs-pageTop .hs-splitDark__content,
  .hs-inspoHeroNew__copy,
  .hs-brandsIntro__inner,
  .hs-aboutPremium__heroCopy{
    padding-block: 8px 0;
  }

  .hs-splitDark.hs-pageTop .hs-splitDark__content{
    text-align: left;
  }

  .hs-splitDark.hs-pageTop .hs-splitDark__content .hs-kicker,
  .hs-inspoHeroNew__copy .hs-kicker,
  .hs-brandsIntro__inner .hs-kicker,
  .hs-appointmentIntro .hs-kicker{
    justify-content: flex-start;
    text-align: left;
  }

  .hs-splitDark.hs-pageTop .hs-mark{
    margin-left: 0;
    margin-right: 0;
    width: fit-content;
  }

  .hs-splitDark.hs-pageTop .hs-splitDark__actions,
  .hs-inspoHeroNew__cta,
  .hs-aboutPremium__heroActions{
    justify-content: flex-start;
    align-items: stretch;
  }

  .hs-splitDark.hs-pageTop .hs-splitDark__actions .hs-btn,
  .hs-inspoHeroNew__cta .hs-btn,
  .hs-aboutPremium__heroActions .hs-btn{
    width: 100%;
    max-width: 420px;
  }

  .hs-splitDark.hs-pageTop .hs-metaItem{
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 10px;
  }

  .hs-splitDark.hs-pageTop .hs-metaItem__ic{
    margin-top: 2px;
  }

  .hs-splitDark.hs-pageTop .hs-metaItem div{
    text-align: left;
  }

  .hs-aboutPremium__heroCopy,
  .hs-brandsIntro__inner{
    text-align: left;
  }

  .hs-aboutPremium__heroActions{
    justify-content: flex-start;
  }

  .hs-aboutPremium__heroAside{
    gap: 12px;
  }

  .hs-aboutPremium__stat{
    text-align: left;
  }

  .hs-appointmentIntro{
    padding-top: 12px;
    padding-bottom: 4px;
  }
}

/* =========================
   Universal mobile header
   Inspiration page reference
   ========================= */

@media (max-width: 980px){
  body .hs-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60;
    background: rgba(11,18,32,.94) !important;
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
  }

  body .hs-header::after{
    opacity: 0 !important;
  }

  body .hs-header__inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    min-width: 0;
    min-height: 80px !important;
    padding: 16px 18px !important;
    gap: 10px !important;
    box-sizing: border-box;
  }

  body .hs-header__brand,
  body .hs-header:not(.is-solid) .hs-header__brand,
  body .hs-header.is-solid .hs-header__brand{
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: clamp(168px, 48vw, 230px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    overflow: hidden;
    white-space: nowrap;
  }

  body .hs-header__logoImg{
    display: block;
    width: auto !important;
    height: 36px !important;
    max-width: 100% !important;
    object-fit: contain;
    filter: none !important;
  }

  body .hs-header__nav{
    display: none !important;
  }

  body .hs-header__actions{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    min-width: 0;
    margin: 0 0 0 auto !important;
    gap: 10px !important;
  }

  body .hs-header__actions .hs-langSwitch{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 8px !important;
    min-height: 40px !important;
    gap: 6px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.08) !important;
    backdrop-filter: none !important;
  }

  body .hs-header__mobileTop .hs-langSwitch--mobileMenu{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: start !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    gap: 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.06) !important;
    backdrop-filter: none !important;
  }

  body .hs-header__actions .hs-langSwitch__link{
    font-size: 12px !important;
    line-height: 1 !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 2px 4px !important;
  }

  body .hs-header__mobileTop .hs-langSwitch--mobileMenu .hs-langSwitch__link{
    min-width: 36px !important;
    min-height: 28px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  body .hs-header__actions .hs-langSwitch__sep{
    opacity: .65 !important;
  }

  body .hs-header__cta{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    gap: 8px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
  }

  body .hs-header__ctaIc{
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 auto !important;
  }

  body .hs-header__burger{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    line-height: 0 !important;
  }

  body .hs-header__mobile{
    position: fixed !important;
    top: 64px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 58 !important;
    width: auto !important;
    max-height: calc(100svh - 76px) !important;
  }

  body .hs-appointment-shell .hs-header__inner{
    min-height: 80px !important;
    padding: 16px 18px !important;
  }
}

@media (max-width: 640px){
  body .hs-header__inner{
    min-height: 76px !important;
    padding: 13px 14px !important;
    gap: 8px !important;
  }

  body .hs-header__brand,
  body .hs-header:not(.is-solid) .hs-header__brand,
  body .hs-header.is-solid .hs-header__brand{
    max-width: clamp(146px, 44vw, 192px) !important;
  }

  body .hs-header__logoImg{
    height: 33px !important;
  }

  body .hs-header__actions{
    gap: 8px !important;
  }

  body .hs-header__actions .hs-langSwitch{
    min-width: 52px !important;
    padding: 0 6px !important;
    min-height: 38px !important;
    gap: 4px !important;
  }

  body .hs-header__actions .hs-langSwitch__link{
    font-size: 11px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    padding: 2px 3px !important;
  }

  body .hs-header__cta{
    min-height: 38px !important;
    padding: 8px 10px !important;
    gap: 6px !important;
    font-size: 11px !important;
  }

  body .hs-header__ctaIc{
    width: 14px !important;
    height: 14px !important;
  }

  body .hs-header__burger{
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
  }

  body .hs-header__mobile{
    top: 62px !important;
    left: 10px !important;
    right: 10px !important;
    max-height: calc(100svh - 72px) !important;
  }
}

@media (max-width: 480px){
  body .hs-header__inner{
    min-height: 72px !important;
    padding: 11px 12px !important;
    gap: 6px !important;
  }

  body .hs-header__brand,
  body .hs-header:not(.is-solid) .hs-header__brand,
  body .hs-header.is-solid .hs-header__brand{
    max-width: clamp(118px, 34vw, 150px) !important;
  }

  body .hs-header__logoImg{
    height: 30px !important;
  }

  body .hs-header__actions{
    gap: 5px !important;
  }

  body .hs-header__actions .hs-langSwitch{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 46px !important;
    padding: 0 5px !important;
    min-height: 36px !important;
    gap: 3px !important;
    border-radius: 999px !important;
  }

  body .hs-header__actions .hs-langSwitch__link{
    font-size: 10px !important;
    line-height: 1 !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 1px 2px !important;
  }

  body .hs-header__actions .hs-langSwitch__sep{
    opacity: .55 !important;
  }

  body .hs-header__cta{
    min-height: 36px !important;
    padding: 7px 8px !important;
    gap: 4px !important;
    font-size: 10px !important;
  }

  body .hs-header__ctaIc{
    width: 12px !important;
    height: 12px !important;
  }

  body .hs-header__burger{
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
  }

  body .hs-header__mobileTop .hs-langSwitch--mobileMenu{
    display: inline-flex !important;
  }
}

@media (max-width: 420px){
  body .hs-header__inner{
    min-height: 68px !important;
    padding: 10px 10px !important;
    gap: 4px !important;
  }

  body .hs-header__brand,
  body .hs-header:not(.is-solid) .hs-header__brand,
  body .hs-header.is-solid .hs-header__brand{
    max-width: clamp(106px, 30vw, 128px) !important;
  }

  body .hs-header__logoImg{
    height: 27px !important;
  }

  body .hs-header__actions{
    gap: 4px !important;
  }

  body .hs-header__actions .hs-langSwitch{
    min-width: 42px !important;
    padding: 0 4px !important;
    min-height: 34px !important;
    gap: 2px !important;
  }

  body .hs-header__actions .hs-langSwitch__link{
    font-size: 9px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    padding: 1px !important;
  }

  body .hs-header__cta{
    min-height: 34px !important;
    padding: 7px 7px !important;
    gap: 4px !important;
    font-size: 9.5px !important;
  }

  body .hs-header__ctaIc{
    width: 11px !important;
    height: 11px !important;
  }

  body .hs-header__burger{
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
  }

  body .hs-header__mobile{
    top: 60px !important;
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100svh - 68px) !important;
  }
}

/* Fix hero spacing onder fixed header */
body.home .hs-hero__content,
body.hs-home .hs-hero__content {
  padding-top: 180px;
}

body.home,
body.hs-home {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5,
body.home h6,
body.home p,
body.home a,
body.home button,
body.home input,
body.home textarea,
body.home select,
body.home .hs-h1,
body.home .hs-h2,
body.home .hs-h3,
body.home .hs-display,
body.home .hs-hero__title,
body.home .hs-hero__miniTitle,
body.home .hs-btn,
body.home .hs-header,
body.home .hs-header__mobile,
body.hs-home h1,
body.hs-home h2,
body.hs-home h3,
body.hs-home h4,
body.hs-home h5,
body.hs-home h6,
body.hs-home p,
body.hs-home a,
body.hs-home button,
body.hs-home input,
body.hs-home textarea,
body.hs-home select,
body.hs-home .hs-h1,
body.hs-home .hs-h2,
body.hs-home .hs-h3,
body.hs-home .hs-display,
body.hs-home .hs-hero__title,
body.hs-home .hs-hero__miniTitle,
body.hs-home .hs-btn,
body.hs-home .hs-header,
body.hs-home .hs-header__mobile {
  font-family: inherit;
}

@media (min-width: 1025px) {
  body.home .hs-hero__content,
  body.hs-home .hs-hero__content {
    max-width: 700px;
    padding-top: 148px;
    padding-bottom: 116px;
  }

  body.home .hs-hero__title,
  body.hs-home .hs-hero__title {
    max-width: 9.5ch;
    margin-bottom: 18px;
    font-size: clamp(40px, 4.6vw, 66px);
    line-height: 1.04;
  }

  body.home .hs-hero__miniTitle,
  body.hs-home .hs-hero__miniTitle {
    margin-bottom: 12px;
    font-size: clamp(20px, 1.5vw, 30px);
  }

  body.home .hs-hero__brandKicker,
  body.hs-home .hs-hero__brandKicker {
    margin-bottom: 20px;
  }

  body.home .hs-hero__cta,
  body.hs-home .hs-hero__cta {
    gap: 16px;
    margin-top: 18px;
  }

  body.home .hs-hero__ctaBtn,
  body.hs-home .hs-hero__ctaBtn {
    min-width: 220px;
  }
}

/* Fix voor WordPress admin bar (ingelogde weergave) */
body.admin-bar .hs-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .hs-header {
    top: 46px;
  }
}

@media (max-width: 1024px) {
  body.home .hs-hero,
  body.hs-home .hs-hero {
    min-height: 620px;
    height: min(82svh, 720px);
    display: flex;
    align-items: flex-end;
  }

  body.home .hs-hero::after,
  body.hs-home .hs-hero::after {
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.62) 70%, #fff 100%);
  }

  body.home .hs-hero__media,
  body.hs-home .hs-hero__media {
    position: absolute;
    inset: 0;
    min-height: 100%;
  }

  body.home .hs-hero__video,
  body.home .hs-hero__img,
  body.hs-home .hs-hero__video,
  body.hs-home .hs-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 56% center;
  }

  body.home .hs-hero__overlay--lr,
  body.hs-home .hs-hero__overlay--lr {
    background: linear-gradient(90deg, rgba(8,12,20,.44), rgba(8,12,20,.18), transparent 78%);
  }

  body.home .hs-hero__overlay--bt,
  body.hs-home .hs-hero__overlay--bt {
    display: block;
    background: linear-gradient(0deg, rgba(8,12,20,.42), rgba(8,12,20,.08) 58%, transparent 100%);
  }

  body.home .hs-hero__content,
  body.hs-home .hs-hero__content {
    display: block;
    max-width: 520px;
    padding-top: 136px;
    padding-bottom: 112px;
    margin: 0;
    text-align: left;
  }

  body.home .hs-hero__title,
  body.hs-home .hs-hero__title {
    max-width: 9.5ch;
    font-size: clamp(38px, 7vw, 56px);
    line-height: 1.04;
    margin-bottom: 14px;
  }

  body.home .hs-hero__miniTitle,
  body.hs-home .hs-hero__miniTitle {
    margin-bottom: 10px;
    font-size: clamp(18px, 3vw, 28px);
  }

  body.home .hs-hero__brandKicker,
  body.hs-home .hs-hero__brandKicker {
    margin-bottom: 16px;
  }

  body.home .hs-hero__cta,
  body.hs-home .hs-hero__cta {
    gap: 12px;
    margin-top: 12px;
    justify-content: flex-start;
  }

  body.home .hs-hero__ctaBtn,
  body.hs-home .hs-hero__ctaBtn {
    min-width: 0;
  }

  body.home .hs-scroll,
  body.hs-home .hs-scroll {
    bottom: 18px;
  }
}

@media (max-width: 768px) {
  body.home .hs-hero,
  body.hs-home .hs-hero {
    min-height: 540px;
    height: min(78svh, 620px);
  }

  body.home .hs-hero__video,
  body.home .hs-hero__img,
  body.hs-home .hs-hero__video,
  body.hs-home .hs-hero__img {
    object-position: 60% center;
  }

  body.home .hs-hero__media,
  body.hs-home .hs-hero__media {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body.home .hs-hero__video,
  body.home .hs-hero__img,
  body.hs-home .hs-hero__video,
  body.hs-home .hs-hero__img {
    object-position: center center;
  }

  body.home .hs-hero__video,
  body.hs-home .hs-hero__video,
  body.home .hs-hero.has-video .hs-hero__video,
  body.hs-home .hs-hero.has-video .hs-hero__video {
    display: none;
  }

  body.home .hs-hero__img,
  body.hs-home .hs-hero__img,
  body.home .hs-hero.has-video .hs-hero__img,
  body.hs-home .hs-hero.has-video .hs-hero__img {
    display: block;
    opacity: 1;
  }

  body.home .hs-hero__content,
  body.hs-home .hs-hero__content {
    max-width: 420px;
    padding-top: 118px;
    padding-bottom: 92px;
  }

  body.home .hs-hero__title,
  body.hs-home .hs-hero__title {
    font-size: clamp(34px, 9vw, 46px);
    line-height: 1.05;
    margin-bottom: 12px;
  }

  body.home .hs-hero__miniTitle,
  body.hs-home .hs-hero__miniTitle {
    font-size: clamp(17px, 4.5vw, 22px);
    margin-bottom: 8px;
  }

  body.home .hs-hero__brandKicker,
  body.hs-home .hs-hero__brandKicker {
    margin-bottom: 14px;
    padding: 5px 10px;
    font-size: 11px;
  }

  body.home .hs-hero__cta,
  body.hs-home .hs-hero__cta {
    gap: 10px;
  }

  body.home .hs-hero__ctaBtn,
  body.hs-home .hs-hero__ctaBtn {
    padding-inline: 16px;
    min-height: 46px;
  }
}

@media (max-width: 640px) {
  body.home .hs-hero,
  body.hs-home .hs-hero {
    min-height: 500px;
    height: min(72svh, 560px);
  }

  body.home .hs-hero::after,
  body.hs-home .hs-hero::after {
    height: 68px;
  }

  body.home .hs-hero__content,
  body.hs-home .hs-hero__content {
    max-width: 320px;
    padding-top: 104px;
    padding-bottom: 78px;
  }

  body.home .hs-hero__brandKicker,
  body.hs-home .hs-hero__brandKicker {
    margin-bottom: 12px;
  }

  body.home .hs-hero__miniTitle,
  body.hs-home .hs-hero__miniTitle {
    display: none;
  }

  body.home .hs-hero__title,
  body.hs-home .hs-hero__title {
    max-width: 8.5ch;
    font-size: clamp(30px, 9.6vw, 40px);
    line-height: 1.06;
  }

  body.home .hs-hero__cta,
  body.hs-home .hs-hero__cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
  }

  body.home .hs-hero__ctaBtn,
  body.hs-home .hs-hero__ctaBtn {
    width: auto;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    padding: 12px 16px;
    font-size: 14px;
  }

  body.home .hs-scroll,
  body.hs-home .hs-scroll {
    display: none;
  }
}

@media (max-width: 420px) {
  body.home .hs-hero,
  body.hs-home .hs-hero {
    min-height: 460px;
    height: min(68svh, 520px);
  }

  body.home .hs-hero__video,
  body.home .hs-hero__img,
  body.hs-home .hs-hero__video,
  body.hs-home .hs-hero__img {
    object-position: 62% center;
  }

  body.home .hs-hero__content,
  body.hs-home .hs-hero__content {
    max-width: 290px;
    padding-top: 96px;
    padding-bottom: 70px;
  }

  body.home .hs-hero__title,
  body.hs-home .hs-hero__title {
    font-size: clamp(28px, 10vw, 36px);
  }
}