.dir-page{--dir-page:var(--surface-page);--dir-surface:var(--surface-base);--dir-surface-muted:var(--surface-sunken);--dir-ink:var(--text-strong);--dir-ink-body:var(--text-body-color);--dir-ink-muted:var(--text-muted-color);--dir-line:var(--border-subtle);--dir-line-strong:var(--border-default);--dir-action:var(--action-primary);--dir-action-hover:var(--action-primary-hover);--dir-radius:var(--r-md);--dir-transition:var(--duration-fast) var(--ease-standard);--dir-map-land:var(--green-50);--dir-map-hill-shadow:var(--neutral-400);--dir-map-hill-highlight:var(--amber-50);--dir-map-hill-accent:var(--green-50);--dir-map-park:var(--green-300);--dir-map-park-line:var(--green-600);--dir-map-water:var(--sky-400);--dir-map-water-shadow:var(--sky-600);--dir-map-water-label:var(--sky-800);--dir-map-water-halo:var(--surface-base);--dir-map-building:var(--neutral-100);--dir-map-building-line:var(--neutral-300);--dir-map-road-primary:var(--amber-500);--dir-map-road-secondary:var(--amber-600);--dir-map-boundary:var(--neutral-500);--dir-map-boundary-soft:var(--neutral-300);background:var(--dir-page);min-height:100svh;color:var(--dir-ink)}.dir-band{z-index:40;padding-block:var(--space-sm);background:color-mix(in srgb, var(--dir-surface) 94%, transparent);border-bottom:1px solid var(--dir-line);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);position:sticky;top:4rem}.dir-search{background:var(--dir-surface);border:1px solid var(--dir-line-strong);border-radius:var(--r-full);min-height:2.75rem;box-shadow:var(--elevation-1);transition:border-color var(--dir-transition), box-shadow var(--dir-transition);align-items:center;display:flex;overflow:hidden}.dir-search:focus-within{border-color:var(--border-brand);box-shadow:var(--focus-ring)}.dir-search__seg{gap:var(--space-xs);min-width:0;min-height:2.625rem;padding-inline:var(--space-md);color:var(--dir-ink-muted);cursor:text;flex:12rem;align-items:center;display:flex}.dir-search__seg--city{flex:0 12rem}.dir-search__seg input{width:100%;min-width:0;color:var(--dir-ink);font:var(--type-body-sm);background:0 0;border:0;outline:0}.dir-search__seg input::placeholder{color:var(--text-placeholder)}.dir-search__div{background:var(--dir-line);width:1px;height:1.5rem}.dir-search__btn{gap:var(--space-2xs);min-height:2.25rem;padding-inline:var(--space-md);color:var(--text-on-brand);font:var(--type-label);background:var(--dir-action);border-radius:var(--r-full);cursor:pointer;transition:background-color var(--dir-transition), transform var(--dir-transition);border:0;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--space-2xs);display:inline-flex}.dir-search__btn:hover{background:var(--dir-action-hover)}.dir-chips{gap:var(--space-2xs);margin-top:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.dir-chips-strip{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;justify-content:space-between;display:flex}.dir-segmented-control{background:var(--dir-surface-muted);border:1px solid var(--dir-line);border-radius:var(--r-full);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.dir-seg-btn{border-radius:var(--r-full);color:var(--dir-ink-body);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.dir-seg-btn:hover{color:var(--dir-ink)}.dir-seg-btn.is-on{background:var(--dir-surface);color:var(--dir-action);box-shadow:var(--elevation-1)}.dir-chips-center{align-items:center;gap:var(--space-2xs);flex:1;min-width:0;padding-block:2px;display:flex;overflow-x:auto}.dir-chips-accent{flex-shrink:0}.dir-chip--ai{background:var(--action-subtle);border-color:var(--border-default);color:var(--dir-action);font-weight:700}.dir-chip--ai:hover{background:var(--action-subtle-hover);border-color:var(--border-brand);color:var(--dir-action)}.dir-chip{gap:var(--space-2xs);min-height:1.875rem;padding-inline:var(--space-sm);color:var(--dir-ink-body);font:var(--type-label);white-space:nowrap;background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--r-full);cursor:pointer;transition:color var(--dir-transition), background-color var(--dir-transition), border-color var(--dir-transition);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.dir-chip:hover{color:var(--action-subtle-text);background:var(--action-subtle);border-color:var(--border-brand)}.dir-chip.is-on{color:var(--text-on-brand);background:var(--dir-action);border-color:var(--dir-action)}.dir-shell{gap:var(--space-sm);min-height:calc(100svh - 9rem);padding-block:var(--space-sm) var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(22rem,42%);align-items:start;display:grid}.dir-shell--list-only{grid-template-columns:minmax(0,1fr)}.dir-list-col{min-width:0}.dir-list-head{gap:var(--space-sm);min-height:2rem;padding-inline:var(--space-3xs);margin-bottom:var(--space-xs);justify-content:space-between;align-items:baseline;display:flex}.dir-list-head h1{color:var(--dir-ink);font:var(--type-h3);letter-spacing:-.02em;margin:0}.dir-list-head span{color:var(--dir-ink-muted);font:var(--type-body-sm);white-space:nowrap;flex:none}.dir-list-head strong{color:var(--dir-ink)}.dir-filters{gap:var(--space-2xs);padding:var(--space-xs);margin-bottom:var(--space-xs);background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--dir-radius);flex-wrap:wrap;align-items:center;display:flex}.dir-filters select{max-width:12rem;min-height:2rem;padding-inline:var(--space-xs);color:var(--dir-ink);font:var(--type-caption);background:var(--dir-surface-muted);border:1px solid var(--dir-line);border-radius:var(--r-sm);cursor:pointer}.dir-filters a{color:var(--text-link);font:var(--type-label);margin-inline-start:auto;text-decoration:none}.dir-filters a:hover{color:var(--text-link-hover);text-underline-offset:var(--space-2xs);text-decoration:underline}.dir-filters-toggle{display:none}.dir-filters-toggle__btn{width:100%;min-height:2.75rem;margin-bottom:var(--space-xs);color:var(--dir-ink);font:var(--type-label);background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--dir-radius);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:flex}.dir-applied-filters{gap:var(--space-2xs);margin-bottom:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.dir-applied-filter{align-items:center;gap:var(--space-3xs);min-height:1.875rem;padding-inline:var(--space-sm);color:var(--dir-action);font:var(--type-label);background:var(--action-subtle);border:1px solid var(--border-brand);border-radius:var(--r-full);cursor:pointer;transition:background-color var(--dir-transition), border-color var(--dir-transition);display:inline-flex}.dir-applied-filter:hover{background:var(--action-subtle-hover)}.dir-applied-filters__clear{color:var(--dir-ink-muted);font:var(--type-label);text-decoration:none}.dir-applied-filters__clear:hover{color:var(--dir-ink);text-underline-offset:var(--space-2xs);text-decoration:underline}.dir-applied-filter:focus-visible,.dir-applied-filters__clear:focus-visible{box-shadow:var(--focus-ring);outline:0}.dir-rows{gap:var(--space-xs);flex-direction:column;display:flex}.dir-row__cta{min-height:2rem;padding-inline:var(--space-sm);color:var(--text-on-brand);font:var(--type-label);background:var(--dir-action);border:1px solid var(--dir-action);border-radius:var(--r-sm);transition:background-color var(--dir-transition), transform var(--dir-transition);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.dir-row__cta:hover{background:var(--dir-action-hover);transform:translateY(-.0625rem)}.dir-empty{padding:var(--space-2xl) var(--space-lg);text-align:center;background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--dir-radius);justify-items:center;display:grid}.dir-empty__icon{width:2.75rem;height:2.75rem;margin-bottom:var(--space-sm);color:var(--action-subtle-text);background:var(--action-subtle);border-radius:var(--r-full);place-items:center;display:grid}.dir-empty h2{color:var(--dir-ink);font:var(--type-h3);margin:0}.dir-empty p{max-width:32rem;margin:var(--space-xs) 0 0;color:var(--dir-ink-body);font:var(--type-body)}.dir-empty__actions{gap:var(--space-xs);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.dir-map-col{background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--dir-radius);height:calc(100svh - 10.5rem);min-height:30rem;box-shadow:var(--elevation-1);position:sticky;top:9.75rem;overflow:hidden}.dir-map-context{gap:var(--space-xs);min-height:2.75rem;padding:var(--space-xs) var(--space-sm);background:var(--dir-surface);border-bottom:1px solid var(--dir-line);justify-content:space-between;align-items:baseline;display:flex}.dir-map-context strong{color:var(--dir-ink);font:var(--type-label)}.dir-map-context span{color:var(--dir-ink-muted);font:var(--type-caption);text-align:right}.dir-map-host{width:100%;height:calc(100% - 2.75rem);min-height:0}.dir-map{background:var(--dir-map-land);width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.dir-map__canvas{width:100%;height:100%}.dir-map.has-error .dir-map__canvas{visibility:hidden}.dir-map__loading-label{bottom:var(--space-md);z-index:3;padding:var(--space-2xs) var(--space-sm);color:var(--dir-ink-body);font:var(--type-label);white-space:nowrap;background:color-mix(in srgb, var(--dir-surface) 92%, transparent);border:1px solid var(--dir-line);border-radius:var(--r-full);box-shadow:var(--elevation-1);position:absolute;left:50%;transform:translate(-50%)}.dir-map-fallback{z-index:2;padding:var(--space-xl);color:var(--dir-ink-body);text-align:center;background:var(--dir-surface-muted);border:1px solid var(--dir-line);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.dir-map-fallback__icon{width:3.25rem;height:3.25rem;margin-bottom:var(--space-sm);color:var(--text-on-brand);font:var(--type-label);background:var(--dir-action);border-radius:var(--r-full);box-shadow:var(--elevation-2);place-items:center;display:grid}.dir-map-fallback strong{color:var(--dir-ink);font:var(--type-h3)}.dir-map-fallback p{max-width:25rem;margin:var(--space-xs) 0 0;font:var(--type-body-sm)}.dir-map-pin{gap:var(--space-2xs);min-height:1.75rem;padding:var(--space-3xs) var(--space-xs);color:var(--dir-ink);font:var(--type-label);white-space:nowrap;background:var(--dir-surface);border:1px solid var(--dir-line-strong);border-radius:var(--r-full);box-shadow:var(--elevation-1);cursor:pointer;z-index:10;transform-origin:bottom;transition:color var(--dir-transition), background-color var(--dir-transition), border-color var(--dir-transition), transform var(--dir-transition), z-index .1s;align-items:center;display:inline-flex}.dir-map-pin:hover,.dir-map-pin.is-active{color:var(--text-on-brand);background:var(--dir-action);border-color:var(--dir-action);box-shadow:var(--elevation-2);transform:translateY(-.125rem)scale(1.08);z-index:99!important}.dir-map-pin__dot{background:var(--dir-action);border-radius:var(--r-full);width:.5rem;height:.5rem}.dir-map-pin:hover .dir-map-pin__dot,.dir-map-pin.is-active .dir-map-pin__dot{background:var(--text-on-brand)}.dir-map-pin.is-verified .dir-map-pin__dot{background:var(--verified-icon)}.dir-map-pin__price{line-height:1}.dir-map-popup{gap:var(--space-3xs);color:var(--dir-ink);font-family:var(--font-sans);display:grid}.dir-map-popup strong{font:var(--type-h4)}.dir-map-popup__spec{color:var(--dir-ink-body);font:var(--type-body-sm)}.dir-map-popup__location{color:var(--dir-ink-muted);font:var(--type-caption)}.dir-map-popup__meta{margin-top:var(--space-3xs);color:var(--dir-ink);font:var(--type-label)}.dir-map .mapboxgl-popup-content{padding:var(--space-sm);background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--r-md);box-shadow:var(--elevation-3)}.dir-map .mapboxgl-popup-tip{border-top-color:var(--dir-surface)}.dir-map .mapboxgl-ctrl-group{border-radius:var(--r-sm);box-shadow:var(--elevation-2);overflow:hidden}.dir-search__btn:focus-visible,.dir-chip:focus-visible,.dir-filters select:focus-visible,.dir-filters a:focus-visible,.dir-row__cta:focus-visible,.dir-map-pin:focus-visible{box-shadow:var(--focus-ring);outline:0}.dir-skel-search,.dir-skel-chip,.dir-skel-line,.dir-skel-avatar,.dir-skel-cta{background:linear-gradient(90deg, var(--skeleton-base), var(--skeleton-highlight), var(--skeleton-base));animation:dir-shimmer 1.5s var(--ease-standard) infinite;background-size:220% 100%}.dir-skel-search{border:1px solid var(--dir-line);border-radius:var(--r-full);height:2.75rem}.dir-skel-chips{gap:var(--space-2xs);margin-top:var(--space-xs);display:flex}.dir-skel-chip{border-radius:var(--r-full);height:1.875rem}.dir-skel-chip--1{width:5.5rem}.dir-skel-chip--2{width:6.5rem}.dir-skel-chip--3{width:7.25rem}.dir-skel-line{border-radius:var(--r-xs);height:.75rem}.dir-skel-line--heading{width:12.5rem;height:1.125rem}.dir-skel-line--count{width:4.5rem;height:.875rem}.dir-skel-filters{min-height:3rem}.dir-skel-line--filter-one{width:7.5rem;height:2rem}.dir-skel-line--filter-two{width:8.125rem;height:2rem}.dir-skel-line--filter-three{width:7.375rem;height:2rem}.dir-skel-row{gap:var(--space-sm);padding:var(--space-sm);background:var(--dir-surface);border:1px solid var(--dir-line);border-radius:var(--dir-radius);animation:dir-skeleton-enter var(--duration-slow) var(--ease-decelerate) both;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;display:grid}.dir-skel-avatar{border:1px solid var(--dir-line);border-radius:var(--r-full);width:3rem;height:3rem}.dir-skel-body{gap:var(--space-2xs);flex-direction:column;min-width:0;display:flex}.dir-skel-line--name-1{width:58%}.dir-skel-line--name-2{width:66%}.dir-skel-line--name-3{width:74%}.dir-skel-line--spec-1{width:42%}.dir-skel-line--spec-2{width:50%}.dir-skel-meta{gap:var(--space-xs);margin-top:var(--space-3xs);display:flex}.dir-skel-line--review{width:4.5rem;height:.6875rem}.dir-skel-line--location{width:6rem;height:.6875rem}.dir-skel-action{gap:var(--space-xs);flex-direction:column;align-items:flex-end;min-width:7.75rem;display:flex}.dir-skel-line--price{width:4rem;height:1rem}.dir-skel-action .dir-skel-cta{border-radius:var(--r-sm);width:5rem;height:2rem}.dir-skel-line--map-title{width:6rem}.dir-skel-line--map-copy{width:12rem}.dir-skel-map__surface{background:var(--dir-surface-muted);width:100%;height:calc(100% - 2.75rem);min-height:20rem;position:relative;overflow:hidden}.dir-skel-map__surface--live{height:100%;min-height:100%}.dir-skel-map__pin{background:color-mix(in srgb, var(--dir-action) 62%, transparent);border-radius:var(--r-full);width:3rem;height:1.5rem;box-shadow:var(--elevation-2);position:absolute;transform:translate(-50%,-50%)}.dir-skel-map__pin--one{top:32%;left:42%}.dir-skel-map__pin--two{top:52%;left:58%}.dir-skel-map__pin--three{background:color-mix(in srgb, var(--verified-icon) 66%, transparent);width:3.75rem;top:43%;left:50%}@keyframes dir-shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}@keyframes dir-skeleton-enter{0%{opacity:0;transform:translateY(var(--space-2xs))}to{opacity:1;transform:translateY(0)}}@media (max-width:68.75rem){.dir-shell{grid-template-columns:minmax(0,1fr)}.dir-map-col{order:-1;height:clamp(20rem,52vw,25rem);min-height:0;position:relative;top:auto}}@media (max-width:43.75rem){.dir-band{position:relative;top:auto}.dir-search{min-height:0;padding:var(--space-2xs);border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr) auto;display:grid}.dir-search__seg{min-height:2.25rem;padding-inline:var(--space-xs)}.dir-search__seg--city{grid-area:2/1}.dir-search__div{display:none}.dir-search__btn{border-radius:var(--r-md);grid-area:1/2/span 2;align-self:stretch;min-height:0;margin:0}.dir-chips{padding-bottom:var(--space-2xs);overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.dir-chips-strip{align-items:center;gap:var(--space-xs);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow-x:auto}.dir-chips-strip::-webkit-scrollbar{display:none}.dir-chips-strip .dir-chips-center{gap:var(--space-2xs);flex:none;display:flex;overflow-x:visible}.dir-map-context{align-items:flex-start}.dir-map-context span{max-width:12rem}.dir-filters-toggle{display:block}.dir-filters{display:none}.dir-filters.is-open{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dir-filters select{width:100%;max-width:none}.dir-filters a{text-align:center;grid-column:1/-1;margin-inline-start:0}.dir-skel-row{grid-template-columns:2.75rem minmax(0,1fr)}.dir-skel-avatar{width:2.75rem;height:2.75rem}.dir-skel-action{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center}}@media (prefers-reduced-motion:reduce){.dir-search,.dir-search__btn,.dir-chip,.dir-row__cta,.dir-map-pin{transition:none}.dir-row__cta:hover,.dir-map-pin:hover,.dir-map-pin.is-active{transform:none}.dir-skel-search,.dir-skel-chip,.dir-skel-line,.dir-skel-avatar,.dir-skel-cta,.dir-skel .dir-skel-row{animation:none}}.dir-search__seg input,.dir-search__btn,.dir-seg-btn,.dir-chip,.dir-applied-filter,.dir-filters select,.dir-row__cta,.dir-map-pin{min-height:44px}.dir-search__btn:disabled{opacity:.7;cursor:wait}.dir-filters a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.dir-page :is(a,button,select):focus-visible{outline:3px solid var(--brand-400);outline-offset:2px}.dir-list-head{flex-wrap:wrap}.dir-chips-strip{min-width:0;max-width:100%}.dir-chips-center{padding-block:var(--space-2xs)}.dir-shell>*{min-width:0}.dir-map-col{height:calc(100svh - 14rem);top:13.5rem}@media (max-width:68.75rem){.dir-map-col{height:clamp(16rem,40vw,22rem);top:auto}}@media (max-width:43.75rem){.dir-band__inner{min-width:0}.dir-shell,.dir-chips-strip{width:100%}.dir-search__seg{min-height:44px}.dir-map-col{order:1}.dir-filters a{grid-column:auto}}