/*
Theme Name: VIBGYOR Estates
Theme URI: https://example.com/vibgyor-estates
Author: VIBGYOR Real Estate
Description: An editorial luxury real estate theme with custom listings and lead capture.
Version: 1.0.0
Text Domain: vibgyor-estates
*/
:root{--ink:#151918;--paper:#f4f0e9;--mist:#e5e2db;--gold:#b99562;--sage:#728079;--line:rgba(21,25,24,.17)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.serif{font-family:Georgia,'Times New Roman',serif}
.wrap{width:min(1240px,calc(100% - 56px));margin:auto}
.topline{font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:#fff;padding:9px 28px;display:flex;justify-content:space-between}
.site-header{position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between}
.brand{font:700 25px Georgia,serif;letter-spacing:.14em}
.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:.4em;text-align:center;margin-top:3px}
.nav-links{display:flex;gap:28px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:760px;background:linear-gradient(90deg,rgba(11,16,14,.78),rgba(11,16,14,.22)),url('assets/images/6.png') center/cover;display:flex;align-items:end;color:#fff;padding:160px 0 76px}
.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:700}
.hero h1{font:clamp(54px,7vw,104px)/.94 Georgia,serif;max-width:850px;margin:18px 0 27px}
.hero p{max-width:500px;font-size:17px;color:#e9e8e3}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px}
.cta{display:inline-flex;align-items:center;gap:14px;background:var(--gold);padding:15px 20px;color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);transition:.25s}
.cta:hover{background:transparent}
.hero-stat{border-left:1px solid rgba(255,255,255,.6);padding-left:20px;font:28px Georgia,serif}
.hero-stat small{display:block;font:10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin-top:5px}
.search-panel{position:relative;z-index:2;margin:-38px auto 0;width:min(1120px,calc(100% - 40px));background:#fff;padding:20px;box-shadow:0 16px 40px rgba(18,20,18,.12);display:grid;grid-template-columns:1.5fr repeat(3,1fr) auto;gap:0}
.search-panel label{display:block;padding:4px 20px;border-right:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#777}
.search-panel select,.search-panel input{display:block;width:100%;border:0;background:none;padding:8px 0 0;font:14px Georgia,serif;color:var(--ink);outline:0}
.search-panel button{border:0;background:var(--ink);color:#fff;padding:0 25px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.intro{padding:140px 0 90px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:end}
.intro h2,.section-title{font:clamp(38px,4vw,64px)/1.02 Georgia,serif;margin:15px 0 0}
.intro-copy{font-size:17px;max-width:520px}
.link-arrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:5px;display:inline-block;margin-top:20px}
.featured{padding:70px 0 115px;background:#e8e4dc}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}
.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.property-card{background:var(--paper);position:relative}
.property-card img{width:100%;height:330px;object-fit:cover;display:block}
.tag{position:absolute;top:14px;left:14px;background:#fff;padding:7px 10px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.property-meta{padding:20px}
.property-meta h3{font:25px Georgia,serif;margin:4px 0}
.property-meta p{margin:0;color:#626761;font-size:13px}
.price{font-weight:bold;margin-top:15px;display:flex;justify-content:space-between}
.signature{padding:110px 0;background:var(--ink);color:#fff}
.signature-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center}
.signature img{width:100%;height:470px;object-fit:cover}
.signature h2{font:clamp(40px,5vw,70px)/1 Georgia,serif;margin:14px 0 24px}
.signature p{color:#cfd1cb;font-size:17px;max-width:500px}
.signature .cta{margin-top:15px}
.journal{padding:115px 0}
.journal-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}
.journal-card{border-top:1px solid var(--ink);padding-top:18px}
.journal-card img{width:100%;height:205px;object-fit:cover;margin-bottom:15px}
.journal-card h3{font:27px/1.1 Georgia,serif;margin:8px 0}
.contact-band{background:var(--sage);color:#fff;padding:85px 0}
.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.contact-band h2{font:clamp(35px,4vw,58px)/1 Georgia,serif;margin:0;max-width:650px}
.footer{padding:45px 0;background:#101413;color:#dde0d9}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer h4{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.footer p,.footer a{font-size:13px;display:block;margin:6px 0}
.copyright{border-top:1px solid #343b37;margin-top:38px;padding-top:16px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9ca39d}
.reveal{animation:rise .8s both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}
to{opacity:1;transform:none}
}
@media(max-width:760px){.topline{padding:8px 14px}
.topline span:last-child{display:none}
.nav{height:70px}
.nav-links{display:none}
.menu-toggle{display:block}
.nav-links.open{display:flex;position:absolute;left:0;right:0;top:70px;background:var(--ink);padding:24px;flex-direction:column}
.hero{min-height:670px;padding-bottom:45px}
.hero-bottom{align-items:start;flex-direction:column}
.search-panel{grid-template-columns:1fr;margin-top:0;width:100%;box-shadow:none}
.search-panel label{border-right:0;border-bottom:1px solid var(--line);padding:14px 5px}
.search-panel button{padding:18px;margin-top:12px}
.intro,.signature-grid{grid-template-columns:1fr;gap:30px;padding:80px 0}
.property-grid,.journal-grid{grid-template-columns:1fr}
.property-card img{height:280px}
.section-head,.contact-band .wrap{align-items:start;flex-direction:column}
.featured,.journal{padding:70px 0}
.signature img{height:340px}
.footer-grid{grid-template-columns:1fr}
.wrap{width:min(100% - 32px,1240px)}
}
.logo-image img{width:170px;height:54px;object-fit:contain;filter:invert(1) grayscale(1) brightness(4)}
.nav-call{border:1px solid rgba(255,255,255,.7);padding:8px 12px;margin:-8px 0}
.hero-whatsapp{font-size:11px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:5px}
.services-list{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:11px;font-weight:bold;letter-spacing:.1em;text-transform:uppercase}
.contact-band p{color:#e5e8e2}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.contact-actions .outline{background:transparent;border-color:#fff}.contact-email{font-size:12px;letter-spacing:.1em;border-bottom:1px solid #fff;padding-bottom:4px}
.footer-logo{width:170px;height:55px;object-fit:contain;object-position:left;filter:invert(1) grayscale(1) brightness(4);margin-bottom:12px}