/*
Theme Name: Baranski Renovatie
Theme URI: https://baranskirenovatie.nl/
Author: OpenAI
Description: Custom WordPress theme for a Dutch renovation company. Conversion-focused homepage, services, work area, projects, FAQ and callback form.
Version: 1.7.0
Text Domain: baranski-renovatie
*/

:root{
  --br-bg:#f4f6f9;
  --br-surface:#ffffff;
  --br-ink:#142038;
  --br-muted:#5f6d82;
  --br-line:#dfe5ec;
  --br-accent:#d83a00;
  --br-accent-dark:#b93100;
  --br-dark:#151a28;
  --br-radius:16px;
  --br-shadow:0 20px 60px rgba(0,0,0,.08);
  --br-max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--br-bg);color:var(--br-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 32px),var(--br-max));margin-inline:auto}
.section{padding:88px 0}
.section--white{background:var(--br-surface)}
.section--dark{background:var(--br-dark);color:#fff}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--br-accent-dark);margin:0 0 10px}
h1,h2,h3{line-height:1.1;margin-top:0}
h1{font-size:clamp(2.5rem,6vw,5.4rem);letter-spacing:-.05em;margin-bottom:24px}
h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em;margin-bottom:18px}
h3{font-size:1.25rem;margin-bottom:10px}
p{margin-top:0}
.lead{font-size:1.16rem;color:var(--br-muted);max-width:760px}
.section--dark .lead{color:#c7c7c7}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:14px 22px;font-weight:800;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--br-accent);color:#fff}
.btn--primary:hover{background:#bd3300}
.btn--dark{background:#142038;color:#fff}
.btn--ghost{border-color:#cfd6df;background:transparent}
.btn--light{background:#fff;color:#111}

.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border-bottom:1px solid #e5e9ef}
.header-inner{min-height:82px;display:flex;align-items:center;gap:18px}
.site-brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.03em;font-size:1.18rem;margin-right:auto}
.site-brand__mark{width:40px;height:40px;border-radius:8px;background:var(--br-dark);display:grid;place-items:center;color:#fff;font-weight:900}
.site-brand img{max-height:48px;width:auto}

/* Hoofdmenu + dropdown zoals op de referentiesite */
.main-nav{align-self:stretch;display:flex;align-items:stretch;font-weight:700;font-size:.95rem}
.primary-menu{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;height:100%;gap:0}
.primary-menu>li{position:relative;display:flex;align-items:stretch;margin:0}
.primary-menu>li>a{display:flex;align-items:center;min-height:82px;padding:0 14px;white-space:nowrap;transition:color .18s ease,background .18s ease}
.primary-menu>li>a:hover,.primary-menu>li.current-menu-item>a,.primary-menu>li.current-menu-ancestor>a{color:var(--br-accent-dark)}
.primary-menu>.menu-item-has-children>a:after{content:"";width:7px;height:7px;margin-left:9px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.primary-menu>.menu-item-has-children:hover>a:after,.primary-menu>.menu-item-has-children:focus-within>a:after{transform:translateY(2px) rotate(225deg)}

.primary-menu .sub-menu{position:absolute;z-index:120;top:100%;left:0;min-width:255px;max-width:320px;list-style:none;margin:0;padding:7px 0;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;box-shadow:0 18px 38px rgba(15,23,42,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.primary-menu .sub-menu li{display:block;margin:0}
.primary-menu .sub-menu a{display:block;padding:9px 16px;color:#42516a;font-weight:500;line-height:1.35;white-space:nowrap;transition:background .15s ease,color .15s ease}
.primary-menu .sub-menu a:hover,.primary-menu .sub-menu .current-menu-item>a{background:#f4f6f8;color:#111827}
.primary-menu>.menu-item-has-children:hover>.sub-menu,.primary-menu>.menu-item-has-children:focus-within>.sub-menu,.primary-menu>.menu-item-has-children.is-submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}

.header-actions{display:flex;align-items:center;gap:12px}
.header-contact{display:grid;line-height:1.05;text-align:right;white-space:nowrap}
.header-contact span{font-size:.68rem;letter-spacing:.04em;color:#748198;font-weight:700}
.header-contact strong{font-size:.94rem;color:#142038;margin-top:4px}
.header-callback{min-height:46px}
.menu-toggle{display:none;border:0;background:#111;color:#fff;border-radius:12px;padding:10px 12px}

.hero{padding:62px 0 32px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:54px;align-items:center}
.hero-copy{padding:34px 0}
.hero-copy .lead{font-size:1.18rem;max-width:720px}
.hero-list{list-style:none;padding:0;margin:30px 0;display:grid;gap:12px;font-weight:700}
.hero-list li{display:flex;gap:10px;align-items:flex-start}
.hero-list li:before{content:"✓";width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ece5d5;color:#7d5d1b;font-weight:900;flex:0 0 24px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.microcopy{font-size:.82rem;color:#777;margin-top:16px}

.callback-card{background:#151a28;color:#fff;border-radius:28px;padding:30px;box-shadow:var(--br-shadow);position:relative;overflow:hidden}
.callback-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(216,58,0,.16);right:-100px;top:-100px}
.callback-card>*{position:relative}
.callback-card h2{font-size:2rem;margin-bottom:8px}
.callback-card p{color:#c6c6c6}
.form-grid{display:grid;gap:12px}
.field{display:grid;gap:6px}
.field label{font-size:.8rem;font-weight:800;color:#ddd}
.field input,.field select,.field textarea{width:100%;border:1px solid #333;background:#1d1d1d;color:#fff;border-radius:13px;padding:13px 14px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--br-accent)}
.callback-card .btn{width:100%;margin-top:4px}
.form-note{font-size:.75rem;color:#999;margin:8px 0 0}

.stats{padding:28px 0 46px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:#fff;border:1px solid var(--br-line);border-radius:18px;padding:20px}
.stat strong{display:block;font-size:1.45rem;letter-spacing:-.03em}
.stat span{font-size:.9rem;color:#6c6c6c}

.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.section-head .lead{margin-bottom:0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{background:#fff;border:1px solid var(--br-line);border-radius:var(--br-radius);padding:25px;min-height:250px;display:flex;flex-direction:column;transition:.2s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--br-shadow)}
.service-icon{width:46px;height:46px;border-radius:13px;background:#fff0ea;color:#d83a00;display:grid;place-items:center;font-size:1.35rem;margin-bottom:28px}
.service-card p{color:#6b6b6b}
.service-link{margin-top:auto;font-weight:850;display:inline-flex;gap:8px;align-items:center}

.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}
.why-panel{background:#fff;border-radius:26px;padding:34px;border:1px solid var(--br-line)}
.why-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why-item{border:1px solid var(--br-line);border-radius:16px;padding:18px;background:#faf9f6}
.why-item strong{display:block;margin-bottom:6px}
.why-item span{font-size:.9rem;color:#6a6a6a}

.steps{counter-reset:step;display:grid;gap:0;border-top:1px solid #2b2b2b}
.step{display:grid;grid-template-columns:90px 1fr 1.4fr;gap:26px;padding:28px 0;border-bottom:1px solid #2b2b2b;align-items:start}
.step-num{font-weight:900;font-size:1.5rem;color:var(--br-accent)}
.step p{color:#b8b8b8;margin:0}

.workarea-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:stretch}
.map-card{background:#111;border-radius:26px;min-height:430px;position:relative;overflow:hidden;padding:24px;color:#fff}
.map-card svg{width:100%;height:100%;max-height:410px}
.map-note{position:absolute;left:24px;bottom:24px;background:rgba(255,255,255,.92);color:#111;border-radius:15px;padding:12px 14px;font-size:.85rem;font-weight:800}
.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.region{background:#fff;border:1px solid var(--br-line);border-radius:18px;padding:19px}
.region h3{margin-bottom:7px}
.region p{font-size:.9rem;color:#6c6c6c;margin-bottom:0}

.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.project-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--br-line)}
.project-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#ddd7ca,#aaa394);display:grid;place-items:center;color:#555;font-weight:800}
.project-thumb img{width:100%;height:100%;object-fit:cover}
.project-body{padding:20px}
.project-meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#b93100;font-weight:900;margin-bottom:6px}

.faq{display:grid;gap:10px;max-width:920px}
.faq-item{border:1px solid var(--br-line);background:#fff;border-radius:16px;overflow:hidden}
.faq-q{width:100%;display:flex;justify-content:space-between;gap:18px;align-items:center;text-align:left;border:0;background:transparent;padding:20px;font-weight:900;cursor:pointer}
.faq-a{padding:0 20px 20px;color:#666;display:none}
.faq-item.is-open .faq-a{display:block}
.faq-item.is-open .faq-q span:last-child{transform:rotate(45deg)}

.cta-band{background:var(--br-accent);padding:54px 0}
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-band h2{margin:0;max-width:780px}

.site-footer{background:#0d0d0d;color:#fff;padding:58px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:42px}
.footer-grid p,.footer-grid li{color:#b9b9b9}
.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer-bottom{border-top:1px solid #292929;margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#858585;font-size:.85rem}

.content-page{padding:72px 0;min-height:60vh}
.content-page__inner{max-width:860px}
.content-page article{background:#fff;border:1px solid var(--br-line);border-radius:24px;padding:36px}

.notice{padding:14px 16px;border-radius:12px;margin-bottom:16px;background:#edf8ee;color:#245a2a;font-weight:700}
.notice--error{background:#fff0f0;color:#7d2f2f}

@media (max-width:1050px){
  .main-nav{display:none;position:absolute;left:16px;right:16px;top:74px;background:#fff;border:1px solid var(--br-line);border-radius:18px;padding:10px 16px;box-shadow:var(--br-shadow);flex-direction:column;align-items:flex-start;max-height:calc(100vh - 92px);overflow:auto}
  .main-nav.is-open{display:flex}
  .primary-menu{width:100%;height:auto;flex-direction:column;align-items:stretch}
  .primary-menu>li{display:block;width:100%;border-bottom:1px solid #f0f0f0}
  .primary-menu>li:last-child{border-bottom:0}
  .primary-menu>li>a{min-height:auto;padding:13px 4px;width:100%;justify-content:space-between}
  .primary-menu>.menu-item-has-children>a:after{margin-left:auto;margin-right:4px}
  .primary-menu>.menu-item-has-children:hover>a:after,.primary-menu>.menu-item-has-children:focus-within>a:after{transform:translateY(-2px) rotate(45deg)}
  .primary-menu>.menu-item-has-children.is-submenu-open>a:after{transform:translateY(2px) rotate(225deg)}
  .primary-menu .sub-menu{position:static;display:none;min-width:0;max-width:none;width:100%;margin:0 0 10px 10px;padding:3px 0 3px 12px;border:0;border-left:2px solid #e7e2d8;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none}
  .primary-menu>.menu-item-has-children:hover>.sub-menu,.primary-menu>.menu-item-has-children:focus-within>.sub-menu{display:none}
  .primary-menu>.menu-item-has-children.is-submenu-open>.sub-menu{display:block}
  .primary-menu .sub-menu a{padding:9px 8px;white-space:normal}
  .menu-toggle{display:block}
  .header-phone{display:none}
  .hero-grid,.why-grid,.workarea-grid{grid-template-columns:1fr}
  .services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}
  .hero{padding-top:32px}
}

@media (max-width:720px){
  .section{padding:62px 0}
  .header-inner{min-height:70px;gap:10px}
  .site-brand{font-size:1rem}
  .header-actions .btn{display:none}
  .hero-grid{gap:24px}
  .callback-card{padding:22px}
  .stats-grid,.services-grid,.projects-grid,.region-grid,.why-list{grid-template-columns:1fr}
  .step{grid-template-columns:48px 1fr}
  .step p{grid-column:2}
  .section-head,.cta-band__inner,.footer-bottom{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .map-card{min-height:360px}
}

/* ===== Internal pages inspired by the Van Hof Bouw information architecture ===== */
.inner-page{background:#fff}
.page-hero{background:#f5f7fa;border-bottom:1px solid var(--br-line);padding:36px 0 30px}
.page-hero--compact h1{font-size:clamp(2.35rem,5vw,4.45rem);max-width:900px;margin:14px 0 18px}
.page-hero__copy{max-width:920px}
.page-lead{font-size:1.15rem;line-height:1.72;color:#546279;max-width:900px;margin-bottom:28px}
.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:.88rem;color:#7a869a;margin-bottom:28px}
.breadcrumbs a{color:#42516a}.breadcrumbs a:hover{color:var(--br-accent)}
.trust-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--br-line);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(20,32,56,.04)}
.trust-row>div{padding:15px 18px;border-right:1px solid var(--br-line)}
.trust-row>div:last-child{border-right:0}
.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:.92rem;color:#142038}.trust-row span{font-size:.74rem;color:#7d899d;margin-top:2px}

.workarea-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.workarea-map-simple{position:relative;background:#f7f8fa;border:1px solid var(--br-line);border-radius:16px;min-height:420px;padding:22px;overflow:hidden}
.workarea-map-simple svg{width:100%;height:370px;display:block}
.map-caption{position:absolute;left:22px;right:22px;bottom:20px;background:#fff;border:1px solid var(--br-line);border-radius:10px;padding:10px 12px;font-size:.8rem;color:#66738a;font-weight:700}
.region-section{padding:64px 0;border-top:1px solid #edf0f4;background:#fff}
.region-section:nth-of-type(even){background:#f8f9fb}
.region-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:end;margin-bottom:28px}
.region-heading h2{margin-bottom:0;font-size:clamp(1.9rem,3vw,2.65rem)}
.region-heading>p{color:#637086;margin:0;max-width:800px}
.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.city-card{border:1px solid var(--br-line);border-radius:12px;background:#fff;padding:20px;box-shadow:0 7px 22px rgba(20,32,56,.035)}
.city-card h3{font-size:1.18rem;margin-bottom:3px}.city-municipality{font-size:.82rem;color:#8290a5;margin-bottom:14px}
.city-services{display:flex;flex-wrap:wrap;gap:6px}.city-services a,.city-services span{font-size:.76rem;color:#42516a;background:#f4f6f9;border:1px solid #e3e8ef;padding:5px 8px;border-radius:6px}.city-services a:hover{background:#fff0ea;color:#b93100;border-color:#f4c0ad}

.about-story-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
.prose-card h2{font-size:clamp(2rem,3.8vw,3.25rem)}.prose-card p{color:#5e6c81;font-size:1.02rem;line-height:1.8}.prose-card--plain{max-width:720px}
.about-photo-card{min-height:470px;border-radius:14px;overflow:hidden;background:#e8ebef}.about-photo-card img{width:100%;height:100%;min-height:470px;object-fit:cover}
.about-photo-placeholder{min-height:470px;display:grid;place-items:center;padding:40px;background:linear-gradient(145deg,#263348,#111827);color:#dce2eb;text-align:center;font-weight:700}
.about-method{background:#f5f7fa}
.about-method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.about-values{border-top:1px solid #dfe5ec}.about-values>div{display:grid;grid-template-columns:52px 180px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #dfe5ec;align-items:start}.about-values span{font-weight:900;color:var(--br-accent)}.about-values strong{color:#142038}.about-values p{margin:0;color:#66738a}
.company-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.text-link{font-weight:800;color:#142038}.text-link:hover{color:var(--br-accent)}
.company-details{margin:0;border-top:1px solid var(--br-line)}.company-details>div{display:grid;grid-template-columns:155px 1fr;gap:24px;padding:17px 0;border-bottom:1px solid var(--br-line)}.company-details dt{font-weight:800;color:#142038}.company-details dd{margin:0;color:#637086}

.quote-section{padding-top:62px}.quote-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:34px;align-items:start}.quote-form-card{border:1px solid var(--br-line);border-radius:14px;padding:30px;background:#fff;box-shadow:0 12px 36px rgba(20,32,56,.05)}
.quote-form{display:grid;gap:22px}.quote-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-full{grid-column:1/-1}.field--light label{color:#25324a}.field--light input,.field--light select,.field--light textarea{background:#fff;color:#142038;border:1px solid #cfd7e3;border-radius:8px;padding:13px 14px}.field--light input:focus,.field--light select:focus,.field--light textarea:focus{outline:2px solid rgba(216,58,0,.13);border-color:var(--br-accent)}
.form-divider{display:flex;align-items:center;gap:14px;color:#758299;font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.form-divider:before,.form-divider:after{content:"";height:1px;background:var(--br-line);flex:1}
.quote-submit{width:100%;min-height:52px}.quote-assurances{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:.78rem;color:#68758a}.quote-assurances span:before{content:"✓";color:var(--br-accent);font-weight:900;margin-right:5px}.quote-privacy{font-size:.76rem;color:#8591a3;margin:0}.br-hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:1px!important;width:1px!important}
.quote-aside{display:grid;gap:18px;position:sticky;top:112px}.quote-call-card,.next-steps-card{border-radius:14px;padding:26px}.quote-call-card{background:#151a28;color:#fff}.quote-call-card .eyebrow{color:#ff8b61}.quote-call-card h2{font-size:2rem}.quote-call-card p:not(.eyebrow){color:#c7cfdb}.quote-call-card .btn{width:100%}.next-steps-card{border:1px solid var(--br-line);background:#f7f8fa}.next-steps-card h3{font-size:1.35rem;margin-bottom:18px}.next-steps-card ol{list-style:none;padding:0;margin:0;display:grid;gap:17px}.next-steps-card li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.next-steps-card li>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff0ea;color:#b93100;font-weight:900}.next-steps-card strong{display:block}.next-steps-card p{margin:3px 0 0;font-size:.83rem;color:#718096}

.cta-split{background:#151a28;color:#fff;padding:58px 0}.cta-split__inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.cta-split h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:12px}.cta-split p:not(.eyebrow){color:#cbd2dd;max-width:700px;margin-bottom:0}.cta-split .eyebrow{color:#ff8b61}.cta-split__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.cta-split .btn--light{border-color:#fff}

/* Header closer to the supplied reference */
.header-inner{min-height:88px}.primary-menu>li>a{min-height:88px;color:#2f3d54;font-weight:600}.primary-menu .sub-menu{border-radius:0 0 7px 7px;min-width:255px}.primary-menu .sub-menu a{padding:9px 16px}.site-brand{color:#142038}.header-contact:hover strong{color:var(--br-accent)}

/* Footer expanded look */
.site-footer{background:#111827}.site-footer .site-brand{color:#fff}.site-footer .site-brand__mark{background:#fff;color:#111827}.footer-grid{grid-template-columns:1.25fr .8fr .8fr 1fr}
.footer-cta{border-top:1px solid #2a3445;border-bottom:1px solid #2a3445;padding:28px 0;margin-bottom:38px;display:flex;gap:26px;align-items:center;justify-content:space-between}.footer-cta h3{margin:0;font-size:1.35rem}.footer-cta p{margin:4px 0 0;color:#aeb8c8}.footer-cta__actions{display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:1100px){
  .header-contact{display:none}
  .trust-row{grid-template-columns:repeat(3,1fr)}.trust-row>div:nth-child(3){border-right:0}.trust-row>div:nth-child(n+4){border-top:1px solid var(--br-line)}
  .city-grid{grid-template-columns:repeat(2,1fr)}
  .quote-layout{grid-template-columns:1fr}.quote-aside{position:static;grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .page-hero{padding-top:24px}.breadcrumbs{margin-bottom:20px}.trust-row{grid-template-columns:1fr 1fr}.trust-row>div{border-right:1px solid var(--br-line);border-top:1px solid var(--br-line)}.trust-row>div:nth-child(1),.trust-row>div:nth-child(2){border-top:0}.trust-row>div:nth-child(even){border-right:0}
  .workarea-intro-grid,.about-story-grid,.about-method-grid,.company-details-grid,.region-heading{grid-template-columns:1fr;gap:28px}.workarea-map-simple{min-height:350px}.workarea-map-simple svg{height:310px}.city-grid{grid-template-columns:1fr}.about-values>div{grid-template-columns:42px 1fr}.about-values>div p{grid-column:2}.quote-fields-grid{grid-template-columns:1fr}.quote-full{grid-column:auto}.quote-aside{grid-template-columns:1fr}.cta-split__inner,.footer-cta{align-items:flex-start;flex-direction:column}.cta-split__actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr}.company-details>div{grid-template-columns:110px 1fr}
}
@media(max-width:1050px){
  .main-nav{top:80px}.header-inner{min-height:78px}.header-callback{display:none!important}
}

/* ===== v1.3: contact, werkwijze and realizations ===== */
.projects-section-head{align-items:flex-start}
.section-head__side{max-width:650px}
.section-head__side .lead{font-size:1rem;margin-bottom:10px}

.contact-main-section{padding-top:66px}
.contact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:58px;align-items:start}
.contact-info-column{display:grid;gap:36px}
.contact-call-panel,.contact-data-panel,.contact-expect-panel{padding-bottom:34px;border-bottom:1px solid var(--br-line)}
.contact-call-panel h2,.contact-data-panel h2{font-size:clamp(1.8rem,3vw,2.65rem)}
.contact-call-panel>p:not(.eyebrow){color:#637086;max-width:600px}
.contact-phone-button{margin:8px 0 12px;min-width:250px}
.contact-hours{font-size:.86rem;color:#78859a!important;margin:0}
.contact-data-list{margin:0;border-top:1px solid var(--br-line)}
.contact-data-list>div{display:grid;grid-template-columns:125px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--br-line)}
.contact-data-list dt{font-weight:800}.contact-data-list dd{margin:0;color:#5f6d82}.contact-data-list a:hover{color:var(--br-accent)}
.contact-checklist{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.contact-checklist li{display:flex;gap:10px;color:#4d5b70}
.contact-checklist li:before{content:"✓";color:var(--br-accent);font-weight:950}
.contact-form-card{background:#fff;border:1px solid var(--br-line);border-radius:16px;padding:32px;box-shadow:0 18px 50px rgba(20,32,56,.07);position:sticky;top:112px}
.contact-form-card h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:10px}.contact-form-card>p:not(.eyebrow){color:#657287}

.process-main{padding-top:68px}
.process-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:54px;align-items:start}
.process-list{border-top:1px solid var(--br-line)}
.process-row{display:grid;grid-template-columns:74px 1fr;gap:26px;padding:34px 0;border-bottom:1px solid var(--br-line)}
.process-number{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff0ea;color:var(--br-accent-dark);font-weight:950;font-size:1.15rem}
.process-copy h2{font-size:clamp(1.45rem,2.6vw,2rem);letter-spacing:-.02em;margin:3px 0 10px}
.process-copy p{color:#637086;margin:0;max-width:760px}
.process-aside{display:grid;gap:18px;position:sticky;top:112px}
.process-aside-card{background:#f6f8fa;border:1px solid var(--br-line);border-radius:15px;padding:25px}
.process-aside-card h3{font-size:1.5rem}.process-aside-card p:not(.eyebrow){color:#637086}
.process-aside-card--dark{background:var(--br-dark);border-color:var(--br-dark);color:#fff}
.process-aside-card--dark .eyebrow{color:#ff8b61}.process-aside-card--dark p:not(.eyebrow){color:#c8d0dc}
.process-aside-card--dark .btn{width:100%;margin-top:4px}
.process-call-link{display:block;text-align:center;margin-top:14px;font-weight:850;color:#fff}.process-call-link:hover{color:#ff8b61}

.realizations-grid{align-items:stretch}
.realization-card{height:100%}.realization-card>a{display:flex;flex-direction:column;height:100%}
.realization-card .project-body{display:flex;flex-direction:column;flex:1}
.realization-card .project-body h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:10px}
.realization-card .project-body p{color:#677489}.realization-card .service-link{margin-top:auto}
.pagination{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:38px}
.pagination .page-numbers{min-width:42px;height:42px;border:1px solid var(--br-line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-weight:800;background:#fff;color:#40506a}
.pagination .current,.pagination a:hover{background:var(--br-dark);border-color:var(--br-dark);color:#fff}
.empty-realisations{max-width:760px;border:1px solid var(--br-line);border-radius:16px;padding:34px;background:#f8f9fb}
.empty-realisations h2{font-size:2rem}

@media(max-width:980px){
  .contact-layout,.process-layout{grid-template-columns:1fr;gap:38px}
  .contact-form-card,.process-aside{position:static}
  .process-aside{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .contact-form-card{padding:22px}
  .contact-data-list>div{grid-template-columns:1fr;gap:2px}
  .process-row{grid-template-columns:52px 1fr;gap:15px;padding:26px 0}
  .process-number{width:44px;height:44px}
  .process-aside{grid-template-columns:1fr}
}


/* v1.5 — editor-first page layouts */
.br-editor-page{min-height:60vh}
.br-editor-page>.wp-block-group,.br-editor-page>.wp-block-cover{margin-block-start:0}
.br-editor-page>.page-hero:first-child{margin-top:0}
.br-editor-page img{max-width:100%;height:auto}

/* v1.6 - service pages editable from Theme File Editor */
.service-code-hero{background:linear-gradient(90deg,#0c1529,#15223d);background-size:cover;background-position:center;color:#fff;padding:48px 0 64px}.service-code-hero h1{color:#fff;max-width:760px}.service-code-hero .page-lead{color:#eef2f8;max-width:760px}.service-code-hero__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:56px;align-items:start}.service-side-card{background:#fff;color:#142038;border-radius:16px;padding:28px;box-shadow:0 22px 55px rgba(0,0,0,.22)}.service-side-card h3{color:#142038;font-size:26px}.btn--full{width:100%;justify-content:center}.btn--outline-light{border:2px solid rgba(255,255,255,.8);color:#fff!important;background:transparent}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.service-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.service-copy p:first-child{margin-top:0}.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.service-info-card{background:#fff;border:1px solid #dfe3ea;border-radius:14px;padding:26px}.service-info-card__nr{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#fff0ea;color:#d83a00;font-weight:900;margin-bottom:16px}.section--dark{background:#0c1529;color:#fff}.section--dark h2,.section--dark h3{color:#fff}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding:9px 0 9px 30px}.check-list li:before{content:'✓';position:absolute;left:0;color:#ff5a00;font-weight:900}.service-process-grid{grid-template-columns:repeat(4,1fr)}.faq-wrap{max-width:920px}.faq-item{border-bottom:1px solid #dfe3ea;padding:0}.faq-item summary{cursor:pointer;padding:20px 0;font-weight:800;color:#142038}.faq-item div{padding:0 0 18px}
@media(max-width:900px){.service-code-hero__grid,.service-intro-grid{grid-template-columns:1fr}.service-card-grid{grid-template-columns:1fr 1fr}.service-process-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.service-card-grid,.service-process-grid{grid-template-columns:1fr}}


/* ===== Individually code-editable service pages (v1.7) ===== */
.service-code-page{background:#fff}
.service-code-hero{padding:58px 0 46px;background:linear-gradient(180deg,#f5f7fa 0%,#fff 100%);border-bottom:1px solid var(--br-line)}
.service-code-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:46px;align-items:center}
.service-code-hero h1{font-size:clamp(3rem,6vw,5.4rem);margin:10px 0 20px}
.service-code-hero .lead{font-size:1.15rem;max-width:760px}
.service-code-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.service-code-card{background:#151a28;color:#fff;border-radius:20px;padding:28px;box-shadow:0 18px 50px rgba(20,32,56,.14)}
.service-code-card h2{font-size:1.8rem;margin-bottom:12px}.service-code-card p{color:#c9d0da}.service-code-card .btn{width:100%;margin-top:8px}
.service-code-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.service-code-item{border:1px solid var(--br-line);border-radius:16px;padding:24px;background:#fff}.service-code-item span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0ea;color:var(--br-accent);font-weight:900;margin-bottom:18px}
.service-code-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.service-code-benefit{padding:16px 18px;border:1px solid var(--br-line);border-radius:12px;background:#f8f9fb;font-weight:700}.service-code-benefit:before{content:'✓';color:var(--br-accent);font-weight:900;margin-right:9px}
.service-code-cta{background:#151a28;color:#fff}.service-code-cta h2{color:#fff}.service-code-cta .lead{color:#c9d0da}.service-code-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.service-code-cta__actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.service-code-hero__grid{grid-template-columns:1fr}.service-code-grid{grid-template-columns:1fr 1fr}.service-code-cta__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.service-code-grid,.service-code-benefits{grid-template-columns:1fr}}