@import url('../../shared.css');:root{--bg:#f8f7f2;--card:#fff;--ink:#102a29;--sub:#657574;--accent:#0d665d;--soft:#e6f0ec;--line:#dce4df;--radius:20px}.hero{min-height:720px;padding-top:40px}.hero-copy{position:absolute;z-index:2;left:55px;top:110px;color:white}.hero-copy p{color:#e8efed}.hero-img{height:610px;border-radius:28px;filter:brightness(.62)}.search{position:absolute;left:55px;right:55px;bottom:55px}.soft{background:var(--soft)}@media(max-width:700px){.hero-copy{left:25px;top:75px}.hero-img{height:610px}.search{left:15px;right:15px;bottom:25px}.hero-copy h1{font-size:46px}.hero-copy .actions{display:none}}
.district-section{background:#102a29;color:#fff}.district-section .section-head p{color:#a9bcba}.district-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,240px);gap:16px}.district{position:relative;overflow:hidden;border-radius:var(--radius)}.district.large{grid-row:1/3}.district img{height:100%;transition:.45s}.district:hover img{transform:scale(1.035)}.district:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071918df,transparent 65%)}.district>div{position:absolute;z-index:1;left:28px;right:28px;bottom:25px}.district small,.district b,.district span{display:block}.district small{color:#9ac4be;font-weight:700;letter-spacing:1.5px}.district b{font-size:26px}.district span{color:#d9e3e1;font-size:13px}.resident-story{display:grid;grid-template-columns:1fr 240px;gap:80px;align-items:center}.story-quote>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.5px}.story-quote blockquote{margin:18px 0;font-size:clamp(27px,3vw,42px);font-weight:700;line-height:1.45;letter-spacing:-1.5px}.story-quote p{color:var(--sub)}.story-score{padding:35px;text-align:center;border:1px solid var(--line);border-radius:50%}.story-score b,.story-score span{display:block}.story-score b{font-size:60px;line-height:1}.story-score span{margin:10px 0;color:var(--sub);font-size:9px;letter-spacing:1px}.story-score div{color:#d5a94e}@media(max-width:700px){.district-grid{grid-template-columns:1fr;grid-template-rows:360px 240px 240px}.district.large{grid-row:auto}.resident-story{grid-template-columns:1fr;gap:25px}.story-score{width:210px}}