@layer components{.site .browse{--dock-top:80px}@media (max-width:960px){.site .browse{--dock-top:70px}}.site .browse-head{padding-top:clamp(24px,4vw,56px)}.site .browse-head h1{font-size:var(--t-h1)}.site .browse-head .section-head{margin-bottom:clamp(28px,3.6vw,52px)}.site .browse-lead>.inner{aspect-ratio:21/9;width:100%;min-height:300px;max-height:56svh}.site .lead-slides,.site .lead-slides>div{position:absolute;inset:0}.site .lead-slides>div{opacity:0;transition:opacity 1.4s ease-out}.site .lead-slides>div[data-on]{opacity:1}.site .lead-slides img{object-fit:cover}.site .lead-caption{z-index:4;max-width:min(380px,100% - 36px);color:var(--ink);transition:transform .3s var(--ease-soft);border-radius:14px;align-items:center;gap:18px;padding:12px 14px 12px 16px;text-decoration:none;display:flex;position:absolute;bottom:18px;left:18px}.site .lead-caption>span{gap:2px;min-width:0;display:grid}.site .lead-caption strong{font-weight:var(--w-strong);letter-spacing:-.01em}.site .lead-caption .place{color:var(--ink-2);font-size:var(--t-small)}.site .lead-caption .price{font-size:var(--t-small);font-weight:var(--w-strong)}.site .lead-caption .icon{transition:transform .3s var(--ease-soft);flex:none;margin-left:auto}.site .lead-caption:hover .icon{transform:translate(3px)}.site .lead-dots{z-index:4;border-radius:999px;padding:4px 6px;display:flex;position:absolute;bottom:18px;right:18px}.site .lead-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.site .lead-dots button:before{content:"";background:var(--ink);opacity:.3;width:6px;height:6px;transition:width .3s var(--ease-settle), opacity .3s var(--ease-settle);border-radius:999px}.site .lead-dots button:hover:before{opacity:.6}.site .lead-dots button[aria-current]:before{opacity:1;width:16px}@media (max-width:767px){.site .browse-lead>.inner{aspect-ratio:4/3;min-height:0}.site .lead-caption{max-width:calc(100% - 24px);bottom:12px;left:12px}.site .lead-dots{top:12px;bottom:auto;right:12px}}@media (max-width:560px){.site .lead-caption .place{display:none}}.site .dock-sentinel{height:1px;margin-top:clamp(20px,2.8vw,40px)}.site .dock{z-index:30;top:var(--dock-top);width:calc(100% - 2 * var(--pad));max-width:calc(1560px - 2 * var(--pad));transition:width .52s var(--ease-settle), padding .52s var(--ease-settle), background-color .32s var(--ease-settle), box-shadow .32s var(--ease-settle), -webkit-backdrop-filter .32s, backdrop-filter .32s;border-radius:18px;margin-inline:auto;padding:8px 0;position:sticky}.site .dock[data-stuck]{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);width:min(1180px,100% - 24px);box-shadow:inset 0 1px 0 var(--glass-edge), var(--elev-2);padding:8px 10px}@media (prefers-reduced-transparency:reduce){.site .dock[data-stuck]{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:960px){.site .dock[data-stuck]{border-radius:16px;width:calc(100% - 16px);padding:8px}}.site .browse-results{gap:clamp(28px,3.2vw,44px);padding-top:clamp(40px,5vw,72px);display:grid}.site .browse-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;display:flex}.site .browse-toolbar h2{font-size:var(--t-h3);font-weight:var(--w-title)}.site .browse-toolbar p{color:var(--ink-2);font-size:var(--t-small);margin-top:4px}.site .browse-toolbar .tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site .browse-toolbar .sort-label{color:var(--ink-2);font-size:var(--t-small)}.site .view-seg{display:none}.site .view-seg button{align-items:center;gap:6px;display:inline-flex}.site .view-seg svg{width:15px;height:15px}@media (min-width:1024px){.site .view-seg{display:inline-grid}}.site .browse-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.4vw,52px) clamp(16px,2vw,28px);display:grid}.site .browse-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1279px){.site .browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.site .browse-grid,.site .browse-grid.two{grid-template-columns:minmax(0,1fr)}}.site .browse-split{gap:32px;display:grid}.site .map-side>.inner{height:100%}@media (min-width:1024px){.site .browse-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.site .map-side{top:calc(var(--dock-top) + 78px);height:calc(100svh - var(--dock-top) - 96px);min-height:24rem;position:sticky}}@media (min-width:1280px){.site .browse-split{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.site .browse-empty{border:1px dashed var(--rule-2);border-radius:var(--r-frame)}.site .pager{justify-items:center;gap:12px;display:grid}.site .pager ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.site .pager a{border-radius:var(--r-control);border:1px solid var(--rule-2);background:var(--sheet);min-width:40px;height:40px;color:var(--ink-2);font-size:var(--t-ui);font-weight:var(--w-strong);transition:background-color .14s var(--ease-settle), color .14s var(--ease-settle);place-items:center;padding-inline:8px;text-decoration:none;display:grid}.site .pager a:hover{background:var(--bezel);color:var(--ink)}.site .pager a[aria-current=page]{border-color:var(--action);background:var(--action);color:var(--action-fg)}.site .pager a[aria-disabled]{pointer-events:none;opacity:.4}.site .pager .gap{color:var(--ink-3);padding-inline:4px}.site .pager p{color:var(--ink-3);font-size:var(--t-small)}.site .map-fab{z-index:40;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));box-shadow:var(--elev-3);border-radius:999px;padding-inline:20px 22px;position:fixed;translate:-50%}@media (min-width:1024px){.site .map-fab{display:none}}.site .closing{margin-top:clamp(72px,10vw,140px);padding-bottom:clamp(56px,8vw,120px)}.site .closing .bezel>.inner{background:var(--sheet);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:24px clamp(28px,4vw,72px);padding:clamp(28px,4.4vw,64px);display:grid}.site .closing h2{font-size:var(--t-h2);font-weight:var(--w-display);letter-spacing:var(--track-display)}.site .closing .inner>div{justify-items:start;gap:24px;display:grid}.site .closing p{color:var(--ink-2);max-width:44ch}@media (max-width:767px){.site .closing .bezel>.inner{grid-template-columns:minmax(0,1fr)}}}.site .dock [data-slot=input],.site .dock :is([data-slot=button],[data-slot=popover-trigger][data-variant],[data-slot=select-trigger]){height:40px}
