/* V44 — Project category tabs + compact project cards */
.project-category-switcher{padding-top:0;padding-bottom:18px}
.project-category-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto;max-width:520px;padding:6px;background:#f5f8fc;border:1px solid #dfe7f1;border-radius:14px}
.project-category-tab{appearance:none;border:0;background:transparent;color:#42526b;font:700 14px/1.2 Inter,system-ui,sans-serif;padding:12px 24px;min-height:44px;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.project-category-tab:hover{background:#fff;color:#062b55}
.project-category-tab.is-active{background:#062b55;color:#fff;box-shadow:0 5px 14px rgba(4,23,53,.14)}
.project-category-tab:focus-visible{outline:3px solid rgba(14,115,204,.25);outline-offset:2px}
.project-category-panel[hidden]{display:none!important}
.project-portfolio-section .project-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-detail-card{border-radius:16px;overflow:hidden}
.project-detail-body{padding:18px}
.project-detail-body h3{font-size:18px;line-height:1.28;margin-bottom:8px}
.project-spec-grid.compact-project-specs{gap:8px;margin:14px 0}
.project-spec-grid.compact-project-specs>div{padding:10px 9px;border-radius:10px}
.project-spec-grid.compact-project-specs small{font-size:10px}
.project-spec-grid.compact-project-specs strong{font-size:12px}
.project-delivery-summary{margin-top:10px}
.project-scope-chips{gap:5px}
.project-scope-chips span{font-size:10px;padding:5px 7px}
.project-outcome{padding:10px 11px;margin-top:12px}
.project-outcome p{font-size:12px;line-height:1.5}
.project-detail-cta{margin-top:12px}
.project-detail-cta .btn{font-size:12px;padding:10px 13px}

/* Compact delivery-record cards */
.compact-impact{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.compact-impact .impact-card{min-height:145px;padding:18px 14px;border-radius:15px}
.compact-impact .impact-card i{font-size:21px;margin-bottom:8px}
.compact-impact .impact-card strong{font-size:31px;line-height:1}
.compact-impact .impact-card h3{font-size:13px;line-height:1.35;margin-top:7px}

/* Residential portfolio stays compact and mobile friendly */
.residential-portfolio-section .residential-gallery{margin-top:16px}
.residential-portfolio-section .residential-portfolio-summary{padding:18px;border-radius:16px;margin-top:18px}
.residential-summary-grid{gap:10px}
.residential-summary-item{padding:11px 12px;border-radius:11px}
.residential-summary-item i{font-size:16px}
.residential-summary-item small{font-size:10px}
.residential-summary-item strong{font-size:12px;line-height:1.35}

/* Simple estimator invitation — no technical figures */
.project-estimator-teaser{padding-top:8px;padding-bottom:24px}
.project-estimator-card{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:920px;margin:0 auto;padding:24px 28px;border:1px solid #dce6f1;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef6ff);text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(4,23,53,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.project-estimator-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(4,23,53,.1);border-color:#c8d8ea}
.project-estimator-card-copy{min-width:0}
.project-estimator-card .eyebrow{font-size:10px;letter-spacing:.12em}
.project-estimator-card h2{margin:5px 0 6px;font-size:24px;line-height:1.2;color:#062b55}
.project-estimator-card p{margin:0;max-width:620px;color:#52647d;font-size:14px;line-height:1.6}
.project-estimator-card-action{flex:0 0 auto}
.project-estimator-card-action .btn{white-space:nowrap;padding:12px 18px;font-size:13px}
.project-estimator-card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#062b55;color:#fff;font-size:19px;margin-bottom:12px}

@media (max-width:1050px){
 .project-portfolio-section .project-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compact-impact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
 .project-category-switcher{padding-bottom:12px}
 .project-category-tabs{width:100%;max-width:100%;justify-content:stretch}
 .project-category-tab{flex:1;padding:11px 14px;font-size:13px}
 .project-portfolio-section .project-portfolio-grid{grid-template-columns:1fr;gap:14px}
 .compact-impact{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .compact-impact .impact-card{min-height:116px;padding:13px 10px}
 .compact-impact .impact-card strong{font-size:25px}
 .compact-impact .impact-card h3{font-size:11px}
 .project-detail-body{padding:14px}
 .project-detail-body h3{font-size:16px}
 .project-estimator-card{display:block;padding:20px}
 .project-estimator-card-icon{width:42px;height:42px;font-size:17px;margin-bottom:9px}
 .project-estimator-card h2{font-size:21px}
 .project-estimator-card p{font-size:13px}
 .project-estimator-card-action{margin-top:16px}
 .project-estimator-card-action .btn{width:100%;text-align:center}
}

/* Dark-mode category controls — high-contrast, clearly clickable */
html[data-theme="dark"] .project-category-tabs{
  background:#0b1d3b;
  border-color:#29466f;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
html[data-theme="dark"] .project-category-tab{
  color:#eaf2ff;
  background:#10284f;
  border:1px solid #36567f;
}
html[data-theme="dark"] .project-category-tab:hover{
  background:#17365f;
  color:#fff;
  border-color:#5b8ed0;
}
html[data-theme="dark"] .project-category-tab.is-active{
  background:linear-gradient(135deg,#1d6fb2,#258cc9);
  color:#fff;
  border-color:#5ca8e0;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
html[data-theme="dark"] .project-category-tab:focus-visible{
  outline:3px solid rgba(119,190,255,.7);
  outline-offset:2px;
}