:root{--terra-text:#a9472b;--muted-text:#626762;--footer-muted:#9ca7a1}

/* Audit remediation layer — keeps the existing visual identity while fixing measurable frontend issues. */
.utility{font-size:11px}.brand small{color:var(--terra-text);font-size:11px}.nav-links a,.button{font-size:13px}.eyebrow{font-size:11px}.trust p{font-size:12px}.tag>span{color:var(--terra-text);font-size:11px}.tag small{color:var(--muted-text);font-size:11px}.section-head>p{font-size:14px}.intent p{font-size:12px}.intent>strong{font-size:11px}.direct p small{color:var(--muted-text);font-size:11px}.direct>a{color:var(--terra-text);font-size:12px}.method-grid>div:first-child>p:not(.eyebrow){font-size:14px}.decision-head small{color:var(--muted-text);font-size:10px}.metrics span{color:var(--muted-text);font-size:10px}.metrics strong{font-size:12px}.checks h4{font-size:11px}.checks p{font-size:11px}.decision>a{color:var(--terra-text);font-size:12px}.sequence small{color:var(--muted-text);font-size:11px}.sequence i{font-size:10px}.cta p:last-child{font-size:13px}.button:hover,.button.accent{background:var(--terra-text);border-color:var(--terra-text)}.sequence .now>span{background:var(--terra-text);border-color:var(--terra-text)}

.footer-heading,.footer-grid h4{margin:0 0 10px;font:700 11px/1.4 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.1em}.footer-brand small{color:#f2b7a1}.footer-grid>div a{display:flex;align-items:center;min-height:32px;margin:0;padding:4px 0;color:#b7c0bb;font-size:12px}.bottom{color:var(--footer-muted);font-size:10px}.breadcrumbs{color:var(--muted-text);font-size:11px;line-height:1.8}.breadcrumbs a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

.article-layout,.article-main,.article-aside{min-width:0}.article-main a{overflow-wrap:anywhere}.content-kicker,.aside-label,.compare-label,.source-box>span,.link-pair a>span{color:var(--terra-text);font-size:11px}.content-lead{color:#555b57}.quick-answer a{font-size:13px}.article-nav>strong,.article-nav a{font-size:13px}.decision-card>span{color:var(--muted-text);font-size:11px}.decision-card p{font-size:13px}.decision-card>strong{font-size:12px}.phase-list>div>span{color:var(--terra-text);font-size:11px}.phase-list p{font-size:14px}.link-grid strong{font-size:14px}.link-grid span{color:var(--muted-text);font-size:12px}.aside-card p{font-size:13px}.compare-grid p{font-size:13px}.checkpoint-grid strong{font-size:14px}.checkpoint-grid p{font-size:12px}.table-row>*{min-width:0;font-size:12px;overflow-wrap:anywhere}.link-pair strong{font-size:13px}.source-box p{font-size:13px}.source-box a{font-size:12px}.conversion-box>div>span{color:#f2b7a1;font-size:11px}.conversion-box p{font-size:12px}

/* Editorial media generated through the BFL workflow. */
.editorial-media{width:100%;max-width:none;margin:30px 0 40px}.editorial-media img{display:block;width:100%;height:auto;aspect-ratio:32/21;object-fit:cover;border-radius:var(--radius-md);background:var(--stone)}.editorial-media figcaption{margin-top:9px;color:var(--muted-text);font-size:12px;line-height:1.5}

/* Native data tables scroll inside the article instead of widening the document. */
.table-wrap{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0 40px;border:1px solid var(--line);background:#fff}.table-wrap:focus-visible{outline:2px solid var(--green);outline-offset:3px}.table-wrap table{width:100%;min-width:620px;border-collapse:collapse}.table-wrap th{padding:15px 17px;background:var(--green);color:#fff;text-align:left;font:700 11px/1.4 Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}.table-wrap td{padding:16px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#555b57;font-size:13px;line-height:1.55;vertical-align:top}.table-wrap td:last-child{border-right:0}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:nth-child(even){background:#faf9f5}

.problem-shell .diagnostic-rail .active{background:var(--terra-text)}.problem-shell .decision-card:hover>span,.problem-shell .phase-list>div>span{color:var(--terra-text)}

/* P2: resolve the remaining rendered contrast and undersized-UI findings. */
.trust p,.section-head>p,.intent p,.sequence-grid>div>p:last-child{color:var(--muted-text)}.intent>i,.sequence li>span{color:var(--muted-text);font-size:11px}.intent:hover>i,.intent.active>i{color:#dce5e0}.checks div:last-child p{color:var(--terra-text)}.menu-toggle em,.decision-head small,.metrics span,.sequence i{font-size:11px}

/* P2: make editorial labels calmer and reduce the repeated template treatment. */
.content-kicker,.aside-label,.compare-label,.source-box>span,.link-pair a>span,.conversion-box>div>span{text-transform:none;letter-spacing:.035em}.breadcrumbs{text-transform:none;letter-spacing:.04em}.quick-answer{border-left:0;border:1px solid var(--line)}.aside-card{border-top:0;box-shadow:inset 0 3px 0 var(--green)}

/* P2: remove the empty 65/35 page-head panel and give each content family a subtle identity. */
.content-page .page-head{background:var(--cream)}.section-renovatie-plannen .page-head{background:#f3f0e8}.section-renovatieprojecten .page-head{background:var(--stone)}.section-verduurzamen .page-head{background:#edf2ef}.section-problemen-oplossen .page-head{background:#e8efec}.section-vakman-en-offertes .page-head{background:#f3f0e9}.section-doe-het-zelf .page-head{background:#f5ece6}

@media(max-width:700px){.footer-grid>div a{min-height:36px}.table-wrap{margin-left:0;margin-right:0}.content-kicker,.aside-label,.compare-label,.source-box>span,.link-pair a>span{font-size:11px}.conversion-box p{font-size:13px}.editorial-media{margin:24px 0 32px}.editorial-media img{border-radius:12px}}


.trust-strip{border-bottom:1px solid var(--line);background:#fff}
.trust-strip>.container{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-strip .container>div{padding:22px 26px;border-left:1px solid var(--line)}
.trust-strip .container>div:last-child{border-right:1px solid var(--line)}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip strong{font:700 13px/1.45 Manrope,sans-serif}
.trust-strip span{margin-top:4px;color:var(--muted-text);font-size:12px;line-height:1.5}

/* Homepage editorial overhaul — richer content, meaningful visuals, calmer trust-first layout. */
.hero-story{padding:56px 0 38px;border-bottom:1px solid var(--line);background:var(--cream)}
.hero-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:56px;align-items:center}
.hero-story-copy{min-width:0}
.hero-story h1{max-width:760px;margin:20px 0 22px;font-size:clamp(46px,5.4vw,74px);line-height:1.03}
.hero-story .intro{max-width:700px;color:#505652;font-size:18px;line-height:1.72}
.hero-story-text{max-width:690px;margin-top:16px;color:var(--muted-text);font-size:14px;line-height:1.75}
.hero-figure,.support-figure,.method-figure{margin:0}
.hero-figure img,.support-figure img,.method-figure img,.route-card img,.featured-card img{display:block;width:100%;height:auto}
.hero-figure img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);box-shadow:0 22px 50px rgba(32,36,33,.08);background:var(--stone)}
.hero-figure figcaption,.support-figure figcaption,.method-figure figcaption{margin-top:10px;color:var(--muted-text);font-size:12px;line-height:1.55}
.trust-line{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.trust-line span{position:relative;padding-left:15px;color:#5a605c;font-size:12px;font-weight:600}
.trust-line span:before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--terra-text)}


.home-routes,.home-featured{padding:95px 0}

.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.route-card,.featured-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;transition:.25s ease}
.route-card:hover,.featured-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(32,36,33,.08)}
.route-card img{aspect-ratio:16/10;object-fit:cover;background:var(--stone)}
.route-card-body,.featured-card-body{display:flex;flex:1;flex-direction:column;padding:24px}
.route-label{margin:0 0 12px;color:var(--terra-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.route-card h3,.featured-card h3{font-size:24px;line-height:1.25}
.route-card-body>p:not(.route-label),.featured-card-body>p:not(.route-label){margin:12px 0 24px;color:var(--muted-text);font-size:13px;line-height:1.7}
.route-card strong,.featured-card strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:12px}

.direct-home{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:26px 28px;border:1px solid var(--line);background:var(--stone)}
.direct-home-label{margin:0 0 8px;color:var(--terra-text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.direct-home h3{font-size:26px;line-height:1.2}
.direct-home p:last-child{margin:10px 0 0;color:var(--muted-text);font-size:13px;line-height:1.7}


.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.featured-card img{aspect-ratio:16/10;object-fit:cover;background:var(--stone)}

@media(max-width:1050px){
  .hero-story-grid,
  .route-grid,.featured-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .hero-story{padding:42px 0 28px}
  .hero-story h1{font-size:42px}
  .hero-story .intro{font-size:16px}
  .hero-story-text{font-size:13px}
  .home-routes,.home-featured,
  .route-grid,.featured-grid{grid-template-columns:1fr}
  .route-card h3,.featured-card h3{font-size:22px}
  .direct-home{flex-direction:column;align-items:flex-start}
  .direct-home h3{font-size:23px}
  
}


/* Homepage sequence: give the order-of-works section enough editorial depth. */
.sequence-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:80px;align-items:start}
.sequence-copy>p:not(.eyebrow){max-width:560px;color:var(--muted-text);font-size:13px;line-height:1.75}
.sequence-copy .sequence-lead{color:#4f5551;font-weight:600}
.sequence-note{max-width:560px;margin-top:24px;padding:18px 20px;border-left:3px solid var(--terra-text);background:var(--stone)}
.sequence-note strong,.sequence-note span{display:block}
.sequence-note strong{font:700 13px/1.4 Manrope,sans-serif;color:var(--ink)}
.sequence-note span{margin-top:6px;color:var(--muted-text);font-size:13px;line-height:1.65}
.sequence li{height:auto;min-height:92px;padding:18px 17px;align-items:flex-start}
.sequence li>span{flex:0 0 35px;margin-top:1px}
.sequence li>div{min-width:0}
.sequence strong{font-size:13px}
.sequence small{max-width:430px;margin-top:5px;font-size:12px;line-height:1.5}
.sequence i{padding-top:5px}

@media(max-width:1050px){
  .hero-story-grid{grid-template-columns:1fr}
  .sequence-grid{grid-template-columns:1fr;gap:42px}
}
@media(max-width:700px){.renovation-window.window-b{left:94px}
  .sequence-note{margin-top:20px}
}