.city-hero{padding-block:clamp(1.5rem,3vw,2.5rem) clamp(2.5rem,5vw,4rem)}.city-hero__grid{align-items:end;gap:2.5rem;display:grid}.city-hero__copy{justify-items:start;gap:1.25rem;display:grid}.city-hero__eyebrow{margin-top:1.5rem}.city-hero h1 em{color:var(--pandan-700)}.city-hero__art{aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden}.city-hero__art .art{height:100%}.city-stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem 2.5rem;width:100%;margin-top:.75rem;padding-top:1.5rem;display:flex}.city-stats div{gap:.15rem;display:grid}.city-stats dt{font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:620}:lang(th) .city-stats dt{letter-spacing:0;font-size:var(--step--1)}.city-stats dd{font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.02em;align-items:center;gap:.5rem;font-weight:380;line-height:1.1;display:flex}.city-stats__dot{background:#3f8a52;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #3f8a522e}@media (min-width:960px){.city-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:4rem}.city-hero__art{aspect-ratio:4/5;border-radius:50% 50% var(--r-lg) var(--r-lg) / 40% 40% var(--r-lg) var(--r-lg);max-height:560px}}.areas{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.5rem;display:flex}.areas__label{font-size:var(--step--1);font-weight:600}.areas a[aria-current=page]{background:var(--ink);color:var(--cream);box-shadow:none}.filter-bar{top:calc(var(--header-h) - 1px);z-index:20;margin-inline:calc(var(--gutter) * -1);padding:.85rem var(--gutter);-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line);background:#f7f2eae6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex;position:sticky}.filter-bar__cats{scrollbar-width:none;gap:.5rem;margin:-4px;padding:4px;display:flex;overflow-x:auto}.filter-bar__cats::-webkit-scrollbar{display:none}.filter-bar__end{align-items:center;gap:1rem;display:flex}.filter-bar__sort .select{border-radius:var(--r-pill);min-height:2.5rem;font-size:var(--step--1);padding:.4rem 2.4rem .4rem 1rem;font-weight:540}.toggle{min-height:2.5rem;font-size:var(--step--1);white-space:nowrap;align-items:center;gap:.6rem;font-weight:600;display:inline-flex}.toggle__track{background:var(--sand);width:2.5rem;height:1.45rem;transition:background-color .3s var(--ease-out);border-radius:99px;position:relative}.toggle__thumb{width:calc(1.45rem - 6px);height:calc(1.45rem - 6px);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle[aria-pressed=true] .toggle__track{background:#3f8a52}.toggle[aria-pressed=true] .toggle__thumb{transform:translate(1.05rem)}.listing__meta{flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-block:1.5rem;display:flex}.listing__demo{max-width:42rem}.shop-grid{gap:1.5rem;display:grid}@media (min-width:700px){.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.shop-grid{grid-template-columns:repeat(3,1fr)}}.listing__empty{text-align:center;color:var(--ink-2);justify-items:center;gap:1rem;padding:4rem 1rem;display:grid}.soon{border-radius:var(--r-xl);background:var(--paper-2);justify-items:start;gap:1.25rem;max-width:46rem;padding:clamp(2rem,5vw,4rem);display:grid}.soon__body{max-width:38rem}.nearby__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.about-city{gap:1.5rem;display:grid}@media (min-width:960px){.about-city{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem}}.owner-strip{border-radius:var(--r-xl);background:var(--pandan-800);color:var(--cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;padding:clamp(1.75rem,4vw,3rem);display:flex}.owner-strip .h3{color:var(--cream)}.owner-strip .muted{color:#f7f2eabd;max-width:40rem;margin-top:.4rem}