:root{--bg:#f3f2ef;--bg-elevated:#fff;--ink:#0c0c0c;--muted:#6b6b6b;--line:#dcdad4;--accent:#1f8a5b;--accent-soft:#e8f5ef;--shadow:0 18px 50px #0c0c0c14;--font-display:"Syne", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--radius:2px;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #1f8a5b14, transparent 55%), radial-gradient(900px 500px at 100% 0%, #0c0c0c0d, transparent 50%), var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:0}#app{min-height:100vh}.site-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f2efd6;border-bottom:1px solid #0c0c0c0f;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1.25rem,4vw,3rem);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.brand span{color:var(--accent)}.header-meta{color:var(--muted);font-size:.9rem}.hero{color:#fff;align-items:end;min-height:min(88vh,820px);display:grid;position:relative;overflow:hidden}.hero__media{background:linear-gradient(#0c0c0c2e 0%,#0c0c0cb8 100%),url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2000&q=80) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate heroDrift;position:absolute;inset:0;transform:scale(1.02)}.hero__content{z-index:1;max-width:780px;padding:clamp(2rem,6vw,5rem) clamp(1.25rem,4vw,3rem) clamp(2.5rem,6vw,4.5rem);position:relative}.hero__eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.86;margin-bottom:1rem;font-size:.8rem;display:inline-block}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;line-height:.98}.hero p{color:#ffffffdb;max-width:34rem;margin:1.1rem 0 0;font-size:1.05rem;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 1.25rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--ink);background:#fff;font-weight:600}.btn-ghost{color:#fff;border:1px solid #ffffff73}.section{padding:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,4vw,3rem)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section__head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.section__head p{color:var(--muted);margin:.35rem 0 0}.layout-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:1.25rem;display:grid}@media (width<=980px){.layout-split{grid-template-columns:1fr}}.panel{background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow);min-height:420px;overflow:hidden}.map-panel{min-height:520px;position:relative}#catalog-map{width:100%;height:100%;min-height:520px}.map-legend{z-index:500;border:1px solid var(--line);color:var(--muted);background:#ffffffeb;padding:.65rem .85rem;font-size:.82rem;position:absolute;top:1rem;left:1rem}.table-wrap{max-height:520px;overflow:auto}.catalog-table{border-collapse:collapse;width:100%;font-size:.92rem}.catalog-table th,.catalog-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.85rem .9rem}.catalog-table th{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#fafaf8;font-size:.75rem;font-weight:600;position:sticky;top:0}.catalog-table th button{color:inherit;align-items:center;gap:.35rem;display:inline-flex}.catalog-table th button .sort-ind{opacity:.35;font-size:.7rem}.catalog-table th button.is-active .sort-ind{opacity:1;color:var(--accent)}.catalog-table tbody tr{cursor:pointer;transition:background .15s}.catalog-table tbody tr:hover{background:#f7f7f5}.catalog-table tbody tr.is-selected{background:var(--accent-soft)}.catalog-table .price{font-weight:600}.reco{flex-wrap:wrap;gap:.5rem;display:flex}.reco button{border:1px solid var(--line);background:var(--bg-elevated);min-height:40px;color:var(--muted);border-radius:999px;padding:0 1rem;font-weight:500;transition:border-color .15s,color .15s,background .15s}.reco button.is-active{border-color:var(--ink);color:var(--ink);background:#fff}.detail{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.25rem;margin-top:1.25rem;display:grid}@media (width<=900px){.detail{grid-template-columns:1fr}}.detail__media{border:1px solid var(--line);background:#ddd 50%/cover no-repeat;min-height:320px}.detail__body{background:var(--bg-elevated);border:1px solid var(--line);flex-direction:column;gap:.85rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.detail__body h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.6rem}.detail__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;display:grid}.detail__meta div span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:.75rem;display:block}.detail__meta div strong{font-size:1.05rem;font-weight:600}.detail__note{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding-top:.75rem;line-height:1.5}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:2rem clamp(1.25rem,4vw,3rem) 3rem;font-size:.9rem;display:flex}@keyframes heroDrift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.06)translate(-1.2%,-.8%)}}.map-placeholder{text-align:center;height:100%;min-height:520px;color:var(--muted);background:#eceae6;justify-content:center;align-items:center;padding:2rem;font-size:.95rem;line-height:1.45;display:flex}