*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#080909;color:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font-family:inherit}

.navbar{position:fixed;top:0;left:0;width:100%;height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;z-index:1000;background:rgba(5,7,7,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.logo{display:flex;flex-direction:column;align-items:center;line-height:1}
.crown{color:#e7c27b;font-size:26px;margin-bottom:5px}
.logo-main{font-size:21px;letter-spacing:5px}
.logo-sub{font-size:7px;letter-spacing:4px;margin-top:5px;opacity:.75}
.navbar nav{display:flex;gap:42px;margin-left:70px}
.navbar nav a{font-size:11px;letter-spacing:1px;opacity:.9;transition:.3s}
.navbar nav a:hover{color:#e7c27b}
.nav-button,.gold-button{border:1px solid #c9a45c;padding:13px 25px;font-size:10px;letter-spacing:1px;transition:.3s}
.nav-button span,.gold-button span,.notify-form button span,.join-button span{margin-left:12px}
.nav-button:hover,.gold-button:hover{background:#e7c27b;color:#111}
.menu-button{display:none;background:none;border:0}
.menu-button span{display:block;width:25px;height:1px;background:white;margin:6px}

.hero{min-height:760px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,5,5,.98) 0%,rgba(3,5,5,.84) 30%,rgba(3,5,5,.2) 70%,rgba(3,5,5,.72) 100%),url('https://images.unsplash.com/photo-1542282088-72c9c27ed0cd?auto=format&fit=crop&w=2200&q=90') center/cover}
.hero-content{width:90%;max-width:1450px;margin:0 auto;padding-top:100px;position:relative;min-height:600px;display:flex;align-items:center}
.hero-copy{width:48%;position:relative;z-index:2}
.eyebrow{color:#dfbb71;font-size:11px;letter-spacing:5px;line-height:1.8;margin-bottom:24px}
.hero h1{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(55px,6.2vw,95px);line-height:.92;letter-spacing:-3px;margin-bottom:30px}
.hero h1 span{color:#e6c078}
.hero-description{max-width:570px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.82);margin-bottom:30px}
.notify-form{display:flex;width:min(560px,100%)}
.notify-form input{flex:1;min-width:0;height:55px;padding:0 20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:white;outline:none}
.notify-form input::placeholder{color:rgba(255,255,255,.55)}
.notify-form button{width:155px;border:0;background:#e7c27b;color:#101010;font-weight:600;letter-spacing:1px;cursor:pointer}
.form-note{margin-top:13px;font-size:9px;letter-spacing:3px;color:rgba(255,255,255,.55)}
.hero-vehicle{position:absolute;right:-3%;bottom:-20px;width:62%;height:570px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 100%),url('https://images.unsplash.com/photo-1606664515524-ed2f786a0bd6?auto=format&fit=crop&w=1600&q=90') center/cover;mask-image:linear-gradient(to right,transparent 0%,black 18%,black 100%)}
.hero-side-text{position:absolute;right:0;top:27%;color:rgba(223,187,113,.75);font-size:10px;line-height:2.1;letter-spacing:4px;text-align:right}
.hero-features{position:absolute;bottom:0;left:5%;width:90%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);padding:22px 0}
.hero-features>div{display:flex;align-items:center;gap:15px;padding-left:25px;border-right:1px solid rgba(255,255,255,.15)}
.hero-features>div:first-child{padding-left:0}
.hero-features>div:last-child{border-right:0}
.feature-icon{color:#e4bd70;font-size:28px}
.hero-features strong,.hero-features small{display:block;font-size:10px;letter-spacing:2px}
.hero-features small{margin-top:4px;opacity:.65}

.services{background:#f1eee8;color:#101010;padding:105px 5%}
.section-heading{max-width:850px;margin:0 auto 60px;text-align:center}
.eyebrow.dark{color:#a77d35}
.section-heading h2,.join h2{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1;letter-spacing:-2px;margin-bottom:25px}
.section-heading>p:last-child{max-width:720px;margin:auto;font-size:15px;line-height:1.7;color:#555}
.service-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.service-card{height:390px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.88))}
.exterior{background-image:url('https://images.unsplash.com/photo-1601362840469-51e4d8d58785?auto=format&fit=crop&w=1200&q=85')}
.interior{background-image:url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1200&q=85')}
.specialty{background-image:url('https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=1200&q=85')}
.card-content{position:absolute;bottom:0;left:0;width:100%;padding:30px;color:white}
.card-content>p{color:#e7c27b;font-size:10px;letter-spacing:3px;margin-bottom:15px}
.card-content h3{font-size:16px;letter-spacing:2px;margin-bottom:8px}
.card-content span{color:rgba(255,255,255,.7);font-size:12px}
.card-content button{float:right;width:42px;height:42px;border-radius:50%;border:1px solid #e7c27b;background:transparent;color:white;cursor:pointer}

.vision{min-height:570px;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px 5%}
.vision-background{position:absolute;inset:0;background:linear-gradient(90deg,#060909 0%,rgba(6,9,9,.94) 38%,rgba(6,9,9,.45) 100%),url('https://images.unsplash.com/photo-1511919884226-fd3cad34687c?auto=format&fit=crop&w=2200&q=85') center/cover}
.vision-content{position:relative;z-index:2;max-width:550px;margin-left:2%}
.vision h2{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(45px,5.2vw,75px);line-height:1;letter-spacing:-2px;margin-bottom:25px}
.vision h2 span{color:#e7c27b}
.vision-content>p:not(.eyebrow){color:rgba(255,255,255,.75);line-height:1.7;font-size:15px;margin-bottom:30px}
.india-glow{position:absolute;right:8%;width:42%;height:80%;display:flex;align-items:center;justify-content:center}
.india-outline{font-family:'Playfair Display',serif;font-size:clamp(80px,13vw,210px);font-weight:500;color:rgba(231,194,123,.1);text-shadow:0 0 30px rgba(231,194,123,.25),0 0 80px rgba(231,194,123,.1);letter-spacing:10px}

.join{background:#f1eee8;color:#101010;padding:75px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.join h2{font-size:48px;margin-bottom:0}
.join-button{padding:17px 28px;border:1px solid #a77d35;color:#805e22;font-size:10px;letter-spacing:2px}

footer{background:#060808;padding:60px 5% 25px}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;font-size:20px;letter-spacing:4px}
.footer-brand .crown{font-size:25px}
.footer-brand small{font-size:7px;letter-spacing:3px;margin-top:5px;opacity:.6}
.social{border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);padding-left:40px}
.social p,.footer-message{font-size:9px;letter-spacing:3px;color:#dcb66e}
.social-links{display:flex;gap:25px;margin-top:20px}
.social-links a{font-size:11px;opacity:.7}
.footer-message{text-align:right;line-height:2}
.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;color:rgba(255,255,255,.45);font-size:10px}
.footer-bottom div{display:flex;gap:25px}

.hero-copy,.section-heading,.service-card,.vision-content,.join{animation:reveal 1s ease both}
@keyframes reveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){
.navbar nav,.nav-button{display:none}
.menu-button{display:block}
.hero{min-height:850px}
.hero-content{width:90%;padding-top:130px;align-items:flex-start}
.hero-copy{width:100%}
.hero h1{font-size:60px}
.hero-vehicle{width:100%;height:400px;right:-25%;bottom:75px;opacity:.65}
.hero-side-text{display:none}
.hero-features{grid-template-columns:repeat(2,1fr);gap:15px;padding:18px 0}
.hero-features>div{border:0;padding-left:0}
.service-grid{grid-template-columns:1fr}
.service-card{height:350px}
.vision{min-height:650px}
.india-glow{width:100%;right:0;bottom:0;height:40%}
.join{flex-direction:column;align-items:flex-start}
.footer-top{grid-template-columns:1fr}
.social{border:0;padding-left:0}
.footer-message{text-align:left}
.footer-bottom{flex-direction:column;gap:20px}
}

@media(max-width:500px){
.navbar{height:70px}
.logo-main{font-size:17px}
.hero{min-height:800px}
.hero h1{font-size:48px;letter-spacing:-2px}
.hero-description{font-size:13px}
.notify-form{flex-direction:column;gap:8px}
.notify-form input,.notify-form button{width:100%;height:52px}
.hero-features{bottom:0}
.feature-icon{font-size:22px}
.hero-features strong,.hero-features small{font-size:8px}
.services{padding:75px 5%}
.section-heading h2,.join h2{font-size:40px}
.vision{padding:75px 7%}
.vision h2{font-size:48px}
.footer-bottom div{flex-wrap:wrap}
}