/* Verheul Gardens: donker en fotografisch, rood uit het logo alleen als signaal.
   Kleuren, lettertypen en maten komen uit theme.json. */
:root{
  --vg-zwart:var(--wp--preset--color--zwart,#0A0A0A);
  --vg-antraciet:var(--wp--preset--color--antraciet,#131312);
  --vg-antraciet-2:var(--wp--preset--color--antraciet-2,#1B1B19);
  --vg-lijn:var(--wp--preset--color--lijn,#2C2B28);
  --vg-rood:var(--wp--preset--color--rood,#F2443A);
  --vg-wit:var(--wp--preset--color--wit,#F4F2EE);
  --vg-grijs:var(--wp--preset--color--grijs,#BDB9B1);
  --vg-grijs-2:var(--wp--preset--color--grijs-2,#8D8981);
  --vg-inkt:var(--wp--preset--color--inkt,#0B0B0B);
  --vg-display:var(--wp--preset--font-family--fraunces);
  --vg-tekst:var(--wp--preset--font-family--hanken);
  --vg-gutter:max(24px, env(safe-area-inset-left, 0px));
  --vg-tel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E");
  --vg-boog:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 14'%3E%3Cpath d='M1 9.5C14 4 34 2.5 63 4.5M10 13C22 8 36 6.5 52 7.2' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  --vg-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2c0 1.3.9 2.5 1 2.7.1.2 1.8 2.8 4.4 3.9 1.6.7 2.3.8 3.1.6.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E");
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--vg-rood);outline-offset:3px}
h1,h2,h3{text-wrap:balance}
.wp-site-blocks > *{margin-block-start:0 !important}
.vg-main-home .wp-block-post-content > *{margin-block-start:0}
.vg-main-home .wp-block-post-content{padding-top:0 !important}
figure.wp-block-image{margin-bottom:0}

/* ---------- Oogje (klein rood label met boog uit het logo) ---------- */
.vg-oogje{display:flex;align-items:center;gap:16px;font:600 13px/1 var(--vg-tekst);letter-spacing:.18em;text-transform:uppercase;color:var(--vg-rood)}
.vg-oogje::before{content:"";flex:none;width:48px;height:11px;background:currentColor;-webkit-mask:var(--vg-boog) center/contain no-repeat;mask:var(--vg-boog) center/contain no-repeat}
.vg-oogje.has-text-align-center{justify-content:center}
.vg-label{font:600 12px/1 var(--vg-tekst);letter-spacing:.18em;text-transform:uppercase;color:var(--vg-grijs-2)}
.vg-lead{font-size:18px;max-width:54ch}

/* ---------- Knoppen ---------- */
.wp-block-button .wp-block-button__link{transition:background .2s,border-color .2s,color .2s}
.vg-knop-lijn .wp-block-button__link{background:transparent;color:var(--vg-wit);border:1px solid rgba(244,242,238,.45)}
.vg-knop-lijn .wp-block-button__link:hover{background:rgba(244,242,238,.06);border-color:var(--vg-wit);color:var(--vg-wit)}
.vg-knop-extern .wp-block-button__link::after{content:" ↗";font-weight:400}
.vg-knop-icoon .wp-block-button__link{display:inline-flex;align-items:center;gap:12px}
.vg-knop-icoon .wp-block-button__link::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--vg-tel) center/contain no-repeat;mask:var(--vg-tel) center/contain no-repeat}
.vg-knop-bel .wp-block-button__link{position:relative;display:block;text-align:left;padding:14px 32px 14px 80px;font-size:14px;line-height:1.3;letter-spacing:.02em}
.vg-knop-bel strong{display:inline-block;margin-top:2px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.vg-knop-bel .wp-block-button__link::before,.vg-knop-pil .wp-block-button__link::before{content:"";position:absolute;top:50%;transform:translateY(-50%);border-radius:50%}
.vg-knop-bel .wp-block-button__link::before{left:24px;width:40px;height:40px;background:var(--vg-inkt)}
.vg-knop-bel .wp-block-button__link::after,.vg-knop-pil .wp-block-button__link::after{content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-mask:var(--vg-tel) center/contain no-repeat;mask:var(--vg-tel) center/contain no-repeat}
.vg-knop-bel .wp-block-button__link::after{left:35px;width:18px;height:18px;background:var(--vg-rood)}

/* ---------- Header ---------- */
.wp-site-blocks > .vg-kop-deel{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:50;transition:background .3s,box-shadow .3s}
.wp-site-blocks > .vg-kop-deel::before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.55) 55%,rgba(0,0,0,0));pointer-events:none;transition:opacity .3s}
.wp-site-blocks > .vg-kop-deel.vast,body:not(.home) .wp-site-blocks > .vg-kop-deel{background:rgba(10,10,10,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--vg-lijn)}
.wp-site-blocks > .vg-kop-deel.vast::before,body:not(.home) .wp-site-blocks > .vg-kop-deel::before{opacity:0}
.vg-kop{position:relative;max-width:calc(1240px + 2 * var(--vg-gutter));margin:0 auto;padding:0 var(--vg-gutter);height:96px;gap:32px;transition:height .3s}
.vast .vg-kop,body:not(.home) .vg-kop{height:72px}
.vg-logo{gap:14px}
.vg-logo figure{margin:0}
.vg-logo img{display:block;height:auto}
.vg-logo-mark img{width:64px;transition:width .3s}
.vg-logo-woord img{width:auto;height:34px;transition:height .3s}
.vast .vg-logo-mark img{width:54px}
.vast .vg-logo-woord img{height:29px}
.vg-menu{gap:40px}
.vg-nav{font:500 15px/1 var(--vg-tekst)}
.vg-nav .wp-block-navigation__container{gap:32px}
.vg-nav .wp-block-navigation-item__content{color:var(--vg-wit);padding-block:8px;border-bottom:1px solid transparent;text-decoration:none}
.vg-nav .wp-block-navigation-item__content:hover{border-color:var(--vg-rood);color:var(--vg-wit)}
.vg-kop-tel{margin:0}
.vg-knop-pil .wp-block-button__link{position:relative;display:block;text-align:left;background:rgba(10,10,10,.35);color:var(--vg-grijs);border:1px solid rgba(242,68,58,.7);padding:10px 24px 10px 58px;font:500 11px/1.3 var(--vg-tekst);letter-spacing:.14em;text-transform:uppercase}
.vg-knop-pil strong{display:inline-block;margin-top:3px;font:700 17px/1.2 var(--vg-tekst);letter-spacing:.02em;text-transform:none;color:var(--vg-wit);font-variant-numeric:tabular-nums}
.vg-knop-pil .wp-block-button__link::before{left:10px;width:36px;height:36px;background:var(--vg-rood)}
.vg-knop-pil .wp-block-button__link::after{left:19px;width:18px;height:18px;background:var(--vg-inkt)}
.vg-knop-pil .wp-block-button__link:hover{background:rgba(10,10,10,.6);color:var(--vg-grijs)}
/* mobiel menu (overlay van het navigatieblok) */
.vg-nav .wp-block-navigation__responsive-container-open,.vg-nav .wp-block-navigation__responsive-container-close{color:var(--vg-wit)}
.vg-nav .wp-block-navigation__responsive-container-open{width:44px;height:44px;align-items:center;justify-content:center;border:1px solid rgba(244,242,238,.3);border-radius:2px;background:rgba(10,10,10,.4)}
.vg-nav .wp-block-navigation__responsive-container.is-menu-open{padding:calc(24px + var(--wp-admin--admin-bar--height,0px)) var(--vg-gutter) 32px}
.vg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:64px;align-items:stretch}
.vg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:0;width:100%;align-items:stretch}
.vg-nav .is-menu-open .wp-block-navigation__responsive-container-content,.vg-nav .is-menu-open .wp-block-navigation__container{align-items:stretch !important;text-align:left}
.vg-nav .is-menu-open .wp-block-navigation-item{width:100%;align-items:flex-start !important}
.vg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{width:100%;font:400 28px/1.2 var(--vg-display);padding:18px 0;border-bottom:1px solid var(--vg-lijn)}
.wp-site-blocks > .vg-kop-deel:has(.is-menu-open)::before{opacity:0}

/* ---------- Openingsbeeld ---------- */
.vg-hero{position:relative;height:clamp(680px,100svh,940px);overflow:hidden;isolation:isolate;background:var(--vg-zwart);margin:0}
.vg-hero > .vg-hero-foto,.vg-hero > .vg-laag,.vg-hero > .vg-waas{max-width:none !important;margin:0 !important}
.vg-hero-foto{position:absolute !important;inset:0;z-index:0}
.vg-hero-foto img{height:100% !important}
.vg-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.vg-waas{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 50% 48% at 50% 52%,rgba(0,0,0,.68),rgba(0,0,0,.3) 65%,rgba(0,0,0,.08)),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 58%,rgba(0,0,0,.65) 84%,var(--vg-zwart) 100%)}
.vg-hero-tekst{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:72px;margin-top:0 !important}
.vg-hero-tekst .vg-oogje{color:var(--vg-wit);opacity:.92;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.vg-hero-tekst .vg-oogje::before{display:none}
.vg-hero-titel{font-weight:350;max-width:13ch;margin-inline:auto !important;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.45)}
.vg-hero-titel em{font-weight:300}
.vg-intro{font-size:19px;line-height:1.6;color:#E6E3DD;max-width:54ch;margin-inline:auto !important;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.vg-hero-acties{gap:16px;margin-top:40px !important;align-items:center}
.vg-hero-acties .vg-knop-lijn .wp-block-button__link{padding-block:18px}
/* plantenlagen, door theme.js toegevoegd */
.vg-laag{position:absolute;pointer-events:none;will-change:transform}
.vg-laag img{width:100%;height:auto;display:block}
.vg-p-links{z-index:3;width:min(40vw,700px);left:-7vw;bottom:-9%;transform-origin:0% 100%}
.vg-p-rechts{z-index:3;width:min(38vw,660px);right:-8vw;bottom:-10%;transform-origin:100% 100%}
.vg-p-onder{z-index:4;width:116vw;left:-8vw;bottom:-9%;transform-origin:50% 100%}
.vg-p-tak-l{z-index:5;width:min(34vw,560px);left:-9vw;top:-12%;transform-origin:0% 0%}
.vg-p-tak-r{z-index:5;width:min(30vw,500px);right:-9vw;top:-16%;transform-origin:100% 0%}
.vg-p-links img,.vg-p-rechts img{filter:brightness(.5) saturate(.8) contrast(1.05) blur(1.2px)}
.vg-p-onder img{filter:brightness(.3) saturate(.7) blur(4px)}
.vg-p-tak-l img{filter:brightness(.42) saturate(.75) blur(5px)}
.vg-p-tak-r img{filter:brightness(.4) saturate(.75) blur(6px);transform:scaleX(-1)}
.vg-p-onder::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,rgba(10,10,10,0),var(--vg-zwart))}
.vg-wieg{transform-origin:inherit;animation:vg-bries 7s ease-in-out 2.2s infinite alternate}
.vg-p-tak-r .vg-wieg{animation-duration:8.5s;animation-delay:2.6s}
.vg-p-rechts .vg-wieg{animation-duration:9s;animation-delay:2.4s}
.vg-p-tak-l{--wiegen:1.4deg}.vg-p-tak-r{--wiegen:-1.2deg}.vg-p-rechts{--wiegen:-.6deg}
@keyframes vg-bries{0%{transform:rotate(0deg)}100%{transform:rotate(var(--wiegen,1deg))}}
.vg-hero.vg-beweegt .vg-hero-foto{animation:vg-in-bg 2.2s cubic-bezier(.25,.6,.2,1) both}
.vg-p-links{animation:vg-in-links 2.2s cubic-bezier(.25,.6,.2,1) both}
.vg-p-rechts{animation:vg-in-rechts 2.2s cubic-bezier(.25,.6,.2,1) both}
.vg-p-onder{animation:vg-in-onder 2.2s cubic-bezier(.25,.6,.2,1) both}
.vg-p-tak-l{animation:vg-in-tak-l 2.2s cubic-bezier(.25,.6,.2,1) both}
.vg-p-tak-r{animation:vg-in-tak-r 2.2s cubic-bezier(.25,.6,.2,1) both}
@keyframes vg-in-bg{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes vg-in-links{from{transform:translate(26%,2%) scale(1)}to{transform:translate(-12%,4%) scale(1.1)}}
@keyframes vg-in-rechts{from{transform:translate(-26%,2%) scale(1)}to{transform:translate(12%,5%) scale(1.1)}}
@keyframes vg-in-onder{from{transform:translateY(-14%) scale(1.04)}to{transform:translateY(22%) scale(1.1)}}
@keyframes vg-in-tak-l{from{transform:translate(30%,18%) scale(1)}to{transform:translate(-14%,-8%) scale(1.12)}}
@keyframes vg-in-tak-r{from{transform:translate(-30%,18%) scale(1)}to{transform:translate(14%,-8%) scale(1.12)}}

/* ---------- Secties ---------- */
.vg-sectie{padding-top:128px;padding-bottom:128px;margin:0}
.vg-sectie-kop{display:grid;gap:24px;margin-bottom:64px}
.vg-sectie-kop > *{margin:0 !important;max-width:640px}
.vg-sectie h2{letter-spacing:-.01em}

/* Diensten */
.vg-diensten-rij{margin-top:0 !important;margin-bottom:80px}
.vg-diensten-rij:last-child{margin-bottom:0}
.vg-dienst > *{margin-block-start:0}
.vg-dienst-foto{overflow:hidden;background:var(--vg-antraciet-2);margin-bottom:24px !important}
.vg-dienst-foto img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.vg-dienst:hover .vg-dienst-foto img{transform:scale(1.03)}
.vg-dienst h3{position:relative;padding-left:56px}
.vg-dienst h3::before{content:"";position:absolute;left:0;top:.6em;width:32px;height:1px;background:var(--vg-rood)}
.vg-dienst p{padding-left:56px;margin-top:8px !important;max-width:calc(44ch + 56px)}

/* Projecten */
.vg-projecten-kop{margin-bottom:64px;gap:32px}
.vg-projecten-kop .vg-sectie-kop{margin-bottom:0}
.vg-projecten-raster{margin-top:0 !important;margin-bottom:0 !important}
.vg-project{margin:0}
.vg-project img{width:100%;object-fit:cover;display:block;background:var(--vg-antraciet-2)}
.vg-project .wp-element-caption{display:flex;gap:12px;align-items:baseline;text-align:left;margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--vg-grijs-2)}
.vg-project .wp-element-caption::before{content:"";flex:none;width:16px;height:1px;background:var(--vg-rood);transform:translateY(-4px)}
.vg-project-hoofd{display:flex;flex-direction:column}
.vg-project-groot{flex:1;display:flex;flex-direction:column;min-height:0}
.vg-project-groot img{flex:1 1 0;min-height:320px;height:100%}
.vg-project-zij{display:flex;flex-direction:column;gap:32px}
.vg-project-zij > *{margin:0 !important}
.vg-project-klein img{aspect-ratio:1/1}
.vg-project-breed{margin-top:32px !important}
.vg-project-breed img{aspect-ratio:21/8}

/* Over ons */
.vg-over-kolommen{gap:32px}
.vg-over-foto img{width:100%;aspect-ratio:5/6;object-fit:cover}
.vg-over-tekst{padding-left:8%}
.vg-over-tekst > *{margin-block-start:24px}
.vg-over-tekst > :first-child{margin-block-start:0}
.vg-feiten{list-style:none;padding:0;margin-top:40px !important;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;border-top:1px solid var(--vg-lijn)}
.vg-feiten li{padding:16px 0;border-bottom:1px solid var(--vg-lijn);color:var(--vg-wit);font-weight:500;display:flex;gap:12px;align-items:center}
.vg-feiten li::before{content:"";flex:none;width:6px;height:6px;border:1px solid var(--vg-rood);border-radius:50%}

/* Contact */
.vg-contact{position:relative;overflow:hidden}
.vg-contact::before{content:"";position:absolute;inset:0;background:url(../img/detail-steen.webp) center/cover;opacity:.16;pointer-events:none}
.vg-contact > *{position:relative}
.vg-contact-tekst > *{margin-block-start:24px}
.vg-contact-tekst > :first-child{margin-block-start:0}
.vg-contact .vg-label{margin-top:40px !important;padding-top:32px;border-top:1px solid var(--vg-lijn);max-width:400px}
.vg-groot-nummer{margin-top:8px !important}
.vg-groot-nummer a{font:350 clamp(34px,4.2vw,56px)/1.1 var(--vg-display);color:var(--vg-wit);text-decoration:none;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.vg-groot-nummer a:hover{color:var(--vg-rood)}
.vg-formulier{background:rgba(10,10,10,.82);border:1px solid var(--vg-lijn);padding:40px;display:grid;gap:24px}
.vg-formulier h3{margin:0;font-size:24px}
.vg-formulier .vg-klein{margin:-8px 0 0;font-size:15px;color:var(--vg-grijs-2)}
.vg-veld{display:grid;gap:8px}
.vg-veld label{font:600 14px/1.2 var(--vg-tekst);color:var(--vg-wit)}
.vg-veld input,.vg-veld textarea{width:100%;box-sizing:border-box;font:400 16px/1.5 var(--vg-tekst);color:var(--vg-wit);background:var(--vg-antraciet-2);border:1px solid #3A3934;border-radius:2px;padding:14px 16px;min-height:52px}
.vg-veld textarea{min-height:128px;resize:vertical}
.vg-veld input:focus,.vg-veld textarea:focus{outline:none;border-color:var(--vg-rood);box-shadow:0 0 0 1px var(--vg-rood)}
.vg-verstuur{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 28px;border:1px solid rgba(244,242,238,.45);border-radius:2px;background:transparent;color:var(--vg-wit);font:600 16px/1.2 var(--vg-tekst);cursor:pointer}
.vg-verstuur::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--vg-wa) center/contain no-repeat;mask:var(--vg-wa) center/contain no-repeat}
.vg-verstuur:hover{border-color:var(--vg-wit);background:rgba(244,242,238,.06)}
.vg-melding{margin:0;font-size:15px;color:var(--vg-wit)}

/* Footer */
.vg-voet{border-top:1px solid var(--vg-lijn);padding-top:80px;padding-bottom:40px;margin:0}
.vg-voet-logo img{width:240px;height:auto}
.vg-voet-merk p{max-width:34ch}
.vg-voet-kolom > *{margin-block-start:0}
.vg-voet .vg-label{margin-bottom:16px}
.vg-voet-links{line-height:2.3}
.vg-voet-links a,.vg-voet-tel a{text-decoration:none;color:var(--vg-wit)}
.vg-voet-links a:hover,.vg-voet-tel a:hover{color:var(--vg-rood)}
.vg-voet-tel{font:600 20px/1.2 var(--vg-tekst);font-variant-numeric:tabular-nums}
.vg-basis{margin-top:48px !important;padding-top:24px;border-top:1px solid var(--vg-lijn);font-size:14px;color:var(--vg-grijs-2)}
.vg-basis p{margin:0}
.vg-belbalk{display:none !important}

/* Gewone pagina's */
.vg-pagina{padding-top:160px;padding-bottom:96px}
.vg-paginatitel{margin-bottom:40px}

/* ---------- Tablet en mobiel ---------- */
@media (max-width:1100px){
  .vg-nav .wp-block-navigation__container{gap:24px}
  .vg-menu{gap:24px}
}
@media (max-width:900px){
  :root{--vg-gutter:max(20px, env(safe-area-inset-left, 0px))}
  body{font-size:16px}
  .vg-kop,.vast .vg-kop,body:not(.home) .vg-kop{height:68px}
  .vg-logo{gap:10px}
  .vg-logo-mark img,.vast .vg-logo-mark img{width:42px}
  .vg-logo-woord img,.vast .vg-logo-woord img{height:24px}
  .vg-kop-tel{display:none !important}
  .vg-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .vg-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
  .vg-hero{height:auto;min-height:clamp(640px,92svh,760px)}
  .vg-hero-tekst{padding:132px 0 176px;min-height:inherit;justify-content:flex-start}
  .vg-hero-tekst .vg-oogje{font-size:11px;letter-spacing:.16em}
  .vg-hero-titel{max-width:10ch}
  .vg-intro{font-size:17px}
  .vg-hero-acties{flex-direction:column;align-items:stretch !important;width:100%;max-width:360px;margin-inline:auto !important;margin-top:32px !important}
  .vg-hero-acties .wp-block-button{width:100%}
  .vg-hero-acties .wp-block-button__link{width:100%;box-sizing:border-box}
  .vg-hero-acties .vg-knop-lijn .wp-block-button__link{text-align:center}
  .vg-hero-foto img{object-position:50% 60%}
  .vg-p-links,.vg-p-rechts,.vg-p-tak-r{display:none}
  .vg-p-onder{width:220vw;left:-60vw;bottom:-4%;animation-name:vg-in-onder-m}
  .vg-p-tak-l{width:78vw;left:-30vw;top:auto;bottom:4%;transform-origin:0% 100%;animation-name:vg-in-tak-m;--wiegen:1deg}
  .vg-p-tak-l img{filter:brightness(.38) saturate(.75) blur(3px)}
  @keyframes vg-in-onder-m{from{transform:translateY(-3%) scale(1)}to{transform:translateY(8%) scale(1.04)}}
  @keyframes vg-in-tak-m{from{transform:translate(8%,0) scale(1)}to{transform:translate(-8%,4%) scale(1.06)}}
  .vg-sectie{padding-top:80px;padding-bottom:80px}
  .vg-sectie-kop{margin-bottom:40px}
  .vg-lead{font-size:17px}
  .vg-diensten-rij{margin-bottom:48px}
  .vg-dienst h3{padding-left:36px}
  .vg-dienst h3::before{width:20px}
  .vg-dienst p{padding-left:36px}
  .vg-projecten-kop{margin-bottom:40px}
  .vg-project-groot img{flex:none;aspect-ratio:4/3;min-height:0;height:auto}
  .vg-project-breed img{aspect-ratio:16/9}
  .vg-over-tekst{padding-left:0}
  .vg-over-foto img{aspect-ratio:4/3}
  .vg-feiten{grid-template-columns:1fr}
  .vg-groot-nummer a{font-size:34px}
  .vg-formulier{padding:24px}
  .vg-voet{padding-top:64px}
  .vg-voet-logo img{width:200px}
  .vg-belbalk{display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:12px;align-items:center;margin:0 !important;background:rgba(10,10,10,.96);border-top:1px solid var(--vg-lijn);padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .vg-belbalk-nr{margin:0;font:600 11px/1.3 var(--vg-tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vg-grijs-2);min-width:0}
  .vg-belbalk-nr strong{display:inline-block;margin-top:4px;font:700 17px/1.3 var(--vg-tekst);letter-spacing:0;text-transform:none;color:var(--vg-wit);white-space:nowrap}
  .vg-belbalk .wp-block-buttons{flex:none}
  .vg-belbalk .wp-block-button__link{padding:16px 24px}
  body{padding-bottom:calc(77px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:781px){
  .vg-project-zij{flex-direction:row;gap:16px}
  .vg-project-zij > *{flex:1;min-width:0}
  .vg-project-klein .wp-element-caption{font-size:13px}
  .vg-project-klein .wp-element-caption::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .vg-laag,.vg-wieg,.vg-hero .vg-hero-foto{animation:none !important}
  .vg-hero .vg-hero-foto{transform:scale(1.08)}
  .vg-p-links{transform:translate(-12%,4%) scale(1.1)}
  .vg-p-rechts{transform:translate(12%,5%) scale(1.1)}
  .vg-p-onder{transform:translateY(22%) scale(1.1)}
  .vg-p-tak-l{transform:translate(-14%,-8%) scale(1.12)}
  .vg-p-tak-r{transform:translate(14%,-8%) scale(1.12)}
}
@media (prefers-reduced-motion:reduce) and (max-width:900px){
  .vg-p-onder{transform:translateY(8%) scale(1.04)}
  .vg-p-tak-l{transform:translate(-8%,4%) scale(1.06)}
}

/* ---------- In de editor ---------- */
.editor-styles-wrapper .vg-hero{height:720px}
.editor-styles-wrapper .vg-hero-foto img{filter:brightness(.55)}
.editor-styles-wrapper .vg-belbalk{display:flex !important;margin-top:24px;padding:12px 16px;border:1px dashed var(--vg-lijn);gap:12px;align-items:center}
.editor-styles-wrapper .vg-belbalk::before{content:"Vaste belbalk (alleen zichtbaar op mobiel)";flex:none;font-size:12px;color:var(--vg-grijs-2);margin-right:auto}