:root{--a:#e2483d;--d:#14161c;--m:#6b7080;--b:#f4f5f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--d)}a{color:var(--a)}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #eee}.logo{font-weight:800;letter-spacing:.12em;color:var(--d);text-decoration:none;display:flex;flex-direction:column;line-height:1.1}.logo span{font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--m)}.nav nav{display:none;gap:20px}.nav nav a{color:var(--d);text-decoration:none;font-size:15px}@media(min-width:820px){.nav nav{display:flex}}
.hero{min-height:82vh;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(10,12,18,.15),rgba(10,12,18,.8)),url(img/hero.jpg) center/cover;color:#fff}.hero-in{padding:40px 20px 60px;max-width:1100px;margin:0 auto;width:100%}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:13px;opacity:.85}h1{font-size:clamp(48px,11vw,110px);margin:0;line-height:1;letter-spacing:-.02em}.lead{font-size:clamp(17px,2.4vw,21px);max-width:620px}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;background:var(--a);color:#fff;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:600}.btn.ghost{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.6)}
.wrap{max-width:1100px;margin:0 auto;padding:60px 20px}h2{font-size:clamp(28px,4vw,40px);margin:0 0 24px}h2 small{font-size:16px;color:var(--m)}.muted,.note{color:var(--m);font-size:14px}
.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--b);border-radius:16px;padding:20px}.card p{margin:6px 0 0}.wide{width:100%;height:auto;border-radius:18px;margin-top:20px;aspect-ratio:2/1;object-fit:cover}
.floors{display:grid;gap:12px}.floor{display:flex;gap:18px;padding:18px;border:1px solid #e6e8ee;border-radius:16px}.floor h3{margin:0}.floor p{margin:4px 0}.fnum{flex:0 0 64px;height:64px;border-radius:14px;background:var(--d);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800}.fnum.sm{font-size:14px}
#q{width:100%;padding:14px 18px;border:1px solid #dde0e7;border-radius:12px;font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.chip{border:1px solid #dde0e7;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer;font:inherit;font-size:14px}.chip.on{background:var(--d);color:#fff;border-color:var(--d)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.shop{background:var(--b);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:2px}.shop b{font-size:18px}.shop span{color:var(--m)}.shop small{color:var(--m)}.shop .badge{align-self:flex-start;background:#fff;color:var(--a);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px;margin-bottom:6px}
.rent{background:var(--d);color:#fff}.rent a{color:#fff}.two{display:grid;gap:30px}@media(min-width:820px){.two{grid-template-columns:1fr 1fr;align-items:center}}.rent img{width:100%;border-radius:18px}.contact{display:flex;flex-direction:column;gap:6px;font-size:20px;font-weight:700}
.map iframe{width:100%;height:380px;border:0;border-radius:18px;background:var(--b)}footer{background:var(--b);color:var(--m);font-size:14px}footer .wrap{padding:28px 20px}
