/* Architecture page only. Desktop >1024px; tablet 767–1024px; mobile <767px. */
.architecture-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;border-top:1px solid var(--line);padding:32px 0}
.architecture-gallery figure{min-width:0;margin:0}
.architecture-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e4e8df}
.architecture-gallery figcaption{padding:12px 0 0;color:var(--muted);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.architecture-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--line);padding:36px 0}
.architecture-firms{grid-column:span 2;min-width:0}
.architecture-media{min-width:0}
.architecture-directory h2{font:400 clamp(24px,2.3vw,30px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 24px}
.architecture-firm-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.architecture-directory ul{margin:0;padding-left:20px}
.architecture-directory li{padding-left:2px;margin:0 0 12px;overflow-wrap:anywhere}
.architecture-directory li p{margin:0;font-size:16px;line-height:1.55}
.architecture-directory li ul{margin-top:10px}
@media(min-width:1025px){.architecture-directory h2{min-height:72px}}
@media(max-width:1024px){.architecture-gallery,.architecture-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-media{grid-column:1/-1}.architecture-directory{gap:30px}}
@media(max-width:766px){.architecture-gallery,.architecture-directory,.architecture-firm-lists{grid-template-columns:minmax(0,1fr)}.architecture-firms,.architecture-media{grid-column:auto}.architecture-firm-lists{gap:0}.architecture-gallery{gap:28px;padding:24px 0}.architecture-directory{padding:28px 0}.architecture-directory h2{font-size:27px}}