:root{--bg:#f3f0ea;--ink:#25262b;--head:#1d1e22;--brand:#25262b;--accent:#a67c3d;--accent-ink:#7a5a24;--line:#d8d2c6;--font-display:'Jost',system-ui,sans-serif;--font-body:'Jost',system-ui,sans-serif;--btn-r:2px}
h1,h2,h3{text-transform:uppercase;letter-spacing:.04em;font-weight:500}
.t-head{position:relative;height:0;z-index:5;color:#fff}
.t-head .wrap{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:20px 0}
.t-brand{font:500 1.3rem var(--font-display);letter-spacing:.2em;text-transform:uppercase;text-decoration:none}
.t-brand small{display:block;font-size:.62rem;letter-spacing:.35em;opacity:.8}
.t-head nav{display:flex;gap:20px;overflow-x:auto;order:3;width:100%;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
.t-head nav a{text-decoration:none;white-space:nowrap;padding:6px 0}
@media(min-width:960px){.t-head nav{order:0;width:auto}}
.t-head .btn{background:#fff;color:#111}
.t-hero{position:relative;min-height:min(92vh,820px);display:flex;align-items:flex-end;color:#fff;background:#222}
.t-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000c 0%,#0005 22%,#0000 40%,#000a 100%)}
.t-hero .wrap{position:relative;z-index:2;padding:140px 0 clamp(28px,5vw,64px)}
.t-hero .panel{background:#16171bd9;max-width:640px;padding:clamp(20px,3vw,36px);backdrop-filter:blur(4px)}
.t-hero h1{color:#fff;font-size:clamp(2.2rem,5vw,4rem);max-width:11em;line-height:1.02;letter-spacing:.01em}
.t-hero p{max-width:34em;font-size:1.2rem}
.t-hero .btn.gold{background:var(--accent);color:#111;font-weight:700}
.rooms{background:#fff;border-bottom:1px solid var(--line)}
.rooms .wrap{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0;align-items:center}
.rooms span{font-weight:500;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;margin-right:8px}
.blk{padding:clamp(56px,8vw,110px) 0}
.blk h2{font-size:clamp(1.9rem,4vw,3.2rem)}
.chip{border-radius:2px;border-width:1px;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.sw-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.sw{background:#fff;border:1px solid var(--line)}
.sw .face{aspect-ratio:1/1;position:relative}
.sw .info{padding:18px 20px 22px}
.sw h3{font-size:1.1rem;margin:0 0 6px}.sw p{margin:0;font-size:.95rem;color:#4a4b50}
.sw .use{display:inline-block;margin-top:10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);font-weight:500}
.m-carrara{background:repeating-linear-gradient(115deg,#f4f4f2 0 22px,#ebebe8 22px 24px),#f4f4f2;background-blend-mode:multiply}
.m-carrara::after{content:"";position:absolute;inset:0;background:linear-gradient(60deg,transparent 40%,#9ea1a866 41%,transparent 42%,transparent 60%,#9ea1a844 61%,transparent 62%)}
.m-kota{background:radial-gradient(circle at 20% 30%,#7d8a82 0 40%,transparent 41%),radial-gradient(circle at 80% 70%,#5f6e66 0 30%,transparent 31%),#6c7a72}
.m-terrazzo{background:radial-gradient(circle at 18% 22%,#c0584a 0 5%,transparent 5.5%),radial-gradient(circle at 70% 18%,#2e3a4a 0 4%,transparent 4.5%),radial-gradient(circle at 40% 62%,#e0b25c 0 6%,transparent 6.5%),radial-gradient(circle at 82% 78%,#8aa59b 0 5%,transparent 5.5%),radial-gradient(circle at 12% 84%,#2e3a4a 0 3.5%,transparent 4%),#e9e3d6}
.m-wood{background:repeating-linear-gradient(90deg,#b58a5a 0 38px,#a47a4c 38px 40px,#bf9566 40px 78px,#a47a4c 78px 80px)}
.m-slate{background:linear-gradient(135deg,#3b3f44,#23262a);} .m-slate::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 30px,#fff1 30px 31px)}
.m-onyx{background:linear-gradient(120deg,#c79a4b,#e6c98a 30%,#a5702a 55%,#f1dca7 75%,#b8832f)}
.finish{background:#fff;border-block:1px solid var(--line)}
table{width:100%;border-collapse:collapse;font-size:1rem}
th,td{text-align:left;padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:#55565c}
.table-scroll{overflow-x:auto}
.proj{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.proj{grid-template-columns:2fr 1fr 1fr;grid-auto-rows:260px}.proj figure:first-child{grid-row:span 2}}
.proj figure{margin:0;position:relative;overflow:hidden;min-height:200px;background:#ddd}
.proj figcaption{position:absolute;left:0;bottom:0;background:#fff;padding:8px 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.hw{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--ink);padding-top:30px}
.hw h3{font-size:1rem}.hw p{font-size:.95rem;margin:0;color:#4a4b50}
.quote{background:var(--brand);color:#fff}
.quote h2{color:#fff}.quote .wrap{display:grid;gap:36px}
@media(min-width:900px){.quote .wrap{grid-template-columns:5fr 6fr}}
.quote .demo-form{background:#fff;color:#111;padding:28px}
.quote .btn{background:var(--accent);color:#111}
.t-foot{padding:30px 0;font-size:.92rem}