@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:#183e37;--text:#253b35;--muted:#78817b;--line:#e5e8df;--paper:#fcfcf8;--accent:#e3a577;--green:#245d4d;--soft:#eff3eb;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d3904e;outline-offset:4px}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}button span[data-icon],label span[data-icon]{display:inline-flex;flex-shrink:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}
.header{height:88px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 29px 'Manrope',sans-serif;letter-spacing:-1.5px;color:var(--ink)}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#f4f4dd;width:44px;height:44px;border-radius:14px 14px 14px 3px;font-size:38px;position:relative;padding-bottom:5px}.brand-mark>span{color:#e6b48c;font-size:22px;position:absolute;right:6px;bottom:-3px}.brand-dot{color:#ce915f}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:2px}.header nav{display:flex;gap:34px;height:100%}.nav-link{border:0;background:none;font-size:13px;font-weight:600;position:relative}.nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--ink)}#saved-count{display:inline-grid;place-items:center;background:var(--soft);border-radius:50%;min-width:21px;height:21px;font-size:10px;margin-left:5px}.prototype-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.prototype-label>span{width:6px;height:6px;background:#c28c59;border-radius:50%}
.discovery{padding:28px 42px 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.9px;margin:0 0 9px;color:#6d8174}h1{font:650 28px 'Manrope',sans-serif;letter-spacing:-1.3px;margin:0;white-space:nowrap}h1 em{font-style:normal;color:#7e8c6a}.searchbar{display:flex;align-items:center;background:white;border:1px solid #d9dfd4;border-radius:13px;padding:7px;box-shadow:0 4px 16px #2d443a04;width:min(650px,53vw);height:58px}.query-label{display:flex;align-items:center;gap:10px;padding:0 12px;flex:1;min-width:0}.query-label svg{color:#728177;width:18px}input{width:100%;border:0;outline:0;background:none;font-size:12px;color:var(--text);min-width:0}input::placeholder{color:#93978d}.town-label{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding:6px 13px;max-width:180px}.town-label svg{width:17px;color:#889182}select{border:0;background:transparent;max-width:145px;color:#526151;font-size:11px;cursor:pointer}.search-button{display:grid;place-items:center;width:43px;height:43px;background:var(--ink);color:white;border:0;border-radius:9px}.categories{display:flex;align-items:center;gap:9px;padding:0 42px 23px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:none}.category,.nearby{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid #e1e5d9;background:transparent;padding:11px 17px;border-radius:30px;font-size:11px;font-weight:550;transition:.18s}.category svg,.nearby svg{width:17px;height:17px}.category:hover,.nearby:hover{background:var(--soft)}.category.selected{background:var(--ink);color:white;border-color:var(--ink)}.category-divider{height:23px;width:1px;background:var(--line);margin:0 8px}.nearby{border:0;padding-left:0}.workspace{display:grid;grid-template-columns:420px 1fr;height:calc(100dvh - 268px);min-height:430px}.results-panel{overflow:auto;scrollbar-width:thin;scrollbar-color:#d4dbce transparent;background:var(--paper)}.results-heading{padding:26px 25px 19px;display:flex;justify-content:space-between;align-items:center}.results-heading .eyebrow{font-size:8px;letter-spacing:1.7px}h2{font:700 22px 'Manrope',sans-serif;letter-spacing:-.8px;margin:0 0 8px}#result-count{font-size:11px;color:var(--muted);margin:0}.text-button{border:0;background:none;text-decoration:underline;font-size:11px;color:var(--green)}.cards{padding:0 15px}.card{position:relative;padding:12px 10px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line);min-height:143px;border-radius:10px}.card:hover,.card.is-selected{background:#f0f3e9}.card-open{position:absolute;inset:0;border:0;background:transparent;border-radius:10px;z-index:1}.card-open:focus-visible{outline-offset:-3px}.card-image{width:112px;height:116px;border-radius:8px;object-fit:cover;background:#e6e9de}.image-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#e2e8d9,#f2efdf);color:#74866c}.image-fallback svg{width:36px;height:36px;stroke-width:1}.card-text{padding-top:5px;min-width:0}.card-category{font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#7a856d;font-weight:700;margin:0 30px 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card h3{font:700 14px/1.4 'Manrope',sans-serif;letter-spacing:-.25px;margin:0 17px 7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-town{display:flex;align-items:center;gap:4px;font-size:10px;color:#7a8176;margin:0}.card-town svg{width:12px;height:12px}.card-link{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:600;color:var(--green);margin-top:13px}.card-link svg{width:13px;height:13px}.save{position:absolute;right:10px;top:14px;z-index:2;background:transparent;border:0;padding:4px;color:#8b9584}.save svg{width:17px;height:17px}.save.saved{color:#b26548}.save.saved svg{fill:#b2654820}.load-more{display:flex;justify-content:space-between;width:calc(100% - 50px);margin:20px 25px;border:1px solid #d8dfcf;background:none;border-radius:9px;padding:13px 17px;font-size:11px;font-weight:600}.load-more:hover{background:var(--soft)}.data-note{text-align:center;font-size:9px;color:#93998e;line-height:1.7;margin:25px 15px}.filter-note{font-size:11px;margin:0 25px 12px;padding:10px;background:var(--soft);border-radius:6px}.empty{padding:40px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.empty strong{display:block;font-size:18px;color:var(--ink);margin-bottom:8px}
.map-panel{position:relative;background:#dfe8db;overflow:hidden;border-left:1px solid var(--line)}#map{position:absolute;inset:0}.map-badge{position:absolute;top:20px;left:22px;background:#fffffff0;border:1px solid white;box-shadow:0 3px 12px #19372e09;border-radius:8px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;pointer-events:none}.live-dot{width:6px;height:6px;border-radius:50%;background:#4e7955}.badge-divider{color:#c3cbbb;margin:0 3px}.area-button{position:absolute;top:73px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border:0;border-radius:30px;background:var(--ink);color:white;padding:13px 18px;font-size:11px;box-shadow:0 5px 20px #193d3520;white-space:nowrap}.area-button svg{width:15px;height:15px}.reset-map{position:absolute;right:10px;top:110px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:5px;background:white;box-shadow:0 0 0 2px #00000018}.reset-map svg{width:17px}.map-caption{position:absolute;bottom:58px;left:25px;display:flex;align-items:center;gap:13px;padding:17px 20px;background:#fffffff0;border:1px solid white;border-radius:10px;box-shadow:0 5px 25px #183e3710;pointer-events:none}.caption-mark{width:35px;height:35px;border-radius:50%;background:#f4ebd4;display:grid;place-items:center;color:#9b8147}.map-caption strong{font:700 13px 'Manrope',sans-serif}.map-caption p{font-size:10px;color:#87917f;margin:5px 0 0}.map-key{position:absolute;bottom:26px;left:27px;display:flex;align-items:center;gap:7px;font-size:9px;color:#375744;background:#ffffffdd;border-radius:6px;padding:5px 8px;pointer-events:none}.map-key>span:first-child{height:7px;width:7px;border-radius:50%;background:var(--green)}.cluster-example{display:grid;place-items:center;width:20px;height:20px;background:#dae5ce;color:#204931;border-radius:50%;font-size:8px;margin-left:10px}.map-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;background:var(--paper);padding:16px 20px;border-radius:10px;max-width:90%;text-align:center;box-shadow:0 4px 20px #0001}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-ctrl-top-right{top:10px!important}.mobile-toggle{display:none}
dialog{padding:0;border:1px solid #e0e4d9;border-radius:17px;width:480px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 50px);color:var(--text);background:var(--paper);box-shadow:0 25px 100px #193e3740}dialog::backdrop{background:#183c3555;backdrop-filter:blur(3px)}.close-detail{position:absolute;right:14px;top:14px;z-index:5;background:#fffffff5;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;box-shadow:0 1px 8px #0001}.detail-image{width:100%;height:240px;object-fit:cover;background:#e6e9de}.detail-image.image-fallback{display:grid}.detail-body{padding:26px}.detail-body h2{font-size:26px;line-height:1.3;margin:8px 0}.detail-category{font-size:10px;color:#7c856c;letter-spacing:1px;text-transform:uppercase}.detail-address{font-size:12px;color:#7d867c;line-height:1.7}.detail-actions{display:flex;gap:7px;margin:21px 0;flex-wrap:wrap}.detail-actions a,.detail-actions button{font-size:11px;text-decoration:none;border:1px solid #d9dfd3;padding:11px 14px;border-radius:8px;background:transparent}.detail-actions .primary{background:var(--ink);color:white;border-color:var(--ink)}.detail-description{font-size:13px;line-height:1.85;color:#586452;white-space:pre-line}.detail-body h3{font:700 16px 'Manrope',sans-serif;margin:24px 0 12px}.hours{font-size:12px;line-height:1.8}.hours>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:5px 0}.hours dd{margin:0;text-align:right}.detail-foot{font-size:10px;color:#8a9385;border-top:1px solid var(--line);padding-top:17px;margin-top:24px;line-height:1.7}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--ink);color:white;border-radius:9px;box-shadow:0 5px 20px #0002;z-index:100;font-size:12px;max-width:90vw;text-align:center}
@media(min-width:1550px){.workspace{grid-template-columns:470px 1fr}.card{grid-template-columns:135px minmax(0,1fr);gap:20px;min-height:160px}.card-image{width:135px;height:130px}.card h3{font-size:16px}.card-category{font-size:9px}.card-town{font-size:12px}.results-heading{padding:28px 30px}.cards{padding:0 20px}.discovery{padding-top:32px;padding-bottom:28px}.workspace{height:calc(100dvh - 276px)}}
@media(max-width:1100px){.header{padding:0 25px}.discovery{padding:25px;gap:20px}h1{font-size:23px}.searchbar{width:55vw}.categories{padding:0 25px 20px;gap:7px}.category{padding:10px 13px}.workspace{grid-template-columns:360px 1fr;height:calc(100dvh - 261px)}.card{grid-template-columns:95px minmax(0,1fr);gap:12px}.card-image{width:95px;height:112px}.card h3{font-size:13px}.town-label{max-width:140px;padding:6px 8px}.town-label select{max-width:107px}.prototype-label{display:none}.map-caption{left:15px;padding:12px}.map-caption p{font-size:9px}.map-caption strong{font-size:12px}}
@media(max-width:760px){.header{height:70px;padding:0 19px}.brand{font-size:25px}.brand-mark{width:36px;height:37px;font-size:31px;border-radius:11px 11px 11px 3px}.brand small{font-size:6px;letter-spacing:1.8px}.header nav{gap:15px}.nav-link{font-size:10px}.nav-link:first-child{display:none}.discovery{display:block;padding:22px 19px 16px}h1{font-size:26px;letter-spacing:-1px}.eyebrow{font-size:8px}.searchbar{width:100%;margin-top:19px;height:52px;padding:5px}.query-label{padding:0 7px;gap:7px}input{font-size:11px}.town-label{max-width:118px;padding:5px}.town-label svg{display:none}.town-label select{max-width:104px;font-size:10px}.search-button{width:39px;height:39px}.categories{padding:0 19px 16px;gap:7px}.category{padding:9px 13px;font-size:10px}.category svg{width:15px;height:15px}.workspace{display:block;height:calc(100dvh - 265px);min-height:300px;position:relative}.results-panel{height:100%;padding-bottom:62px}.map-panel{display:none;height:100%;border:0}.show-map .map-panel{display:block}.show-map .results-panel{display:none}.results-heading{padding:22px 24px 14px}.card{grid-template-columns:116px minmax(0,1fr);gap:16px}.card-image{width:116px;height:116px}.card h3{font-size:14px}.card-category{font-size:8px}.card-town{font-size:11px}.card-link{font-size:11px}.mobile-toggle{display:flex;align-items:center;gap:8px;position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:4;border:0;border-radius:30px;background:var(--ink);color:white;font-size:12px;font-weight:600;padding:14px 22px;box-shadow:0 6px 25px #183e3730}.mobile-toggle svg{width:17px}.map-caption{display:none}.map-key{bottom:80px;left:15px}.map-badge{top:14px;left:14px;font-size:9px;padding:10px}.area-button{top:65px}.toast{bottom:85px}dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 20px);border-radius:13px}.detail-image{height:205px}.detail-body{padding:22px}.detail-body h2{font-size:24px}}
body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.header,.discovery,.categories{flex-shrink:0}.workspace{flex:1;min-height:0;height:auto}
@media(max-width:760px){.show-map .mobile-toggle{bottom:42px}.show-map .map-key{bottom:112px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}