/* Keep the decision and primary call action visible immediately. */
.hero{padding-block:40px 38px;gap:42px;grid-template-columns:1.15fr 1fr}
.hero h1{font-size:clamp(36px,4.2vw,56px);letter-spacing:-1.8px;margin-bottom:18px}
.hero .eyebrow{margin-bottom:16px;line-height:1.6}
.hero-lead{font-size:17px;line-height:1.6;margin-bottom:22px}
.hero-visual{height:430px}
.hero-copy>*,.hero-visual,.photo-label,.help-card{animation:none}
.hero-call{min-height:60px;font-size:19px;box-shadow:0 5px 0 #dca139}
.hero .micro{font-size:13px;max-width:430px;margin:15px 0 18px;line-height:1.5}
.hero-checks{display:grid;gap:5px;font-size:13px}
.hero-secondary{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:15px;color:var(--blue);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px;white-space:normal}
.decision{display:grid;grid-template-columns:1fr 1.15fr;gap:30px 70px;padding-block:60px}
.decision h2{font-size:clamp(30px,3vw,40px)}
.decision-intro>p:last-child{max-width:410px;color:var(--muted);font-size:15px}
.decision .eyebrow{margin-bottom:16px}
.decision-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.decision-steps li{display:flex;gap:16px;align-items:flex-start}
.decision-steps li>span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eaf0fc;color:var(--blue);font-weight:800}
.decision h3{font:800 17px/1.4 var(--head);margin:3px 0 5px}
.decision-steps p{font-size:14px;color:var(--muted);margin:0}
.decision-contact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
.decision-contact p{margin:0}
.decision-contact strong,.decision-contact p>span{display:block}
.decision-contact p>span{font-size:13px;color:var(--muted)}
#diensten{padding-top:40px}
.realizations{padding-block:90px;background:var(--navy);color:#fff}
.realizations-head{margin-bottom:34px}
.realizations-head .eyebrow{color:#78d9b4}
.realizations-head>p{color:#c6d4e3}
.realizations-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:repeat(3,230px);gap:14px}
.realization{position:relative;min-width:0;overflow:hidden;border-radius:12px;background:#173b63;color:#fff;isolation:isolate}
.realization-featured{grid-row:1/span 2}
.realization img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.realization-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#071b2bd9 100%);z-index:1}
.realization-copy{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.realization-copy small{margin-bottom:7px;color:#9ee5c9;font-size:10px;font-weight:800;letter-spacing:1px}
.realization-copy strong{font:800 19px/1.35 var(--head)}
.realization-featured .realization-copy strong{font-size:27px}
.realization-copy>span{margin-top:8px;color:#d7e3ee;font-size:11px;font-weight:700;opacity:0;translate:0 7px;transition:opacity .25s,translate .25s}
.realization:hover img,.realization:focus-visible img{transform:scale(1.04)}
.realization:hover .realization-copy>span,.realization:focus-visible .realization-copy>span{opacity:1;translate:0 0}
.realizations-note{margin:20px 0 0;color:#9fb2c7;font-size:11px}
.form-intro{font-size:13px;color:var(--muted);margin:-10px 0 20px}
.mobile-bar small{display:block;color:var(--muted);font-size:10px;font-weight:400}
@media(max-width:960px){
 .hero{grid-template-columns:1fr 1fr;gap:28px}
 .hero h1{font-size:40px}
 .hero-call{font-size:16px;padding-inline:16px}
 .hero-visual{height:420px}
 .decision{gap:26px}
 .help-card{left:12px;right:12px;padding:16px;gap:12px}
 .help-card a{font-size:21px}
 .realizations-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px;grid-auto-rows:245px}
 .realization-featured{grid-column:1/-1;grid-row:auto}
}
@media(max-width:640px){
 .utility .wrap{min-height:32px;font-size:10px}
 .hero{grid-template-columns:1fr;padding-block:25px 26px;gap:24px}
 .hero h1{font-size:35px;line-height:1.12;letter-spacing:-1.2px;max-width:480px}
 .hero .eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:.5px}
 .hero-lead{font-size:15px;line-height:1.55;margin-bottom:18px}
 .hero-call{width:100%;font-size:18px;min-height:58px}
 .hero .micro{font-size:12px;margin-block:13px}
 .hero-checks{font-size:12px}
 .hero-secondary{margin-top:8px;font-size:12px}
 .hero-visual{display:none}
 .trust{gap:15px;padding-block:20px}
 .decision{grid-template-columns:1fr;padding-block:38px;gap:22px}
 .decision h2{font-size:30px;margin-bottom:12px}
 .decision-contact{flex-direction:column;align-items:stretch;padding:20px;gap:16px}
 .decision-contact .btn{font-size:16px;padding-inline:12px}
 .section{padding-block:50px}
 .realizations{padding-block:55px}
 .realizations-grid{grid-template-columns:1fr;grid-template-rows:none}
 .realization,.realization-featured{grid-column:auto;grid-row:auto;height:250px}
 .realization-featured{height:320px}
 .realization-copy>span{opacity:1;translate:0 0}
 .realizations-note{line-height:1.6}
 .approach,.contact-section{padding-block:50px}
 .mobile-bar{padding-inline:14px}
 .mobile-bar .btn{font-size:14px;min-height:48px;padding-inline:14px}
 .contact-form{scroll-margin-top:90px}
}
@media(max-width:380px){
 .nav-row{gap:6px}
 .nav-row .brand{gap:6px}
 .nav-row .brand img{width:28px;height:28px}
 .nav-row .brand strong{font-size:22px}
 .nav-row .brand>span{font-size:8px;letter-spacing:1px}
 .nav-row>.btn{font-size:10px;padding-inline:8px}
 .hero-call{padding-inline:12px}
 .mobile-bar{gap:6px;padding-inline:10px}
 .mobile-bar .btn{font-size:13px;padding-inline:10px}
}

::selection{background:var(--blue);color:#fff}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:#edf2f7}
::-webkit-scrollbar-thumb{background:#90a5bd;border:3px solid #edf2f7;border-radius:10px}
.bam-logo{width:214px;height:auto;display:block!important;flex:none;transition:transform .2s}
.brand:hover .bam-logo{transform:translateY(-1px)}
.region-track .review-service{display:block;text-decoration:none}
.contact-region{margin-top:20px}
.contact-form textarea{resize:vertical}
.form-status[data-state="error"]{color:#a0232a}
.form-status[data-state="ready"]{color:#1f6d54}
.header-actions{display:flex;align-items:center;gap:9px;margin-left:0}
.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:8px;background:#168a50;color:#fff;font:800 13px var(--head);white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
.whatsapp-btn:hover{background:#107443;transform:translateY(-2px);box-shadow:0 9px 22px #168a5030}
.wa-mark{display:block;width:23px;height:23px;flex:none;fill:currentColor}
@media(max-width:1100px){
  .header-call{display:none}
}
@media(max-width:960px){
  .header-actions{margin-left:auto}
}
@media(max-width:640px){
  .bam-logo{width:174px;height:auto}
  .header-actions{gap:5px}
  .whatsapp-btn{min-height:42px;padding-inline:10px;font-size:10px}
  .wa-mark{width:20px;height:20px}
  .mobile-bar>a{width:100%}
  .mobile-bar>a small{margin-left:auto}
  body{padding-bottom:76px}
}