@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;1,400&display=swap');
:root{--bg:#171719;--panel:#222225;--line:#ffffff24;--rose:#d7b7a8;--text:#f3efeb;--muted:#b5b0ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'Hanken Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rose);outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 5%;border-bottom:1px solid var(--line)}.logo{width:205px;object-fit:contain}nav{display:flex;gap:36px}nav a:hover,.text-link:hover{color:var(--rose)}.preview{padding:7px 20px;text-align:center;background:#302b28;font-size:11px;letter-spacing:.08em;color:var(--rose)}main>section{max-width:1440px;margin:auto;padding:76px 5%}.intro{padding-top:85px;padding-bottom:56px}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--rose);font-weight:600;margin:0 0 20px}h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:400;line-height:1.18;margin:0 0 24px}h1{font-size:clamp(48px,6vw,86px);letter-spacing:-.04em}h1 em{color:var(--rose)}h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.025em}h3{font-size:26px}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.intro-bottom p{max-width:550px;color:var(--muted)}.text-link{border-bottom:1px solid var(--rose);padding-bottom:8px;white-space:nowrap}.button{display:inline-block;border:1px solid var(--rose);padding:13px 24px;background:var(--rose);color:#211b18;font-weight:600;text-align:center}.small{font-size:14px;padding:10px 20px}.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.section-head p:not(.eyebrow){color:var(--muted);font-size:14px}.building{position:relative;overflow:hidden}.building>img{width:100%;display:block}.building svg,.plan-wrap svg{position:absolute;inset:0;width:100%;height:100%}.floor-zone{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;transition:fill .2s}.floor-zone:hover,.floor-zone:focus,.floor-zone.active{fill:#d7b7a849;stroke:#ffe3c7}.image-caption{position:absolute;bottom:10px;left:16px;color:white;font-size:11px;text-shadow:0 1px 4px #000;background:#0007;padding:4px 9px;pointer-events:none}.floor-buttons{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 65px;border:1px solid var(--line)}.floor-buttons button{padding:20px 10px;background:none;color:var(--text);border:0;border-right:1px solid var(--line)}.floor-buttons button.active{background:var(--rose);color:#211b18}.floor-buttons small{display:block;opacity:.7}.plan-wrap{position:relative;background:#fff;overflow:hidden}.plan-wrap img{width:100%;display:block}.unit-zone{fill:#b77e5f35;stroke:#ad7254;stroke-width:2;cursor:pointer}.unit-zone:hover,.unit-zone:focus{fill:#b77e5f80;stroke-width:4}.unit-label{fill:#fff;font:bold 19px sans-serif;pointer-events:none;paint-order:stroke;stroke:#503323;stroke-width:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.card{background:var(--panel);text-align:left;padding:24px;color:var(--text);border:1px solid var(--line)}.card:hover{border-color:var(--rose)}.card strong{display:block;font:24px Lora;margin:10px 0}.card small{color:var(--muted)}.card .price{font-size:20px;color:var(--rose);margin-top:15px;display:block}.muted{color:var(--muted);font-size:13px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery img{width:100%}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.contact p{max-width:510px;color:var(--muted)}.contact a{color:var(--rose)}.contact-note{padding:35px;border:1px solid var(--line)}footer{padding:40px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px;font-size:12px;color:var(--muted)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:44px;width:min(1080px,95vw);max-height:92vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:white;font-size:30px}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.detail-plan{width:100%;background:white}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.metrics div{border-bottom:1px solid var(--line);padding:10px 0}.metrics strong{display:block;color:var(--rose);font-size:20px}.detail-price{font:34px Lora;margin:18px 0}.placeholder{border:1px dashed #8b7569;padding:22px;margin:20px 0;color:var(--muted);font-size:13px}form{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}form label{display:block;margin-top:10px}input{width:100%;padding:10px;background:#29292c;border:1px solid #777;color:white}form button{margin-top:18px}.offer{max-width:1200px;margin:40px auto;padding:30px}.offer h1{font-size:48px}.offer p{color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:30px 0}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--rose)}@media(max-width:800px){header{flex-wrap:wrap;gap:16px}header .logo{width:160px}nav{order:3;width:100%;justify-content:center;font-size:14px;gap:25px}.small{font-size:12px;padding:8px 12px}main>section{padding:45px 5%}.intro-bottom,.section-head{display:block}.cards{grid-template-columns:1fr 1fr}.card{padding:15px}.contact,.detail-grid{grid-template-columns:1fr;gap:20px}.gallery{grid-template-columns:1fr}dialog{padding:32px 20px}.plan-wrap{overflow:auto}.plan-wrap img{min-width:700px}.plan-wrap svg{min-width:700px}.floor-buttons button{font-size:14px;padding:14px 5px}footer{display:block}.contact-note{padding:22px}}@media print{body{background:white;color:black}.offer{margin:0;padding:0}.offer p{color:#333}th,td{border-color:#aaa;color:black;font-size:10px;padding:8px}.button{display:none}.logo{background:#222;padding:10px}}
.detail-plan{max-height:440px}
