/* Gegenereerd gedeeld stylesheet — bron: src/pages (extract_css.py).
   Wijzig via een nieuwe versie (v2) + verwijzing in Base/pagina's. */
html,body{margin:0;background:var(--paper);font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";}
@keyframes dropIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:translateY(0);}}
.tel{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);}
.tel .text{display:flex;flex-direction:column;line-height:1.05;}
.tel .text .label{font-size:10.5px;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.tel .text .num{font-weight:700;font-size:16px;color:var(--ink);margin-top:3px;white-space:nowrap;}
.cta:hover{background:var(--green-deep);}
.cta svg{width:16px;height:16px;}
.usps{background:var(--blue);color:#fff;}
.usps .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:16px;padding-bottom:16px;}
.usp{display:inline-flex;align-items:center;gap:11px;font-size:14.5px;font-weight:700;color:#fff;letter-spacing:-.005em;}
.usp .check{width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.usp .check svg{width:13px;height:13px;}
@media (max-width:980px){
.usps .container{grid-template-columns:repeat(2,1fr);gap:14px;}
}
@media (max-width:720px){
.usps .container{grid-template-columns:1fr;}
}
.advm::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;background:var(--green);border-radius:3px;}
.advm .wk-av::after{content:"";position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:var(--green);border:2px solid #fff;}
.advm .wk-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.advm .wk-q{font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.01em;}
.advm .wk-by{font-size:12.5px;color:var(--muted);font-weight:600;line-height:1.3;}
.advm .wk-by strong{color:var(--ink-2);font-weight:700;}
.advm .wk-links{flex:1 1 100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:6px 22px;margin-top:4px;}
.advm .wk-l{display:inline-flex;align-items:center;gap:5px;color:var(--blue-ink);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;padding:2px 0;}
.advm .wk-l:hover{color:var(--blue);}
.advm .wk-l svg{width:15px;height:15px;color:var(--green);flex:0 0 15px;}
.proj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.proj-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 24px 48px -28px rgba(15,30,60,.30);}
.proj-card .media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.proj-card:hover .media img{transform:scale(1.04);}
.ph-tile .ph-ico{width:46px;height:46px;color:var(--muted-2);opacity:.9;}
.ph-tile .ph-ico svg{width:46px;height:46px;}
.disc::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.85);}
.disc-mob{background:var(--blue);}
.disc-vast{background:var(--blue-ink);}
.disc-vloer{background:var(--green-deep);}
.disc-plaf{background:#b9791a;}
.proj-card .meta .pin{width:13px;height:13px;color:var(--muted-2);flex:0 0 auto;}
.proj-card .meta .pin svg{width:13px;height:13px;display:block;}
.proj-card .more svg{width:14px;height:14px;transition:transform .2s;}
.proj-card:hover .more svg{transform:translateX(3px);}
.cta-inner .ct-text{position:relative;max-width:560px;}
.cta-inner .eyebrow-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--green);}
.cta-inner p{margin:10px 0 0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.85);font-weight:500;}
.cta-actions{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.btn-primary:hover{background:var(--green-deep);transform:translateY(-1px);}
.btn-primary svg{width:17px;height:17px;}
.btn-tel:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);}
.btn-tel svg{width:16px;height:16px;}
@media (max-width:720px){
.proj-grid{grid-template-columns:1fr;}
.cta-inner{padding:30px 26px;}
.cta-inner h2{font-size:24px;}
}