.button__icon{width:10px;height:12px;border-radius:0;flex:0 0 auto;background:currentColor;mask:url("../images/icons/material-symbols_play-arrow-rounded.svg") center/contain no-repeat;-webkit-mask:url("../images/icons/material-symbols_play-arrow-rounded.svg") center/contain no-repeat}.button--white-outline{border:1px solid var(--color-surface);background:rgba(255,255,255,.02);color:var(--color-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero-block__card{width:100%;min-width:232px;min-height:0;border:1px solid transparent;border-image:linear-gradient(90deg,rgba(244,242,237,.25),rgba(204,207,189,.25)) 1;background:rgba(30,26,21,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-block__card-copy{display:grid;gap:16px;width:100%}.hero-block__card strong{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,0);border-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.25),rgba(255,255,255,0)) 1}.hero-block__card strong::after{content:none}.hero-block__card small{display:flex;align-items:center;gap:8px;padding-block:8px;line-height:1.4}.hero-block__card small img{width:9.345px;height:11.833px;object-fit:contain;transform:rotate(-45deg);transition:transform .25s ease}.hero-block__card:hover small img,.hero-block__card:focus-visible small img{transform:rotate(0deg)}@media(prefers-reduced-motion:reduce){.hero-block__card small img{transition:none}}
.site-header__main{border-bottom:0}.site-header__inner{position:relative}.site-header__inner::after{position:absolute;right:20px;bottom:0;left:20px;height:1px;content:"";background:linear-gradient(90deg,rgba(244,242,237,0),rgba(244,242,237,1),rgba(244,242,237,0))}.menu-toggle[aria-expanded="true"] .menu-toggle__icon--open{opacity:1;transform:none}.primary-navigation{--menu-content-left:calc((100vw - min(calc(100vw - (var(--container-padding)*2)),var(--container-max-width)))/2 + 20px);--menu-panel-left:max(0px,calc(var(--menu-content-left) - 80px));left:var(--menu-panel-left);padding-left:calc(var(--menu-content-left) - var(--menu-panel-left))}.primary-navigation__services>.primary-navigation__section-link{color:inherit;font-size:18px}.primary-navigation__services>.primary-navigation__section-link:hover,.primary-navigation__services>.primary-navigation__section-link:focus-visible{color:var(--color-bg);font-size:20px}.primary-navigation .sub-menu{display:grid;gap:16px;padding-left:40px}.primary-navigation .sub-menu a{display:flex;align-items:center;min-height:27px;padding-bottom:8px;font-family:var(--font-display);font-size:16px;line-height:1.2;text-decoration:none}.primary-navigation .sub-menu a::before{content:"•";width:0;margin-right:0;overflow:hidden;color:var(--color-bg);opacity:0;transition:width .2s ease,margin-right .2s ease,opacity .2s ease}.primary-navigation .sub-menu a:hover::before,.primary-navigation .sub-menu a:focus-visible::before{width:auto;margin-right:12px;opacity:1}@media(min-width:1441px){.site-header__inner::after{right:120px;left:120px}.primary-navigation{--menu-content-left:120px}}@media(max-width:767px){.site-header__inner::after{right:0;left:0}.primary-navigation{--menu-content-left:20px;--menu-panel-left:0px}}
.menu-toggle{width:24px!important;height:24px!important;padding:0!important}
.primary-navigation{padding-left:calc(var(--menu-content-left) - var(--menu-panel-left) - 1px)}
@media(min-width:1025px){.primary-navigation{--menu-popup-padding:calc(var(--menu-content-left) - var(--menu-panel-left) - 1px);height:calc(100vh - 142px);padding-top:var(--menu-popup-padding)}}
.hero-block__subheading,.specialisatie-slider__eyebrow,.waarom-vdecto__subtitle,.diensten-cards__subtitle,.map-section__subtitle,.call-to-action__subtitle,.project-form__subtitle,.testimonials__subtitle,.text-block__subtitle{font-weight:400}
.button--with-arrow{gap:10px}
.button{translate:0;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.button:hover,.button:focus-visible{transform:none;translate:0}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
.site-footer__grid{border-bottom:0;background-image:linear-gradient(90deg,rgba(99,101,80,0) 0%,#636550 50%,rgba(99,101,80,0) 100%);background-repeat:no-repeat;background-position:left bottom;background-size:100% 1px}
:root{--section-padding-block:120px}@media(max-width:1024px){:root{--section-padding-block:50px}}
.site-footer__column ul{gap:12px;font-size:16px;line-height:1.4}
.site-footer__socials img{width:20px;height:20px}
@media(max-width:767px){.button--header{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;font-size:0}.button--header::before{width:16px;height:16px;background:currentColor;content:"";mask:url("../images/icons/arrow-up-24.svg") center/contain no-repeat;-webkit-mask:url("../images/icons/arrow-up-24.svg") center/contain no-repeat}}
.primary-navigation__mobile-menu{display:none}
@media(max-width:767px){.utility-bar{display:none}.button--header{visibility:hidden;pointer-events:none}.primary-navigation{position:fixed;inset:72px 0 0;width:auto;height:auto;padding:32px 40px;overflow-y:auto}.primary-navigation__desktop-menu{display:none}.primary-navigation__mobile-menu{display:flex;flex-direction:column;min-height:100%;gap:48px}.primary-navigation__mobile-contact{display:grid;gap:12px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(244,242,237,.25);color:var(--color-bg);font-size:16px;line-height:1.4}.primary-navigation__mobile-contact>*{display:flex;align-items:center;gap:8px}.primary-navigation__mobile-contact img{width:16px;height:16px;object-fit:contain}.primary-navigation__mobile-cta{justify-self:start;width:max-content;margin-top:12px}.primary-navigation__mobile-menu .primary-navigation__menu{gap:20px}.primary-navigation__mobile-menu .primary-navigation__menu>li>a{font-size:24px}.primary-navigation__mobile-menu .sub-menu{gap:12px;padding-left:24px}.primary-navigation__mobile-menu .sub-menu a{font-size:18px}}
@media(max-width:767px){.container{width:calc(100% - (var(--container-padding)*2));min-width:0;margin-inline:auto;padding-inline:0}main,.site-main,.entry,.entry__content{min-width:0;max-width:100%}}
.button--green-outline{border-color:var(--color-ink);background:transparent;color:var(--color-ink)}
.primary-navigation .primary-navigation__menu,
.primary-navigation .primary-navigation__submenu,
.primary-navigation .sub-menu{gap:16px}
.primary-navigation .primary-navigation__menu li{display:grid;gap:16px}
@media(max-width:767px){.primary-navigation__mobile-menu img{filter:brightness(0) invert(1)}}
.site-footer__credit{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.site-footer__partners{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.site-footer__partners a{display:grid;place-items:center;line-height:1}
.site-footer__partners img{display:block;width:auto;height:14px}
.site-footer__partners a:first-child img{width:20px;height:auto}
.site-footer__partners a:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}

@media(max-width:767px){:root{--font-size-h1:38px;--font-size-h2:32px;--font-size-h2-caps:34px}}


/* Menu toggle: expose a close affordance for both desktop and mobile. */
.menu-toggle::before,.menu-toggle::after{content:"";position:absolute;top:50%;left:2px;width:20px;height:2px;border-radius:1px;background:currentColor;pointer-events:none;transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.menu-toggle::before{transform:translateY(-5px) rotate(0deg)}
.menu-toggle::after{transform:translateY(3px) rotate(0deg)}
.menu-toggle .menu-toggle__icon--open,.menu-toggle[aria-expanded="true"] .menu-toggle__icon--open{opacity:0;transform:none}
.menu-toggle[aria-expanded="true"]::before{transform:translateY(-1px) rotate(45deg)}
.menu-toggle[aria-expanded="true"]::after{transform:translateY(-1px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.menu-toggle::before,.menu-toggle::after{transition:none}}

@media(max-width:767px){.primary-navigation{padding-inline:var(--container-padding,20px)}}

.utility-bar__menu{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none}

.primary-navigation .sub-menu a::before,.primary-navigation__submenu a::before{content:none;display:none}

/* Shared subtitle size: retain existing mobile typography. */
@media(min-width:768px){.hero-block__subheading,.specialisatie-slider__eyebrow,.waarom-vdecto__subtitle,.diensten-cards__subtitle,.diensten-cards__card-subtitle,.map-section__subtitle,.call-to-action__subtitle,.project-form__subtitle,.testimonials__subtitle,.text-block__subtitle,.colour-finish__subtitle,.faq-block__subtitle,.location-map__subtitle,.realisaties-block__subtitle,.toepassingen__subtitle,.service-projects__subtitle,.values-block__subtitle,.voordelen__subtitle,.case-eyebrow{font-size:16px!important}}

/* Keep footer navigation columns wide enough at intermediate desktop widths. */
@media(min-width:1025px) and (max-width:1594px){.site-footer__grid{grid-template-columns:minmax(0,1fr) max-content max-content max-content;column-gap:clamp(20px,2.5vw,40px)}}
@media(min-width:1024px) and (max-width:1024px){.site-footer__grid{grid-template-columns:minmax(0,1fr) max-content max-content;column-gap:24px}}