.project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:50px 0;padding:30px 0;border-block:1px solid #ddd}.project-facts dt{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#777}.project-facts dd{margin:10px 0 0;font-size:19px;line-height:1.5}.project-work{padding-left:22px;color:#555;font-size:17px;line-height:1.8}.project-work li{margin-bottom:10px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.article-body .project-gallery figure{margin:0}.project-gallery img{width:100%;height:auto;display:block}.project-gallery a:focus-visible,.project-cards a:focus-visible{outline:3px solid #00a9e5;outline-offset:4px}.project-index{padding:clamp(65px,8vw,110px) 6vw;background:#f4f5f5;color:#111}.project-index h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 35px}.project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-cards a{display:block;color:#111;text-decoration:none;background:#fff}.project-cards img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.project-cards h3{margin:22px 24px 12px;font-size:25px;line-height:1.2}.project-cards p{margin:0 24px 24px;color:#555;line-height:1.6}.project-cards a:hover h3{color:#007dab}.project-cards--single{max-width:820px;grid-template-columns:1fr}@media(max-width:650px){.project-facts,.project-gallery,.project-cards{grid-template-columns:1fr}.project-index{padding-inline:24px}}
:is(.construction-projects,.compact-projects){padding:70px max(24px,calc((100vw - 1200px)/2));background:#f5f5f3}
:is(.construction-projects,.compact-projects) .project-index-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px;scroll-margin-top:110px}
:is(.construction-projects,.compact-projects) .project-index-heading>div>p{font-size:10px;font-weight:700;letter-spacing:.16em;color:#007dab;margin:0 0 14px}
:is(.construction-projects,.compact-projects) .project-index-heading h2{font-size:clamp(32px,3vw,46px);margin:0}
:is(.construction-projects,.compact-projects) .project-index-heading>p{max-width:340px;font-size:14px;line-height:1.6;color:#666;margin:0}
:is(.construction-projects,.compact-projects) .project-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
:is(.construction-projects,.compact-projects) .project-cards a{background:transparent;min-width:0;border-bottom:1px solid #d7d9da;padding-bottom:18px}
:is(.construction-projects,.compact-projects) .project-cards img{aspect-ratio:16/9;max-height:210px;border-radius:4px;transition:filter .2s}
:is(.construction-projects,.compact-projects) .project-cards h3{display:flex;justify-content:space-between;gap:12px;margin:16px 0 8px;font-size:18px;line-height:1.3;letter-spacing:-.02em}
:is(.construction-projects,.compact-projects) .project-cards h3 span{color:#007dab;flex:none}
:is(.construction-projects,.compact-projects) .project-cards p{margin:0;font-size:12px;line-height:1.5;color:#707070}
:is(.construction-projects,.compact-projects) .project-cards a:hover img{filter:brightness(.87)}
@media(max-width:900px){:is(.construction-projects,.compact-projects) .project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.construction-projects,.compact-projects) .project-index-heading{display:block}:is(.construction-projects,.compact-projects) .project-index-heading>p{margin-top:18px}}
@media(max-width:540px){:is(.construction-projects,.compact-projects) .project-cards{grid-template-columns:1fr;gap:24px}:is(.construction-projects,.compact-projects){padding-block:50px}:is(.construction-projects,.compact-projects) .project-cards img{max-height:none}}