
/* v9 - exact section behaviour / spacing pass */
.c-homepage-timeline-cards{max-width:720px!important}
@media(min-width:1000px){
 .c-homepage-timeline-cards:first-child,.c-homepage-timeline-cards:nth-child(4){right:clamp(64px,6vw,120px)!important}
 .c-homepage-timeline-cards:nth-child(2){left:clamp(64px,6vw,120px)!important}
 .c-homepage-timeline-cards:nth-child(3){left:50%!important;transform:translateX(-50%)!important}
}
@media(max-width:999px){.c-homepage-timeline-cards{left:clamp(20px,5vw,48px)!important;right:clamp(20px,5vw,48px)!important}}
.gk-bee-page{overflow:clip!important}
.gk-bee-page .section-hero{--hero-accent:#4d7fac;min-height:100svh!important;background:#102441!important}
.gk-bee-page .section-hero__shape{color:var(--hero-accent)!important;opacity:.7!important;filter:saturate(.75)}
.gk-bee-page .section-hero__bg-media{transform-origin:center center;will-change:transform}
.gk-bee-page .section-hero__veil{background:linear-gradient(180deg,rgba(7,21,40,.24),rgba(7,21,40,.80))!important}
.gk-page--diensten .section-hero__shape{left:-8%!important;top:-18%!important;transform:rotate(-8deg)}
.gk-page--voeg .section-hero__shape{left:auto!important;right:-14%!important;top:-23%!important;transform:rotate(24deg)}
.gk-page--reiniging .section-hero__shape{left:-15%!important;top:12%!important;transform:rotate(-42deg)}
.gk-page--impregneren .section-hero__shape{left:auto!important;right:-18%!important;top:5%!important;transform:rotate(55deg)}
.gk-page--onderhoud .section-hero__shape{left:-16%!important;top:-26%!important;transform:rotate(12deg)}
.gk-page--projecten .section-hero__shape{left:auto!important;right:-20%!important;top:-20%!important;transform:rotate(-20deg)}
.gk-page--contact .section-hero__shape{left:-20%!important;top:18%!important;transform:rotate(-65deg)}
.gk-activez-copy{max-width:58rem;margin-top:1.5rem;display:grid;gap:.9rem;color:rgba(255,255,255,.82);font-family:"Instrument Sans",sans-serif;font-size:1rem;line-height:1.65}
.gk-activez-copy p{margin:0;color:inherit!important}
/* Rich EN-style editorial section */
.gk-rich-section{background:#fff;padding:clamp(4rem,8vw,8rem) 0;color:#102441}
.gk-rich-section__inner{width:min(1440px,calc(100% - 64px));margin:0 auto}
.gk-rich-section__heading{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:end;margin-bottom:2.5rem}
.gk-rich-section__heading h2{font-family:Parkinsans,sans-serif;font-size:clamp(2.25rem,5vw,4.8rem);line-height:.98;letter-spacing:-.04em;max-width:12ch;margin:0;color:#102441}
.gk-rich-section__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gk-rich-card{min-height:18rem;border-radius:1.5rem;padding:1.5rem;background:#f1f5f9;border:1px solid rgba(16,36,65,.08);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.gk-rich-card:nth-child(2){background:#dfeaf4}.gk-rich-card:nth-child(3){background:#102441;color:#fff}
.gk-rich-card__index{font:500 .85rem/1 "Instrument Sans",sans-serif;letter-spacing:.1em;opacity:.58}
.gk-rich-card p{font:600 clamp(1.15rem,1.8vw,1.65rem)/1.28 Parkinsans,sans-serif;letter-spacing:-.02em;margin:2rem 0 0;color:inherit!important}
/* Exact-inspired process */
.process-v9{--process-accent:#4d7fac;background:#edf3f8;color:#102441;position:relative;min-height:340vh;transition:background-color .8s cubic-bezier(.77,0,.175,1),color .8s cubic-bezier(.77,0,.175,1)}
.process-v9 .process__pin{height:100vh;position:sticky;top:0;display:flex;align-items:center;overflow:hidden}
.process-v9 .process__shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.process-v9__shape{position:absolute;width:min(75vw,72rem);height:min(75vw,72rem);border:84px solid color-mix(in srgb,var(--process-accent) 20%,transparent);border-radius:48% 52% 42% 58%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(22deg)}
.process-v9 .process__inner{position:relative;z-index:1;width:min(1440px,calc(100% - 64px));margin:0 auto;display:flex;flex-direction:column;gap:3.5rem}
.process-v9 .process__title{font:700 clamp(2.4rem,5vw,5rem)/1 Parkinsans,sans-serif;letter-spacing:-.04em;max-width:16ch;text-align:center;margin:0 auto;color:inherit}
.process-v9 .process__grid{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:clamp(2rem,4vw,5rem);align-items:center}
.process-v9 .process__steps{display:flex;flex-direction:column;gap:1.4rem;list-style:none;padding:0;margin:0}
.process-v9 .process__step{opacity:.28;transition:opacity .35s ease}.process-v9 .process__step--active{opacity:1}
.process-v9 .process__step-btn{width:100%;display:flex;flex-direction:column;gap:.7rem;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}
.process-v9 .process__step-text{font:600 clamp(1rem,1.4vw,1.35rem)/1.25 "Instrument Sans",sans-serif}
.process-v9 .process__step-line{height:2px;background:rgba(16,36,65,.15);overflow:hidden}.process-v9 .process__step-line-fill{display:block;height:100%;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left}
.process-v9 .process__visual{aspect-ratio:4/5;border-radius:1.75rem;overflow:hidden;position:relative;box-shadow:0 30px 70px rgba(16,36,65,.12)}
.process-v9 .process__visual-layer{position:absolute;inset:0;clip-path:inset(100% 0 0 0);transition:clip-path .85s cubic-bezier(.32,.72,0,1)}
.process-v9 .process__visual-layer--active,.process-v9 .process__visual-layer--past{clip-path:inset(0 0 0 0)}
.process-v9 .process__image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 1s cubic-bezier(.32,.72,0,1)}
.process-v9 .process__visual-layer--active .process__image{transform:scale(1)}
.process-v9 .process__content{min-height:24rem;position:relative}
.process-v9 .process__content-inner{position:absolute;inset:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;opacity:0;transform:translateY(42px);pointer-events:none}
.process-v9 .process__content-inner--active{opacity:1;transform:none;pointer-events:auto}
.process-v9 .process__small-label{font:500 .9rem/1 "Instrument Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0}
.process-v9 .process__step-title{font:700 clamp(2.1rem,4vw,3.8rem)/1.03 Parkinsans,sans-serif;letter-spacing:-.035em;margin:0}
.process-v9 .process__description{font:600 clamp(1.1rem,1.8vw,1.65rem)/1.35 Parkinsans,sans-serif;letter-spacing:-.015em;margin:0;max-width:26ch}
/* Stacked cards exact-inspired */
.stats-v9{background:#fff;color:#102441;padding-top:clamp(5rem,9vw,9rem)}
.stats-v9 .stats__intro{width:min(1000px,calc(100% - 48px));margin:0 auto 2rem;text-align:center}
.stats-v9__title{font:700 clamp(2.5rem,5.5vw,5.5rem)/.98 Parkinsans,sans-serif;letter-spacing:-.04em;margin:.8rem auto 1rem;max-width:13ch;color:#102441}
.stats-v9 .stats__intro>p:last-child{max-width:44rem;margin:0 auto;color:#475569;line-height:1.6}
.stats-v9 .stats__cards{position:relative;padding:2rem 0 8rem}
.stats-v9 .stats__card-wrap{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:10vh clamp(1.5rem,5vw,5rem) 0;position:relative}
.stats-v9 .stats__card{position:sticky;top:10vh;width:min(1280px,100%);min-height:72vh;border-radius:1.75rem;background:var(--card-bg);color:var(--card-color);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(3rem,8vw,9rem);box-shadow:0 26px 80px rgba(10,25,45,.12);transform-origin:center top;overflow:hidden}
.stats-v9 .stats__card-number{font:700 clamp(3rem,8vw,7rem)/1 Parkinsans,sans-serif;margin:0 0 1.2rem;color:inherit}
.stats-v9 .stats__card-subtitle{font:700 clamp(2.2rem,5vw,4.6rem)/1 Parkinsans,sans-serif;letter-spacing:-.04em;max-width:12ch;margin:0;color:inherit}
.stats-v9 .stats__card-description{font:600 clamp(1.05rem,1.8vw,1.5rem)/1.4 Parkinsans,sans-serif;max-width:32ch;margin:1.5rem 0 0;color:inherit}
/* subtle hero page-specific accents */
.gk-page--diensten{--page-accent:#3d7fb3}.gk-page--voeg{--page-accent:#4d78a7}.gk-page--reiniging{--page-accent:#5b91bd}.gk-page--impregneren{--page-accent:#6b9bc2}.gk-page--onderhoud{--page-accent:#3f6f9e}.gk-page--projecten{--page-accent:#477aa8}.gk-page--contact{--page-accent:#527faa}
.gk-bee-page .section-hero__label,.gk-bee-page .gk-bee-kicker{color:var(--page-accent,var(--bee-blue))!important}
@media(max-width:900px){
 .gk-rich-section__inner,.process-v9 .process__inner{width:min(100% - 32px,1440px)}
 .gk-rich-section__heading{grid-template-columns:1fr;gap:1rem}.gk-rich-section__grid{grid-template-columns:1fr}
 .process-v9{min-height:auto;padding:4rem 0}.process-v9 .process__pin{height:auto;position:relative;overflow:visible}.process-v9 .process__grid{grid-template-columns:1fr}.process-v9 .process__visual{display:block;aspect-ratio:16/11}.process-v9 .process__content{min-height:15rem}.process-v9 .process__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.process-v9 .process__step-text{font-size:.9rem}.process-v9__shape{width:120vw;height:120vw;border-width:54px;opacity:.45}
 .stats-v9 .stats__card-wrap{min-height:auto;padding:1rem 1rem 0}.stats-v9 .stats__card{position:relative;top:auto;min-height:58vh;padding:3rem 1.4rem}
}


/* v9.1 secondary MindMarket green accent */
:root{--gk-green:#8ED462;--gk-green-deep:#4F8F55;--gk-green-soft:#EEF8E9}
.gk-bee-page .section-hero__label::before,.gk-bee-kicker::before{
  content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--gk-green);margin-right:.55em;vertical-align:.08em
}
.gk-bee-page .section-hero::after{
  content:"";position:absolute;z-index:2;right:clamp(1rem,4vw,4rem);bottom:clamp(1rem,4vw,3rem);width:clamp(3rem,7vw,6rem);aspect-ratio:1;border:clamp(.45rem,.8vw,.8rem) solid rgba(142,212,98,.78);border-left-color:transparent;border-radius:50%;transform:rotate(-28deg);pointer-events:none
}
.process-v9 .process__small-label{color:var(--gk-green-deep)!important}
.process-v9 .process__step:nth-child(2) .process__step-line-fill{background:var(--gk-green-deep)!important}
.process-v9__shape{border-color:color-mix(in srgb,var(--process-accent) 76%,var(--gk-green) 24%)!important}
.stats-v9 .stats__card-wrap:nth-child(2) .stats__card{background:var(--gk-green)!important;color:#102441!important}
.gk-rich-card:nth-child(2){background:var(--gk-green-soft)!important}
.gk-rich-card:nth-child(2) .gk-rich-card__index{color:var(--gk-green-deep)!important;opacity:1}
.button--swoosh .button__bg-inner--second{background:var(--gk-green)!important}
.button--swoosh:hover .button__inner{color:#102441!important}
/* homepage: retain blue drawpath, green only as small secondary accent */
.c-numbers-stack_grid [class*="number"]:nth-child(2),.c-numbers-stack_grid > *:nth-child(2){--gk-card-accent:var(--gk-green)}
.c-numbers-stack_grid > *:nth-child(2){border-color:rgba(142,212,98,.55)!important}
/* ensure drawpath cards never touch viewport edges */
@media(min-width:1000px){
  .c-homepage-timeline-cards:first-child,.c-homepage-timeline-cards:nth-child(4){right:clamp(80px,7vw,140px)!important}
  .c-homepage-timeline-cards:nth-child(2){left:clamp(80px,7vw,140px)!important}
}
@media(max-width:999px){.c-homepage-timeline-cards{left:clamp(26px,6vw,54px)!important;right:clamp(26px,6vw,54px)!important}}
/* Home secondary green borrowed from MindMarket, kept subtle */
.gk-en-hero__shape{color:rgba(142,212,98,.52)!important}
.gk-en-hero__label::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#8ED462;margin-right:.55em;vertical-align:.08em}
.gk-home-stack{border-radius:2rem 2rem 0 0;overflow:clip}

/* v11 robust preloader: independent from GSAP/runtime */
.gk-en-preloader{transition:clip-path .86s cubic-bezier(.77,0,.175,1),opacity .25s ease!important}
.gk-en-preloader__brand span{animation:gkPreWord .72s cubic-bezier(.22,1,.36,1) forwards}
.gk-en-preloader__brand span:nth-child(2){animation-delay:.09s}
.gk-en-preloader__line i{animation:gkPreLine .85s .15s cubic-bezier(.32,.72,0,1) forwards}
.gk-en-preloader__meta{animation:gkPreMeta .45s .28s ease forwards}
.gk-en-preloader.is-out{clip-path:inset(0 0 100% 0)!important;pointer-events:none!important}
@keyframes gkPreWord{to{transform:translateY(0)}}
@keyframes gkPreLine{to{transform:scaleX(1)}}
@keyframes gkPreMeta{to{opacity:1}}
/* drawpath cards get real breathing room */
@media(min-width:1000px){
 .c-homepage-timeline-cards:first-child,.c-homepage-timeline-cards:nth-child(4){right:clamp(110px,8vw,170px)!important}
 .c-homepage-timeline-cards:nth-child(2){left:clamp(110px,8vw,170px)!important}
 .c-homepage-timeline-cards:nth-child(3){max-width:680px!important}
}
@media(max-width:999px){.c-homepage-timeline-cards{left:clamp(30px,7vw,62px)!important;right:clamp(30px,7vw,62px)!important}}
/* unique projects/contact sections */
.gk-project-showcase,.gk-contact-section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,4vw,4rem);background:#fff;color:#102441}
.gk-project-showcase__head,.gk-contact-section__head{width:min(1180px,100%);margin:0 auto clamp(2.5rem,5vw,5rem)}
.gk-project-showcase__head h2,.gk-contact-section__head h2{font:700 clamp(2.7rem,6vw,6rem)/.95 Parkinsans,sans-serif;letter-spacing:-.05em;max-width:12ch;margin:.6rem 0 1.2rem;color:#102441}
.gk-project-showcase__head>p:last-child,.gk-contact-section__head>p:last-child{max-width:48rem;line-height:1.65;color:#475569}
.gk-project-showcase__grid{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.6rem)}
.gk-project-tile{margin:0;border-radius:1.75rem;overflow:hidden;background:#f4f7fa;border:1px solid rgba(16,36,65,.08)}
.gk-project-tile:nth-child(3n){grid-column:span 2}
.gk-project-tile__media{aspect-ratio:4/3;overflow:hidden}.gk-project-tile:nth-child(3n) .gk-project-tile__media{aspect-ratio:16/7}
.gk-project-tile img{width:100%;height:112%;object-fit:cover;display:block}
.gk-project-tile figcaption{padding:1.3rem 1.4rem 1.6rem}.gk-project-tile figcaption span{font-size:.8rem;letter-spacing:.12em;color:#4f8f55}.gk-project-tile h3{font:700 clamp(1.4rem,2.5vw,2.2rem)/1.05 Parkinsans,sans-serif;margin:.6rem 0;color:#102441}.gk-project-tile p{color:#475569;line-height:1.55}
.gk-contact-section__grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gk-contact-block{min-height:18rem;padding:1.5rem;border-radius:1.6rem;background:#edf3f8;color:#102441;display:flex;flex-direction:column;text-decoration:none}.gk-contact-block:nth-child(2){background:#8ED462}.gk-contact-block:nth-child(3){background:#102441;color:#fff}.gk-contact-block span{font-size:.8rem;letter-spacing:.12em;opacity:.65}.gk-contact-block h3{font:700 clamp(1.7rem,3vw,2.7rem)/1 Parkinsans,sans-serif;margin:auto 0 .8rem;color:inherit}.gk-contact-block p{color:inherit;font-size:1.05rem}
@media(max-width:800px){.gk-project-showcase__grid,.gk-contact-section__grid{grid-template-columns:1fr}.gk-project-tile:nth-child(3n){grid-column:auto}.gk-project-tile:nth-child(3n) .gk-project-tile__media{aspect-ratio:4/3}}
