@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--ink:#3c2107;--brown:#6f3905;--orange:#ea8907;--amber:#f4aa14;--gold:#e8bd52;--champ:#f6dea0;--ivory:#fff8df;--cream:#fff0bf;--white:#fffdf6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#f8c84e url('assets/liquid-gold.webp') center/cover fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 22%,rgba(255,245,190,.22) 40%,transparent 57%,rgba(255,255,255,.24) 78%,transparent);mix-blend-mode:screen}.wrap{width:min(1240px,92%);margin:auto}a{text-decoration:none;color:inherit}.topbar{background:linear-gradient(90deg,#e57b00,#f4a100,#cc6500);color:#fff9e7;font-size:12px;letter-spacing:1.1px;font-weight:700}.topbar .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}header{position:sticky;top:0;z-index:100;background:linear-gradient(110deg,rgba(255,249,221,.96),rgba(255,225,135,.95),rgba(255,244,195,.96));backdrop-filter:blur(18px);box-shadow:0 8px 35px rgba(108,57,0,.12);border-bottom:1px solid rgba(140,76,0,.12)}.nav{height:94px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.brand img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(123,69,0,.12))}.brand-copy b{display:block;font:600 25px/1 'Playfair Display',serif;letter-spacing:2.2px}.brand-copy small{display:block;font-size:8px;letter-spacing:4px;margin-top:5px}.nav nav{display:flex;gap:25px;font-size:12px;font-weight:800;letter-spacing:.7px}.nav nav a{padding:34px 0;position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:#9b5100;transition:.25s}.nav nav a:hover:after{right:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:800;letter-spacing:.45px;font-size:13px;border:1px solid rgba(91,42,0,.15);transition:.25s}.button:hover{transform:translateY(-2px)}.button.dark{color:#fff9e8;background:linear-gradient(135deg,#8f4300,#c86c00 55%,#9b4800);box-shadow:0 12px 30px rgba(124,57,0,.24),inset 0 1px rgba(255,255,255,.3)}.button.glass{background:rgba(255,251,230,.72);box-shadow:inset 0 1px #fff,0 12px 30px rgba(120,61,0,.12)}
.hero{min-height:700px;position:relative;display:grid;align-items:center;overflow:hidden;background:url('assets/hero.jpg') center 42%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(67,31,3,.64) 0%,rgba(93,44,0,.42) 38%,rgba(178,89,0,.13) 70%,rgba(255,220,120,.05) 100%)}.hero:after{content:"";position:absolute;width:105%;height:42%;left:-4%;bottom:-20%;background:radial-gradient(ellipse at 30% 50%,rgba(255,250,216,.92),rgba(255,207,67,.78) 28%,rgba(237,123,0,.58) 50%,transparent 72%);filter:blur(28px);mix-blend-mode:screen;transform:rotate(-4deg)}.hero .content{position:relative;z-index:2;max-width:790px;color:#fffdf0;padding:95px 0}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:#9c5709}.hero .eyebrow{color:#ffdc74}.hero h1{font:600 76px/.98 'Playfair Display',serif;margin:16px 0 24px;letter-spacing:-1.5px;text-shadow:0 7px 28px rgba(57,24,0,.26)}.hero h1 em{font-style:normal;color:#ffd76c}.hero p{font-size:19px;line-height:1.65;max-width:670px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-note{margin-top:26px;font-size:12px;letter-spacing:.7px;color:#fff0c7}.trust{margin-top:-42px;position:relative;z-index:5}.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:22px;background:linear-gradient(120deg,rgba(255,253,238,.91),rgba(255,213,93,.82));border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 24px 60px rgba(116,57,0,.18);backdrop-filter:blur(16px)}.trust div{padding:10px 20px;border-right:1px solid rgba(104,53,0,.16)}.trust div:last-child{border:0}.trust b{display:block;font:600 21px 'Playfair Display',serif}.trust small{display:block;margin-top:5px;line-height:1.45;color:#74420f}
section{padding:88px 0}.section-head{text-align:center;max-width:760px;margin:0 auto 40px}.section-head h2,.display{font:600 48px/1.08 'Playfair Display',serif;margin:8px 0 16px}.section-head p{font-size:16px;line-height:1.7;color:#71410f}.flagships{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.flag-main,.flag-stack article,.project-card{border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.85);background:linear-gradient(145deg,rgba(255,253,239,.93),rgba(255,219,119,.84));box-shadow:0 22px 52px rgba(122,63,0,.18)}.flag-main{min-height:660px;position:relative}.flag-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.flag-main:after,.flag-stack article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(72,31,0,.76),rgba(91,40,0,0) 65%)}.flag-copy{position:absolute;z-index:2;left:34px;right:34px;bottom:32px;color:white}.flag-copy .tag{color:#ffd46b}.flag-copy h3{font:600 43px/1.05 'Playfair Display',serif;margin:7px 0}.flag-copy p{margin:0 0 15px;max-width:600px;color:#fff2d1;line-height:1.55}.flag-stack{display:grid;grid-template-rows:1fr 1fr;gap:22px}.flag-stack article{position:relative;min-height:319px}.flag-stack img{width:100%;height:100%;object-fit:cover;position:absolute}.flag-stack .flag-copy h3{font-size:31px}.tag{font-size:10px;letter-spacing:2px;font-weight:900;color:#9b5508}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card img{width:100%;height:275px;object-fit:cover;display:block}.card-body{padding:24px}.project-card h3{font:600 29px/1.1 'Playfair Display',serif;margin:8px 0}.meta{font-size:12px;color:#8c4f0a;font-weight:700}.project-card p{font-size:14px;line-height:1.6;color:#734315;min-height:66px}.card-link{font-size:12px;font-weight:900;color:#8e4900;letter-spacing:.5px}.liquid-panel{background:linear-gradient(120deg,rgba(255,249,218,.54),rgba(255,167,17,.30),rgba(255,237,151,.62));border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.split img{width:100%;height:500px;object-fit:cover;border-radius:28px;box-shadow:0 22px 55px rgba(110,54,0,.18);border:1px solid rgba(255,255,255,.8)}.split h2{font:600 49px/1.08 'Playfair Display',serif;margin:8px 0 18px}.split p{font-size:16px;line-height:1.8;color:#70410f}.cta-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;padding:38px;border-radius:30px;background:linear-gradient(135deg,rgba(255,253,237,.91),rgba(255,204,74,.78));border:1px solid rgba(255,255,255,.83);box-shadow:0 24px 65px rgba(111,54,0,.19)}.cta-panel h2{font:600 44px 'Playfair Display',serif;margin:8px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.form textarea{width:100%;padding:15px 16px;border-radius:12px;border:1px solid rgba(111,56,0,.18);background:rgba(255,253,242,.92);font:inherit;color:#442408}.form textarea{grid-column:1/-1;min-height:105px}.form button{grid-column:1/-1;cursor:pointer}
.pagehero{padding:96px 0 60px;text-align:center}.pagehero h1{font:600 60px 'Playfair Display',serif;margin:10px 0}.pagehero p{max-width:800px;margin:auto;line-height:1.75;color:#6f4010}.project-hero{min-height:570px;position:relative;display:flex;align-items:end;background-size:cover;background-position:center}.project-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(66,28,0,.82),rgba(90,42,0,.12) 70%)}.project-hero .wrap{position:relative;color:white;padding-bottom:58px}.project-hero h1{font:600 62px 'Playfair Display',serif;margin:8px 0 18px}.project-hero .eyebrow{color:#ffd66a}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.fact{padding:20px;border-radius:17px;background:rgba(255,250,224,.86);box-shadow:0 14px 32px rgba(113,55,0,.11);border:1px solid rgba(255,255,255,.7)}.fact small{display:block;font-size:10px;letter-spacing:1.5px;font-weight:900;color:#99570a}.fact b{display:block;font:600 20px 'Playfair Display',serif;margin-top:7px}.inventory{margin-top:25px;border-radius:22px;overflow:hidden;background:rgba(255,251,229,.78);border:1px solid rgba(255,255,255,.7)}.inv-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:14px 20px;border-bottom:1px solid rgba(112,56,0,.12)}.inv-row:last-child{border:0}.inv-row b:last-child{text-align:right;color:#8e4b00}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 35px rgba(118,60,0,.15)}
footer{background:linear-gradient(110deg,#ee940b,#ffd66a,#e88108);padding:42px 0;border-top:1px solid rgba(120,60,0,.12)}footer .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.footer-brand{font:600 25px 'Playfair Display',serif}.legal{max-width:720px;font-size:11px;line-height:1.7;color:#693908}.wa{position:fixed;right:20px;bottom:20px;z-index:120;padding:13px 17px;background:#fffdf3;border-radius:14px;box-shadow:0 14px 35px rgba(0,0,0,.17);font-size:12px;font-weight:800}.wa:before{content:"●";color:#18a759;margin-right:7px}
@media(max-width:920px){.nav nav{display:none}.flagships,.split,.cta-panel{grid-template-columns:1fr}.flag-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.projects-grid{grid-template-columns:1fr 1fr}.trust .wrap,.facts{grid-template-columns:1fr 1fr}.hero h1{font-size:57px}.flag-main{min-height:560px}}
@media(max-width:600px){.topbar{display:none}.nav{height:76px}.brand img{width:44px;height:44px}.brand-copy b{font-size:20px}.button{padding:13px 16px}.hero{min-height:650px}.hero .content{padding:80px 0}.hero h1{font-size:45px}.hero p{font-size:16px}.trust{margin-top:-20px}.trust .wrap,.projects-grid,.flag-stack,.facts,.form,.gallery{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid rgba(104,53,0,.13)}.trust div:last-child{border:0}.flag-main{min-height:500px}.flag-stack article{min-height:300px}.section-head h2,.display,.split h2{font-size:38px}.pagehero h1{font-size:44px}.project-hero h1{font-size:45px}.project-card img{height:245px}.split img{height:360px}.cta-panel{padding:25px}.form textarea,.form button{grid-column:auto}.inv-row{grid-template-columns:1fr 1fr}.inv-row b:last-child{grid-column:1/-1;text-align:left;margin-top:5px}footer .wrap{display:block}.legal{margin-top:18px}}
/* Approved bright luxury homepage hero — 24 Aug 2026 */
body>.topbar{display:none}
header{background:rgba(255,255,255,.97);box-shadow:0 6px 28px rgba(32,42,54,.09);border-bottom:1px solid rgba(190,132,20,.18)}
.nav{height:110px}
.brand-copy{color:#9b650c}.brand-copy b{font-size:28px;letter-spacing:2.6px}.brand-copy small{color:#3b3b3b}
.nav nav{color:#161616}.nav nav a:after{background:#c78b20}.button.dark{border-radius:7px;color:#fff;background:linear-gradient(135deg,#c88d28,#d7a33d);box-shadow:none;border:1px solid #c58a25}
.approved-hero{position:relative;width:100%;overflow:hidden;background:#fff;line-height:0}
.approved-hero>img{display:block;width:100%;height:auto;object-fit:cover}
.hero-hotspot{position:absolute;z-index:5;display:block;border-radius:8px}
/* Exact clickable areas on the approved desktop artwork */
.hero-explore{left:5.2%;top:41.5%;width:16.1%;height:6.4%}
.hero-whatsapp{left:22%;top:41.5%;width:12.7%;height:6.4%}
.hero-hotspot:focus-visible{outline:3px solid #c78b20;outline-offset:3px;background:rgba(255,255,255,.08)}
@media(max-width:920px){.nav{height:86px}.approved-hero>img{min-width:100%;}.hero-explore,.hero-whatsapp{display:none}}
@media(max-width:600px){header{position:sticky}.approved-hero{min-height:440px}.approved-hero>img{height:440px;width:auto;max-width:none;position:relative;left:50%;transform:translateX(-43%)}.brand-copy b{font-size:19px}.nav>.button.dark{font-size:10px;padding:11px 12px}}