@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#183d38;--muted:#75807a;--paper:#f8f8f3;--line:#e1e4db;--orange:#e89960;--mint:#e9eee4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e89960;outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}header{height:88px;display:flex;align-items:center;padding:0 4.7%;gap:60px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;font:500 21px 'Manrope',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand-icon{color:var(--orange);font-size:38px;line-height:1}.brand b{font-weight:800}nav{display:flex;gap:30px;height:100%;align-items:center;font-size:13px}nav a{height:100%;display:flex;align-items:center;position:relative}nav .nav-active:after{position:absolute;content:'';height:3px;background:var(--ink);bottom:0;left:0;right:0}nav button span{margin-left:5px}.saved-nav{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px}.saved-nav>b{background:var(--mint);border-radius:50%;padding:4px 7px;font-size:11px}.saved-nav.active{color:#b86632}main{max-width:1600px;margin:auto}.hero{padding:54px 4.7% 48px;display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;background:var(--orange);border-radius:50%}h1{font:650 clamp(48px,4.6vw,75px)/1.08 'Manrope',sans-serif;letter-spacing:-4px;margin:22px 0}h1 em{font-style:normal;color:#b8734e}.hero-copy>p{font-size:15px;line-height:1.8;color:#67736b;margin:0}.hero-link{font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:30px;margin-top:30px}.hero-link span{font-size:23px}.hero-photo{height:340px;border-radius:8px;overflow:hidden;position:relative;background:var(--ink)}.hero-photo>img{height:100%;width:100%;object-fit:cover;filter:saturate(.7)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#082b2b99)}.photo-caption{position:absolute;z-index:1;bottom:25px;left:27px;color:white;display:grid;gap:9px}.photo-caption span{font-size:8px;letter-spacing:1.6px}.photo-caption b{font:500 22px 'Manrope';letter-spacing:-.7px}.photo-label{position:absolute;top:18px;right:18px;font-size:9px;background:#f8f8f3e8;padding:9px 12px;border-radius:3px}.explorer{padding:26px 4.7% 30px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--muted)}h2{font:600 24px 'Manrope';letter-spacing:-.9px;margin:10px 0 0}.section-heading>p{color:var(--muted);font-size:11px;margin-bottom:4px}.data-note{background:#f1eee3;border:1px solid #e7e1d1;border-radius:5px;padding:10px 13px;display:flex;align-items:center;gap:9px;font-size:10px;color:#79705e;margin-bottom:20px}.note-dot{height:5px;width:5px;border-radius:50%;background:#ba9662}.data-note strong{font-weight:600;color:#675940}.data-note button{margin-left:auto;font-size:10px;text-decoration:underline;text-underline-offset:3px}.toolbar{display:flex;gap:9px}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:5px;flex:1;padding:0 14px}.search>span{font-size:26px;font-weight:400}.search input{width:100%;padding:14px 0;border:0;background:none;outline:none;font-size:12px;min-width:100px}.search input::placeholder{color:#91978e}.select-wrap{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:5px;padding:0 12px;gap:5px;font-size:11px;white-space:nowrap}.select-wrap select{border:0;background:none;padding:13px 3px;font-size:11px}.filter-btn{border:1px solid var(--line);border-radius:5px;padding:0 14px;font-size:12px;background:white}.filter-btn[aria-expanded=true]{background:var(--mint)}.advanced{padding:18px;background:#eef1e9;border:1px solid var(--line);border-radius:5px;margin-top:12px;display:flex;gap:24px;align-items:end}.advanced[hidden]{display:none}.advanced label{display:grid;gap:8px;font-size:11px;flex:1}.advanced select{padding:10px;border:1px solid var(--line);border-radius:4px;background:white;width:100%}.text-btn{font-size:11px;text-decoration:underline;text-underline-offset:3px}.chips{display:flex;gap:8px;margin:15px 0 27px;flex-wrap:wrap}.chip{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:9px 14px;white-space:nowrap;background:transparent}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.chip:hover:not(.active){background:var(--mint)}.results-bar{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:17px}.results-bar>div>span{color:var(--muted)}.results-bar b{font-weight:700}.result-controls{display:flex;align-items:center;gap:18px}.result-controls label{color:var(--muted);font-size:10px}.result-controls select{border:0;background:none;font-size:11px;font-weight:500;margin-left:3px}.view-switch{display:flex;background:#edf0e8;border-radius:4px;padding:3px;gap:2px}.view-switch button{padding:3px 8px;color:#7e897c;font-size:16px;line-height:1}.view-switch .active{background:white;box-shadow:0 1px 3px #0001;color:var(--ink);border-radius:2px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 7px 25px #193c3710}.card-image{height:198px;position:relative;overflow:hidden;background:#d4dcd6}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.8)}.card:hover .card-image>img{transform:scale(1.035)}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#092e2bb8)}.image-open{position:absolute;inset:0;z-index:1;width:100%;text-align:left}.town-label{position:absolute;left:19px;bottom:18px;color:white;display:grid;gap:4px}.town-label h3{font:650 26px 'Manrope';letter-spacing:-.9px;margin:0}.town-label span{font-size:10px;color:#ffffffbd}.region-badge{position:absolute;top:13px;left:13px;font-size:8px;letter-spacing:.7px;background:#f8f8f3ee;padding:6px 8px;border-radius:3px;z-index:2;pointer-events:none}.save{position:absolute;right:13px;top:12px;z-index:2;border:1px solid #ffffff55;background:#173b3c33;backdrop-filter:blur(8px);color:white;border-radius:50%;height:30px;width:30px;font-size:20px;display:grid;place-items:center}.save[aria-pressed=true]{background:#f8f8f3;color:#a95d37}.card-content{padding:17px 18px 0}.card-tagline{font-size:11px;color:#6d786f;margin:0 0 17px;height:14px}.main-metric{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #edf0e8}.metric-label{font-size:10px;color:#7f877e;display:grid;gap:3px}.metric-label b{color:#4b6053;font-weight:500}.metric-number{font:650 23px 'Manrope';letter-spacing:-.9px}.metric-number small{font:400 10px 'DM Sans';letter-spacing:0;color:#7e887e;margin-left:3px}.submetrics{display:grid;grid-template-columns:1fr 1fr;margin:14px 0;gap:20px}.submetrics>div{display:grid;gap:6px}.submetrics span{font-size:9px;color:#818a7f}.submetrics strong{font-size:12px;font-weight:600}.submetrics small{font-size:9px;color:#7c877b;font-weight:400}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:17px}.tags span{font-size:8px;background:#f1f3ec;color:#668069;border-radius:3px;padding:4px 7px}.card-bottom{border-top:1px solid #edf0e8;padding:11px 0;display:flex;align-items:center;justify-content:space-between;font-size:10px}.compare-check{display:flex;align-items:center;gap:5px;cursor:pointer;color:#7b867a}.compare-check input{accent-color:var(--ink);height:12px;width:12px;margin:0}.card-bottom button{font-size:10px}.card-bottom button span{margin-left:9px}.empty{text-align:center;padding:65px 15px}.empty>span{font-size:40px}.empty p{color:var(--muted)}.primary{background:var(--ink);color:white;border-radius:5px;padding:12px 19px;font-size:12px;font-weight:500}.end-note{display:flex;align-items:center;margin-top:30px;padding:27px 0;border-top:1px solid var(--line);gap:18px}.end-note>span{color:var(--orange);font-size:40px}.end-note h3{font:600 16px 'Manrope';margin:0 0 6px;letter-spacing:-.3px}.end-note p{color:var(--muted);font-size:11px;margin:0}.end-note>button{margin-left:auto;font-size:11px;border-bottom:1px solid var(--ink);padding:6px 0}footer{border-top:1px solid var(--line);padding:26px 4.7% 36px;display:flex;align-items:center;gap:20px;font-size:10px;color:#7c877a}footer .brand{font-size:15px;color:var(--ink)}footer .brand-icon{font-size:28px}footer p{margin-right:auto}footer button{font-size:10px}.footer-preview{font-size:8px}body:has(.compare-tray:not([hidden])){padding-bottom:90px}.compare-tray{position:fixed;z-index:10;bottom:20px;left:50%;transform:translateX(-50%);width:min(700px,94%);background:#173e39;color:white;box-shadow:0 8px 40px #0003;border-radius:9px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.compare-tray[hidden]{display:none}.compare-tray>div:first-child{display:grid;gap:5px;font-size:12px}.compare-tray>div>span{font-size:10px;color:#d2dcd0}.tray-actions{display:flex;gap:15px;align-items:center}.tray-actions>button:first-child{color:white;font-size:11px}.tray-actions .primary{background:#e9a372;color:#173e39;white-space:nowrap}dialog{border:0;border-radius:12px;color:var(--ink);background:var(--paper);max-width:930px;width:92%;padding:36px;max-height:88vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0d302d99;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:10px;background:var(--paper);border-radius:50%;width:32px;height:32px;font-size:24px;z-index:3}dialog h2{margin:10px 0 15px;font-size:30px}dialog p{line-height:1.8;color:#667369;font-size:13px}dialog h3{font:650 17px 'Manrope';letter-spacing:-.4px;margin-top:26px}.profile-image{width:100%;height:250px;object-fit:cover;border-radius:6px}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.profile-metrics>div{padding:17px;background:white;border:1px solid var(--line);border-radius:5px;display:grid;gap:9px;font-size:11px}.profile-metrics strong{font:600 24px 'Manrope'}.profile-metrics small{color:var(--muted)}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-columns ul{padding-left:18px;font-size:12px;line-height:1.9;color:#667369}.source-link{font-size:11px;text-decoration:underline;text-underline-offset:3px}.sample-label{display:inline-block;color:#a07a50;background:#efe9d9;padding:5px 8px;font-size:9px;border-radius:3px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;background:white;text-align:left;font-size:12px}td,th{padding:15px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);font-weight:500;background:#f0f2eb}td button{text-align:left;text-decoration:underline;text-underline-offset:3px}td small{color:var(--muted)}.town-cell{display:flex;align-items:center;gap:10px}.town-cell img{width:45px;height:38px;object-fit:cover;border-radius:3px}.comparison td,.comparison th{white-space:normal;min-width:140px}.comparison th:first-child{min-width:115px}.comparison td img{width:100%;height:100px;object-fit:cover;border-radius:4px}.comparison td strong{display:block;margin-top:9px;font-size:17px}.comparison tr:first-child td{vertical-align:top}.credit-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}.credit-row a{text-decoration:underline}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#173e39;color:white;padding:12px 20px;border-radius:7px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}[hidden]{display:none!important}
@media(min-width:1500px){.card-image{height:230px}.hero-photo{height:380px}}@media(max-width:1000px){header{gap:30px}.hero{gap:25px}.hero-photo{height:320px}h1{font-size:58px}.toolbar{flex-wrap:wrap}.search{flex-basis:45%}.select-wrap{flex:1;justify-content:center}.grid{gap:15px}.card-image{height:170px}.card-content{padding:14px 13px 0}.town-label h3{font-size:23px}.card-tagline{font-size:10px}.metric-number{font-size:21px}.chips{gap:6px}.chip{padding:8px 11px}.footer-preview{display:none}footer{flex-wrap:wrap}}@media(max-width:720px){header{height:70px;padding:0 5%;gap:15px}.brand{font-size:18px}.brand-icon{font-size:30px}nav{display:none}.saved-nav span{display:none}.hero{padding:30px 5%;grid-template-columns:1fr;gap:28px}.eyebrow{font-size:8px}h1{font-size:54px;letter-spacing:-3px;margin:15px 0}.hero-copy>p{font-size:13px}.hero-link{margin-top:15px}.hero-photo{height:220px}.photo-caption b{font-size:19px}.explorer{padding:28px 5% 15px}.section-heading{display:block;margin-bottom:20px}h2{font-size:22px}.section-heading>p{margin-top:12px}.data-note{flex-wrap:wrap;font-size:9px;gap:6px}.data-note>span:nth-of-type(2){flex-basis:80%}.data-note button{margin-left:11px}.toolbar{gap:8px}.search{flex-basis:100%}.select-wrap{padding:0 8px}.select-wrap select{font-size:10px;max-width:160px}.select-wrap:first-of-type{font-size:10px}.filter-btn{font-size:11px;padding:0 10px}.advanced{flex-wrap:wrap;gap:12px}.advanced label{flex-basis:42%}.chips{margin-bottom:20px;gap:6px}.chip{font-size:9px;padding:8px 10px}.results-bar{font-size:10px}.result-controls{gap:8px}.result-controls label{font-size:0}.result-controls select{font-size:10px;max-width:110px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:155px}.region-badge{font-size:6px;padding:5px;top:9px;left:9px}.save{right:9px;top:8px;width:26px;height:26px;font-size:18px}.town-label{left:12px;bottom:13px}.town-label h3{font-size:22px}.town-label span{font-size:8px}.card-content{padding:12px 11px 0}.card-tagline{font-size:9px;line-height:1.4;height:25px;margin-bottom:10px}.metric-label{font-size:8px}.metric-number{font-size:19px}.metric-number small{font-size:8px}.submetrics{gap:8px;margin:12px 0}.submetrics span{font-size:8px}.submetrics strong{font-size:11px}.submetrics small{font-size:8px}.tags{gap:3px;margin-bottom:12px}.tags span{font-size:7px;padding:3px 4px}.card-bottom,.card-bottom button{font-size:8px}.card-bottom button span{margin-left:3px}.end-note{gap:10px}.end-note>span{font-size:30px}.end-note h3{font-size:12px}.end-note p{font-size:9px}.end-note>button{font-size:9px;white-space:nowrap}footer{padding:25px 5%;gap:15px}footer p{flex-basis:50%;font-size:9px}dialog{padding:26px 18px}.profile-image{height:180px}.profile-metrics{gap:6px}.profile-metrics>div{padding:10px;font-size:9px}.profile-metrics strong{font-size:19px}.profile-columns{grid-template-columns:1fr;gap:0}.profile-header{align-items:start}.profile-header .primary{font-size:10px;padding:10px}.compare-tray{padding:14px 12px;gap:8px}.compare-tray>div>span{max-width:150px;line-height:1.5}.tray-actions{gap:8px}.tray-actions .primary{font-size:10px;padding:11px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:720px){.filter-btn{min-height:40px;min-width:86px}.metric-number{white-space:nowrap}}@media(max-width:460px){.grid{grid-template-columns:1fr}.card-image{height:205px}.card-content{padding:17px 18px 0}.town-label h3{font-size:27px}.card-tagline{font-size:11px;height:auto;margin-bottom:17px}.metric-label{font-size:10px}.metric-number{font-size:25px}.metric-number small{font-size:10px}.submetrics span{font-size:10px}.submetrics strong{font-size:13px}.submetrics small{font-size:10px}.tags span{font-size:9px;padding:5px 8px}.card-bottom,.card-bottom button{font-size:11px}.region-badge{font-size:8px}.town-label span{font-size:10px}.save{width:31px;height:31px}.card-bottom{padding:13px 0}}
