/* CODE182 district gallery – scoped and responsive */
.districts{padding-top:100px;position:relative}
.districts-intro{border-top:2px dashed #44505c;padding:32px 0 28px}
.districts-intro h2{font-size:clamp(23px,4.6vw,43px);line-height:1.22;margin:14px 0 14px;max-width:680px;color:var(--ink)}
.districts-intro>p:last-child{font:400 16px/1.65 "Segoe UI",system-ui,sans-serif;color:var(--muted);max-width:720px;margin:0}
.districts-stack{display:flex;flex-direction:column;gap:76px;position:relative;padding:26px 0}
.districts-stack:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed #293644;pointer-events:none}
.district-card{box-sizing:border-box;width:min(44%,400px);min-width:300px;position:relative;background:#111821;border:2px solid #3e4e5b;box-shadow:9px 9px 0 #05070a}
.district-card--right{align-self:flex-end}
.district-card--left{align-self:flex-start}
.district-card:before{content:"";position:absolute;width:24px;height:2px;background:#7a8e9c;top:42px}
.district-card--right:before{right:100%}
.district-card--left:before{left:100%}
.district-number{font:900 12px/1.3 Consolas,Monaco,monospace;letter-spacing:.14em;color:#c0c9d1;padding:14px 18px;border-bottom:2px solid #2e3b45}
.district-number span{color:var(--accent)}
.district-card figure{margin:0}
.district-card img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#070b11}
.district-card figcaption{padding:18px 21px 22px;border-top:2px solid #394957}
.district-card h3{font-size:clamp(18px,2.5vw,23px);line-height:1.3;letter-spacing:.02em;color:#f3f1e8;margin:0 0 11px;text-transform:uppercase}
.district-card figcaption p{font:400 15px/1.72 "Segoe UI",system-ui,sans-serif;color:#c7ced8;margin:0}
.districts-note{text-align:center;color:#86949f;font-size:11px;letter-spacing:.07em;padding:38px 12px 0;margin:0}
@media(max-width:780px){.districts{padding-top:72px}.districts-stack{gap:50px}.district-card{min-width:0;width:min(78%,400px)}.districts-stack:before{left:50%}}
@media(max-width:520px){.districts{padding-top:55px}.districts-stack{gap:34px}.districts-stack:before{display:none}.district-card{width:min(100%,400px);align-self:center}.district-card:before{display:none}.district-card figcaption{padding:16px 18px 21px}.district-card figcaption p{font-size:14px}.districts-note{padding-top:25px}}