.civic{--bg:#f7f8fa;--white:#fff;--ink:#1a1c1f;--muted:#6b7280;--line:#eceef2;--mint:#d8efc4;--mint-ink:#2f6b2a;--sky:#d7ecff;--sky-ink:#1d6fbf;--orange:#3c8aff;--heart:#f84040;--green:#22c55e;--dark:#14161a;--r:24px;--r-lg:32px}.civic,.civic *{box-sizing:border-box;margin:0;padding:0}.civic{scroll-behavior:smooth;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Manrope,Helvetica,sans-serif}.civic button,.civic input{font:inherit;color:inherit}.civic button{cursor:pointer;background:0 0;border:0}.civic a{color:inherit;text-decoration:none}.civic img{max-width:100%;display:block}.civic ::selection{background:var(--orange);color:#fff}.civic .page{width:min(100%,1600px);margin:0 auto;padding:0 32px 36px}.civic header.top{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f7f8fadb;position:sticky;top:0}.civic .top-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(100%,1600px);margin:0 auto;padding:16px 32px;display:grid}.civic .logo{letter-spacing:-.06em;justify-self:start;font-size:20px;font-weight:800}.civic nav.main{color:#3f4650;white-space:nowrap;justify-self:center;gap:18px;font-size:14px;font-weight:600;display:flex}.civic nav.main a:hover{color:#000}.civic .top-right{justify-self:end;align-items:center;gap:8px;display:flex}.civic .city-now{color:#3f4650;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:14px;font-weight:600;line-height:1.25;display:inline-flex}.civic .city-now:hover{color:#000;background:#fff}.civic .city-now svg{font-size:16px}.civic .btn-login{color:#155fa8;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#d4ebff;border:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.civic .btn-login:hover{background:#c5e2ff}.civic .screen-hero{flex-direction:column;display:flex}.civic .screen-hero-body{flex:1;min-height:0}.civic .hero{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;padding-top:8px;display:grid}.civic .hero-col-map{grid-area:1/1}.civic .hero-center{grid-area:1/2/auto/span 2}.civic .hero-col-adopt{grid-area:1/4}.civic .hero-bottom{display:contents}.civic .hero-bottom>.htile{grid-row:2}.civic .hero-col{gap:10px;min-height:0;display:grid}.civic .hero-col:has(.t-map){grid-template-rows:auto 1fr}.civic .hero-col:has(.adopt-block){grid-template-rows:auto 1fr}.civic .htile{text-align:center;background:#fff;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:128px;padding:14px 14px 16px;display:flex;position:relative;overflow:hidden}.civic .htile .cap{letter-spacing:-.02em;color:#3f4650;font-size:13px;font-weight:700;line-height:1.2}.civic .htile .vis{flex:1;place-items:center;width:100%;min-height:68px;display:grid}.civic .htile.photo{justify-content:flex-end;padding:0}.civic .htile.photo img,.civic .htile.photo .cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.civic .htile.photo .cap{z-index:1;color:#fff;text-shadow:0 1px 10px #00000073;width:100%;padding:12px;position:relative}.civic .htile.photo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#10182873);height:42%;position:absolute;inset:auto 0 0}.civic .pet-card .cap{letter-spacing:-.04em;text-align:left;padding:14px 16px;font-size:18px;font-weight:800}.civic .htile.t-city{color:#fff;background:#1f3f5b;justify-content:center;gap:6px;min-height:96px;padding:12px 16px}.civic .htile.t-city strong{letter-spacing:-.05em;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1}.civic .htile.t-city small{color:#ffffff9e;font-size:13px;font-weight:600}.civic .htile.wash{text-align:left;justify-content:flex-end;align-items:flex-start;padding:16px 18px}.civic .htile.wash .cap,.civic .htile.wash .label,.civic .htile.wash p,.civic .htile.wash .more{z-index:1;position:relative}.civic .htile.wash p{opacity:.78;max-width:22ch;margin-top:6px;font-size:13px;font-weight:600;line-height:1.35}.civic .htile.wash .more{color:inherit;margin-top:10px;font-size:14px}.civic .htile.wash .tile-line{z-index:1;width:100%;display:block;position:relative}.civic .hero .htile.wash>strong,.civic .hero .htile.wash .tile-line strong{letter-spacing:-.07em;font-size:clamp(26px,2.9vw,38px);line-height:1}.civic .hero .htile.wash .stat{z-index:0;min-width:0;height:auto;box-shadow:none;letter-spacing:-.08em;font-variant-numeric:tabular-nums;opacity:.28;pointer-events:none;color:inherit;background:0 0;border-radius:0;margin:0;padding:0;font-size:clamp(44px,4.6vw,62px);font-weight:800;line-height:.85;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.civic .hero-col .htile.wash-fund .stat{font-size:clamp(36px,3.6vw,48px);right:22px}.civic a.htile{cursor:pointer}.civic a.htile.wash{transition:box-shadow .2s,filter .2s}.civic a.htile.wash:hover{filter:saturate(1.12)brightness(.98);box-shadow:0 10px 24px #10182814}.civic a.htile.wash:hover .wash-fig{opacity:.34}.civic a.htile.wash:hover .stat{opacity:.4}.civic .wash-fig{pointer-events:none;opacity:.28;width:108%;height:108%;color:inherit;animation:10s ease-in-out infinite wash-drift;display:inline-block;position:absolute;bottom:-42%;right:-28%}.civic img.wash-fig{object-fit:contain}.civic .hero .htile.wash:has(.stat){padding-right:84px}.civic .hero .htile.wash-support{padding-right:104px}.civic .hero .htile.wash .wash-fig{opacity:.3;width:92px;height:92px;animation-name:wash-float;top:50%;bottom:auto;right:12px}@keyframes wash-drift{0%,to{transform:translate(0)}50%{transform:translate(-8px,-10px)}}@keyframes wash-float{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 5px))}}@media (prefers-reduced-motion:reduce){.civic .wash-fig{animation:none}.civic .hero .htile.wash .wash-fig{transform:translateY(-50%)}}.civic .htile.wash-lg{justify-content:space-between;min-height:258px;padding:22px}.civic .htile.wash-lg .label{letter-spacing:-.05em;color:var(--ink);font-size:26px;font-weight:800;line-height:1.05}.civic .htile.wash-lg .wash-fig{opacity:.2;width:125%;height:125%;top:auto;bottom:-36%;right:-32%}.civic .wash-map{color:#1a73c7;background:#d4ebff}.civic .htile.wash-map{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.civic .htile.wash-map strong{letter-spacing:-.05em;color:#155fa8;z-index:1;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-map small{color:#1a73c7;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-shelter{color:#c2410c;background:#ffe4cc}.civic .wash-shelter .cap,.civic .wash-shelter strong{color:#9a3412}.civic .htile.wash-shelter{text-align:center;justify-content:center;align-items:center;gap:6px}.civic .htile.wash-shelter strong{letter-spacing:-.05em;z-index:1;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-shelter small{color:#c2410c;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-fund{color:#b91c1c;background:#fde8e8}.civic .htile.wash-fund{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.civic .htile.wash-fund strong{letter-spacing:-.05em;color:#9f1239;z-index:1;font-size:clamp(22px,2.4vw,32px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-fund small{color:#be123c;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-chip{color:#7c3aed;background:#ead9ff}.civic .htile.wash-chip{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.civic .htile.wash-chip strong{letter-spacing:-.05em;color:#6d28d9;z-index:1;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-chip small{color:#7c3aed;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-afisha{color:#4338ca;background:#e0e7ff}.civic .htile.wash-afisha{text-align:center;justify-content:center;align-items:center;gap:6px}.civic .htile.wash-afisha strong{letter-spacing:-.05em;color:#3730a3;z-index:1;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-afisha small{color:#4338ca;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-support{color:#334155;background:#e8edf3}.civic .htile.wash-support{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.civic .htile.wash-support strong{letter-spacing:-.05em;color:#1e293b;z-index:1;max-width:9ch;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-support small{color:#475569;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-orgs{color:#2f8a38;background:#d8f0c8}.civic .htile.wash-orgs{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.civic .htile.wash-orgs strong{letter-spacing:-.05em;color:#166534;z-index:1;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1.05;position:relative}.civic .htile.wash-orgs small{color:#2f8a38;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .wash-shop{color:#9a5b12;background:#f3e7d3}.civic .htile.wash-shop{text-align:left;justify-content:center;align-items:flex-start;gap:6px}.civic .htile.wash-shop strong{letter-spacing:-.05em;color:#7c4a12;z-index:1;font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1;position:relative}.civic .htile.wash-shop small{color:#9a5b12;z-index:1;font-size:13px;font-weight:600;position:relative}.civic .sphere{background:radial-gradient(circle at 35% 30%,#fff,#9aa4b2 42%,#4b5563);border-radius:50%;width:62px;height:62px}.civic .map-tex{background:radial-gradient(circle,#d1d5db 1.2px,#0000 1.4px) 0 0/7px 7px,linear-gradient(#eef1f5,#dfe3ea);border-radius:12px;width:100%;height:72px}.civic .sos-mark{color:#dc2626;background:#fee2e2;border-radius:16px;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.civic .wordmark{letter-spacing:-.05em;background:linear-gradient(#111,#737373);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1.05}.civic .split-ph{grid-template-columns:1fr 1fr;gap:6px;width:78%;display:grid}.civic .split-ph span{aspect-ratio:9/14;background:#111;border:2px solid #e8eaee;border-radius:10px;overflow:hidden}.civic .split-ph img{object-fit:cover;width:100%;height:100%}.civic .htile.t-map{z-index:0;isolation:isolate;justify-content:stretch;align-items:stretch;height:100%;min-height:420px;padding:0}.civic .htile.t-map:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#f7f8fa8c 55%,#f7f8faeb);height:96px;position:absolute;inset:auto 0 0}.civic .city-map{z-index:0;background:#e8edf2;border:0;width:100%;height:100%;position:absolute;inset:0}.civic .city-map [class*=copyrights-pane],.civic .city-map [class*=copyright],.civic .city-map [class*=gototech],.civic .city-map [class*=gotoymaps]{opacity:0!important;visibility:hidden!important}.civic .map-fade{z-index:2;text-align:left;cursor:pointer;background:#ffffffeb;border-radius:16px;padding:14px 18px;position:absolute;inset:auto 12px 12px;box-shadow:0 8px 20px #10182814}.civic .map-fade strong{letter-spacing:-.06em;color:#1a1c1f;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1;display:block}.civic .m-pin{border:2px solid #fff;border-radius:50% 50% 50% 0;width:16px;height:16px;transform:rotate(-45deg);box-shadow:0 3px 8px #00000038}.civic .m-pin.sos{background:#f84040}.civic .m-pin.vet{background:#16a34a}.civic .m-pin.lost{background:#2563eb}.civic .hero-center{z-index:1;text-align:center;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;max-height:100%;padding:32px;display:flex;position:relative;box-shadow:0 0 0 1px #1018280a,0 8px 24px #1018280f}.civic .hero-center h1{letter-spacing:-.07em;margin-bottom:10px;font-size:clamp(36px,3.6vw,52px);font-weight:800;line-height:1}.civic .hero-center .lede{color:#4b5563;letter-spacing:-.03em;max-width:28ch;margin-bottom:22px;font-size:clamp(15px,1.35vw,18px);font-weight:600;line-height:1.35}.civic .hero-center .search{background:#fff;border:1px solid #eceef2;border-radius:999px;align-items:center;width:100%;max-width:560px;height:56px;padding:4px 4px 4px 8px;display:flex;box-shadow:0 12px 40px #14161a14}.civic .hero-center .search:focus-within{border-color:var(--orange);box-shadow:0 16px 40px #3c8aff29}.civic .hero-center .search input{letter-spacing:-.03em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 12px;font-size:18px;font-weight:600}.civic .hero-center .search input::placeholder{color:#9aa3af;font-weight:500}.civic .hero-center .search-mark{border-radius:50%;flex:none;width:40px;height:40px;display:block}.civic .hero-center .search .go{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.civic .hero-center .chips{gap:8px;width:100%;padding:14px 0 0;display:grid}.civic .hero-center .chips-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.civic .hero-center .chip{color:#1f2937;background:#e8eaee;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.civic .hero-center .chip:hover{background:#dde0e6}.civic .row2{grid-template-columns:1.1fr .9fr;gap:10px;display:grid}.civic .adopt-block{grid-template-rows:auto 1fr;gap:10px;min-height:0;display:grid}.civic .adopt-head{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px;display:flex}.civic .adopt-head .adopt-title{align-items:baseline;gap:10px;display:flex}.civic .adopt-head strong{letter-spacing:-.05em;font-size:22px;font-weight:800}.civic .adopt-head .stat{vertical-align:super;color:#1d6fbf;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:#e8f2ff;border-radius:7px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:.22em;padding:0 7px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.civic .adopt-head a{color:var(--orange);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.civic .adopt-head svg{font-size:14px}.civic .adopt-pair{grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.civic .adopt-col{min-height:0;overflow:hidden}.civic .adopt-col:nth-child(2){padding-top:48px}.civic .adopt-track{flex-direction:column;gap:10px;animation:32s linear infinite adopt-up;display:flex}.civic .adopt-pair:hover .adopt-track{animation-play-state:paused}.civic .adopt-pair .pet-card{aspect-ratio:3/4;flex:none;width:100%;height:auto;min-height:0}@keyframes adopt-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.civic .adopt-track{animation:none}.civic .adopt-col:nth-child(2){padding-top:0}}.civic .chip-tile,.civic .batt-tile{justify-content:center;min-height:128px}.civic .muni{text-align:center;letter-spacing:-.04em;background:linear-gradient(#f3f4f6,#d1d5db);border-radius:18px;place-items:center;width:84px;height:84px;font-size:12px;font-weight:800;line-height:1.1;display:grid;box-shadow:inset 0 1px #fff,0 8px 18px #0000000f}.civic .batt{border:3px solid #111;border-radius:6px;width:52px;height:26px;margin-bottom:8px;position:relative}.civic .batt:after{content:"";background:#111;border-radius:0 2px 2px 0;width:4px;height:10px;position:absolute;top:5px;right:-6px}.civic .batt i{background:#22c55e;border-radius:2px;font-style:normal;display:block;position:absolute;inset:3px 16% 3px 3px}.civic .t-vers .modes{flex:1;justify-content:center;align-items:flex-end;gap:8px;width:100%;padding-bottom:6px;display:flex}.civic .mode{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;width:28%;overflow:hidden}.civic .mode.a{aspect-ratio:4/3}.civic .mode.b{aspect-ratio:3/4}.civic .mode.c{aspect-ratio:1;color:#fff;background:#111;place-items:center;font-size:20px;font-weight:800;display:grid}.civic .mode img{object-fit:cover;width:100%;height:100%}.civic .fold-mini{aspect-ratio:12/9;background:linear-gradient(90deg,#1a1a1a 0 12%,#f0f0f0 12% 88%,#1a1a1a 88%);border-radius:10px;width:72%;margin:0 auto 8px;box-shadow:0 8px 18px #00000014}.civic .cam-circle{background:#eef0f4;border-radius:50%;place-items:center;width:86px;height:86px;margin-bottom:8px;display:grid}.civic .lenses{background:#fff;border-radius:16px;width:54px;height:54px;position:relative;box-shadow:0 4px 12px #00000014}.civic .lenses span{background:radial-gradient(circle at 35% 30%,#89a,#111);border-radius:50%;width:16px;height:16px;position:absolute}.civic .lenses span:first-child{top:8px;left:8px}.civic .lenses span:last-child{bottom:8px;right:8px}.civic .more{align-items:center;gap:6px;font-weight:700;display:inline-flex}.civic .more svg,.civic .cta svg,.civic .kicker svg{font-size:16px}.civic .ico-sq svg{font-size:22px}.civic .shortcuts{text-align:center;grid-template-columns:repeat(5,1fr);gap:12px;padding:40px 0 48px;display:grid}.civic .sc{color:var(--ink);justify-items:center;gap:12px;font-size:15px;font-weight:700;display:grid}.civic .sc .ico{background:#fff;border-radius:22px;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 8px 24px #14161a0a}.civic .sc:hover .ico{transform:translateY(-2px)}.civic .kicker{justify-content:space-between;align-items:flex-end;gap:16px;margin:16px 0 18px;display:flex}.civic .kicker h2{letter-spacing:-.04em;font-size:36px;font-weight:800}.civic .kicker a{color:var(--sky-ink);gap:6px;font-weight:700;display:inline-flex}.civic .news{grid-template-rows:minmax(220px,1fr) minmax(220px,1fr);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:520px;padding-bottom:56px;display:grid}.civic .news-feature{color:#fff;cursor:pointer;border-radius:28px;flex-direction:column;grid-area:1/1/span 2/span 2;justify-content:flex-end;height:100%;min-height:0;padding:28px;transition:filter .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.civic .news-feature:hover{filter:brightness(.97);box-shadow:0 10px 24px #10182814}.civic .news-feature:focus-visible,.civic .news a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.civic .news-feature img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.civic .news-feature:after{content:"";background:linear-gradient(#14161a14 28%,#14161ac7 100%);position:absolute;inset:0}.civic .news-feature .meta,.civic .news-feature h3,.civic .news-feature p{z-index:1;position:relative}.civic .news-feature h3{letter-spacing:-.06em;max-width:16ch;margin:8px 0 10px;font-size:clamp(26px,2.4vw,36px);font-weight:800;line-height:1.08}.civic .news-feature p{color:#ffffffdb;max-width:34ch;font-size:15px;font-weight:600;line-height:1.4}.civic .news-meta{color:#ffffffd1;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.civic .news-map{grid-area:1/3}.civic .news-pickup{grid-area:1/4}.civic .news-case{grid-area:2/3}.civic .news-city{grid-area:2/4}.civic .news .htile{border-radius:22px;height:100%;min-height:0}.civic .news .htile.wash{justify-content:flex-end;padding:18px 88px 20px 20px}.civic .news .htile.wash strong{letter-spacing:-.05em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(18px,1.55vw,24px);line-height:1.12;display:-webkit-box;overflow:hidden}.civic .news .htile.wash .stat{z-index:0;letter-spacing:-.08em;font-variant-numeric:tabular-nums;opacity:.28;pointer-events:none;color:inherit;font-size:clamp(52px,4.4vw,72px);font-weight:800;line-height:.85;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.civic .news .htile.photo .cap{letter-spacing:-.04em;text-align:left;padding:16px 18px;font-size:16px;font-weight:800;line-height:1.2}.civic .news .htile.photo .cap small{letter-spacing:0;opacity:.85;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.civic .news .htile.photo:hover{filter:brightness(.97)}.civic .about{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;padding-bottom:28px;display:grid}.civic .about-lead{--page:var(--bg);--notch-r:28px;background:#fff;border-radius:28px;flex-direction:column;grid-column:span 2;justify-content:flex-end;min-height:280px;padding:36px 32px 32px;display:flex;position:relative}.civic .about-notch{z-index:2;background:var(--page);border-bottom-left-radius:28px;padding:0 0 10px 10px;position:absolute;top:0;right:0}.civic .about-notch:before,.civic .about-notch:after{content:"";width:var(--notch-r);height:var(--notch-r);pointer-events:none;position:absolute}.civic .about-notch:before{background:radial-gradient(circle at 100% 100%, transparent calc(var(--notch-r) - .5px), var(--page) var(--notch-r));top:0;left:0;transform:translate(-100%)}.civic .about-notch:after{background:radial-gradient(circle at 0 0, transparent calc(var(--notch-r) - .5px), var(--page) var(--notch-r));bottom:0;right:0;transform:translateY(100%)}.civic .about-chip{color:#155fa8;letter-spacing:-.06em;white-space:nowrap;background:#d4ebff;border-radius:0 28px;align-items:center;min-height:72px;margin:0;padding:0 28px;font-size:20px;font-weight:800;line-height:1;display:flex}.civic .about-lead h3{letter-spacing:-.06em;max-width:16ch;margin-bottom:14px;font-size:clamp(28px,2.8vw,40px);font-weight:800;line-height:1.08}.civic .about-lead .about-copy{color:#4b5563;max-width:38ch;font-size:16px;font-weight:600;line-height:1.45}.civic .about .htile{cursor:default;border-radius:22px;height:auto;min-height:280px}.civic .about .htile.wash{justify-content:flex-end;padding:22px 22px 24px}.civic .about .htile.wash strong{letter-spacing:-.06em;max-width:12ch;font-size:clamp(22px,2vw,30px);line-height:1.08}.civic .life{grid-template-columns:1fr 1.05fr 1fr;align-items:stretch;gap:16px;padding-bottom:56px;display:grid}.civic .news-list{display:grid}.civic .news-list a{border-bottom:1px solid #e5e7eb;padding:16px 0;font-size:15px;font-weight:600;line-height:1.35}.civic .guide{border-radius:var(--r-lg);background:#cfe8ff;flex-direction:column;padding:24px;display:flex}.civic .guide h3{letter-spacing:-.04em;margin-bottom:16px;font-size:26px;font-weight:800}.civic .guide-card{background:#fff;border-radius:18px;flex:1;padding:16px}.civic .guide-card small{color:#1d4ed8;background:#dbeafe;border-radius:8px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.civic .story{border-radius:var(--r-lg);background:#fff;flex-direction:column;padding:20px;display:flex}.civic .story h3{letter-spacing:-.04em;margin-bottom:14px;font-size:24px;font-weight:800}.civic .story img{object-fit:cover;border-radius:18px;width:100%;height:210px}.civic .now-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.civic .now-head h2{font-size:34px;font-weight:800}.civic .now-head h2 span{color:#3aaa4a}.civic .dot-live{background:#3aaa4a;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.civic .banner{border-radius:var(--r-lg);color:#fff;background:#7bc56a;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;padding:28px;display:grid;position:relative;overflow:hidden}.civic .banner h3{letter-spacing:-.04em;max-width:10ch;font-size:32px;font-weight:800}.civic .banner .more{color:#fff}.civic .b-card{color:var(--ink);background:#fff;border-radius:20px;min-height:160px;padding:20px}.civic .b-card h4{margin-bottom:6px;font-size:20px;font-weight:800}.civic .b-card p{color:var(--muted);font-size:14px;font-weight:500}.civic footer.site{color:var(--ink);grid-template-columns:repeat(5,max-content) minmax(280px,1fr);align-items:start;gap:20px 80px;padding:40px 0 8px;display:grid}.civic .foot-top{display:contents}.civic .foot-top h2{letter-spacing:-.06em;grid-area:1/1/auto/6;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.05}.civic .foot-social{z-index:1;grid-area:1/6;place-self:center end;gap:10px;display:flex}.civic .foot-social a{border:1.5px solid var(--orange);width:48px;height:48px;color:var(--orange);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.civic .foot-social a:hover{background:var(--orange);color:#fff}.civic .foot-social a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.civic .foot-social svg{font-size:20px}.civic .foot-mid,.civic .foot-menus{display:contents}.civic .foot-col{grid-row:2;align-content:start;gap:10px;display:grid}.civic .foot-col .foot-h{letter-spacing:-.04em;color:var(--ink);margin-bottom:4px;font-size:20px;font-weight:700}.civic .foot-col a{color:#6b7280;font-size:15px;font-weight:500;transition:color .15s}.civic .foot-col a:hover{color:var(--ink)}.civic .foot-col a:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}.civic .foot-cards{grid-area:2/6;gap:10px;width:100%;min-width:0;display:grid}.civic .foot-help{background:var(--orange);color:#fff;border-radius:28px;flex-direction:column;justify-content:space-between;gap:36px;min-height:210px;padding:32px 28px 28px 32px;display:flex;position:relative;overflow:hidden}.civic .foot-help:after{content:"";filter:brightness(0)invert();opacity:.16;pointer-events:none;background:url(/zoo-mark.png) 50%/contain no-repeat;width:180px;height:180px;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.civic .foot-help-copy,.civic .foot-help a{z-index:1;max-width:calc(100% - 96px);position:relative}.civic .foot-help strong{letter-spacing:-.04em;margin-bottom:10px;font-size:24px;font-weight:700;line-height:1.25;display:block}.civic .foot-help p{opacity:.72;max-width:32ch;margin:0;font-size:15px;font-weight:500;line-height:1.4}.civic .foot-help a{z-index:1;letter-spacing:-.03em;align-items:center;gap:12px;width:max-content;font-size:18px;font-weight:600;display:flex;position:relative}.civic .foot-help a span{width:32px;height:32px;color:var(--orange);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.civic .foot-help a:hover{opacity:.85}.civic .foot-help a:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}.civic .foot-help svg{font-size:16px}.civic .foot-bottom{color:#6b7280;grid-column:1/-1;justify-content:space-between;gap:16px;margin-top:8px;font-size:14px;font-weight:500;display:flex}.civic .overlay{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f8fab3;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.civic .overlay.open{display:flex}.civic .modal{background:#fff;border-radius:28px;width:min(100%,640px);padding:28px;box-shadow:0 30px 70px #0000001f}.civic .modal header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.civic .bubble{background:#f3f4f6;border-radius:20px 20px 20px 8px;margin-bottom:14px;padding:14px 16px;font-weight:500}.civic .report-panel{gap:8px;margin-top:12px;display:none}.civic .report-panel.open{display:grid}.civic .choice{text-align:left;background:#f7f8fa;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600}.civic .support-form{gap:10px;display:grid}.civic .support-form label{color:#4b5563;font-size:13px;font-weight:700}.civic .support-form select,.civic .support-form textarea{width:100%;font:inherit;background:#f7f8fa;border:1px solid #eceef2;border-radius:16px;outline:none;padding:12px 14px}.civic .support-form textarea{resize:vertical;min-height:120px}.civic .support-form button[type=submit]{color:#fff;background:#1e293b;border-radius:999px;height:48px;font-size:15px;font-weight:700}@media (min-width:981px){.civic .screen-hero{height:100dvh;overflow:hidden}.civic .screen-hero-body{flex-direction:column;padding-bottom:56px;display:flex}.civic .screen-hero .hero{flex:1;grid-template-rows:minmax(0,1fr) minmax(112px,.22fr);min-height:0;padding-top:4px}.civic .hero-bottom>.htile{z-index:3;height:100%;min-height:0;position:relative}.civic .hero-bottom .htile,.civic .htile.t-city{height:100%;min-height:0}.civic .hero-bottom .htile.wash{gap:8px;padding:18px 20px 20px}.civic .hero-bottom .htile.wash:has(.stat){padding-right:108px}.civic .hero-bottom .htile.wash-support{padding-right:104px}.civic .hero .htile.wash .stat{font-size:76px;right:22px}.civic .hero-col .htile.wash-fund .stat{font-size:56px}.civic .hero .htile.wash:has(.stat){padding-right:108px}.civic .hero-col .htile.wash-map{height:auto;min-height:96px}.civic .hero-col,.civic .hero-center,.civic .htile.t-map{height:100%;min-height:0}}@media (max-width:980px){.civic .page{padding:0 20px 32px}.civic .top-inner{grid-template-columns:1fr auto;padding:16px 20px}.civic nav.main{display:none}.civic .hero{grid-template-columns:1fr 1fr}.civic .hero-col-map,.civic .hero-col-adopt{grid-area:auto}.civic .hero-bottom{grid-area:auto/1/auto/-1;grid-template-columns:1fr;gap:10px;display:grid}.civic .hero-bottom>.htile{grid-row:auto}.civic .hero-center{grid-area:auto/1/auto/-1;min-height:340px}.civic .news{grid-template-rows:none;grid-template-columns:1fr;min-height:0}.civic .news-feature,.civic .news-map,.civic .news-pickup,.civic .news-case,.civic .news-city{grid-area:auto}.civic .about{grid-template-columns:1fr}.civic .about-lead{grid-column:auto;min-height:240px}.civic footer.site{grid-template-columns:1fr;row-gap:18px}.civic .foot-top h2{grid-column:1;padding-right:0}.civic .foot-social{grid-area:auto/1;justify-self:start}.civic .foot-col{grid-row:auto}.civic .foot-menus{grid-area:auto/1;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.civic .foot-cards{grid-area:auto/1;max-width:none}.civic .foot-help{gap:28px;min-height:0}.civic .foot-help-copy,.civic .foot-help a{max-width:none}.civic .foot-top h2{font-size:32px}}.civic .city-now svg,.civic .adopt-head a svg,.civic .kicker a svg,.civic .foot-social a svg,.civic .foot-help a span svg{flex:none;display:block}.civic{min-height:100dvh}.civic.civic-bar{background:#f7f8fa;min-height:0}.civic .login-form{display:contents}.civic .login-screen{place-items:center;min-height:calc(100dvh - 72px);padding:32px 20px 64px;display:grid}.civic .login-card{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;width:min(420px,100%);padding:32px 28px 28px;display:flex}.civic .login-card h1{letter-spacing:-.04em;font-size:32px;font-weight:800;line-height:1.1}.civic .login-card p{color:var(--muted);margin-top:8px;line-height:1.45}.civic .login-card label{margin-top:18px;margin-bottom:6px;font-size:14px;font-weight:700}.civic .login-card input{border:1px solid var(--line);background:var(--bg);border-radius:14px;width:100%;padding:12px 14px;font-size:16px}.civic .login-card input:focus{outline:2px solid var(--sky);border-color:var(--orange)}.civic .login-switch{background:var(--sky);border-radius:999px;grid-template-columns:1fr 1fr;margin-top:20px;padding:4px;display:grid;position:relative}.civic .login-switch-thumb{background:#fff;border-radius:999px;width:calc(50% - 4px);transition:transform .22s;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 14px #1a1c1f14}.civic .login-switch[data-tab=register] .login-switch-thumb{transform:translate(100%)}.civic .login-switch button{z-index:1;color:var(--sky-ink);background:0 0;border:0;border-radius:999px;margin:0;padding:9px 12px;font-weight:700;transition:color .2s;position:relative}.civic .login-switch button[aria-selected=false]{color:#4d87c4}.civic .login-switch button:focus-visible{outline:none}.civic .login-card button[type=submit]{background:var(--orange);color:#fff;border:0;border-radius:999px;margin-top:22px;padding:13px 16px;font-weight:700}.civic .login-card button[type=submit]:hover{background:#2f74e6}.civic .login-note{color:#3d4d3a;background:#f3f7f1;border-radius:12px;margin-top:16px;padding:10px 12px}.civic .login-error{color:#b42318;background:#fff1f0;border-radius:12px;margin-top:16px;padding:10px 12px}