
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Montserrat:wght@300;400;500;600&family=Allura&display=swap');
:root{
  --black:#060606;--charcoal:#101010;--gold:#d6b36b;--gold2:#eed59f;
  --cream:#f4efe6;--warm:#d8d0c4;--white:#fff;--ink:#191919;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.approved-hero{position:relative;width:100%;background:#000;overflow:hidden}
.approved-hero>img{display:block;width:100%;height:auto}
.hotspot{position:absolute;z-index:4;display:block}
.hs-home{left:33%;top:5%;width:5%;height:5%}
.hs-properties{left:38.5%;top:5%;width:8%;height:5%}
.hs-buy-top{left:46.5%;top:5%;width:4%;height:5%}
.hs-sell-top{left:51.5%;top:5%;width:4%;height:5%}
.hs-community{left:56.5%;top:5%;width:10%;height:5%}
.hs-about{left:67%;top:5%;width:6%;height:5%}
.hs-contact-top{left:74%;top:5%;width:8%;height:5%}
.hs-phone{left:82%;top:3%;width:15%;height:7%}
.hs-buy{left:37%;top:63%;width:11%;height:6%}
.hs-sell{left:48.5%;top:63%;width:11%;height:6%}
.hs-contact{left:60%;top:63%;width:13%;height:6%}

.eyebrow{color:#a9823f;font-size:10px;letter-spacing:.28em;text-transform:uppercase}
.lux-intro{padding:105px 9vw;display:grid;grid-template-columns:1fr .82fr;gap:8vw;background:#f7f3eb}
.lux-intro h2,.lux-grid-section h2,.lux-feature h2{
  font:500 clamp(46px,5vw,76px)/.98 Cormorant Garamond,serif;margin:18px 0;color:#161616
}
.intro-copy p{font-size:14px;line-height:1.9;color:#5c5a57}
.text-link{display:inline-block;margin-top:15px;border-bottom:1px solid var(--gold);padding-bottom:6px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}

.lux-grid-section{padding:105px 7vw 120px;background:#fff;text-align:center}
.lux-cards{max-width:1280px;margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7cfc2;border-left:1px solid #d7cfc2}
.lux-cards a{min-height:360px;text-align:left;padding:44px 42px;border-right:1px solid #d7cfc2;border-bottom:1px solid #d7cfc2;transition:.25s}
.lux-cards a:hover{background:#0b0b0b;color:#fff}
.lux-cards small{color:#b58a43;font-size:9px;letter-spacing:.16em}
.lux-cards h3{font:500 35px/1.05 Cormorant Garamond,serif;margin:24px 0 15px}
.lux-cards p{font-size:13px;line-height:1.8;color:#77716b}
.lux-cards a:hover p{color:#bbb4aa}
.lux-cards span{display:block;margin-top:28px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a9823f}

.dark-section{background:linear-gradient(145deg,#060606,#15120e);color:#fff}
.lux-feature{padding:100px 8vw;display:grid;grid-template-columns:180px 1.2fr .75fr;gap:6vw;align-items:center}
.lux-feature h2{color:#fff}
.lux-feature p{max-width:640px;color:#bfb7ad;line-height:1.9;font-size:14px}
.feature-number{font:500 100px/1 Cormorant Garamond,serif;color:var(--gold)}
.feature-links{border-left:1px solid #ffffff24;padding-left:40px}
.feature-links a{display:block;padding:17px 0;border-bottom:1px solid #ffffff1f;font:500 24px Cormorant Garamond,serif}

.broker-signature{text-align:center;padding:100px 7vw 110px;background:#f3ede4}
.signature-script{font:400 clamp(72px,8vw,120px)/.8 Allura,cursive;color:#b3833c}
.signature-role{margin-top:24px;font-size:14px;letter-spacing:.28em;text-transform:uppercase}
.signature-license{margin-top:13px;font-size:12px;letter-spacing:.24em}
.signature-license span{color:#b3833c;margin:0 8px}
.broker-signature p{max-width:620px;margin:26px auto 0;color:#6b655d;line-height:1.8}
.signature-actions{margin-top:35px;display:flex;justify-content:center;gap:12px}
.signature-actions a{min-width:155px;padding:15px 24px;border:1px solid #8f7043;font-size:10px;letter-spacing:.16em}
.signature-actions a:first-child{background:linear-gradient(90deg,#d0ab63,#efd69d);color:#111}

.contactband{background:#080808;color:#fff;padding:85px 7vw}
.contactgrid{max-width:1240px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}
.contactband .kicker{color:var(--gold);font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.contactband h2{font:500 52px/1 Cormorant Garamond,serif;margin:14px 0 24px}
.contactband p{color:#bbb4ab;line-height:1.8;font-size:13px}
.contactband strong{font:500 26px Cormorant Garamond,serif;color:#fff}
.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form input,.form select,.form textarea{width:100%;padding:15px;background:#111;border:1px solid #3c342a;color:#fff;font:12px Montserrat}
.form input::placeholder,.form textarea::placeholder{color:#aaa}
.form .wide,.form textarea,.form button{grid-column:1/-1}
.form button{padding:17px;background:linear-gradient(90deg,#c9a45d,#e7cb90);border:0;text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.foot{text-align:center;background:#020202;color:#8e8880;padding:28px;font-size:10px;line-height:1.8}

@media(max-width:900px){
 .lux-intro,.lux-feature,.contactgrid{grid-template-columns:1fr}
 .lux-cards{grid-template-columns:1fr}
 .feature-number{font-size:75px}
 .feature-links{border-left:0;padding-left:0}
}
@media(max-width:700px){
 .approved-hero{background:#050505;padding-bottom:22px}
 .approved-hero>img{width:160%;max-width:none;transform:translateX(-29%);}
 .hotspot{display:none}
 .lux-intro,.lux-grid-section,.lux-feature,.broker-signature,.contactband{padding:65px 7vw}
 .signature-script{font-size:68px}
 .signature-role{font-size:10px;letter-spacing:.18em}
 .signature-actions{flex-direction:column;align-items:center}
 .signature-actions a{width:min(290px,100%)}
 .form{grid-template-columns:1fr}.form>*{grid-column:1}
}
