#project-types{padding:36px var(--content-gutter) 32px;background:#f8faf8;color:#20343b}
.project-types-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:24px}
#project-types .eyebrow{font-size:11px;margin:0 0 12px}
#project-types h2{font-size:clamp(28px,2.5vw,38px);line-height:1.1;margin:0}
.project-types-heading>p{font-size:15px;line-height:1.55;color:#52656a;margin:0;max-width:600px}
.project-type-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.project-type-column{min-width:0;border-top:3px solid #66898c}
.project-type-category{padding:14px 0 12px;min-height:123px;box-sizing:border-box;border-bottom:1px solid #cedbd8}
.project-type-category>span{font-size:10px;letter-spacing:.1em;color:#5b787d}
#project-types h3{font-family:inherit;font-size:20px;line-height:1.2;margin:7px 0;font-weight:650}
.project-type-category>p{font-size:12px;line-height:1.4;color:#60767b;margin:0}
.project-type-column ul{list-style:none;padding:0;margin:0}
.project-type-column li{padding:12px 0;border-bottom:1px solid #dce5e2;min-height:97px;box-sizing:border-box}
#project-types h4{font-family:inherit;font-size:14px;line-height:1.35;margin:0 0 5px;color:#274a52;font-weight:650}
.project-type-column li p{font-size:13px;line-height:1.45;color:#52656a;margin:0}
.project-technology{margin-top:24px;padding:18px 20px;background:#203c45;color:#f4f8f6;border-radius:3px}
.project-technology-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}
#project-types .project-technology h3{font-size:17px;margin:0}
.project-technology-heading>p{font-size:12px;line-height:1.4;margin:0;color:#c4d7d9}
.project-technology-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:15px}
.project-technology-grid p{font-size:12px;line-height:1.4;margin:0;padding-top:9px;border-top:1px solid #52747c;color:#dbe7e7}
@media(min-width:1201px) and (max-width:1450px){.site-header nav.desktop-navigation>a{padding-inline:6px;font-size:11px}.site-header nav.desktop-navigation>a:last-child{padding-inline:10px}}
@media(min-width:761px) and (max-width:1200px){.site-header nav.desktop-navigation{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.project-type-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-type-category{min-height:100px}.project-type-column li{min-height:0}.project-technology-heading{display:block}.project-technology-heading>p{margin-top:8px}.project-technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-types-heading{grid-template-columns:1fr;gap:18px}.project-type-columns{grid-template-columns:1fr}.project-type-category{min-height:0}.project-type-column li{padding:14px 0}#project-types h4{font-size:16px}.project-type-column li p{font-size:14px}.project-technology-grid{grid-template-columns:1fr}}