:root{
  --navy:#2C3E5C;
  --navy-deep:#22314A;
  --navy-ink:#1B2647;
  --goud:#C9A24A;
  --goud-diep:#A98232;
  --groen:#B7C9B5;
  --blauw:#BCC3D1;
  --papier:#F7F4EF;
  --papier-2:#FFFFFF;
  --inkt:#2C3E5C;
  --inkt-zacht:rgba(44,62,92,.72);
  --lijn-licht:rgba(44,62,92,.14);
  --wit:#FFFFFF;
  --mist:rgba(255,255,255,.78);
  --lijn:rgba(255,255,255,.18);
  --display:'Montserrat',system-ui,-apple-system,sans-serif;
  --body:'Montserrat',system-ui,-apple-system,sans-serif;
  --gutter:clamp(20px,5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--papier);color:var(--inkt);
  font-family:var(--body);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:300;letter-spacing:-.01em}
p{margin:0}
/* ---------- header ---------- */
.hdr{
  position:fixed;inset:0 0 auto;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:20px var(--gutter);
  background:transparent;
  transition:background .45s ease,backdrop-filter .45s ease,padding .45s ease,box-shadow .45s ease;
}
.hdr.vast{
  background:rgba(247,245,241,.72);
  -webkit-backdrop-filter:saturate(160%) blur(18px);
  backdrop-filter:saturate(160%) blur(18px);
  box-shadow:0 1px 0 var(--lijn-licht);
  padding-top:12px;padding-bottom:12px;
}
.hdr__logo{position:relative;display:block;width:clamp(150px,17vw,196px)}
.hdr__logo img{position:absolute;inset:0;width:100%;transition:opacity .45s ease}
.hdr__logo img:first-child{position:relative}
.hdr__logo .op-donker{opacity:0}
.hdr.vast .hdr__logo .op-licht{opacity:0}
.hdr.vast .hdr__logo .op-donker{opacity:1}
.hdr__nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px)}
.hdr__nav a{
  font-family:var(--display);font-size:13.5px;font-weight:400;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(244,242,237,.82);
  padding:6px 0;position:relative;transition:color .35s;
}
.hdr__nav a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;
  background:var(--goud);transition:width .35s ease;
}
.hdr__nav a:hover::after{width:100%}
.hdr.vast .hdr__nav a{color:var(--inkt-zacht)}
.hdr.vast .hdr__nav a:hover{color:var(--navy)}
.hdr__cta{
  border:1px solid rgba(244,242,237,.35);border-radius:5px;padding:10px 20px !important;
  color:var(--wit) !important;transition:background .35s,color .35s,border-color .35s;
}
.hdr__cta::after{display:none}
.hdr__cta:hover{background:var(--goud);border-color:var(--goud);color:#fff !important}
.hdr.vast .hdr__cta{border-color:var(--goud);color:var(--goud-diep) !important}
.hdr.vast .hdr__cta:hover{background:var(--goud);color:#fff !important}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:26px;height:1.5px;background:var(--wit);margin:6px 0;transition:transform .35s,opacity .3s,background .35s}
.hdr.vast .burger span{background:var(--navy)}
.burger[aria-expanded="true"] span{background:var(--wit) !important}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
/* ---------- hero ---------- */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:center;
  padding:150px var(--gutter) 120px;overflow:hidden;background:var(--navy);
}
.hero__foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(105%) contrast(102%);
  transform:scale(1.06);
}
.hero__waas{
  position:absolute;inset:0;
  background:
    linear-gradient(100deg,rgba(22,34,74,.94) 0%,rgba(22,34,74,.78) 42%,rgba(30,43,83,.42) 72%,rgba(30,43,83,.30) 100%),
    linear-gradient(to top,rgba(16,26,56,.72) 0%,transparent 46%);
}
.hero__mark{
  position:absolute;right:8vw;top:52%;transform:translateY(-50%);
  width:min(52vw,470px);opacity:.30;pointer-events:none;
  filter:drop-shadow(0 0 40px rgba(169,136,84,.28));
}
.hero__inner{position:relative;z-index:2;width:100%;max-width:1080px}
.eyebrow{
  font-family:var(--display);font-size:12.5px;letter-spacing:.34em;
  text-transform:uppercase;color:var(--goud);margin-bottom:26px;
}
.hero h1{
  color:var(--wit);
  font-size:clamp(2.9rem,10vw,8.2rem);font-weight:200;line-height:.96;
  letter-spacing:.02em;text-transform:uppercase;
}
.cycle{display:block;position:relative;height:1.15em;overflow:hidden;margin-top:.08em}
.cycle span{
  position:absolute;left:0;top:0;white-space:nowrap;
  font-size:clamp(1.4rem,4.4vw,3.4rem);font-weight:300;letter-spacing:.12em;
  color:var(--goud);opacity:0;transform:translateY(60%);
}
.cycle span.aan{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.cycle span.uit{opacity:0;transform:translateY(-55%);transition:opacity .5s ease,transform .5s ease}
.hero__inner > p:last-of-type{max-width:46ch;margin-top:36px;color:var(--mist);font-size:clamp(16px,1.6vw,19px)}
.scrolltip{
  position:absolute;left:var(--gutter);bottom:40px;z-index:2;
  display:flex;align-items:center;gap:14px;
  font-family:var(--display);font-size:11.5px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--mist);
}
.scrolltip i{display:block;width:52px;height:1px;background:rgba(244,242,237,.3);position:relative;overflow:hidden}
.scrolltip i::after{content:"";position:absolute;inset:0;background:var(--goud);animation:sweep 2.6s infinite}
@keyframes sweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
/* ---------- secties ---------- */
section{padding:clamp(88px,11vw,160px) var(--gutter);position:relative}
.wrap{max-width:1180px;margin:0 auto}
.licht{background:var(--papier)}
.licht-2{background:var(--papier-2)}
.donker{background:var(--navy);color:var(--wit)}
.donker h2,.donker h3{color:var(--wit)}
.lead{font-size:clamp(1.6rem,3.8vw,3rem);font-weight:200;line-height:1.18;max-width:20ch}
.lead--breed{max-width:25ch}
.sub{margin-top:28px;max-width:56ch;color:var(--inkt-zacht)}
.donker .sub{color:var(--mist)}
.label{
  display:flex;align-items:center;gap:14px;margin-bottom:38px;
  font-family:var(--display);font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--goud-diep);
}
.label::after{content:"";flex:1;height:1px;background:var(--lijn-licht);max-width:180px}
.donker .label{color:var(--goud)}
.donker .label::after{background:var(--lijn)}
.knop{
  display:inline-flex;align-items:center;gap:12px;margin-top:44px;
  font-family:var(--display);font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  border:1px solid var(--lijn-licht);border-radius:5px;padding:14px 28px;
  transition:background .35s,color .35s,border-color .35s;
}
.knop:hover{background:var(--navy);color:var(--wit);border-color:var(--navy)}
.knop svg{width:15px;transition:transform .35s}
.knop:hover svg{transform:translateX(4px)}
/* divisies */
.div-kop{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,70px);align-items:end;margin-bottom:clamp(46px,6vw,78px)}
.divisie{
  display:grid;grid-template-columns:70px 1fr auto;gap:clamp(20px,3.6vw,54px);
  align-items:center;padding:clamp(32px,4.4vw,52px) 0;
  border-top:1px solid var(--lijn-licht);position:relative;
}
.divisie:last-of-type{border-bottom:1px solid var(--lijn-licht)}
.divisie::before{
  content:"";position:absolute;left:-4vw;right:-4vw;top:0;bottom:0;z-index:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--kleur) 30%,transparent),transparent 64%);
  opacity:0;transition:opacity .5s ease;
}
.divisie:hover::before{opacity:1}
.divisie > *{position:relative;z-index:1}
.divisie__nr{font-family:var(--display);font-size:13px;letter-spacing:.16em;color:var(--kleur)}
.divisie__logo{width:min(290px,58vw);margin-bottom:18px}
.divisie h3{font-size:clamp(1.15rem,2.3vw,1.65rem);font-weight:300}
.divisie p{margin-top:12px;color:var(--inkt-zacht);max-width:52ch;font-size:16px}
.divisie__pijl{
  width:54px;height:54px;border-radius:50%;border:1px solid var(--lijn-licht);
  display:grid;place-items:center;flex:0 0 auto;transition:background .35s,border-color .35s;
}
.divisie:hover .divisie__pijl{background:var(--navy);border-color:var(--navy)}
.divisie:hover .divisie__pijl svg{stroke:var(--wit)}
.divisie__pijl svg{width:17px;stroke:var(--navy);transition:stroke .35s}
/* werkgebied (donker) */
.plaatsen{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:52px;border-top:1px solid var(--lijn)}
.plaats{
  flex:1 1 190px;padding:26px 22px 26px 0;border-bottom:1px solid var(--lijn);
  font-family:var(--display);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:300;letter-spacing:.04em;
  display:flex;align-items:baseline;gap:12px;transition:color .3s;
}
.plaats::before{content:"";width:5px;height:5px;border-radius:50%;background:#C9A96B;flex:0 0 auto}
.plaats:hover{color:#C9A96B}
/* tabs */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:50px 0 0;border-bottom:1px solid var(--lijn-licht)}
.tab{
  background:none;border:0;border-bottom:2px solid transparent;color:var(--inkt-zacht);
  font-family:var(--display);font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  padding:14px 22px 14px 0;margin-right:20px;cursor:pointer;transition:color .3s,border-color .3s;
}
.tab[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--goud)}
.paneel{display:none;padding-top:44px;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}
.paneel[data-aan]{display:grid;animation:opkomen .55s ease both}
@keyframes opkomen{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.paneel h3{font-size:clamp(1.35rem,2.7vw,2rem);font-weight:200;max-width:15ch}
.paneel p{color:var(--inkt-zacht)}
.punten{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:1px;background:var(--lijn-licht);border:1px solid var(--lijn-licht)}
.punten li{background:var(--papier);padding:16px 20px;font-size:15.5px;display:flex;gap:14px;align-items:center}
.punten li::before{content:"";width:6px;height:6px;background:var(--goud);flex:0 0 auto;transform:rotate(45deg)}
/* contact */
.kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1px;background:var(--lijn);margin-top:54px;border:1px solid var(--lijn)}
.kaart{background:var(--navy-ink);padding:clamp(28px,3.6vw,42px)}
.kaart h3{font-family:var(--display);font-size:1.1rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#C9A96B;margin-bottom:18px}
.kaart p{color:var(--mist);font-size:15.5px}
.kaart a{display:inline-block;margin-top:14px;color:var(--wit);border-bottom:1px solid var(--lijn);padding-bottom:2px;transition:border-color .3s}
.kaart a:hover{border-color:#C9A96B}
footer{background:var(--navy-ink);padding:0 var(--gutter) 44px;color:var(--wit)}
.voet{
  border-top:1px solid var(--lijn);padding-top:44px;
  display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between;
}
.voet img{width:168px;opacity:.92}
.voet nav{display:flex;flex-wrap:wrap;gap:26px}
.voet a{font-size:14px;color:var(--mist);transition:color .3s}
.voet a:hover{color:var(--goud)}
.voet small{width:100%;color:rgba(244,242,237,.4);font-size:13px;letter-spacing:.04em}
/* reveal */
.op{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.op.zichtbaar{opacity:1;transform:none}
@media (max-width:880px){
  .hdr__nav{
    position:fixed;inset:0;background:var(--navy-ink);
    flex-direction:column;justify-content:center;gap:26px;
    transform:translateY(-100%);transition:transform .5s cubic-bezier(.2,.8,.2,1);
  }
  .hdr__nav[data-open]{transform:none}
  .hdr__nav a,.hdr.vast .hdr__nav a{font-size:19px;letter-spacing:.18em;color:var(--wit)}
  .hdr.vast .hdr__cta{color:var(--wit) !important}
  .burger{display:block;z-index:70}
  .hero__mark{right:-10vw;opacity:.2}
  .div-kop,.paneel[data-aan]{grid-template-columns:1fr}
  .divisie{grid-template-columns:1fr;gap:16px;align-items:start}
  .divisie__pijl{display:none}
  .scrolltip{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .op{opacity:1;transform:none}
}
:focus-visible{outline:2px solid var(--goud);outline-offset:4px}

/* ============================================================
   Transiënt Groep — aanvullingen op de basisstijl
   ============================================================ */

:root{ --accent:var(--goud); --accent-diep:var(--goud-diep); }
body.thema-advies{ --accent:var(--groen); --accent-diep:#5E8468; }
body.thema-techniek{ --accent:var(--blauw); --accent-diep:#3F6E93; }

/* ---------- navigatie met submenu ---------- */
.hdr__nav{position:relative}
.nav__item{position:relative}
.nav__item > a{display:inline-flex;align-items:center;gap:8px}
.nav__item > a .pijltje{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.submenu{
  position:absolute;top:100%;left:-20px;min-width:280px;padding:14px 0;margin-top:10px;
  background:var(--navy-ink);border-top:1px solid var(--accent);
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s;
  box-shadow:0 24px 60px rgba(16,26,56,.28);
}
.nav__item:hover .submenu,.nav__item:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.submenu a{
  display:block;padding:10px 24px;font-size:12.5px;letter-spacing:.12em;
  color:rgba(244,242,237,.78) !important;text-transform:uppercase;
}
.submenu a::after{display:none}
.submenu a:hover{color:var(--wit) !important;background:rgba(244,242,237,.05)}

/* ---------- compacte hero voor subpagina's ---------- */
.subhero{
  position:relative;min-height:clamp(420px,62vh,620px);display:flex;align-items:flex-end;
  padding:180px var(--gutter) clamp(56px,7vw,88px);background:var(--navy);overflow:hidden;
}
.subhero__waas{
  position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(22,34,74,.96) 0%,rgba(22,34,74,.82) 46%,rgba(30,43,83,.52) 100%),
    linear-gradient(to top,rgba(16,26,56,.7) 0%,transparent 52%);
}
.subhero__mark{
  position:absolute;right:6vw;top:50%;transform:translateY(-45%);
  width:min(38vw,340px);opacity:.16;pointer-events:none;
}
.subhero__inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto}
.subhero .eyebrow{color:var(--accent)}
.subhero h1{
  color:var(--wit);font-size:clamp(2.3rem,6vw,4.6rem);font-weight:200;
  line-height:1.02;letter-spacing:.01em;max-width:18ch;
}
.subhero p{margin-top:26px;max-width:52ch;color:var(--mist);font-size:clamp(16px,1.5vw,18.5px)}

/* ---------- tekstblokken ---------- */
.tweeluik{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,86px);align-items:start}
.tekst p + p{margin-top:20px}
.tekst p{color:var(--inkt-zacht);max-width:62ch}
.donker .tekst p{color:var(--mist)}
.streep{width:56px;height:1px;background:var(--accent);margin:34px 0}

/* ---------- genummerde expertiserijen ---------- */
.rijen{margin-top:clamp(40px,6vw,66px);border-top:1px solid var(--lijn-licht)}
.rij{
  display:grid;grid-template-columns:76px 1fr minmax(0,1.05fr);gap:clamp(18px,3.4vw,48px);
  align-items:baseline;padding:clamp(26px,3.4vw,40px) 0;
  border-bottom:1px solid var(--lijn-licht);position:relative;transition:background .4s ease;
}
.rij:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}
.rij__nr{font-family:var(--display);font-size:13px;letter-spacing:.16em;color:var(--accent-diep)}
.rij h3{font-family:var(--display);font-size:clamp(1.1rem,2.1vw,1.5rem);font-weight:300}
.rij p{color:var(--inkt-zacht);font-size:15.5px;max-width:52ch}
.donker .rij{border-color:var(--lijn)}
.donker .rij p{color:var(--mist)}

/* ---------- cijfers / kolommen ---------- */
.kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--lijn);margin-top:clamp(40px,5vw,64px);border:1px solid var(--lijn)}
.kolom{background:var(--navy);padding:clamp(26px,3.2vw,38px)}
.kolom h3{font-family:var(--display);font-size:1.02rem;font-weight:400;letter-spacing:.06em;color:var(--accent);margin-bottom:14px}
.kolom p{color:var(--mist);font-size:15px}
.licht .kolommen,.licht-2 .kolommen{background:var(--lijn-licht);border-color:var(--lijn-licht)}
.licht .kolom,.licht-2 .kolom{background:var(--papier-2)}
.licht .kolom h3,.licht-2 .kolom h3{color:var(--accent-diep)}
.licht .kolom p,.licht-2 .kolom p{color:var(--inkt-zacht)}

/* ---------- werkwijze / tijdlijn ---------- */
.stappen{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:clamp(44px,6vw,70px);border-top:1px solid var(--lijn-licht)}
.stap{padding:32px 30px 0 30px;border-right:1px solid var(--lijn-licht);position:relative}
.stap:first-child{padding-left:0}
.stap:last-child{border-right:0}
.stap::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}
.stap b{display:block;font-family:var(--display);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-diep);margin-bottom:12px;font-weight:400}
.stap h3{font-family:var(--display);font-size:1.02rem;font-weight:400;margin-bottom:10px}
.stap p{font-size:14.5px;color:var(--inkt-zacht)}
.donker .stappen{border-color:var(--lijn)}
.donker .stap{border-color:var(--lijn)}
.donker .stap p{color:var(--mist)}
.donker .stap b{color:var(--accent)}

/* ---------- beeldplaatshouder ---------- */
.foto{
  position:relative;display:flex;align-items:flex-end;
  min-height:clamp(240px,32vw,420px);padding:26px;overflow:hidden;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-ink) 100%);
}
.foto::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 78% 22%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 62%);
}
.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.foto__mark{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:min(46%,220px);opacity:.2}
.foto span{
  position:relative;z-index:2;font-family:var(--display);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(244,242,237,.62);max-width:38ch;line-height:1.7;
}
.foto--breed{min-height:clamp(280px,40vw,540px);margin-top:clamp(40px,5vw,64px)}

/* ---------- sectoren ---------- */
.sectoren{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--lijn-licht);margin-top:clamp(40px,5vw,64px);border:1px solid var(--lijn-licht)}
.sector{background:var(--papier);padding:clamp(24px,2.8vw,34px);transition:background .4s}
.sector:hover{background:var(--papier-2)}
.sector h3{font-family:var(--display);font-size:1.05rem;font-weight:400;margin-bottom:10px}
.sector p{font-size:14.5px;color:var(--inkt-zacht)}
.sector::before{content:"";display:block;width:22px;height:1px;background:var(--accent);margin-bottom:18px}

/* ---------- veelgestelde vragen ---------- */
.vragen{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--lijn-licht)}
.vraag{border-bottom:1px solid var(--lijn-licht)}
.vraag summary{
  cursor:pointer;list-style:none;padding:24px 40px 24px 0;position:relative;
  font-family:var(--display);font-size:clamp(1rem,1.7vw,1.2rem);font-weight:300;
}
.vraag summary::-webkit-details-marker{display:none}
.vraag summary::after{
  content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;
  border-right:1px solid var(--accent-diep);border-bottom:1px solid var(--accent-diep);
  transform:translateY(-70%) rotate(45deg);transition:transform .35s;
}
.vraag[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.vraag p{padding:0 0 26px;color:var(--inkt-zacht);max-width:70ch}

/* ---------- oproepsectie ---------- */
.oproep{background:var(--navy-ink);color:var(--wit);text-align:left}
.oproep h2{color:var(--wit)}
.oproep .sub{color:var(--mist)}
.knoppen{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px}
.knop--goud{background:var(--accent);border-color:var(--accent);color:#0F1834;margin-top:0}
.knop--goud:hover{background:transparent;color:var(--wit);border-color:var(--accent)}
.donker .knop,.oproep .knop{border-color:var(--lijn);color:var(--wit);margin-top:0}
.donker .knop:hover,.oproep .knop:hover{background:var(--wit);color:var(--navy);border-color:var(--wit)}
.oproep .knop--goud{color:#0F1834}
.oproep .knop--goud:hover{background:transparent;color:var(--wit)}

/* ---------- gerelateerd ---------- */
.verder{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--lijn-licht);border:1px solid var(--lijn-licht);margin-top:clamp(36px,5vw,56px)}
.verder a{background:var(--papier-2);padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-family:var(--display);font-size:1rem;font-weight:300;transition:background .35s,color .35s}
.verder a:hover{background:var(--navy);color:var(--wit)}
.verder a::after{content:"";width:18px;height:1px;background:currentColor;flex:0 0 auto}

/* ---------- contactgegevens ---------- */
.gegevens{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(24px,4vw,54px);margin-top:clamp(36px,5vw,56px)}
.gegevens h3{font-family:var(--display);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-diep);margin-bottom:16px;font-weight:400}
.gegevens p{color:var(--inkt-zacht);font-size:15.5px}
.gegevens a{border-bottom:1px solid var(--lijn-licht);transition:border-color .3s}
.gegevens a:hover{border-color:var(--accent)}

/* ---------- formulier ---------- */
.formulier{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:clamp(34px,4vw,50px);max-width:820px}
.veld{display:flex;flex-direction:column;gap:8px}
.veld--breed{grid-column:1/-1}
.veld label{font-family:var(--display);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--inkt-zacht)}
.veld input,.veld select,.veld textarea{
  border:0;border-bottom:1px solid var(--lijn-licht);background:transparent;
  padding:10px 2px;font-family:var(--body);font-size:16px;color:var(--inkt);
  border-radius:0;transition:border-color .3s;
}
.veld input:focus,.veld select:focus,.veld textarea:focus{outline:none;border-bottom-color:var(--accent)}
.veld textarea{resize:vertical;min-height:120px}
.akkoord{grid-column:1/-1;display:flex;gap:14px;align-items:flex-start;font-size:14.5px;color:var(--inkt-zacht)}
.akkoord input{width:17px;height:17px;margin-top:3px;accent-color:var(--accent-diep)}
.formulier .knop{grid-column:1/-1;justify-self:start;margin-top:6px;cursor:pointer;background:none}

/* ---------- footer ---------- */
.voetkolommen{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(28px,4vw,60px);
  padding:clamp(64px,8vw,104px) 0 clamp(48px,6vw,72px);
}
.voetkolom h4{font-family:var(--display);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:#C9A96B;font-weight:400;margin-bottom:22px}
.voetkolom a,.voetkolom p{display:block;font-size:14.5px;color:var(--mist);margin-bottom:11px;transition:color .3s}
.voetkolom a:hover{color:var(--goud)}
.voetkolom img{width:172px;margin-bottom:24px;opacity:.94}
.voetkolom .positie{max-width:34ch;line-height:1.7}
.voet small a{display:inline;color:rgba(244,242,237,.5);margin-left:0}
.voet small a:hover{color:var(--goud)}

/* ---------- responsief ---------- */
@media (max-width:1080px){
  .stappen{grid-template-columns:repeat(3,1fr)}
  .stap:nth-child(3){border-right:0}
  .voetkolommen{grid-template-columns:1fr 1fr}
}
@media (max-width:880px){
  .subhero{padding-top:150px;min-height:auto}
  .tweeluik{grid-template-columns:1fr}
  .rij{grid-template-columns:1fr;gap:12px}
  .rij__nr{color:var(--accent-diep)}
  .stappen{grid-template-columns:1fr;border-top:0}
  .stap{border-right:0;border-top:1px solid var(--lijn-licht);padding:26px 0 26px 20px}
  .stap::before{left:-4px;top:22px}
  .donker .stap{border-color:var(--lijn)}
  .formulier{grid-template-columns:1fr}
  .voetkolommen{grid-template-columns:1fr;gap:40px}
  .hdr__nav[data-open]{overflow-y:auto;justify-content:flex-start;padding:110px 24px 48px}
  .submenu{
    position:static;opacity:1;visibility:visible;transform:none;background:none;
    border:0;box-shadow:none;padding:6px 0 0;margin:0;min-width:0;
  }
  .submenu a{padding:6px 0;font-size:13px;text-align:center;color:rgba(244,242,237,.6) !important}
  .nav__item{display:flex;flex-direction:column;align-items:center}
  .nav__item > a .pijltje{display:none}
}

/* ---------- opsommingen: contrast herstellen ---------- */
.punten li{color:var(--inkt)}
.donker .punten{background:transparent;border:0;gap:0;border-top:1px solid var(--lijn)}
.donker .punten li{
  background:transparent;color:var(--wit);
  border-bottom:1px solid var(--lijn);padding:16px 0;
}
.donker .punten li::before{background:var(--accent)}

/* ---------- hero: origineel, donker aflopend ---------- */
.hero__inner > p:last-of-type{color:var(--mist)}

/* ---------- uitklapmenu: doorschijnend in plaats van massief ---------- */
.submenu{
  background:rgba(16,26,56,.72);
  -webkit-backdrop-filter:saturate(170%) blur(20px);
  backdrop-filter:saturate(170%) blur(20px);
  box-shadow:0 28px 70px rgba(16,26,56,.24);
}
.hdr.vast .submenu{background:rgba(16,26,56,.86)}
@media (max-width:880px){
  .submenu,.hdr.vast .submenu{background:none;backdrop-filter:none;box-shadow:none}
}

/* ---------- scrollaanwijzing beter leesbaar ---------- */
.scrolltip{
  color:rgba(244,242,237,.92);
  text-shadow:0 1px 14px rgba(16,26,56,.55);
}
.scrolltip i{background:rgba(244,242,237,.45)}

/* WordPress-koppeling */
body.admin-bar .hdr{top:32px}
.transient-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.formuliermelding{display:block;margin-top:22px;padding:16px 18px;border:1px solid var(--lijn-licht)}
.formuliermelding--succes{background:rgba(147,184,155,.18)}
.formuliermelding--fout{background:rgba(169,136,84,.14)}
@media(max-width:782px){body.admin-bar .hdr{top:46px}}

/* ============================================================
   Verfijnde kleurverlopen — v1.1
   Gebaseerd op de rustige marine -> blauwgrijs -> wit overgang
   uit de aangeleverde HTML-referentie, zonder de bestaande
   typografie en pagina-opbouw te veranderen.
   ============================================================ */

:root{
  --blauwgrijs:#BCC3D1;
  --blauwgrijs-licht:#DDE2EA;
  --beige:#D9D2C7;
  --accent-rgb:201,162,74;
}
body.thema-advies{--accent-rgb:183,201,181}
body.thema-techniek{--accent-rgb:188,195,209}
body.thema-groep{--accent-rgb:201,162,74}

/* Transparante header krijgt bovenaan dezelfde zachte diepte als de referentie. */
.hdr::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,26,56,.48) 0%,rgba(22,34,74,.18) 58%,rgba(22,34,74,0) 100%);
  opacity:1;transition:opacity .45s ease;
}
.hdr.vast::before{opacity:0}

/* Home hero: minder vlak navy, meer gelaagde diepte en een zachte uitloop naar blauwgrijs. */
.hero__waas{
  background:
    radial-gradient(80% 62% at 88% 34%,rgba(109,158,196,.22) 0%,rgba(109,158,196,.08) 34%,transparent 66%),
    linear-gradient(100deg,rgba(22,34,74,.94) 0%,rgba(22,34,74,.80) 40%,rgba(30,43,83,.48) 72%,rgba(44,62,92,.28) 100%),
    linear-gradient(180deg,rgba(16,26,56,.30) 0%,rgba(16,26,56,.10) 48%,rgba(30,43,83,.45) 78%,rgba(91,109,143,.62) 100%);
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(64px,9vw,128px);z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(168,181,202,0) 0%,rgba(168,181,202,.22) 44%,rgba(188,195,209,.46) 100%);
}
.hero__inner,.scrolltip{z-index:2}

/* Eerste overgang op de home: marine/blauwgrijs uit de hero vloeit verfijnd naar wit. */
body.home main > .hero + .licht-2{
  background:
    radial-gradient(62% 46% at 84% 4%,rgba(201,162,74,.08) 0%,transparent 64%),
    linear-gradient(180deg,#B8C3D3 0%,#D9DFE8 16%,#EEF0F2 34%,#F7F4EF 58%,#FFFFFF 100%);
}
body.home main > .hero + .licht-2 .label{color:#7F6633}

/* Tweede homevlak blijft licht, maar niet meer volledig vlak. */
body.home main > section:nth-of-type(3){
  background:
    radial-gradient(58% 54% at 10% 12%,rgba(188,195,209,.20) 0%,transparent 64%),
    radial-gradient(44% 46% at 92% 88%,rgba(201,162,74,.07) 0%,transparent 70%),
    linear-gradient(180deg,#FFFFFF 0%,#FAF9F7 54%,#F5F2ED 100%);
}

/* Algemene lichte pagina's: subtiele kleurzweem per divisie, nooit een hard kleurvlak. */
main > .licht{
  background:
    radial-gradient(58% 50% at 92% 8%,rgba(var(--accent-rgb),.075) 0%,transparent 68%),
    linear-gradient(180deg,#FFFFFF 0%,#FBFAF8 48%,#F6F3EE 100%);
}
main > .licht-2{
  background:
    radial-gradient(56% 52% at 8% 14%,rgba(188,195,209,.18) 0%,transparent 68%),
    radial-gradient(42% 44% at 94% 82%,rgba(var(--accent-rgb),.065) 0%,transparent 72%),
    linear-gradient(135deg,#F7F4EF 0%,#FFFFFF 52%,#F1F3F6 100%);
}

/* Subpagina's krijgen onder de hero dezelfde rustige blauwgrijze landing. */
.subhero__waas{
  background:
    radial-gradient(76% 60% at 88% 28%,rgba(var(--accent-rgb),.14) 0%,transparent 64%),
    linear-gradient(105deg,rgba(22,34,74,.96) 0%,rgba(22,34,74,.82) 44%,rgba(44,62,92,.55) 76%,rgba(89,108,143,.44) 100%),
    linear-gradient(180deg,rgba(16,26,56,.28) 0%,rgba(16,26,56,.10) 52%,rgba(91,109,143,.52) 100%);
}
.subhero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(54px,7vw,96px);z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(188,195,209,0) 0%,rgba(188,195,209,.28) 58%,rgba(221,226,234,.50) 100%);
}
.subhero__inner{z-index:2}
.subhero + .licht,
.subhero + .licht-2{
  background:
    radial-gradient(54% 46% at 84% 0%,rgba(var(--accent-rgb),.07) 0%,transparent 68%),
    linear-gradient(180deg,#DDE2EA 0%,#EEF1F4 15%,#F8F7F4 38%,#FFFFFF 100%);
}

/* Donkere secties krijgen meer diepte en een nauwelijks zichtbare accentgloed. */
.donker{
  background:
    radial-gradient(66% 90% at 86% 16%,rgba(var(--accent-rgb),.11) 0%,transparent 62%),
    linear-gradient(135deg,#263854 0%,#1E2B53 42%,#16224A 72%,#101A38 100%);
}

/* CTA en footer lopen logisch door in het donkerste deel van het palet. */
.oproep{
  background:
    radial-gradient(66% 100% at 78% 18%,rgba(var(--accent-rgb),.15) 0%,transparent 60%),
    linear-gradient(135deg,#1E2B53 0%,#16224A 46%,#101A38 100%);
}
footer{
  background:
    radial-gradient(70% 120% at 12% 0%,rgba(109,158,196,.08) 0%,transparent 62%),
    linear-gradient(180deg,#101A38 0%,#0D1530 100%);
}

/* Lichte kaarten blijven rustig wit, zodat het verloop eromheen verfijnd zichtbaar blijft. */
.licht .kolom,.licht-2 .kolom,
.verder a{
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
.sector{background:rgba(247,245,241,.78)}
.sector:hover{background:rgba(255,255,255,.94)}

@media(max-width:760px){
  body.home main > .hero + .licht-2{
    background:linear-gradient(180deg,#C7D0DD 0%,#E4E8EE 18%,#F7F4EF 48%,#FFFFFF 100%);
  }
  .hero::after,.subhero::after{height:58px}
}


/* ============================================================
   Definitieve verfijning - v1.2
   Huisstijl exact afgestemd op #C9A24A / #2C3E5C / #F7F4EF /
   #BCC3D1 / #B7C9B5 / #D9D2C7 en Montserrat.
   ============================================================ */
:root{
  --beige:#D9D2C7;
  --blauwgrijs:#BCC3D1;
  --groen:#B7C9B5;
}
body{font-weight:300;background:#F7F4EF}
h1,h2,h3,h4{font-weight:300}
.hdr__nav a{font-weight:400;letter-spacing:.105em}
.hdr.vast{background:rgba(247,244,239,.84)}
.hdr__logo{width:clamp(165px,18vw,220px)}

/* Hero: de aangeleverde foto blijft helder aan de rechterzijde, terwijl
   de tekst links voldoende contrast houdt. */
.hero__foto{filter:saturate(102%) contrast(103%) brightness(1.01)}
.hero__waas{
  background:
    radial-gradient(72% 62% at 85% 48%,rgba(255,255,255,.06) 0%,transparent 62%),
    linear-gradient(100deg,rgba(27,38,71,.92) 0%,rgba(44,62,92,.78) 39%,rgba(44,62,92,.42) 68%,rgba(44,62,92,.12) 100%),
    linear-gradient(180deg,rgba(27,38,71,.18) 0%,rgba(44,62,92,.08) 46%,rgba(44,62,92,.54) 100%);
}
.hero h1{letter-spacing:.03em}
.hero__inner > p:last-of-type{max-width:52ch}
.hero__acties{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero__acties .knop{margin-top:0;color:#fff;border-color:rgba(255,255,255,.40);background:rgba(255,255,255,.04)}
.hero__acties .knop:hover{background:#fff;color:var(--navy);border-color:#fff}
.hero__acties .knop--goud{background:var(--goud);border-color:var(--goud);color:#fff}
.hero__acties .knop--goud:hover{background:transparent;color:#fff;border-color:var(--goud)}
#expertise{scroll-margin-top:90px}

/* Lange home-overgang: iets zachter en minder grijs dan v1.1. */
body.home main > .hero + .licht-2{
  background:
    radial-gradient(62% 48% at 82% 3%,rgba(201,162,74,.07) 0%,transparent 66%),
    linear-gradient(180deg,#BCC3D1 0%,#D7DCE4 15%,#ECEFF2 31%,#F7F4EF 58%,#FFFFFF 100%);
}
body.home main > section:nth-of-type(3){
  background:
    radial-gradient(54% 50% at 8% 10%,rgba(188,195,209,.18) 0%,transparent 66%),
    radial-gradient(44% 48% at 92% 86%,rgba(201,162,74,.06) 0%,transparent 70%),
    linear-gradient(180deg,#FFFFFF 0%,#FBFAF8 56%,#F7F4EF 100%);
}

/* Advies & Inspectie krijgt groen alleen als subtiele lichtzweem. */
body.thema-advies main > .licht,
body.thema-advies main > .licht-2{
  background:
    radial-gradient(52% 48% at 88% 9%,rgba(183,201,181,.16) 0%,transparent 66%),
    linear-gradient(180deg,#FFFFFF 0%,#FAFBF9 54%,#F7F4EF 100%);
}
/* Techniek & Realisatie: ingetogen blauwgrijs. */
body.thema-techniek main > .licht,
body.thema-techniek main > .licht-2{
  background:
    radial-gradient(52% 48% at 88% 9%,rgba(188,195,209,.19) 0%,transparent 66%),
    linear-gradient(180deg,#FFFFFF 0%,#F8F9FB 54%,#F7F4EF 100%);
}

.donker{
  background:
    radial-gradient(62% 86% at 84% 14%,rgba(var(--accent-rgb),.10) 0%,transparent 62%),
    linear-gradient(135deg,#344865 0%,#2C3E5C 42%,#22314A 72%,#1B2647 100%);
}
.oproep{
  background:
    radial-gradient(64% 96% at 80% 16%,rgba(201,162,74,.12) 0%,transparent 62%),
    linear-gradient(135deg,#2C3E5C 0%,#22314A 50%,#1B2647 100%);
}
footer{
  background:
    radial-gradient(70% 120% at 14% 0%,rgba(188,195,209,.07) 0%,transparent 62%),
    linear-gradient(180deg,#1B2647 0%,#151E38 100%);
}

@media(max-width:760px){
  .hero{padding-top:132px;padding-bottom:116px}
  .hero__acties{gap:10px;margin-top:28px}
  .hero__acties .knop{width:100%;justify-content:center}
  body.home main > .hero + .licht-2{background:linear-gradient(180deg,#CBD2DD 0%,#E5E8ED 18%,#F7F4EF 48%,#FFFFFF 100%)}
}

/* Geüploade paginafoto's via WordPress > Pagina bewerken > Transiënt – Foto's. */
.foto--ingevuld{padding:0;background:#16224A}
.foto--ingevuld::before{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(16,26,56,0) 55%,rgba(16,26,56,.18) 100%)}
.foto--ingevuld > img{z-index:0}


/* ---------- luxe ronde muisaanwijzer ---------- */
@media (pointer:fine) and (min-width:881px){
  body.transient-cursor-active,
  body.transient-cursor-active a,
  body.transient-cursor-active button,
  body.transient-cursor-active [role="button"],
  body.transient-cursor-active input[type="submit"]{cursor:none !important}
  .transient-cursor{
    position:fixed;left:0;top:0;width:34px;height:34px;
    border:1px solid rgba(201,162,74,.82);border-radius:50%;
    pointer-events:none;z-index:999999;transform:translate(-50%,-50%);
    transition:width .24s ease,height .24s ease,border-color .24s ease,background .24s ease,opacity .18s ease;
    opacity:0;
  }
  .transient-cursor::after{
    content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;
    background:var(--goud);border-radius:50%;transform:translate(-50%,-50%);
    transition:transform .24s ease;
  }
  .transient-cursor.is-visible{opacity:1}
  .transient-cursor.is-hover{
    width:48px;height:48px;border-color:rgba(201,162,74,1);
    background:rgba(201,162,74,.08);
  }
  .transient-cursor.is-hover::after{transform:translate(-50%,-50%) scale(1.35)}
}
@media (pointer:coarse),(max-width:880px){.transient-cursor{display:none !important}}

/* ---------- homepage: vier sectorbeelden ---------- */
.sectorfoto-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:clamp(42px,5vw,68px);
  overflow:hidden;
}
.sectorfoto{
  position:relative;
  margin:0;
  aspect-ratio:3/2;
  overflow:hidden;
  background:var(--navy);
}
.sectorfoto img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.001);
  filter:saturate(.92) contrast(1.02);
  transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .75s ease;
}
.sectorfoto::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 48%,rgba(16,26,56,.58) 100%);
}
.sectorfoto figcaption{
  position:absolute;left:18px;right:18px;bottom:15px;z-index:2;
  color:#fff;font-family:var(--display);font-size:10.5px;font-weight:400;
  letter-spacing:.16em;text-transform:uppercase;line-height:1.4;
}
.sectorfoto figcaption span{display:inline-flex;align-items:center;gap:10px}
.sectorfoto figcaption span::before{content:"";width:18px;height:1px;background:var(--goud);flex:0 0 auto}
.sectorfoto:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.03)}
@media(max-width:900px){.sectorfoto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sectorfoto-grid{grid-template-columns:1fr;gap:10px}.sectorfoto{aspect-ratio:3/2}}

/* ---------- Werken bij: actuele vacatures ---------- */
.werken-hero__knoppen{margin-top:34px}
.werken-hero__knoppen .knop{margin-top:0}
.werken-hero__knoppen .knop:not(.knop--goud){color:var(--wit);border-color:rgba(255,255,255,.38)}
.werken-hero__knoppen .knop:not(.knop--goud):hover{background:var(--wit);color:var(--navy);border-color:var(--wit)}
.vacatures-sectie{scroll-margin-top:72px}
.vacaturekaarten{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;
  margin-top:clamp(42px,5vw,68px);
}
.vacaturekaart{
  min-height:340px;padding:34px 30px 28px;border:1px solid rgba(201,162,74,.8);border-radius:20px;
  display:flex;flex-direction:column;text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
  transition:transform .4s cubic-bezier(.2,.7,.2,1),background .4s ease,border-color .4s ease;
}
.vacaturekaart::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 0%,rgba(201,162,74,.08),transparent 72%);opacity:0;transition:opacity .4s}
.vacaturekaart:hover{transform:translateY(-5px);border-color:var(--goud);background:rgba(255,255,255,.025)}
.vacaturekaart:hover::before{opacity:1}
.vacaturekaart__kop,.vacaturekaart__meta,.vacaturekaart__link{position:relative;z-index:1}
.vacaturekaart h3{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:300;color:#fff;line-height:1.15}
.vacaturekaart__tag{margin-top:9px;color:var(--goud);font-style:italic;font-size:14px;line-height:1.5}
.vacaturekaart__meta{margin:20px auto 0;color:rgba(255,255,255,.86);font-size:13.5px;line-height:1.75;max-width:34ch}
.vacaturekaart__meta span{color:rgba(201,162,74,.7);padding:0 2px}
.vacaturekaart__link{
  margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);
  color:var(--goud);font-family:var(--display);font-size:14px;letter-spacing:.08em;
  display:flex;align-items:center;justify-content:center;gap:10px;transition:color .3s;
}
.vacaturekaart__link span{
  width:26px;height:26px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;
  color:#fff;font-size:14px;transition:background .3s,border-color .3s,transform .3s;
}
.vacaturekaart__link:hover{color:#fff}
.vacaturekaart__link:hover span{background:var(--goud);border-color:var(--goud);transform:translateX(3px)}
.vacature-detail{scroll-margin-top:72px}
.vacature-detail__intro{max-width:840px}
.vacature-detail__intro > p:last-child{margin-top:24px;color:var(--inkt-zacht);max-width:70ch}
.vacature-detail__tag{margin-top:18px;color:var(--goud-diep);font-style:italic;font-size:17px}
.vacature-detail__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--lijn-licht);border:1px solid var(--lijn-licht);margin-top:clamp(42px,5vw,64px)}
.vacature-blok{background:rgba(255,255,255,.75);padding:clamp(26px,3vw,38px)}
.vacature-blok--accent{background:linear-gradient(145deg,rgba(188,195,209,.22),rgba(247,244,239,.92))}
.vacature-blok h3{font-size:1.05rem;font-weight:400;color:var(--navy);margin-bottom:18px}
.vacature-blok h3::after{content:"";display:block;width:30px;height:1px;background:var(--goud);margin-top:12px}
.vacature-blok ul{margin:0;padding:0;list-style:none}
.vacature-blok li{position:relative;padding-left:18px;margin:0 0 12px;color:var(--inkt-zacht);font-size:14.5px;line-height:1.65}
.vacature-blok li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;background:var(--goud);transform:rotate(45deg)}
@media(max-width:980px){.vacaturekaarten{grid-template-columns:1fr 1fr}.vacaturekaart:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%;justify-self:center}.vacature-detail__grid{grid-template-columns:1fr}}
@media(max-width:680px){.vacaturekaarten{grid-template-columns:1fr}.vacaturekaart:last-child{grid-column:auto;max-width:none}.vacaturekaart{min-height:300px}.werken-hero__knoppen{display:grid}.werken-hero__knoppen .knop{width:100%;justify-content:center}.vacaturekaart__meta span{display:none}.vacaturekaart__meta{max-width:24ch}}

/* ---------- Werken bij: kleiner melkachtig beeldvlak ---------- */
.werkenbij-foto-melk{
  max-width:820px;
  margin:clamp(30px,4vw,46px) auto 0;
}
.werkenbij-foto-melk .foto--breed{
  min-height:0;
  height:clamp(250px,28vw,350px);
  margin-top:0;
  background:rgba(247,244,239,.72);
}
.werkenbij-foto-melk .foto--ingevuld > img{
  object-fit:cover;
  filter:saturate(.68) contrast(.90) brightness(1.10);
  opacity:.82;
}
.werkenbij-foto-melk .foto--ingevuld::before{
  z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(247,244,239,.18));
}
.werkenbij-foto-melk .foto--ingevuld::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:rgba(255,255,255,.10);
}
@media(max-width:700px){
  .werkenbij-foto-melk{max-width:100%;}
  .werkenbij-foto-melk .foto--breed{height:240px;}
}


/* ---------- Over Transiënt: specialistisch teambeeld ---------- */
.over-teamfoto{
  position:relative;
  width:min(100%,1120px);
  aspect-ratio:16/7;
  margin:clamp(38px,5vw,64px) auto 0;
  overflow:hidden;
  background:#e9edf2;
}
.over-teamfoto img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%;
  filter:saturate(.82) contrast(.94) brightness(1.03);
}
.over-teamfoto::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(247,244,239,.42),rgba(255,255,255,.22) 42%,rgba(188,195,209,.18));
  backdrop-filter:blur(.25px);
}
@media(max-width:760px){
  .over-teamfoto{aspect-ratio:4/3;width:100%}
}


/* ---------- v1.2.9 Headerlogo: sterker zichtbaar op alle pagina's ---------- */
.hdr__logo{
  width:clamp(195px,19vw,240px);
  flex:0 0 auto;
  transition:width .38s ease,opacity .38s ease;
}
.hdr.vast .hdr__logo{
  width:clamp(180px,17vw,205px);
}
@media (max-width:1080px){
  .hdr__logo{width:205px}
  .hdr.vast .hdr__logo{width:188px}
}
@media (max-width:880px){
  .hdr__logo{width:190px}
  .hdr.vast .hdr__logo{width:175px}
}
@media (max-width:560px){
  .hdr__logo{width:160px}
  .hdr.vast .hdr__logo{width:150px}
  .hdr{padding-left:20px;padding-right:20px}
}


/* ---------- Contactpagina v1.3.0 ---------- */
.route-titel{font-size:clamp(1.65rem,3vw,2.55rem);max-width:none;margin-bottom:clamp(30px,4vw,48px)}
.google-map-shell{
  position:relative;overflow:hidden;min-height:clamp(320px,38vw,500px);
  border:1px solid var(--lijn-licht);background:#dfe5ec;isolation:isolate;
}
.google-map-shell__backdrop{
  position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(115deg,rgba(16,26,56,.92) 0%,rgba(27,49,85,.78) 45%,rgba(188,195,209,.42) 100%),
    radial-gradient(circle at 78% 28%,rgba(201,162,74,.24),transparent 26%),
    linear-gradient(25deg,#dfe6ed 0 1px,transparent 1px 38px),
    linear-gradient(115deg,#dfe6ed 0 1px,transparent 1px 42px),
    #c9d1dc;
  background-size:auto,auto,38px 38px,42px 42px,auto;
}
.google-map-shell__backdrop::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.12);backdrop-filter:blur(2px)}
.google-map-shell__content{display:flex;flex-direction:column;justify-content:flex-end;min-height:inherit;padding:clamp(30px,5vw,64px);max-width:760px;color:#fff}
.google-map-shell__eyebrow{font-family:var(--display);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--goud);margin-bottom:14px}
.google-map-shell h3{font-family:var(--display);font-weight:300;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15;margin-bottom:12px;color:#fff}
.google-map-shell__content > p:not(.google-map-shell__eyebrow){color:rgba(255,255,255,.78);font-size:15.5px}
.google-map-shell__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.google-map-shell__actions .knop{margin-top:0}
.google-map-shell small{display:block;margin-top:18px;color:rgba(255,255,255,.55);font-size:12px}
.google-map-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;background:#fff}
@media(max-width:680px){.google-map-shell__actions{display:grid}.google-map-shell__actions .knop{width:100%;justify-content:center}}

/* ---------- v1.3.1 Logo groter + homepage typografie verfijnd ---------- */
/* Meer merkgewicht in de header, zonder de header zelf onnodig hoog te maken. */
.hdr__logo{
  width:clamp(225px,20vw,275px);
}
.hdr.vast .hdr__logo{
  width:clamp(200px,18vw,230px);
}

/* De homepage-titel wordt rustiger en meer in verhouding met het headerlogo. */
.home .hero__inner{max-width:920px}
.home .hero h1{
  font-size:clamp(3rem,6.6vw,5.9rem);
  line-height:1.01;
  letter-spacing:.035em;
}
.home .hero .cycle{
  height:1.18em;
  margin-top:.12em;
}
.home .hero .cycle span{
  font-size:clamp(1.35rem,2.7vw,2.35rem);
  letter-spacing:.14em;
}

@media (max-width:1080px){
  .hdr__logo{width:230px}
  .hdr.vast .hdr__logo{width:210px}
  .home .hero h1{font-size:clamp(2.9rem,7.5vw,5.2rem)}
}
@media (max-width:880px){
  .hdr__logo{width:210px}
  .hdr.vast .hdr__logo{width:190px}
  .home .hero h1{font-size:clamp(2.7rem,10vw,4.6rem)}
  .home .hero .cycle span{font-size:clamp(1.2rem,4.6vw,2rem)}
}
@media (max-width:560px){
  .hdr__logo{width:175px}
  .hdr.vast .hdr__logo{width:160px}
  .home .hero h1{font-size:clamp(2.4rem,14vw,3.6rem)}
  .home .hero .cycle span{font-size:clamp(1.05rem,5.8vw,1.55rem);letter-spacing:.10em}
}


/* Footer v1.3.6 — certificering en lidmaatschap los van elkaar */
.voetkolom .positie--lid{margin-top:5px}

.foto--melk::before{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(247,244,239,.24) 0%,rgba(247,244,239,.14) 36%,rgba(22,34,74,.20) 100%);mix-blend-mode:screen}
.foto--melk > img{filter:saturate(.88) contrast(.95) brightness(1.03)}


/* v1.3.8 — advies & inspectie beeld rustiger en footerverloop verfijnd */
.foto--smal{
  max-width:min(88%,1320px);
  margin:clamp(34px,4.6vw,60px) auto 0;
  min-height:clamp(220px,27vw,390px);
}
.foto--smal > img{object-position:center center}
@media(max-width:900px){
  .foto--smal{max-width:100%;min-height:clamp(200px,42vw,320px)}
}

footer{
  position:relative;
  background:
    linear-gradient(180deg,#223454 0%,#20304C 28%,#1D2B45 62%,#18223A 100%);
}
footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:72px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(188,195,209,.05) 0%,rgba(188,195,209,0) 100%);
}


/* v1.4.4 — juridische footerlinks */
.voet__juridisch{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  column-gap:14px;
  row-gap:10px;
}
.voet__juridisch span{
  color:rgba(244,242,237,.42);
  font-size:13px;
}
@media(max-width:760px){
  .voet__juridisch{column-gap:10px;row-gap:12px}
  .voet__juridisch span{display:none}
  .voet__juridisch a{width:100%}
}

/* v1.4.5 — risicoanalyse portefeuillebeeld */
.foto--risico > img{object-position:center 48%;}
.foto--risico::before{background:linear-gradient(180deg,rgba(247,244,239,.30) 0%,rgba(247,244,239,.18) 45%,rgba(22,34,74,.14) 100%);mix-blend-mode:screen;}


/* v1.4.8 Bliksembeveiliging hoofdpagina */
.bliksem-functies{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
.bliksem-functies .kolom{min-height:245px}
.bliksem-naschrift{max-width:920px;margin-top:34px}
.foto--bliksem{max-width:min(100%,1380px);min-height:clamp(300px,39vw,520px);margin-left:auto;margin-right:auto}
.foto--bliksem > img{object-position:center 47%}
@media(max-width:900px){
  .bliksem-functies .kolom{min-height:auto}
  .foto--bliksem{min-height:clamp(235px,54vw,390px)}
}


/* v1.5.1 — Bliksembeveiliging: evenwichtige functiekolommen + merkvlak */
.bliksem-functies{
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
}
.bliksem-functies .kolom{
  min-width:0;
  min-height:285px;
  padding:clamp(28px,2.5vw,36px) clamp(26px,2.35vw,34px);
}
.bliksem-functies .kolom h3{
  min-height:3.45em;
  margin-bottom:12px;
  font-size:clamp(.88rem,1.02vw,.98rem);
  line-height:1.45;
  letter-spacing:.045em;
  overflow-wrap:normal;
  word-break:normal;
}
.bliksem-functies .kolom p{
  line-height:1.62;
}

/* Het zevende grid-element vult bewust de twee resterende vakken. */
.sectoren .sector--brand{
  grid-column:span 2;
  min-height:250px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#f1f0ed 0%,#e8e9ec 100%);
}
.sectoren .sector--brand::before{
  display:none;
}
.sectoren .sector--brand::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 42%,rgba(201,162,74,.08),transparent 58%);
  pointer-events:none;
}
.sectoren .sector--brand img{
  position:relative;
  z-index:1;
  width:clamp(100px,12vw,165px);
  height:auto;
  opacity:.28;
  filter:saturate(.9);
}

@media(max-width:1180px){
  .bliksem-functies{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bliksem-functies .kolom h3{min-height:3.2em}
  .sectoren .sector--brand{grid-column:span 1}
}
@media(max-width:760px){
  .bliksem-functies{grid-template-columns:1fr}
  .bliksem-functies .kolom{min-height:auto}
  .bliksem-functies .kolom h3{min-height:0;font-size:1rem}
  .sectoren .sector--brand{grid-column:1;min-height:190px}
  .sectoren .sector--brand img{width:105px}
}


/* v1.5.2 — Bliksembeveiliging: bredere vijfkolomsweergave op desktop */
.wrap--bliksem-functies{
  max-width:min(1420px,calc(100vw - 64px));
}
.wrap--bliksem-functies .bliksem-functies{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.wrap--bliksem-functies .bliksem-functies .kolom{
  padding:30px 22px 32px;
  min-height:300px;
}
.wrap--bliksem-functies .bliksem-functies .kolom h3{
  min-height:0;
  white-space:nowrap;
  font-size:clamp(.84rem,.92vw,.96rem);
  line-height:1.35;
  letter-spacing:.025em;
  margin-bottom:20px;
}
.wrap--bliksem-functies .bliksem-functies .kolom p{
  font-size:clamp(.86rem,.9vw,.95rem);
  line-height:1.62;
}
@media(max-width:1240px){
  .wrap--bliksem-functies{max-width:calc(100vw - 44px)}
  .wrap--bliksem-functies .bliksem-functies .kolom{padding-left:18px;padding-right:18px}
  .wrap--bliksem-functies .bliksem-functies .kolom h3{font-size:.83rem}
}
@media(max-width:1080px){
  .wrap--bliksem-functies{max-width:1180px}
  .wrap--bliksem-functies .bliksem-functies{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wrap--bliksem-functies .bliksem-functies .kolom{min-height:auto;padding:28px 26px}
  .wrap--bliksem-functies .bliksem-functies .kolom h3{white-space:normal;font-size:.96rem}
}
@media(max-width:760px){
  .wrap--bliksem-functies{max-width:1180px}
  .wrap--bliksem-functies .bliksem-functies{grid-template-columns:1fr}
  .wrap--bliksem-functies .bliksem-functies .kolom h3{white-space:normal}
}


/* v1.5.3 — aarding: terminologie en witruimte */
.tekst--na-rijen{
  margin-top:clamp(34px,4vw,54px);
  padding-top:clamp(4px,1vw,10px);
}
@media(max-width:880px){
  .tekst--na-rijen{margin-top:30px;padding-top:2px}
}


/* v1.5.4 — Overspanningsbeveiliging: witruimte na type-kolommen */
.tekst--na-kolommen{margin-top:clamp(34px,4.5vw,56px)}
@media(max-width:700px){.tekst--na-kolommen{margin-top:30px}}

/* v1.5.6 — Aarding: nieuw gebouwbeeld met verfijnde melkachtige overlay */
.foto--aarding{
  max-width:min(88%,1320px);
  min-height:clamp(240px,28vw,410px);
  background:#f7f4ef;
}
.foto--aarding > img{
  object-position:center 52%;
  filter:saturate(.78) contrast(.93) brightness(1.07);
}
.foto--aarding::before{
  background:linear-gradient(180deg,rgba(247,244,239,.34) 0%,rgba(247,244,239,.22) 44%,rgba(22,34,74,.12) 100%);
  mix-blend-mode:screen;
}
@media(max-width:900px){
  .foto--aarding{max-width:100%;min-height:clamp(220px,48vw,340px)}
}


/* ============================================================
   v1.5.7 — ALLEEN homepage header/hero
   De volledige homepage-inhoud onder de hero en alle subpagina's blijven
   exact volgens v1.5.6. Deze regels zijn uitsluitend onder body.home actief.
   ============================================================ */

/* Compacte gecentreerde glasnavigatie op de homepage. */
.home .hdr--home{
  inset:16px auto auto 50%;
  width:min(780px,calc(100% - 120px));
  min-height:46px;
  padding:0 20px;
  transform:translateX(-50%);
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:linear-gradient(90deg,rgba(14,33,61,.40),rgba(51,84,121,.26) 56%,rgba(162,190,214,.12));
  box-shadow:0 8px 26px rgba(8,24,47,.12),inset 0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.admin-bar.home .hdr--home{top:48px}
.home .hdr--home.vast{
  padding:0 18px;
  background:linear-gradient(90deg,rgba(14,33,61,.82),rgba(43,74,109,.74) 58%,rgba(70,102,135,.60));
  border-color:rgba(255,255,255,.20);
  box-shadow:0 12px 34px rgba(5,18,36,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.home .hdr__nav--home{
  width:100%;
  justify-content:center;
  gap:clamp(22px,3vw,46px);
}
.home .hdr__nav--home .nav__item{display:flex;align-items:center;justify-content:center}
.home .hdr__nav--home a,
.home .hdr--home.vast .hdr__nav--home a{
  min-width:172px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:10px 8px;
  border-radius:999px;
  color:rgba(255,255,255,.84);
  font-size:10px;
  font-weight:500;
  letter-spacing:.08em;
  text-align:center;
  transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,text-shadow .28s ease,transform .18s ease;
}
.home .hdr__nav--home a::after{display:none}
.home .hdr__nav--home a:hover,
.home .hdr__nav--home a:focus-visible,
.home .hdr__nav--home a:active{
  color:#f3d88e !important;
  background:rgba(201,162,74,.10);
  box-shadow:0 0 0 1px rgba(201,162,74,.16),0 0 24px rgba(201,162,74,.12);
  text-shadow:0 0 18px rgba(201,162,74,.18);
}
.home .hdr__nav--home .nav__item--werken a{
  min-width:auto;
  padding:9px 17px;
  border:1px solid rgba(201,162,74,.52);
  background:linear-gradient(180deg,rgba(201,162,74,.18),rgba(201,162,74,.08));
  color:#fff !important;
}
.home .hdr__nav--home .nav__item--werken a:hover,
.home .hdr__nav--home .nav__item--werken a:focus-visible,
.home .hdr__nav--home .nav__item--werken a:active{
  border-color:rgba(226,190,108,.92);
  background:linear-gradient(180deg,rgba(201,162,74,.34),rgba(201,162,74,.16));
  color:#ffe7aa !important;
  box-shadow:0 0 0 1px rgba(201,162,74,.18),0 0 25px rgba(201,162,74,.22);
}

/* Alleen de bestaande v1.5.6 hero wordt visueel vervangen. */
.home .hero--montfort{
  min-height:100svh;
  padding:0;
  display:block;
  background:#10203a;
  isolation:isolate;
}
.home .hero--montfort .hero__foto{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 50%;
  transform:scale(1.012);
  filter:brightness(.66) saturate(.90) contrast(1.05);
  z-index:-3;
}
.home .hero__waas--montfort{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(10,24,46,.56) 0%,rgba(17,39,70,.28) 26%,rgba(20,48,83,.14) 54%,rgba(8,24,48,.38) 100%),
    linear-gradient(90deg,rgba(10,25,48,.42) 0%,rgba(21,50,86,.15) 33%,rgba(100,144,190,.06) 56%,rgba(14,33,62,.42) 100%);
}
.home .home-hero-atmosphere{
  position:absolute;
  inset:-5%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 55% 23%,rgba(143,188,229,.16),transparent 24%),
    radial-gradient(circle at 72% 32%,rgba(78,127,177,.12),transparent 29%),
    linear-gradient(110deg,rgba(20,50,88,.06),rgba(8,24,46,.22));
  animation:homeSkyDrift 24s ease-in-out infinite alternate;
}
.home .home-hero-center{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:72px 24px 105px;
  text-align:center;
  color:#fff;
}
.home .home-hero-mark{
  width:clamp(62px,4.5vw,86px);
  height:auto;
  margin:0 0 21px;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.18));
}
.home .hero--montfort .home-hero-title{
  margin:0;
  color:rgba(255,255,255,.96);
  font-size:clamp(40px,4.7vw,76px);
  line-height:1.04;
  font-weight:300;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 18px rgba(0,0,0,.14);
}
.home .home-hero-rule{
  width:72px;
  height:1px;
  margin:28px 0 18px;
  background:var(--goud);
}
.home .hero--montfort .home-hero-cycle{
  display:grid;
  place-items:center;
  width:min(560px,86vw);
  height:38px;
  margin:0;
  overflow:hidden;
}
.home .hero--montfort .home-hero-cycle span{
  grid-area:1/1;
  position:static;
  left:auto;
  top:auto;
  white-space:nowrap;
  color:rgba(255,255,255,.88);
  font-size:clamp(12px,1vw,17px);
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(10px);
}
.home .hero--montfort .home-hero-cycle span.aan{
  opacity:1;
  transform:none;
  transition:opacity .8s ease,transform .8s ease;
}
.home .hero--montfort .home-hero-cycle span.uit{
  opacity:0;
  transform:translateY(-10px);
  transition:opacity .55s ease,transform .55s ease;
}

.home .home-scroll{
  position:absolute;
  left:clamp(28px,4.8vw,96px);
  bottom:clamp(78px,12vh,122px);
  z-index:3;
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.82);
  font-size:9px;
  font-weight:500;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.home .home-scroll i{
  width:1px;
  height:62px;
  background:rgba(201,162,74,.72);
  position:relative;
}
.home .home-scroll i::after{
  content:"";
  position:absolute;
  left:-3px;
  bottom:0;
  width:7px;
  height:7px;
  border-right:1px solid var(--goud);
  border-bottom:1px solid var(--goud);
  transform:rotate(45deg);
}
.home .home-orbit{
  position:absolute;
  right:clamp(30px,7vw,120px);
  bottom:clamp(78px,12vh,122px);
  z-index:3;
  width:58px;
  height:58px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--goud);
  font-size:25px;
  font-family:Georgia,serif;
  background:rgba(255,255,255,.02);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  animation:homeOrbitWave 8.5s ease-in-out infinite;
  will-change:transform;
}
.home .home-orbit span{display:block;animation:homeOrbitGlyph 6.2s ease-in-out infinite}
.home .home-orbit:hover,.home .home-orbit:focus-visible{
  animation-play-state:paused;
  border-color:rgba(201,162,74,.72);
  background:rgba(201,162,74,.10);
  box-shadow:0 0 22px rgba(201,162,74,.16);
}

@keyframes homeSkyDrift{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.88}
  50%{transform:translate3d(-1%,.8%,0) scale(1.02);opacity:1}
  100%{transform:translate3d(1.2%,-.8%,0) scale(1.035);opacity:.90}
}
@keyframes homeOrbitWave{
  0%,100%{transform:translate3d(0,0,0)}
  25%{transform:translate3d(4px,-6px,0)}
  50%{transform:translate3d(8px,0,0)}
  75%{transform:translate3d(3px,6px,0)}
}
@keyframes homeOrbitGlyph{
  0%,100%{transform:translateX(0) rotate(0);opacity:.92}
  25%{transform:translateX(1px) rotate(3deg);opacity:1}
  50%{transform:translateX(-1px) rotate(0);opacity:.86}
  75%{transform:translateX(1px) rotate(-3deg);opacity:1}
}

@media(max-width:900px){
  .home .hdr--home{
    left:20px;
    right:20px;
    top:14px;
    width:auto;
    min-height:48px;
    transform:none;
    justify-content:flex-end;
    padding:0 14px;
    background:rgba(14,33,61,.40);
  }
  .admin-bar.home .hdr--home{top:60px}
  .home .hdr--home .burger--home{display:block;z-index:70}
  .home .hdr__nav--home{
    position:fixed;
    inset:0;
    width:auto;
    background:rgba(16,26,56,.96);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    flex-direction:column;
    justify-content:center;
    gap:22px;
    transform:translateY(-100%);
  }
  .home .hdr__nav--home[data-open]{transform:none}
  .home .hdr__nav--home a,
  .home .hdr--home.vast .hdr__nav--home a{
    min-width:0;
    font-size:17px;
    letter-spacing:.13em;
    color:#fff;
    padding:12px 22px;
  }
  .home .hero--montfort .hero__foto{object-position:66% 50%;filter:brightness(.62) saturate(.92) contrast(1.06)}
  .home .home-hero-center{padding:84px 20px 105px}
  .home .home-hero-mark{width:58px;margin-bottom:18px}
  .home .hero--montfort .home-hero-title{font-size:clamp(32px,8vw,54px);letter-spacing:.12em}
  .home .home-hero-rule{width:58px;margin:24px 0 16px}
  .home .hero--montfort .home-hero-cycle{height:48px}
  .home .hero--montfort .home-hero-cycle span{font-size:clamp(11px,3.2vw,15px);letter-spacing:.12em;white-space:normal;line-height:1.45}
  .home .home-scroll{display:none}
  .home .home-orbit{right:22px;bottom:64px;width:50px;height:50px}
}
@media(max-width:560px){
  .home .hero--montfort .home-hero-title{white-space:normal;line-height:1.12}
}
@media(prefers-reduced-motion:reduce){
  .home .home-hero-atmosphere,.home .home-orbit,.home .home-orbit span{animation:none!important}
}


/* ============================================================
   v1.5.9 — VEILIGE HOMEPAGE-VERFIJNING
   Alleen vier expliciet gemarkeerde homepage-secties.
   Geen andere pagina's/selectoren worden geraakt.
   ============================================================ */

/* FOTO 1 — Normen en certificering: drie losse luxe kaarten */
body.home .home-normen .kolommen{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  background:transparent !important;
  border:0 !important;
  margin-top:clamp(46px,5.5vw,68px);
}
body.home .home-normen .kolom{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(44,62,92,.12);
  border-radius:10px;
  padding:clamp(28px,3vw,38px);
  box-shadow:0 14px 34px rgba(24,39,67,.055);
  overflow:hidden;
}
body.home .home-normen .kolom h3{
  margin-bottom:18px;
  line-height:1.35;
}
body.home .home-normen .kolom p{
  line-height:1.75;
}
body.home .home-normen .kolommen + .tekst{
  margin-top:clamp(36px,4.5vw,56px);
}
body.home .home-normen .kolommen + .tekst p{
  max-width:72ch;
}

/* FOTO 2 + 3 — Sectoren: meer ruimte en alle kaarten afgerond */
body.home .home-sectoren .sectoren{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  background:transparent !important;
  border:0 !important;
  margin-top:clamp(62px,7vw,92px);
}
body.home .home-sectoren .sector{
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(44,62,92,.11);
  border-radius:12px;
  padding:clamp(25px,2.6vw,34px);
  box-shadow:0 12px 30px rgba(24,39,67,.045);
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
}
body.home .home-sectoren .sector:hover{
  transform:translateY(-4px);
  background:#fff !important;
  border-color:rgba(201,162,74,.28);
  box-shadow:0 18px 38px rgba(24,39,67,.075);
}
body.home .home-sectoren .sectorfoto-grid{
  gap:16px;
  overflow:visible;
}
body.home .home-sectoren .sectorfoto{
  border-radius:12px;
  border:1px solid rgba(44,62,92,.10);
  box-shadow:0 12px 30px rgba(24,39,67,.055);
  overflow:hidden;
}

/* FOTO 4 — Werkwijze: rustige luxe tijdlijnkaarten */
body.home .home-werkwijze .stappen{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border-top:0 !important;
  margin-top:clamp(56px,6.5vw,82px);
}
body.home .home-werkwijze .stap{
  border:1px solid rgba(44,62,92,.11) !important;
  border-radius:12px;
  background:rgba(255,255,255,.92);
  padding:28px 28px 30px !important;
  box-shadow:0 12px 30px rgba(24,39,67,.045);
  min-height:210px;
  position:relative;
}
body.home .home-werkwijze .stap::before{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  width:42px;
  height:2px;
  transform:none;
  background:var(--goud);
  box-shadow:none;
}
body.home .home-werkwijze .stap b{
  margin-bottom:16px;
}
body.home .home-werkwijze .stap h3{
  font-size:1.14rem;
  line-height:1.34;
  margin-bottom:12px;
}
body.home .home-werkwijze .stap p{
  line-height:1.72;
}

/* FOTO 5 — Werken bij CTA: blauw met dunne gouden rand */
body.home .home-werkenbij .knop--goud{
  background:rgba(44,62,92,.96) !important;
  border:1px solid rgba(201,162,74,.88) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.home .home-werkenbij .knop--goud:hover,
body.home .home-werkenbij .knop--goud:focus-visible{
  background:rgba(53,73,108,.98) !important;
  border-color:#D6B05C !important;
  color:#fff !important;
}

/* Responsive */
@media(max-width:1050px){
  body.home .home-sectoren .sectoren{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:850px){
  body.home .home-normen .kolommen{grid-template-columns:1fr;}
  body.home .home-werkwijze .stappen{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  body.home .home-sectoren .sectoren{grid-template-columns:1fr;}
  body.home .home-werkwijze .stappen{grid-template-columns:1fr;}
}


/* ============================================================
   v1.6.0 — glasbalk verfijnd + oproep-CTA aangepast
   ============================================================ */

/* FOTO 1 — glasbalk: hoekjes verzachten / visueel verwijderen */
body.home .hdr--home{
  width:min(782px,calc(100% - 120px));
  border-radius:999px;
  overflow:hidden;
  border-color:rgba(255,255,255,.16);
  box-shadow:0 10px 28px rgba(8,24,47,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
body.home .hdr--home::before,
body.home .hdr--home::after{
  display:none !important;
}
body.home .hdr__nav--home{
  gap:clamp(20px,2.8vw,40px);
}
body.home .hdr__nav--home a{
  min-width:168px;
}
body.home .hdr__nav--home .nav__item--werken a{
  border-radius:999px;
}

/* FOTO 2 — oproep CTA zoals foto 3: donkerblauw met fijn goud randje */
body.home .oproep .knop--goud{
  background:rgba(44,62,92,.96) !important;
  border:1px solid rgba(201,162,74,.82) !important;
  color:#F7F4EF !important;
  box-shadow:none !important;
}
body.home .oproep .knop--goud:hover,
body.home .oproep .knop--goud:focus-visible{
  background:rgba(54,74,108,.98) !important;
  border-color:#D8B15A !important;
  color:#fff !important;
}
body.home .oproep .knop--goud svg{
  stroke:currentColor;
}


/* ============================================================
   v1.6.1 — Advies & Inspectie krijgt dezelfde hero-opbouw als homepage
   ============================================================ */

/* Bovenste glasnavigatie ook op de pagina Advies & Inspectie */
.hdr--advies-home{
  inset:16px auto auto 50%;
  width:min(780px,calc(100% - 120px));
  min-height:46px;
  padding:0 20px;
  transform:translateX(-50%);
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:linear-gradient(90deg,rgba(14,33,61,.40),rgba(51,84,121,.26) 56%,rgba(162,190,214,.12));
  box-shadow:0 8px 26px rgba(8,24,47,.12),inset 0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.admin-bar .hdr--advies-home{top:48px}
.hdr--advies-home.vast{
  padding:0 18px;
  background:linear-gradient(90deg,rgba(14,33,61,.82),rgba(43,74,109,.74) 58%,rgba(70,102,135,.60));
  border-color:rgba(255,255,255,.20);
  box-shadow:0 12px 34px rgba(5,18,36,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.hdr--advies-home .hdr__nav--home{
  width:100%;justify-content:center;gap:clamp(22px,3vw,46px);
}
.hdr--advies-home .hdr__nav--home .nav__item{display:flex;align-items:center;justify-content:center}
.hdr--advies-home .hdr__nav--home a,
.hdr--advies-home.vast .hdr__nav--home a{
  min-width:172px;display:inline-flex;justify-content:center;align-items:center;padding:10px 8px;border-radius:999px;
  color:rgba(255,255,255,.84);font-size:10px;font-weight:500;letter-spacing:.08em;text-align:center;
  transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,text-shadow .28s ease,transform .18s ease;
}
.hdr--advies-home .hdr__nav--home a::after{display:none}
.hdr--advies-home .hdr__nav--home a:hover,
.hdr--advies-home .hdr__nav--home a:focus-visible,
.hdr--advies-home .hdr__nav--home a:active{
  color:#f3d88e !important;background:rgba(201,162,74,.10);box-shadow:0 0 0 1px rgba(201,162,74,.16),0 0 24px rgba(201,162,74,.12);text-shadow:0 0 18px rgba(201,162,74,.18);
}
.hdr--advies-home .hdr__nav--home .nav__item--werken a{
  min-width:auto;padding:9px 17px;border:1px solid rgba(201,162,74,.52);background:linear-gradient(180deg,rgba(201,162,74,.18),rgba(201,162,74,.08));color:#fff !important;
}
.hdr--advies-home .hdr__nav--home .nav__item--werken a:hover,
.hdr--advies-home .hdr__nav--home .nav__item--werken a:focus-visible,
.hdr--advies-home .hdr__nav--home .nav__item--werken a:active{
  border-color:rgba(226,190,108,.92);background:linear-gradient(180deg,rgba(201,162,74,.34),rgba(201,162,74,.16));color:#ffe7aa !important;box-shadow:0 0 0 1px rgba(201,162,74,.18),0 0 25px rgba(201,162,74,.22);
}

/* Hero van Advies & Inspectie in home-stijl */
.page-hero--advies{
  min-height:100svh;
  padding:0;
  display:block;
  background:#10203a;
  isolation:isolate;
}
.page-hero--advies .hero__foto{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.012);filter:brightness(.66) saturate(.90) contrast(1.05);z-index:-3;
}
.page-hero--advies .hero__waas--montfort{
  position:absolute;inset:0;z-index:-2;
  background:linear-gradient(180deg,rgba(10,24,46,.56) 0%,rgba(17,39,70,.28) 26%,rgba(20,48,83,.14) 54%,rgba(8,24,48,.38) 100%),linear-gradient(90deg,rgba(10,25,48,.42) 0%,rgba(21,50,86,.15) 33%,rgba(100,144,190,.06) 56%,rgba(14,33,62,.42) 100%);
}
.page-hero--advies .home-hero-atmosphere{
  position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 55% 23%,rgba(143,188,229,.16),transparent 24%),radial-gradient(circle at 72% 32%,rgba(78,127,177,.12),transparent 29%),linear-gradient(110deg,rgba(20,50,88,.06),rgba(8,24,46,.22));animation:homeSkyDrift 24s ease-in-out infinite alternate;
}
.page-hero-center{
  position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px 105px;text-align:center;color:#fff;
}
.page-hero-title{white-space:normal;}
.page-hero-kicker{
  color:rgba(255,255,255,.88);font-size:clamp(12px,1vw,17px);font-weight:400;letter-spacing:.16em;text-transform:uppercase;
}
.page-hero-copy{
  width:min(720px,86vw);margin:18px 0 0;color:rgba(255,255,255,.84);font-size:clamp(15px,1.15vw,19px);line-height:1.65;
}

@media(max-width:900px){
  .hdr--advies-home{width:min(92vw,780px);padding:0 14px;}
  .page-hero-copy{font-size:15px;}
}
@media(max-width:720px){
  .page-hero-center{padding:90px 20px 108px;}
  .page-hero-title{font-size:clamp(34px,9vw,54px);letter-spacing:.14em;}
}


/* ============================================================
   v1.6.2 — Alle hoofdonderdelen krijgen de homepage-hero opbouw
   ============================================================ */
.hdr--section-home{
  inset:16px auto auto 50%;
  width:min(780px,calc(100% - 120px));
  min-height:46px;
  padding:0 20px;
  transform:translateX(-50%);
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:linear-gradient(90deg,rgba(14,33,61,.40),rgba(51,84,121,.26) 56%,rgba(162,190,214,.12));
  box-shadow:0 8px 26px rgba(8,24,47,.12),inset 0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.admin-bar .hdr--section-home{top:48px}
.hdr--section-home.vast{
  padding:0 18px;
  background:linear-gradient(90deg,rgba(14,33,61,.82),rgba(43,74,109,.74) 58%,rgba(70,102,135,.60));
  border-color:rgba(255,255,255,.20);
  box-shadow:0 12px 34px rgba(5,18,36,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.hdr--section-home .hdr__nav--home{width:100%;justify-content:center;gap:clamp(22px,3vw,46px);}
.hdr--section-home .hdr__nav--home .nav__item{display:flex;align-items:center;justify-content:center}
.hdr--section-home .hdr__nav--home a,
.hdr--section-home.vast .hdr__nav--home a{min-width:172px;display:inline-flex;justify-content:center;align-items:center;padding:10px 8px;border-radius:999px;color:rgba(255,255,255,.84);font-size:10px;font-weight:500;letter-spacing:.08em;text-align:center;transition:color .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,text-shadow .28s ease,transform .18s ease;}
.hdr--section-home .hdr__nav--home a::after{display:none}
.hdr--section-home .hdr__nav--home a:hover,.hdr--section-home .hdr__nav--home a:focus-visible,.hdr--section-home .hdr__nav--home a:active{color:#f3d88e !important;background:rgba(201,162,74,.10);box-shadow:0 0 0 1px rgba(201,162,74,.16),0 0 24px rgba(201,162,74,.12);text-shadow:0 0 18px rgba(201,162,74,.18);}
.hdr--section-home .hdr__nav--home .nav__item--werken a{min-width:auto;padding:9px 17px;border:1px solid rgba(201,162,74,.52);background:linear-gradient(180deg,rgba(201,162,74,.18),rgba(201,162,74,.08));color:#fff !important;}
.hdr--section-home .hdr__nav--home .nav__item--werken a:hover,.hdr--section-home .hdr__nav--home .nav__item--werken a:focus-visible,.hdr--section-home .hdr__nav--home .nav__item--werken a:active{border-color:rgba(226,190,108,.92);background:linear-gradient(180deg,rgba(201,162,74,.34),rgba(201,162,74,.16));color:#ffe7aa !important;box-shadow:0 0 0 1px rgba(201,162,74,.18),0 0 25px rgba(201,162,74,.22);}
.page-hero--section{min-height:100svh;padding:0;display:block;background:#10203a;isolation:isolate;}
.page-hero--section .hero__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.012);filter:brightness(.66) saturate(.90) contrast(1.05);z-index:-3;}
.page-hero--section .hero__waas--montfort{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(10,24,46,.56) 0%,rgba(17,39,70,.28) 26%,rgba(20,48,83,.14) 54%,rgba(8,24,48,.38) 100%),linear-gradient(90deg,rgba(10,25,48,.42) 0%,rgba(21,50,86,.15) 33%,rgba(100,144,190,.06) 56%,rgba(14,33,62,.42) 100%);}
.page-hero--section .home-hero-atmosphere{position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 55% 23%,rgba(143,188,229,.16),transparent 24%),radial-gradient(circle at 72% 32%,rgba(78,127,177,.12),transparent 29%),linear-gradient(110deg,rgba(20,50,88,.06),rgba(8,24,46,.22));animation:homeSkyDrift 24s ease-in-out infinite alternate;}
.page-hero-center{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 24px 105px;text-align:center;color:#fff;}
.page-hero-label{margin:0 0 10px;color:rgba(227,235,244,.82);font-size:clamp(10px,.8vw,12px);font-weight:500;letter-spacing:.30em;text-transform:uppercase;}
.page-hero-title{white-space:normal;}
.page-hero-kicker{color:rgba(255,255,255,.90);font-size:clamp(12px,1vw,17px);font-weight:400;letter-spacing:.12em;line-height:1.45;text-transform:uppercase;}
.page-hero-copy{width:min(760px,86vw);margin:18px 0 0;color:rgba(255,255,255,.84);font-size:clamp(15px,1.15vw,19px);line-height:1.68;}
.page-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:26px;}
.page-hero-actions .knop--goud{background:rgba(44,62,92,.96);border:1px solid rgba(201,162,74,.82);color:#fff;box-shadow:none;}
.page-hero-actions .knop--goud:hover,.page-hero-actions .knop--goud:focus-visible{background:rgba(53,73,108,.98);border-color:#D6B05C;color:#fff;}
.page-hero-actions .knop{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.25);color:#fff;}
.page-hero-actions .knop:hover,.page-hero-actions .knop:focus-visible{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.42);}
@media(max-width:900px){.hdr--section-home{width:min(92vw,780px);padding:0 14px;}.page-hero-copy{font-size:15px;}}
@media(max-width:720px){.page-hero-center{padding:96px 20px 108px;}.page-hero-title{font-size:clamp(34px,9vw,54px);letter-spacing:.14em;}.page-hero-actions{flex-direction:column;align-items:center;}}


/* ============================================================
   v1.6.4 — uniforme Montfort-achtige header + dropdowns
   ============================================================ */

/* Dezelfde compacte glasbalk op homepage én hoofd-/onderliggende pagina's. */
.hdr--unified{
  inset:16px auto auto 50% !important;
  width:min(782px,calc(100% - 120px)) !important;
  min-height:46px;
  padding:0 20px !important;
  transform:translateX(-50%) !important;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  overflow:visible !important;
  background:linear-gradient(90deg,rgba(14,33,61,.42),rgba(51,84,121,.28) 56%,rgba(162,190,214,.13));
  box-shadow:0 10px 28px rgba(8,24,47,.12),inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.hdr--unified::before,.hdr--unified::after{display:none !important}
.admin-bar .hdr--unified{top:48px !important}
.hdr--unified.vast{
  padding:0 18px !important;
  background:linear-gradient(90deg,rgba(14,33,61,.84),rgba(43,74,109,.76) 58%,rgba(70,102,135,.62));
  border-color:rgba(255,255,255,.20);
  box-shadow:0 12px 34px rgba(5,18,36,.18),inset 0 1px 0 rgba(255,255,255,.10);
}
.hdr--unified .hdr__nav--unified{
  width:100%;
  justify-content:center;
  gap:clamp(18px,2.6vw,38px);
  overflow:visible;
}
.hdr--unified .hdr__nav--unified > .nav__item{display:flex;align-items:center;justify-content:center}
.hdr--unified .hdr__nav--unified > .nav__item > a,
.hdr--unified.vast .hdr__nav--unified > .nav__item > a{
  min-width:170px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:10px 8px;
  border-radius:999px;
  color:rgba(255,255,255,.86);
  font-size:10px;
  font-weight:500;
  letter-spacing:.08em;
  text-align:center;
}
.hdr--unified .hdr__nav--unified > .nav__item > a::after{display:none}
.hdr--unified .hdr__nav--unified > .nav__item > a:hover,
.hdr--unified .hdr__nav--unified > .nav__item > a:focus-visible{
  color:#f4d995 !important;
  background:rgba(201,162,74,.08);
}
.hdr--unified .hdr__nav--unified .nav__item--werken > a{
  min-width:auto;
  padding:9px 17px;
  border:1px solid rgba(201,162,74,.58);
  background:linear-gradient(180deg,rgba(201,162,74,.18),rgba(201,162,74,.08));
  color:#fff !important;
}
.hdr--unified .hdr__nav--unified .nav__item--werken > a:hover,
.hdr--unified .hdr__nav--unified .nav__item--werken > a:focus-visible{
  color:#ffe6a8 !important;
  border-color:rgba(226,190,108,.92);
  background:linear-gradient(180deg,rgba(201,162,74,.30),rgba(201,162,74,.13));
  box-shadow:0 0 22px rgba(201,162,74,.14);
}

/* Onderliggende pagina's blijven bereikbaar vanuit de compacte balk. */
.hdr--unified .submenu--unified{
  top:calc(100% + 10px);
  left:50%;
  width:270px;
  min-width:270px;
  margin:0 0 0 -135px;
  padding:9px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:14px;
  background:rgba(15,32,59,.88);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 22px 54px rgba(8,20,40,.24),inset 0 1px 0 rgba(255,255,255,.06);
}
.hdr--unified .submenu--unified a,
.hdr--unified.vast .submenu--unified a{
  min-width:0 !important;
  width:100%;
  display:flex;
  justify-content:flex-start;
  padding:10px 13px;
  border-radius:9px;
  color:rgba(255,255,255,.78) !important;
  font-size:10.5px;
  line-height:1.35;
  letter-spacing:.11em;
}
.hdr--unified .submenu--unified a:hover,
.hdr--unified .submenu--unified a:focus-visible{
  color:#f6d98e !important;
  background:rgba(201,162,74,.09);
}

/* Subpagina hero: zelfde merkhiërarchie als homepage; geen reusachtige paginatitel. */
.page-hero--section .page-hero-center{
  padding:80px 24px 108px;
}
.page-hero--section .home-hero-mark{
  width:clamp(58px,4.3vw,82px);
  margin-bottom:18px;
}
.page-hero-brand-title{
  margin:0;
  color:rgba(255,255,255,.96);
  font-family:var(--display);
  font-size:clamp(38px,4.45vw,70px);
  line-height:1.05;
  font-weight:300;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 18px rgba(0,0,0,.14);
}
.page-hero--section .home-hero-rule{
  width:68px;
  margin:26px 0 16px;
}
.page-hero-section-title{
  margin:0;
  color:rgba(255,255,255,.90);
  font-family:var(--display);
  font-size:clamp(12px,1vw,16px);
  line-height:1.45;
  font-weight:500;
  letter-spacing:.17em;
  text-transform:uppercase;
  text-align:center;
}
.page-hero-tagline{
  width:min(700px,84vw);
  margin:15px auto 0;
  color:rgba(255,255,255,.72);
  font-size:clamp(14px,1vw,17px);
  line-height:1.6;
  text-align:center;
}

@media(max-width:900px){
  .hdr--unified{
    left:20px !important;
    right:20px !important;
    top:14px !important;
    width:auto !important;
    min-height:48px;
    transform:none !important;
    justify-content:flex-end;
    padding:0 14px !important;
    background:rgba(14,33,61,.46);
  }
  .admin-bar .hdr--unified{top:60px !important}
  .hdr--unified .burger--home{display:block;z-index:70}
  .hdr--unified .hdr__nav--unified{
    position:fixed;
    inset:0;
    width:auto;
    background:rgba(16,26,56,.97);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    flex-direction:column;
    justify-content:flex-start;
    gap:18px;
    padding:100px 24px 44px;
    overflow-y:auto;
    transform:translateY(-100%);
  }
  .hdr--unified .hdr__nav--unified[data-open]{transform:none}
  .hdr--unified .hdr__nav--unified > .nav__item > a,
  .hdr--unified.vast .hdr__nav--unified > .nav__item > a{
    min-width:0;
    font-size:16px;
    letter-spacing:.12em;
    color:#fff;
    padding:10px 18px;
  }
  .hdr--unified .submenu--unified{
    position:static;
    width:auto;
    min-width:0;
    margin:4px 0 0;
    padding:4px 0 0;
    opacity:1;
    visibility:visible;
    transform:none;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .hdr--unified .submenu--unified a,
  .hdr--unified.vast .submenu--unified a{
    justify-content:center;
    padding:7px 10px;
    color:rgba(255,255,255,.60) !important;
    font-size:12px;
  }
  .page-hero--section .page-hero-center{padding:94px 20px 108px}
  .page-hero-brand-title{font-size:clamp(31px,8vw,52px);letter-spacing:.12em;white-space:normal}
  .page-hero-section-title{font-size:12px;letter-spacing:.14em}
  .page-hero-tagline{font-size:14px}
}

@media(prefers-reduced-motion:reduce){
  .page-hero--section .home-hero-atmosphere,.page-hero--section .home-orbit,.page-hero--section .home-orbit span{animation:none!important}
}


/* ============================================================
   v1.6.5 — Verfijning Advies & Inspectie pagina
   ============================================================ */
.page-advies-inspectie .page-hero--section .page-hero-center{
  padding:94px 24px 108px;
}
.page-advies-inspectie .page-hero-brand-title{
  font-size:clamp(34px,4.05vw,60px);
  letter-spacing:.15em;
  font-weight:300;
  color:rgba(255,255,255,.95);
}
.page-advies-inspectie .page-hero--section .home-hero-mark{
  width:clamp(52px,3.7vw,72px);
  margin-bottom:14px;
}
.page-advies-inspectie .page-hero--section .home-hero-rule{
  width:56px;
  margin:18px 0 14px;
}
.page-advies-inspectie .page-hero-section-title{
  font-size:clamp(18px,1.6vw,28px) !important;
  line-height:1.25;
  font-weight:300;
  letter-spacing:.08em;
  text-transform:none;
  color:rgba(255,255,255,.94);
  text-shadow:0 1px 16px rgba(0,0,0,.10);
}
.page-advies-inspectie .page-hero-tagline{
  width:min(560px,82vw);
  margin-top:12px;
  color:rgba(255,255,255,.74);
  font-size:clamp(14px,.95vw,16px);
  line-height:1.7;
}

.page-advies-inspectie .foto--advies-radius{
  overflow:hidden;
  position:relative;
  isolation:isolate;
  border-radius:30px;
  border:none;
  box-shadow:0 18px 40px rgba(25,41,69,.045), 0 6px 18px rgba(25,41,69,.03);
}
.page-advies-inspectie .foto--advies-radius::before{
  border-radius:inherit;
}
.page-advies-inspectie .foto--advies-radius::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 24px rgba(255,255,255,.10);
}
.page-advies-inspectie .foto--advies-radius > img{
  border-radius:inherit;
}

.knop--salie{
  background:transparent;
  border-color:rgba(183,201,181,.95);
  color:var(--inkt);
  box-shadow:none;
}
.knop--salie:hover,
.knop--salie:focus-visible{
  background:rgba(183,201,181,.13);
  border-color:rgba(183,201,181,1);
  color:var(--inkt);
}
.page-advies-inspectie .sectie-werken-advies .knoppen{
  margin-top:34px;
}
.page-advies-inspectie .sectie-werken-advies .knop--salie{
  color:var(--inkt);
  background:transparent;
}
.page-advies-inspectie .sectie-werken-advies .knop--salie:hover,
.page-advies-inspectie .sectie-werken-advies .knop--salie:focus-visible{
  background:rgba(183,201,181,.14);
  color:var(--inkt);
}

.page-advies-inspectie .verder--advies{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  background:none;
  border:0;
}
.page-advies-inspectie .verder--advies a{
  min-height:94px;
  padding:28px 28px;
  border:1px solid rgba(44,62,92,.12);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 26px rgba(31,44,69,.04);
  color:var(--inkt-zacht);
}
.page-advies-inspectie .verder--advies a:hover,
.page-advies-inspectie .verder--advies a:focus-visible{
  transform:translateY(-2px);
  background:#fff;
  color:var(--navy);
  border-color:rgba(183,201,181,.8);
  box-shadow:0 16px 34px rgba(31,44,69,.08);
}

.page-advies-inspectie .oproep--advies .knop--salie{
  border-color:rgba(183,201,181,.82);
  color:#fff;
  background:transparent;
}
.page-advies-inspectie .oproep--advies .knop--salie:hover,
.page-advies-inspectie .oproep--advies .knop--salie:focus-visible{
  background:rgba(183,201,181,.12);
  border-color:rgba(183,201,181,.98);
  color:#fff;
}
.page-advies-inspectie .oproep--advies .knop:not(.knop--salie){
  border-color:rgba(255,255,255,.22);
}
.page-advies-inspectie .oproep--advies .knop:not(.knop--salie):hover,
.page-advies-inspectie .oproep--advies .knop:not(.knop--salie):focus-visible{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.32);
  color:#fff;
}

@media (max-width:900px){
  .page-advies-inspectie .page-hero-brand-title{font-size:clamp(30px,8vw,46px);letter-spacing:.12em;}
  .page-advies-inspectie .page-hero-section-title{font-size:clamp(17px,4.8vw,24px) !important;}
  .page-advies-inspectie .foto--advies-radius{border-radius:22px;}
  .page-advies-inspectie .verder--advies{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .page-advies-inspectie .verder--advies{grid-template-columns:1fr;}
  .page-advies-inspectie .sectie-werken-advies .knoppen,
  .page-advies-inspectie .oproep--advies .knoppen{display:grid;}
  .page-advies-inspectie .sectie-werken-advies .knoppen .knop,
  .page-advies-inspectie .oproep--advies .knoppen .knop{width:100%;justify-content:center;}
}


/* ============================================================
   v1.6.8 — zachte fotohoeken + uniforme subpage hero
   ============================================================ */

/* FOTO: hoeken en overgang naar achtergrond zachter, zonder harde lijn. */
.page-advies-inspectie .foto--advies-radius{
  border:none !important;
  border-radius:36px !important;
  overflow:hidden;
  box-shadow:0 22px 58px rgba(25,41,69,.045), 0 8px 22px rgba(25,41,69,.025) !important;
}
.page-advies-inspectie .foto--advies-radius::before{
  border-radius:inherit;
}
.page-advies-inspectie .foto--advies-radius::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    inset 0 0 22px rgba(247,244,239,.14),
    inset 0 0 0 1px rgba(255,255,255,.20);
  background:
    linear-gradient(90deg,rgba(247,244,239,.06),transparent 4%,transparent 96%,rgba(247,244,239,.06)),
    linear-gradient(180deg,rgba(247,244,239,.05),transparent 5%,transparent 95%,rgba(247,244,239,.05));
}
.page-advies-inspectie .foto--advies-radius > img{
  border-radius:inherit;
}

/* ADVIES & INSPECTIE: exact dezelfde hiërarchie als Techniek & Realisatie. */
.page-advies-inspectie .page-hero--section .page-hero-center{
  padding:80px 24px 108px;
}
.page-advies-inspectie .page-hero--section .home-hero-mark{
  width:clamp(58px,4.3vw,82px);
  margin-bottom:18px;
}
.page-advies-inspectie .page-hero-brand-title{
  margin:0;
  color:rgba(255,255,255,.96);
  font-family:var(--display);
  font-size:clamp(38px,4.45vw,70px);
  line-height:1.05;
  font-weight:300;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 18px rgba(0,0,0,.14);
}
.page-advies-inspectie .page-hero--section .home-hero-rule{
  display:block;
  width:68px;
  height:1px;
  margin:26px 0 16px;
  background:var(--goud);
}
.page-advies-inspectie .page-hero-section-title{
  margin:0;
  color:rgba(255,255,255,.90);
  font-family:var(--display);
  font-size:clamp(12px,1vw,16px) !important;
  line-height:1.45;
  font-weight:500;
  letter-spacing:.17em;
  text-transform:uppercase;
  text-align:center;
  text-shadow:none;
}
.page-advies-inspectie .page-hero-tagline{
  width:min(700px,84vw);
  margin:15px auto 0;
  color:rgba(255,255,255,.72);
  font-size:clamp(14px,1vw,17px);
  line-height:1.6;
  text-align:center;
}

@media(max-width:900px){
  .page-advies-inspectie .page-hero-brand-title{
    font-size:clamp(31px,8vw,52px);
    letter-spacing:.12em;
    white-space:normal;
  }
  .page-advies-inspectie .page-hero-section-title{
    font-size:12px !important;
    letter-spacing:.14em;
  }
  .page-advies-inspectie .page-hero-tagline{font-size:14px;}
  .page-advies-inspectie .foto--advies-radius{border-radius:28px !important;}
}


/* ============================================================
   v1.6.9 — uniforme divisietitel + Transiënt Groep terug naar home
   ============================================================ */
.page-hero-brand-link{
  display:inline-block;
  text-decoration:none;
  cursor:pointer;
  transition:color .25s ease,text-shadow .25s ease,opacity .25s ease;
}
.page-hero-brand-link:hover,
.page-hero-brand-link:focus-visible{
  color:#fff;
  text-shadow:0 0 18px rgba(201,162,74,.18);
  outline:none;
}

/* Advies & Inspectie exact gelijk aan Techniek & Realisatie */
.page-advies-inspectie .page-hero-section-title{
  margin:0 !important;
  color:rgba(255,255,255,.90) !important;
  font-family:var(--display) !important;
  font-size:clamp(12px,1vw,16px) !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  text-shadow:none !important;
}
@media(max-width:900px){
  .page-advies-inspectie .page-hero-section-title{
    font-size:12px !important;
    letter-spacing:.14em !important;
  }
}


/* v1.6.10 — fotohoek Advies & Inspectie verfijnd */
.page-advies-inspectie .foto--advies-radius{
  overflow:hidden;
  position:relative;
  isolation:isolate;
  border-radius:34px !important;
  -webkit-clip-path: inset(0 round 34px);
  clip-path: inset(0 round 34px);
  box-shadow:0 18px 40px rgba(25,41,69,.045), 0 6px 18px rgba(25,41,69,.03);
}
.page-advies-inspectie .foto--advies-radius::before,
.page-advies-inspectie .foto--advies-radius::after,
.page-advies-inspectie .foto--advies-radius > img{
  border-radius:34px !important;
}
.page-advies-inspectie .foto--advies-radius::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 22px rgba(255,255,255,.12);
}
@media (max-width:900px){
  .page-advies-inspectie .foto--advies-radius,
  .page-advies-inspectie .foto--advies-radius::before,
  .page-advies-inspectie .foto--advies-radius::after,
  .page-advies-inspectie .foto--advies-radius > img{
    border-radius:26px !important;
    -webkit-clip-path: inset(0 round 26px);
    clip-path: inset(0 round 26px);
  }
}


/* v1.6.11 — verfijning Risicoanalyse */
.page-risicoanalyse .page-hero-center{
  padding:94px 24px 108px;
}
.page-risicoanalyse .page-hero-brand-title{
  font-size:clamp(34px,4.05vw,60px);
  letter-spacing:.15em;
  font-weight:300;
  color:rgba(255,255,255,.95);
}
.page-risicoanalyse .page-hero--section .home-hero-mark{
  width:clamp(52px,3.7vw,72px);
  margin-bottom:14px;
}
.page-risicoanalyse .page-hero--section .home-hero-rule{
  display:block;
  width:72px;
  height:1px;
  margin:28px 0 18px;
  background:var(--goud);
}
.page-risicoanalyse .page-hero-section-title{
  font-size:clamp(18px,1.6vw,28px) !important;
  line-height:1.25;
  font-weight:300;
  letter-spacing:.08em;
  text-transform:none;
  color:rgba(255,255,255,.94);
  text-shadow:0 1px 16px rgba(0,0,0,.10);
}
.page-risicoanalyse .page-hero-tagline{
  width:min(560px,82vw);
  margin-top:12px;
  color:rgba(255,255,255,.74);
  font-size:clamp(14px,.95vw,16px);
  line-height:1.7;
}

.page-risicoanalyse .foto--risico-radius{
  overflow:hidden;
  position:relative;
  isolation:isolate;
  border-radius:30px;
  -webkit-clip-path: inset(0 round 30px);
  clip-path: inset(0 round 30px);
  box-shadow:0 18px 40px rgba(25,41,69,.045), 0 6px 18px rgba(25,41,69,.03);
}
.page-risicoanalyse .foto--risico-radius::before,
.page-risicoanalyse .foto--risico-radius::after,
.page-risicoanalyse .foto--risico-radius > img{
  border-radius:30px;
}
.page-risicoanalyse .foto--risico-radius::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 22px rgba(255,255,255,.12);
}

.page-risicoanalyse .verder--risico{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  background:none;
  border:0;
}
.page-risicoanalyse .verder--risico a{
  min-height:94px;
  padding:28px 28px;
  border:1px solid rgba(44,62,92,.12);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 26px rgba(31,44,69,.04);
  color:var(--inkt-zacht);
}
.page-risicoanalyse .verder--risico a:hover,
.page-risicoanalyse .verder--risico a:focus-visible{
  transform:translateY(-2px);
  background:#fff;
  color:var(--navy);
  border-color:rgba(183,201,181,.8);
  box-shadow:0 16px 34px rgba(31,44,69,.08);
}

@media (max-width:900px){
  .page-risicoanalyse .page-hero-brand-title{font-size:clamp(30px,8vw,46px);letter-spacing:.12em;}
  .page-risicoanalyse .page-hero-section-title{font-size:clamp(17px,4.8vw,24px) !important;}
  .page-risicoanalyse .foto--risico-radius,
  .page-risicoanalyse .foto--risico-radius::before,
  .page-risicoanalyse .foto--risico-radius::after,
  .page-risicoanalyse .foto--risico-radius > img{border-radius:22px;-webkit-clip-path: inset(0 round 22px);clip-path: inset(0 round 22px);}
  .page-risicoanalyse .verder--risico{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .page-risicoanalyse .verder--risico{grid-template-columns:1fr;}
}


/* v1.6.14 — Advies & Inspectie hero gelijk aan Risicoanalyse, onderschriften weg */
.page-advies-inspectie .page-hero--section .home-hero-rule{
  display:block;
  width:72px;
  height:1px;
  margin:28px 0 18px;
  background:var(--goud);
}
.page-advies-inspectie .page-hero-section-title{
  margin:0;
  font-family:var(--display);
  font-size:clamp(18px,1.6vw,28px) !important;
  line-height:1.25;
  font-weight:300;
  letter-spacing:.08em;
  text-transform:none;
  color:rgba(255,255,255,.94);
  text-shadow:0 1px 16px rgba(0,0,0,.10);
}
.page-advies-inspectie .page-hero-tagline,
.page-risicoanalyse .page-hero-tagline{
  display:none !important;
}
@media(max-width:900px){
  .page-advies-inspectie .page-hero-section-title{
    font-size:clamp(17px,4.8vw,24px) !important;
    letter-spacing:.08em;
  }
}


/* v1.6.15 — Advies & Inspectie exact dezelfde titeltypografie als Risicoanalyse */
.page-advies-inspectie .page-hero-section-title{
  margin:0 !important;
  color:rgba(255,255,255,.94) !important;
  font-family:var(--display) !important;
  font-size:clamp(18px,1.6vw,28px) !important;
  line-height:1.25 !important;
  font-weight:300 !important;
  letter-spacing:.08em !important;
  text-transform:none !important;
  text-align:center !important;
  text-shadow:0 1px 16px rgba(0,0,0,.10) !important;
}
.page-advies-inspectie .page-hero-tagline,
.page-risicoanalyse .page-hero-tagline{
  display:none !important;
}
@media(max-width:900px){
  .page-advies-inspectie .page-hero-section-title{
    font-size:clamp(17px,4.8vw,24px) !important;
    letter-spacing:.08em !important;
  }
}


/* v1.6.16 — Risicoanalyse CTA: alleen saliegroene rand */
.page-risicoanalyse .oproep .knop--salie-outline{
  background:transparent !important;
  border:1px solid rgba(183,201,181,.92) !important;
  color:#F4F2ED !important;
  box-shadow:none !important;
}
.page-risicoanalyse .oproep .knop--salie-outline:hover,
.page-risicoanalyse .oproep .knop--salie-outline:focus-visible{
  background:rgba(183,201,181,.10) !important;
  border-color:rgba(183,201,181,1) !important;
  color:#fff !important;
}
.page-risicoanalyse .oproep .knop--salie-outline svg{
  stroke:currentColor;
}


/* ============================================================
   v1.6.17 — homepage is leidend + ESD/ATEX onder Advies & Inspectie
   ============================================================ */

/* Op iedere subpagina is de merkregel exact gelijk aan de homepage. */
.page-hero--section .page-hero-center{
  padding:72px 24px 105px !important;
}
.page-hero--section .home-hero-mark{
  width:clamp(62px,4.5vw,86px) !important;
  height:auto;
  margin:0 0 21px !important;
}
.page-hero--section .page-hero-brand-title{
  margin:0 !important;
  color:rgba(255,255,255,.96) !important;
  font-family:var(--display) !important;
  font-size:clamp(40px,4.7vw,76px) !important;
  line-height:1.04 !important;
  font-weight:300 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-shadow:0 1px 18px rgba(0,0,0,.14) !important;
}
.page-hero--section .home-hero-rule{
  display:block !important;
  width:72px !important;
  height:1px !important;
  margin:28px 0 18px !important;
  background:var(--goud) !important;
}

/* Nieuwe Advies & Inspectie-specialismen. */
.page-esd .page-hero-tagline,
.page-atex .page-hero-tagline{
  display:none !important;
}
.page-esd .page-hero-section-title,
.page-atex .page-hero-section-title{
  margin:0 !important;
  color:rgba(255,255,255,.94) !important;
  font-family:var(--display) !important;
  font-size:clamp(18px,1.6vw,28px) !important;
  line-height:1.25 !important;
  font-weight:300 !important;
  letter-spacing:.08em !important;
  text-transform:none !important;
  text-align:center !important;
  text-shadow:0 1px 16px rgba(0,0,0,.10) !important;
}
.rij--link{
  color:inherit;
  text-decoration:none;
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.rij--link:hover,
.rij--link:focus-visible{
  transform:translateY(-2px);
  outline:none;
  border-color:rgba(183,201,181,.72);
  box-shadow:0 14px 32px rgba(31,44,69,.06);
}
.page-esd .verder--advies,
.page-atex .verder--advies{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.page-esd .oproep .knop--salie-outline,
.page-atex .oproep .knop--salie-outline{
  background:transparent !important;
  border:1px solid rgba(183,201,181,.92) !important;
  color:#F4F2ED !important;
  box-shadow:none !important;
}
.page-esd .oproep .knop--salie-outline:hover,
.page-esd .oproep .knop--salie-outline:focus-visible,
.page-atex .oproep .knop--salie-outline:hover,
.page-atex .oproep .knop--salie-outline:focus-visible{
  background:rgba(183,201,181,.10) !important;
  border-color:rgba(183,201,181,1) !important;
  color:#fff !important;
}

@media(max-width:900px){
  .page-hero--section .page-hero-center{
    padding:84px 20px 105px !important;
  }
  .page-hero--section .home-hero-mark{
    width:58px !important;
    margin-bottom:18px !important;
  }
  .page-hero--section .page-hero-brand-title{
    font-size:clamp(32px,8vw,54px) !important;
    letter-spacing:.12em !important;
  }
  .page-hero--section .home-hero-rule{
    width:58px !important;
    margin:24px 0 16px !important;
  }
  .page-esd .page-hero-section-title,
  .page-atex .page-hero-section-title{
    font-size:clamp(17px,4.8vw,24px) !important;
    letter-spacing:.08em !important;
  }
}
@media(max-width:560px){
  .page-hero--section .page-hero-brand-title{
    white-space:normal !important;
    line-height:1.12 !important;
  }
}


/* ============================================================
   v1.6.18 — header overal leidend (zoals foto 9)
   ============================================================ */

/* Alle subpagina-hero's volgen exact dezelfde rustige typografische hiërarchie als de leidende header.
   Geen grote paginatitels meer; alleen merkregel + goud streepje + kleine subtitel. */
body:not(.home) .page-hero--section .home-hero-center,
body:not(.home) .page-hero--section .page-hero-center{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:72px 24px 105px !important;
}
body:not(.home) .page-hero--section .home-hero-mark{
  width:clamp(62px,4.5vw,86px) !important;
  height:auto !important;
  margin:0 0 21px !important;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.18)) !important;
}
body:not(.home) .page-hero--section .page-hero-brand-title,
body:not(.home) .page-hero--section .page-hero-brand-link{
  margin:0 !important;
  color:rgba(255,255,255,.96) !important;
  font-family:var(--display) !important;
  font-size:clamp(40px,4.7vw,76px) !important;
  line-height:1.04 !important;
  font-weight:300 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-shadow:0 1px 18px rgba(0,0,0,.14) !important;
}
body:not(.home) .page-hero--section .home-hero-rule{
  display:block !important;
  width:72px !important;
  height:1px !important;
  margin:28px 0 18px !important;
  background:var(--goud) !important;
}
body:not(.home) .page-hero--section .page-hero-section-title,
body:not(.home) .page-hero--section h1.page-hero-section-title{
  margin:0 !important;
  width:min(560px,86vw) !important;
  color:rgba(255,255,255,.88) !important;
  font-family:var(--display) !important;
  font-size:clamp(12px,1vw,17px) !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  white-space:normal !important;
  text-shadow:none !important;
}
body:not(.home) .page-hero--section .page-hero-tagline{
  display:none !important;
}

@media(max-width:900px){
  body:not(.home) .page-hero--section .home-hero-center,
  body:not(.home) .page-hero--section .page-hero-center{
    padding:84px 20px 105px !important;
  }
  body:not(.home) .page-hero--section .home-hero-mark{
    width:58px !important;
    margin-bottom:18px !important;
  }
  body:not(.home) .page-hero--section .page-hero-brand-title,
  body:not(.home) .page-hero--section .page-hero-brand-link{
    font-size:clamp(32px,8vw,54px) !important;
    letter-spacing:.12em !important;
    white-space:normal !important;
  }
  body:not(.home) .page-hero--section .home-hero-rule{
    width:58px !important;
    margin:24px 0 16px !important;
  }
  body:not(.home) .page-hero--section .page-hero-section-title,
  body:not(.home) .page-hero--section h1.page-hero-section-title{
    font-size:12px !important;
    letter-spacing:.14em !important;
    width:min(420px,88vw) !important;
  }
}

/* v1.6.21 – mobiel menu. Een blur (backdrop-filter) op de header zelf maakt de header het ankerpunt
   van het schermvullende menu. Daardoor bleef het geopende menu in de smalle balk steken en was alleen
   het eerste menu-item zichtbaar. Op mobiel en tablet krijgt de header daarom geen blur; het menu zelf
   behoudt zijn eigen blur en achtergrond. */
@media(max-width:900px){
  .hdr--unified,.hdr--unified.vast,.home .hdr--home,.home .hdr--home.vast{-webkit-backdrop-filter:none;backdrop-filter:none}
  /* zonder blur moet de balk zelf dekkend zijn, anders schemert de tekst erdoorheen */
  .hdr--unified:not(.vast),.home .hdr--home:not(.vast){background:rgba(22,35,63,.96)}
  .hdr--unified.vast,.home .hdr--home.vast{background:rgba(247,245,241,.96)}
}

/* v1.6.21 – contactformulier op smalle telefoons: de keuzelijst "Onderwerp" duwde het formulier breder
   dan het scherm (zijwaarts schuiven bij 360 px). De kolom mag nu krimpen tot de schermbreedte. */
@media(max-width:880px){
  .formulier{grid-template-columns:minmax(0,1fr)}
  .formulier .veld{min-width:0}
  .formulier .veld input,.formulier .veld select,.formulier .veld textarea{max-width:100%;min-width:0}
}

/* v1.6.22 – juridische pagina's: tussenkoppen en opsommingen in de lopende tekst. */
.tekst--juridisch h2{font-family:var(--display);font-size:clamp(1.12rem,1.55vw,1.32rem);font-weight:400;line-height:1.3;color:var(--navy);margin:42px 0 12px;max-width:62ch}
.tekst--juridisch ul{list-style:disc;margin:14px 0 0;padding-left:20px;max-width:62ch;color:var(--inkt-zacht)}
.tekst--juridisch li{margin-top:8px;line-height:1.75}
.tekst--juridisch li::marker{color:var(--goud)}
.tekst--juridisch ul + p,.tekst--juridisch p + ul{margin-top:16px}
.tekst--juridisch strong{font-weight:500;color:var(--inkt)}
.tekst--juridisch a{border-bottom:1px solid var(--lijn-licht);transition:border-color .3s}
.tekst--juridisch a:hover{border-color:var(--goud)}