:root{--black:#0b0b0b;--charcoal:#151515;--gold:#d6ad45;--cream:#f7f2ea;--stone:#b8b1a8;--text:#1b1b1b;--muted:#6d6a66;--white:#fff;--radius:24px;--shadow:0 24px 80px rgba(0,0,0,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fbfaf8;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin-inline:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,54px);background:rgba(11,11,11,.74);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.brand{font-weight:800;letter-spacing:.06em;font-size:1.08rem;display:flex;align-items:baseline;gap:2px}.brand-mark{color:var(--gold)}.brand small{color:var(--gold);font-size:.7rem;margin-left:5px}.nav{display:flex;gap:24px;font-size:.84rem}.nav a{opacity:.85}.nav a:hover{color:var(--gold);opacity:1}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:700;font-size:.9rem;border:1px solid transparent}.header-cta{border-color:rgba(214,173,69,.5);color:var(--gold)}.section{padding:90px 0}.section-dark,.section-black{background:var(--black);color:#fff}.hero{min-height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(214,173,69,.24),transparent 26%),linear-gradient(120deg,#050505,#16110c 45%,#080808)}.hero:before{content:"";position:absolute;inset:80px 4% 0 40%;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0)),linear-gradient(45deg,#2b241f,#111);box-shadow:var(--shadow);transform:skewX(-5deg)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .48fr;gap:50px;align-items:center;padding-top:80px}.eyebrow{text-transform:uppercase;color:var(--gold);letter-spacing:.18em;font-size:.75rem;font-weight:800}.eyebrow.dark{color:#9a7525}.hero h1,h2{font-family:'Playfair Display',Georgia,serif;line-height:1.05;margin:12px 0 20px}.hero h1{font-size:clamp(3rem,7vw,6.8rem);max-width:850px}h2{font-size:clamp(2rem,4vw,4rem)}.lead{font-size:1.15rem;max-width:680px;color:#ded8cf}.button-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn-gold{background:var(--gold);color:#111}.btn-outline{border-color:rgba(255,255,255,.25);color:#fff}.connect-card,.wechat-panel{background:rgba(16,16,16,.78);border:1px solid rgba(214,173,69,.35);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card-label{display:block;color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:12px}.qr-box{height:145px;border-radius:18px;background:repeating-linear-gradient(45deg,#fff 0 8px,#111 8px 10px);display:grid;place-items:center;color:var(--gold);font-weight:900;margin:18px 0}.qr-box.large{height:250px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split.reverse{grid-template-columns:1fr .78fr}.image-panel,.gallery-item{min-height:460px;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#2a211b,#d9d0c3);position:relative;overflow:hidden}.image-panel:after,.gallery-item:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.22);border-radius:18px}.kitchen-panel{background:radial-gradient(circle at 72% 30%,#efe1c8,transparent 16%),linear-gradient(130deg,#15110e,#4a3b31 48%,#b7aa9a)}.section-copy p{color:var(--muted);font-size:1.03rem}.section-copy.light p,.light .tick-list{color:#ddd}.section-center{text-align:center;max-width:760px;margin:0 auto 44px}.cards{display:grid;gap:18px}.cards.six{grid-template-columns:repeat(6,1fr)}.card{padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,#181818,#111);min-height:210px;transition:.25s ease}.card:hover{transform:translateY(-6px);border-color:rgba(214,173,69,.5)}.card span{color:var(--gold);font-weight:800}.card h3{margin:18px 0 8px}.card p{color:#bbb;font-size:.92rem}.value-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;text-align:center}.value-strip div{background:#fff;border:1px solid #eee;border-radius:20px;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.06)}.value-strip span{display:block;color:var(--muted);font-size:.88rem}.sourcing{background:linear-gradient(120deg,#050505,#181818)}.tick-list{padding-left:20px;margin:24px 0}.tick-list li{margin:10px 0}.wechat-panel{text-align:center}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:260px;gap:18px}.gallery-item{min-height:auto;border-radius:22px;display:flex;align-items:end;padding:24px;color:#fff;font-weight:800}.gallery-item:first-child{grid-row:span 2}.living{background:linear-gradient(135deg,#111,#6b5846)}.kitchen{background:linear-gradient(135deg,#2a211b,#b6a38c)}.bedroom{background:linear-gradient(135deg,#1d1a18,#70665c)}.commercial{background:linear-gradient(135deg,#050505,#4d4238)}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-grid div{background:#171717;border:1px solid rgba(214,173,69,.25);border-radius:20px;padding:30px;color:var(--gold);font-weight:800}.contact{display:grid;grid-template-columns:.85fr 1fr;gap:60px}.contact-form{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);display:grid;gap:18px}label{display:grid;gap:8px;font-weight:700}input,select,textarea{width:100%;border:1px solid #ded9d0;border-radius:14px;padding:14px 16px;font:inherit;background:#fbfaf8}.footer{background:#050505;color:#fff;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}.footer a{display:block;color:#ccc;margin:8px 0}.footer p{color:#aaa}@media (max-width:980px){.nav{display:none}.hero-grid,.split,.split.reverse,.contact{grid-template-columns:1fr}.cards.six{grid-template-columns:repeat(2,1fr)}.value-strip{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.gallery-item:first-child{grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}.hero:before{inset:45% -10% 0 5%}.connect-card{max-width:430px}}@media (max-width:560px){.site-header{padding:14px 16px}.header-cta{display:none}.hero h1{font-size:2.8rem}.section{padding:64px 0}.cards.six,.value-strip,.trade-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{gap:28px}.button-row .btn{width:100%}}
