@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --wit: #FFFFFF;
  --wit-warm: #F2F6F3;
  --beige: #C5DE73;
  --beige-licht: #DDE8DE;
  --bruin: #183D32;
  --bruin-zacht: #40594F;
  --blauw-licht: #DDE8DE;
  --blauw-diep: #285C46;
  --lijn: #D3DED6;
  --wit-transparent: rgba(255,255,255,0.9);
  --maxw: 1180px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Work Sans', sans-serif;
  color:var(--bruin);
  background:var(--wit);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,.eyebrow{
  font-family:'Big Shoulders Display', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.01em;
  color:var(--bruin);
  margin:0;
}

h1{font-size:clamp(2.6rem, 6vw, 5rem); font-weight:800; line-height:0.95;}
h2{font-size:clamp(1.8rem, 3.6vw, 2.8rem); font-weight:700; line-height:1.02;}
h3{font-size:1.3rem; font-weight:700; letter-spacing:0.02em;}

.eyebrow{
  font-size:0.85rem;
  font-weight:700;
  letter-spacing:0.18em;
  color:var(--blauw-diep);
  display:flex;
  align-items:center;
  gap:0.6em;
}
.eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  background:var(--beige);
  display:inline-block;
}

p{margin:0 0 1em; color:var(--bruin-zacht); max-width:60ch;}
a{color:var(--blauw-diep); text-decoration:none;}
a:hover{color:var(--bruin);}
img{max-width:100%; display:block;}

.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

/* ---------- NAV ---------- */
.site-nav{
  position:sticky; top:0; z-index:50;
  background:var(--wit-transparent);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--lijn);
}
.site-nav .wrap{
  display:flex; align-items:center; justify-content:space-between;
  height:78px;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand img{height:34px; width:auto;}
.nav-links{
  display:flex; gap:2.2rem; list-style:none; margin:0; padding:0;
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:700; letter-spacing:0.04em; text-transform:uppercase; font-size:0.98rem;
}
.nav-links a{color:var(--bruin); position:relative; padding:4px 0;}
.nav-links a::after{
  content:""; position:absolute; left:0; bottom:-2px; height:2px; width:0;
  background:var(--blauw-diep); transition:width .25s ease;
}
.nav-links a:hover::after, .nav-links a.active::after{width:100%;}
.nav-links a.active{color:var(--blauw-diep);}
.nav-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px;}
.nav-toggle span{display:block; width:26px; height:2px; background:var(--bruin); margin:5px 0;}

@media (max-width:760px){
  .nav-toggle{display:block;}
  .nav-links{
    position:fixed; inset:78px 0 0 0; background:var(--wit);
    flex-direction:column; align-items:flex-start; gap:0;
    transform:translateX(100%); transition:transform .3s ease;
    padding:20px 28px; font-size:1.4rem;
  }
  .nav-links.open{transform:translateX(0);}
  .nav-links li{width:100%; border-bottom:1px solid var(--lijn);}
  .nav-links a{display:block; padding:16px 0;}
}

/* ---------- FIGURE WALK DIVIDER (signature element) ---------- */
.figures-marquee{
  overflow:hidden;
  background:var(--wit-warm);
  border-top:1px solid var(--lijn);
  border-bottom:1px solid var(--lijn);
  padding:18px 0;
}
.figures-track{
  display:flex; align-items:flex-end; gap:60px;
  width:max-content;
  animation:figures-scroll 32s linear infinite;
}
.figures-track img{
  height:64px; width:auto; display:block; flex-shrink:0;
}
@keyframes figures-scroll{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion: reduce){
  .figures-track{animation:none; flex-wrap:wrap; width:auto;}
}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  min-height:88vh;
  display:flex; align-items:flex-end;
  background-size:cover; background-position:center;
  color:var(--wit);
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(12,28,21,0.82) 0%, rgba(12,28,21,0.35) 45%, rgba(12,28,21,0.05) 70%);
}
.hero-content{position:relative; z-index:2; padding:64px 0 56px;}
.hero .eyebrow{color:var(--wit); text-shadow:0 1px 6px rgba(0,0,0,0.55);}
.hero .eyebrow::before{background:var(--beige);}
.hero h1{color:var(--wit); margin:0.3em 0 0.4em;}
.hero p{color:#F2F6F3; font-size:1.15rem; max-width:52ch;}

.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:700; text-transform:uppercase; letter-spacing:0.05em;
  padding:14px 26px; border-radius:2px;
  background:var(--blauw-diep); color:var(--wit);
  border:1px solid var(--blauw-diep);
  transition:background .2s ease, color .2s ease;
  margin-top:1.4rem;
}
.btn:hover{background:transparent; color:var(--wit);}
.btn.secondary{background:transparent; color:var(--bruin); border-color:var(--bruin);}
.btn.secondary:hover{background:var(--bruin); color:var(--wit);}
.hero .btn.secondary{color:var(--wit); border-color:var(--wit);}
.hero .btn.secondary:hover{background:var(--wit); color:var(--bruin);}

/* ---------- SECTIONS ---------- */
section{padding:96px 0;}
section.tight{padding:64px 0;}
.section-head{max-width:640px; margin-bottom:2.6rem;}

.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
@media (max-width:800px){.grid-2{grid-template-columns:1fr; gap:32px;}}

.pull{
  border-left:3px solid var(--beige);
  padding-left:24px; margin:1.6em 0;
  font-family:'Big Shoulders Display', sans-serif;
  font-size:1.4rem; font-weight:600; color:var(--bruin-zacht);
  text-transform:none;
}

/* Project strip / gallery */
.photo-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
}
@media (max-width:760px){.photo-grid{grid-template-columns:1fr;}}
.photo-card{
  position:relative; overflow:hidden; border-radius:2px;
  aspect-ratio:4/3; background:var(--wit-warm);
}
.photo-card img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.photo-card:hover img{transform:scale(1.06);}
.photo-card .cap{
  position:absolute; left:0; right:0; bottom:0;
  padding:14px 16px 12px;
  background:linear-gradient(0deg, rgba(12,28,21,0.85), transparent);
  color:var(--wit);
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:700; letter-spacing:0.03em; text-transform:uppercase; font-size:0.92rem;
}

.band{background:var(--blauw-licht);}
.band-brown{background:var(--bruin); color:var(--wit);}
.band-brown h2, .band-brown p{color:var(--wit);}
.band .wrap, .band-brown .wrap{
  text-align:center; display:flex; flex-direction:column; align-items:center;
}
.band p{max-width:56ch;}

/* footer */
footer{background:var(--bruin); color:var(--beige-licht); padding:56px 0 30px;}
footer .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px;}
footer h3{color:var(--wit); font-size:1.1rem; margin-bottom:0.6em;}
footer a{color:var(--beige-licht);}
footer a:hover{color:var(--wit);}
footer .brand img{filter:brightness(0) invert(1);}
.footer-bottom{
  max-width:var(--maxw); margin:36px auto 0; padding:20px 28px 0;
  border-top:1px solid rgba(255,255,255,0.12);
  font-size:0.85rem; color:#BECFC3;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
}

.social-links{display:flex; gap:12px; margin-top:16px;}
.social-links a{
  width:38px; height:38px; border-radius:50%;
  border:1px solid rgba(255,255,255,0.25);
  display:flex; align-items:center; justify-content:center;
  color:var(--beige-licht);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.social-links a:hover{background:var(--beige); color:var(--bruin); border-color:var(--beige);}
.social-links svg{width:17px; height:17px; fill:currentColor;}

.card{
  background:var(--wit-warm); border:1px solid var(--lijn);
  padding:28px; border-radius:2px;
}
.info-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
@media (max-width:760px){.info-grid{grid-template-columns:1fr;}}

.people{display:grid; grid-template-columns:1fr 1.2fr; gap:44px; align-items:center;}
@media (max-width:800px){.people{grid-template-columns:1fr;}}
.people img{border-radius:2px;}

.map-frame{border:1px solid var(--lijn); border-radius:2px; overflow:hidden;}
.map-frame iframe{width:100%; height:380px; border:0; display:block;}

/* ---------- CLIENTS MARQUEE ---------- */
.clients-marquee{
  overflow:hidden;
  background:var(--wit-warm);
  border-top:1px solid var(--lijn);
  border-bottom:1px solid var(--lijn);
  padding:26px 0;
}
.clients-marquee .clients-label{
  max-width:var(--maxw); margin:0 auto 16px; padding:0 28px;
}
.clients-track{
  display:flex; gap:14px; width:max-content;
  animation:scroll-left 46s linear infinite;
}
.client-plate{
  white-space:nowrap;
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:700; text-transform:uppercase; letter-spacing:0.04em;
  font-size:1rem; color:var(--bruin-zacht);
  background:var(--wit); border:1px solid var(--lijn);
  padding:10px 20px; border-radius:2px;
}
.client-plate.logo{
  display:flex; align-items:center; justify-content:center;
  height:64px; padding:0; background:none; border:none;
}
.client-plate.logo img{
  height:38px; width:auto; max-width:170px;
  object-fit:contain;
}
@keyframes scroll-left{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
@media (prefers-reduced-motion: reduce){
  .clients-track{animation:none; flex-wrap:wrap; width:auto;}
}

.client-groups{display:grid; grid-template-columns:1fr 1fr; gap:48px;}
@media (max-width:760px){.client-groups{grid-template-columns:1fr;}}
.client-list{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px;}
.client-list li{
  font-family:'Big Shoulders Display', sans-serif;
  font-weight:700; text-transform:uppercase; letter-spacing:0.03em;
  font-size:0.95rem; color:var(--bruin-zacht);
  background:var(--wit-warm); border:1px solid var(--lijn);
  padding:9px 16px; border-radius:2px;
}
.client-list li.logo{
  display:flex; align-items:center; justify-content:center;
  padding:8px 12px; height:56px; background:none; border:none;
}
.client-list li.logo img{
  height:34px; width:auto; max-width:160px;
  object-fit:contain;
}

.page-hero{
  padding:150px 0 70px;
  background:var(--wit-warm);
  border-bottom:1px solid var(--lijn);
}
.page-hero .eyebrow{margin-bottom:0.8em;}

/* Forest palette: readable button states and clear keyboard focus. */
.btn:hover{background:var(--bruin);border-color:var(--bruin);color:var(--wit);}
.hero .btn.secondary:hover{background:var(--wit);border-color:var(--wit);color:var(--bruin);}
a:focus-visible,button:focus-visible{outline:3px solid var(--blauw-diep);outline-offset:4px;}
.hero a:focus-visible,footer a:focus-visible{outline-color:var(--beige);}
/* White street silhouettes on a contrasting forest-green strip. */
.figures-marquee{background:var(--bruin);border-color:var(--bruin);}
.figures-track img{filter:brightness(0) invert(1);}

/* Harmonize the monochrome client logos with the forest palette. */
.client-plate.logo img,
.client-list li.logo img{
  filter:brightness(0) saturate(100%) invert(19%) sepia(25%) saturate(891%) hue-rotate(108deg) brightness(94%) contrast(92%);
}
/* Keep wide logos proportional and the square Hazeldonk mark legible. */
.client-plate.logo img[src$="hazeldonk.jpg"],
.client-list li.logo img[src$="hazeldonk.jpg"]{
  height:80px;max-width:100px;
  filter:url(#hazeldonk-forest);
  mix-blend-mode:normal;
}
.client-list li.logo:has(img[src$="hazeldonk.jpg"]){height:80px;}
.client-plate.logo img[src$="flight-forum.svg"]{width:170px;height:auto;}
.client-list li.logo img[src$="flight-forum.svg"]{width:160px;height:auto;}

.client-plate.logo:has(img[src$="hazeldonk.jpg"]){height:80px;min-width:90px;}
.clients-track{align-items:center;}

/* Consistent visible height and baseline for the trimmed silhouettes. */
.figures-track{align-items:flex-end;gap:60px;}
.figures-track img{height:72px;width:auto;object-fit:contain;}

/* Muted green surfaces for the interior pages. */
.inner-page{--wit-warm:#E2EAE4;--blauw-licht:#BCCFC1;--lijn:#BCCDC1;}
.inner-page .page-hero{background:#BCCFC1;}
.inner-page .contact-details{max-width:1000px;}
.inner-page .card .social-links a{color:var(--bruin);border-color:var(--bruin);}

/* Phone and tablet layouts. */
.wrap>*{min-width:0;}
p,h1,h2,h3,a{overflow-wrap:break-word;}
.eyebrow::before{flex-shrink:0;}
.btn{min-height:48px;justify-content:center;text-align:center;}
.social-links a{width:44px;height:44px;}
@media (min-width:541px) and (max-width:900px){
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .wrap{padding-left:20px;padding-right:20px;}
  .site-nav .wrap{height:68px;}
  .brand img{max-width:180px;height:auto;max-height:34px;}
  .nav-toggle{display:block;min-width:48px;min-height:48px;}
  .nav-links{position:absolute;inset:68px 0 auto;max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;transform:none;display:none;padding:12px 20px 24px;box-shadow:0 12px 20px rgba(12,28,21,.12);}
  .nav-links.open{display:flex;transform:none;}
  .nav-links a{min-height:48px;}
  section{padding:56px 0;}
  section.tight{padding:40px 0;}
  .page-hero{padding:58px 0 40px;}
  .page-hero h1{font-size:clamp(1.9rem,7.6vw,3rem)!important;line-height:1.08;}
  .hero{min-height:0;}
  .hero-content{padding-top:64px;padding-bottom:40px;width:100%;}
  .hero h1{font-size:clamp(2.3rem,9.5vw,4rem);line-height:1.02;}
  .hero p{font-size:1rem;}
  .eyebrow{font-size:.78rem;letter-spacing:.1em;}
  .grid-2,.people,.info-grid{grid-template-columns:minmax(0,1fr);gap:24px;}
  .card{padding:24px;}
  .photo-grid{gap:16px;}
  .photo-card .cap{font-size:.9rem;line-height:1.35;}
  .figures-track{gap:36px;}
  .figures-track img{height:60px;}
  .clients-track{gap:24px;}
  footer{padding:40px 0 24px;}
  footer .wrap{flex-direction:column;gap:28px;}
  .footer-bottom{padding:20px 20px 0;gap:12px;}
}
@media (max-width:540px){
  .photo-grid{grid-template-columns:minmax(0,1fr);}
  .hero .btn{display:flex;width:100%;margin-top:12px;}
  .band .btn,.band-brown .btn{max-width:100%;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .photo-card img{transition:none;}
}

.contact-form{width:100%;max-width:720px;text-align:left;margin-top:24px;padding:28px;background:var(--wit);border:1px solid var(--lijn);border-radius:4px;}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;}
.contact-form label{display:block;font-weight:600;margin-bottom:6px;color:var(--bruin);}
.contact-form input,.contact-form textarea{display:block;width:100%;min-height:48px;padding:12px;border:1px solid #718B7B;border-radius:3px;background:#fff;color:var(--bruin);font:inherit;font-size:16px;}
.contact-form textarea{resize:vertical;}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blauw-diep);outline-offset:2px;}
.contact-form .form-note{font-size:.9rem;margin-top:16px;max-width:none;}
.contact-form .btn{cursor:pointer;font-size:1rem;}
@media(max-width:540px){.form-grid{grid-template-columns:minmax(0,1fr);}.contact-form{padding:20px;}.contact-form .btn{width:100%;}}

.assortiment-download{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:var(--wit-warm);border:1px solid var(--lijn);margin-bottom:36px;}
.assortiment-download p{margin:12px 0 0;}
.assortiment-download .btn{margin:0;flex-shrink:0;}
@media(max-width:900px){.assortiment-download{flex-direction:column;align-items:flex-start;}.assortiment-download .btn{max-width:100%;}}
@media(max-width:540px){.assortiment-download{padding:20px;}.assortiment-download .btn{width:100%;}}

/* Social buttons: forest green and white, without the lime hover accent. */
.social-links a:hover,
.inner-page .card .social-links a:hover{
  background:var(--bruin);
  color:#FFFFFF;
  border-color:var(--bruin);
}
footer .social-links a:hover{
  background:#FFFFFF;
  color:var(--bruin);
  border-color:#FFFFFF;
}

/* Inclusive homepage photograph: figures left, copy right. */
.hero-inclusive{align-items:center;background-position:center;}
.hero-inclusive::after{background:linear-gradient(90deg,rgba(12,28,21,.04) 0%,rgba(12,28,21,.15) 38%,rgba(12,28,21,.82) 65%,rgba(12,28,21,.9) 100%);}
.hero-inclusive .hero-content{width:100%;padding-left:max(56%,calc((100% - 1180px)/2 + 650px));max-width:none;padding-right:max(28px,calc((100% - 1180px)/2 + 28px));}
.hero-inclusive h1{font-size:clamp(2.6rem,4.5vw,4.5rem);}
@media(max-width:900px){
 .hero-inclusive{display:block;min-height:0;background-image:none!important;background-color:var(--bruin);}
 .hero-inclusive::before{content:"";display:block;width:100%;aspect-ratio:3/2;background:url('../images/hires/mus-211015-3575-1.jpg') center/cover no-repeat;}
 .hero-inclusive::after{display:none;}
 .hero-inclusive .hero-content{max-width:700px;padding:32px 20px 40px;}
 .hero-inclusive h1{font-size:clamp(2.3rem,7.8vw,4rem);}
}

.assortiment-pages{padding-top:40px;padding-bottom:56px;}
.assortiment-pages figure{margin:0 0 32px;}
.assortiment-pages img{width:100%;height:auto;border:1px solid var(--lijn);}
.assortiment-pages figcaption{margin-top:10px;color:var(--bruin-zacht);}

/* Two identical full-width groups make the animation loop seamless. */
.figures-track{gap:0;flex-wrap:nowrap;width:max-content;}
.figures-group{display:flex;align-items:flex-end;justify-content:space-around;flex:0 0 auto;gap:60px;padding-right:60px;min-width:100vw;}
.figures-group img{max-width:none;flex-shrink:0;}
@media(max-width:760px){.figures-group{gap:36px;padding-right:36px;}}
@media(prefers-reduced-motion:reduce){
 .figures-track{animation:none;width:100%;}
 .figures-group{min-width:0;width:100%;flex-wrap:wrap;justify-content:center;padding:0 20px;gap:24px;}
 .figures-group+.figures-group{display:none;}
}

/* Keep six navigation items comfortable on narrower desktops and tablets. */
@media(min-width:761px){.nav-links{gap:clamp(.8rem,2vw,2rem);}.site-nav .wrap{gap:20px;}}
@media(min-width:761px) and (max-width:1000px){
 .site-nav .wrap{height:68px;}.nav-toggle{display:block;min-width:48px;min-height:48px;}
 .nav-links{position:absolute;inset:68px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--wit);padding:12px 28px 24px;max-height:calc(100dvh - 68px);overflow-y:auto;box-shadow:0 12px 20px rgba(12,28,21,.12);}
 .nav-links.open{display:flex;}.nav-links li{border-bottom:1px solid var(--lijn);}.nav-links a{display:block;padding:16px 0;min-height:48px;}
}

.product-actions{display:flex;flex-wrap:wrap;gap:12px;}
#contact-form{scroll-margin-top:100px;}
@media(max-width:540px){.product-actions{flex-direction:column;}.product-actions .btn{width:100%;}}

#opdrachtgevers{scroll-margin-top:100px;}
#opdrachtgevers .wrap{margin-bottom:24px;}

/* Product introduction with a clear visual hierarchy. */
.product-intro{padding:64px 0;}
.product-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;}
.product-intro h1{font-size:clamp(2.3rem,4.2vw,3.8rem);line-height:1.04;max-width:15ch;margin:16px 0 20px;}
.product-intro-copy>p:not(.eyebrow){max-width:46ch;}
.product-intro-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:60% center;border-radius:4px;}
.product-assortment{background:var(--wit);border-bottom:1px solid var(--lijn);}
.product-assortment .wrap{max-width:850px;}
.product-assortment h2{margin:12px 0 16px;}
@media(max-width:760px){.product-intro{padding:36px 0;}.product-intro-grid{grid-template-columns:minmax(0,1fr);gap:28px;}.product-intro .product-intro-photo{aspect-ratio:3/2;}.product-intro h1{max-width:18ch;}.product-intro .btn{max-width:100%;}}

/* Modern Buro Mus visual system. */
:root,.inner-page{--bruin:#123C32;--bruin-zacht:#415D54;--blauw-diep:#245846;--blauw-licht:#CAD9CF;--wit-warm:#F0F4F0;--beige:#9CB7A4;--beige-licht:#D9E5DC;--lijn:#D1DED5;}
body{font-family:'Manrope',Arial,sans-serif;font-size:16px;line-height:1.75;}
h1,h2,h3,.eyebrow,.btn,.nav-links,.photo-card .cap,.client-plate{font-family:'Manrope',Arial,sans-serif;}
h1,h2,h3{text-transform:none;letter-spacing:-.045em;font-weight:800;}
h1{line-height:1.04;}h2{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.12;}h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em;}
.eyebrow{font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.16em;margin-bottom:16px;}
.eyebrow::before{width:20px;height:4px;border-radius:4px;background:currentColor;}
.site-nav{background:rgba(255,255,255,.96);border-bottom:1px solid var(--lijn);}
.nav-links{font-size:.82rem;text-transform:none;font-weight:700;letter-spacing:0;}
.nav-links a{padding:10px 0;}
.btn{border-radius:999px;padding:15px 26px;min-height:52px;font-size:.85rem;font-weight:800;letter-spacing:0;text-transform:none;line-height:1.5;transition:background .2s,color .2s,box-shadow .2s;}
.btn:hover{box-shadow:0 5px 18px rgba(18,60,50,.12);}
.btn::after{content:'↗';font-size:1.15em;margin-left:10px;}
.page-hero,.inner-page .page-hero{background:linear-gradient(115deg,#DEE8DF,#C3D5C9);padding:84px 0 64px;border-bottom:none;}
.page-hero h1{font-size:clamp(2.6rem,5.2vw,4.6rem)!important;max-width:19ch;}
.page-hero p:not(.eyebrow){font-size:1.08rem;margin-top:24px;max-width:56ch;}
.hero-inclusive h1{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.05em;}
.hero-inclusive .btn{padding:14px 20px;}
.section-head{max-width:740px;}
.photo-card{border-radius:16px;aspect-ratio:4/3;}
.photo-card .cap{padding:36px 20px 18px;font-size:.92rem;font-weight:700;text-transform:none;letter-spacing:-.015em;background:linear-gradient(transparent,rgba(12,28,21,.85));}
.photo-grid{gap:24px;}
.people img,.grid-2>img,.product-intro-photo{border-radius:20px;}
.product-intro{padding:64px 0;}
.product-intro h1{font-size:clamp(2.4rem,4.2vw,3.8rem)!important;max-width:16ch;}
.product-intro-grid{gap:56px;}
.product-intro-photo{aspect-ratio:1/1;}
.card{background:transparent;border:0;border-top:2px solid var(--bruin);border-radius:0;padding:28px 8px 8px 0;}
.card h3{margin-bottom:16px;}
.band{background:var(--blauw-licht);}
.band-brown{background:var(--bruin);}
.band .wrap,.band-brown .wrap{gap:8px;}
.band-brown .eyebrow{color:var(--beige-licht);}
footer{border-top:1px solid rgba(255,255,255,.12);padding-top:64px;}
footer h3{text-transform:none;letter-spacing:0;}
.social-links a{border-radius:50%;}
.contact-details{gap:36px;}
.inner-page .contact-details{max-width:1180px;}
.contact-details .card p{font-size:1.05rem;}
.contact-section{background:#E6EEE7;padding:72px 0!important;}
.contact-section .contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:64px;align-items:start;text-align:left;}
.contact-intro h2{max-width:12ch;font-size:clamp(2.4rem,4vw,3.5rem);margin-bottom:24px;}
.contact-form{margin:0;max-width:none;padding:36px;border:0;border-radius:20px;background:white;box-shadow:0 16px 50px rgba(18,60,50,.06);}
.contact-form label{font-size:.83rem;font-weight:700;margin-bottom:8px;}
.contact-form input,.contact-form textarea{background:#F4F7F4;border:1px solid #A6BCAF;border-radius:8px;padding:14px;}
.contact-form input:hover,.contact-form textarea:hover{border-color:var(--blauw-diep);}
.contact-form input:focus,.contact-form textarea:focus{background:white;}
.contact-form .form-note{font-size:.8rem;line-height:1.65;}
#form-status:empty{display:none;}
.assortiment-pages img{border-radius:12px;}
@media(max-width:1000px){.contact-section .contact-layout{gap:32px;grid-template-columns:minmax(0,1fr);}.contact-intro h2{max-width:20ch;}.contact-intro p{max-width:60ch;}.product-intro-grid{gap:32px;}}
@media(max-width:760px){
 body{font-size:16px;}.page-hero,.inner-page .page-hero{padding:44px 0 40px;}
 .page-hero h1{font-size:clamp(2.2rem,8.5vw,3.3rem)!important;}.page-hero p:not(.eyebrow){font-size:1rem;}
 .hero-inclusive h1{font-size:clamp(2.1rem,8vw,3.6rem);}.hero-inclusive .hero-content{padding-top:32px;}
 .photo-card{border-radius:12px;}.photo-grid{gap:20px;}
 .contact-form{padding:24px 20px;border-radius:16px;}.contact-section{padding:44px 0!important;}
 .contact-intro h2{font-size:2.3rem;}.contact-details{gap:28px;}
 .product-intro .product-intro-photo{aspect-ratio:3/2;}
 .btn{max-width:100%;}.nav-links{font-size:1rem;}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none;}}

.contact-form select{width:100%;min-height:52px;padding:14px 10px;font:inherit;font-size:16px;color:var(--bruin);background:#F4F7F4;border:1px solid #A6BCAF;border-radius:8px;margin-bottom:20px;}
.contact-form select:focus{outline:2px solid var(--blauw-diep);outline-offset:2px;}
#request-detail-wrap{margin-bottom:20px;}
#request-detail-wrap[hidden]{display:none;}