/*
Theme Name: Ananta Avanza
Theme URI: https://anantavanza.com/
Author: Ananta Avanza
Description: Premium, performance-minded residential real-estate WordPress theme for Ananta Avanza, Zirakpur.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ananta-avanza
*/
:root{
  --ink:#090909; --ink2:#101010; --paper:#f4f0e8; --muted:#aaa39a;
  --gold:#d8b15a; --gold2:#f1d58c; --sage:#b8c9b2; --sage2:#d7e2d1; --line:rgba(216,177,90,.22);
  --white:#fff; --max:1320px; --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#070707 0%,#0a0a0a 18%,#0d0d0d 52%,#090909 100%);color:var(--paper);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:0}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 28px;transition:.45s var(--ease)}
.site-header.scrolled{background:rgba(8,8,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-wrap{max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:150px;height:auto}.nav{display:flex;gap:25px;align-items:center}
.nav a{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#eee;opacity:.82;transition:.25s}
.nav a:hover{color:var(--gold2);opacity:1}.nav-cta{border:1px solid var(--gold);padding:11px 17px!important;border-radius:999px;opacity:1!important}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#070707}
.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.42) 48%,rgba(0,0,0,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.hero-glow{position:absolute;inset:-20%;background:radial-gradient(circle at 60% 35%,rgba(216,177,90,.16),transparent 30%);animation:drift 12s ease-in-out infinite alternate;mix-blend-mode:screen}
.hero-content{position:relative;z-index:2;max-width:var(--max);width:100%;margin:0 auto;padding:0 34px 84px}
.kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);margin-bottom:18px}
.hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(52px,7vw,112px);line-height:.88;max-width:820px;margin:0 0 24px;letter-spacing:-.035em}
.hero p{max-width:650px;font-size:clamp(16px,1.5vw,20px);color:#e6e1d9;margin:0 0 30px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.16em;transition:.3s var(--ease)}
.btn-primary{background:var(--gold);color:#0b0b0b}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(216,177,90,.15)}
.btn-ghost{border-color:rgba(255,255,255,.25);color:#fff}
.scroll-cue{position:absolute;right:34px;bottom:42px;z-index:2;font-size:10px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;color:#d6d0c7}
.section{position:relative;z-index:1;padding:120px 28px;overflow:hidden}
.section:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(216,177,90,.22),transparent)}
.section:after{content:"";position:absolute;width:520px;height:520px;right:-260px;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(216,177,90,.07),transparent 68%);pointer-events:none}
#about{padding-top:150px;background:linear-gradient(180deg,rgba(216,177,90,.055),transparent 35%)}
#why{background:linear-gradient(180deg,#0b0b0b 0%,#101010 100%)}
#residences{background:linear-gradient(180deg,#101010 0%,#0b0b0b 100%)}
#smart-home{background:linear-gradient(180deg,#0a0a0a 0%,#11100e 100%)}
#amenities{background:linear-gradient(180deg,#0d0d0d 0%,#090909 100%)}
#gallery{background:linear-gradient(180deg,#090909 0%,#0d0d0d 100%)}
#location{background:linear-gradient(180deg,#0d0d0d 0%,#0a0a0a 100%)}
.container{max-width:var(--max);margin:auto}
.eyebrow{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold2);margin-bottom:14px}
.section h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,5vw,76px);line-height:.95;font-weight:400;letter-spacing:-.03em;margin:0 0 22px}
.lead{max-width:720px;color:#c8c2b9;font-size:18px}
.split{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.split.reverse{grid-template-columns:.92fr 1.08fr}
.visual{overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111}.visual img{aspect-ratio:16/10;object-fit:cover;transition:transform 1s var(--ease)}.visual:hover img{transform:scale(1.025)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:32px 24px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}
.stat strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:52px;font-weight:400;color:var(--gold2);line-height:1}
.stat span{display:block;margin-top:10px;color:#aaa39a;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.pillar{background:#0d0d0d;padding:34px;min-height:250px}.pillar b{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px;font-weight:400;color:#f0e6d2}.pillar p{color:#aaa39a;font-size:14px}
.residences{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.res-card{position:relative;min-height:440px;overflow:hidden;border:1px solid rgba(255,255,255,.09)}
.res-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.res-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 65%)}
.res-copy{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}.res-copy h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:36px;font-weight:400;margin:0}.res-copy p{color:#d0cbc4;margin:5px 0 0;font-size:13px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{padding:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#111,#0b0b0b);min-height:190px}.feature h3{font-size:14px;letter-spacing:.04em;margin:0 0 8px}.feature p{font-size:13px;color:#aaa39a;margin:0}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.gallery figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.gallery figure:nth-child(1){grid-column:span 7}.gallery figure:nth-child(2){grid-column:span 5}.gallery figure:nth-child(3),.gallery figure:nth-child(4),.gallery figure:nth-child(5){grid-column:span 4}.gallery img{width:100%;height:100%;min-height:230px;object-fit:cover;transition:transform .9s var(--ease)}.gallery figure:hover img{transform:scale(1.035)}
.connectivity{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connectivity ul{list-style:none;padding:0;margin:0}.connectivity li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.time{color:var(--gold2);white-space:nowrap}
.faq{max-width:900px}.faq details{border-top:1px solid rgba(255,255,255,.12);padding:20px 0}.faq details:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.faq summary{cursor:pointer;font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:#aaa39a;max-width:760px}
.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lead-form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aaa39a}.lead-form .full{grid-column:1/-1}.lead-form input,.lead-form select,.lead-form textarea{width:100%;margin-top:7px;background:#0e0e0e;color:#fff;border:1px solid rgba(255,255,255,.12);padding:14px 15px;border-radius:2px;outline:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--gold)}
.notice{font-size:11px;color:#817c75;margin-top:12px}.success{display:none;padding:18px;border:1px solid var(--gold);margin-top:16px;color:#e9ddb9}
.site-footer{padding:70px 28px 30px;border-top:1px solid var(--line);position:relative;z-index:1}.footer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:50px}.footer-brand{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(70px,12vw,180px);line-height:.72;color:#171717;text-transform:uppercase;letter-spacing:-.06em}.footer-small{color:#8c877f;font-size:12px}.footer-links{display:grid;gap:9px;font-size:12px;color:#bbb5ad}.copyright{max-width:var(--max);margin:50px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#716c65}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:100;display:none}.cursor-dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);transform:translate(-50%,-50%)}.cursor-ring{width:38px;height:38px;border:1px solid rgba(241,213,140,.55);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s,height .25s}
@keyframes drift{to{transform:translate(4%,2%) scale(1.06)}} 
@media (pointer:fine){.cursor-dot,.cursor-ring{display:block}}
@media(max-width:980px){
 .nav{display:none}.menu-btn{display:block}.split,.form-wrap,.connectivity{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--line)}.residences{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .site-header{padding:14px 16px}.brand img{width:120px}.hero-content{padding:0 18px 48px}.scroll-cue{display:none}.section{padding:82px 18px}.stats,.feature-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.gallery{display:grid;grid-template-columns:1fr}.gallery figure,.gallery figure:nth-child(n){grid-column:span 1}.lead-form{grid-template-columns:1fr}.lead-form .full{grid-column:auto}.footer-brand{font-size:70px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-glow{animation:none}.btn,.visual img,.gallery img{transition:none}}

.hero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:180px;background:linear-gradient(180deg,transparent 0%,rgba(7,7,7,.78) 72%,#070707 100%);pointer-events:none}
.hero-media img{will-change:transform}
.visual img,.res-card img,.gallery img{background:#111;content-visibility:auto}
@media(max-width:640px){
  .hero{min-height:92svh}
  .hero-content{padding-bottom:62px}
  .hero h1{font-size:clamp(46px,14vw,72px);line-height:.9}
  .hero p{font-size:15px;max-width:92%}
  .section{padding:88px 18px}
}
@media(prefers-reduced-motion:reduce){
  .hero-glow{animation:none}
}

/* v1.2 premium residence and responsive refinements */
.section h2 em{color:var(--sage2);font-style:italic;text-shadow:0 0 28px rgba(184,201,178,.08)}
.section-intro-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}
.section-note{font-size:11px;letter-spacing:.2em;color:var(--gold2);white-space:nowrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.residences-section{background:radial-gradient(circle at 12% 25%,rgba(184,201,178,.055),transparent 25%),linear-gradient(180deg,#101111,#090909)}
.res-card-noimage{min-height:510px;background:linear-gradient(160deg,#151715,#090a09);border-color:rgba(184,201,178,.12);transition:transform .5s var(--ease),border-color .5s,box-shadow .5s}
.res-card-noimage:hover{transform:translateY(-8px);border-color:rgba(216,177,90,.55);box-shadow:0 28px 70px rgba(0,0,0,.45)}
.res-art{position:absolute;inset:0 0 auto;height:56%;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(216,177,90,.16),transparent 24%),linear-gradient(145deg,#1a1c19,#080908)}
.res-art:before{content:"";position:absolute;left:16%;right:16%;bottom:13%;height:55%;border:1px solid rgba(216,177,90,.35);transform:perspective(600px) rotateX(58deg) skewX(-12deg);box-shadow:0 0 0 1px rgba(184,201,178,.06),inset 0 0 40px rgba(216,177,90,.06)}
.res-art:after{content:"";position:absolute;left:26%;right:26%;bottom:29%;height:32%;border:1px solid rgba(184,201,178,.32);transform:skewY(-16deg);background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(184,201,178,.12) 23px 24px)}
.res-art i,.res-art b{position:absolute;display:block;border:1px solid rgba(216,177,90,.22)}
.res-art i{width:55%;height:1px;left:22%;bottom:22%}.res-art b{width:38%;height:1px;left:31%;bottom:35%}
.res-art-label{position:absolute;top:28px;left:28px;font-size:10px;line-height:1.3;letter-spacing:.28em;color:rgba(241,213,140,.65);z-index:2}
.res-art-label strong{font-size:32px;letter-spacing:.03em;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;color:#f4eee3}
.res-copy{bottom:26px;left:28px;right:28px}.res-number{font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:7px}
.res-copy h3{font-size:38px;color:#f4eee3}.res-tag{display:inline-block;margin-top:10px;font-size:9px;letter-spacing:.18em;color:var(--sage2);border:1px solid rgba(184,201,178,.22);padding:6px 9px}
.text-link{display:block;margin-top:22px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold2)}
.text-link span{display:inline-block;margin-left:8px;transition:transform .3s}.text-link:hover span{transform:translate(4px,-3px)}
.res-featured{border-color:rgba(216,177,90,.35)}
.luxury-living-section{background:linear-gradient(180deg,#090a09,#11120f)}
.luxury-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.luxury-heading h2{margin-bottom:0}.luxury-heading p{max-width:380px;color:#aaa39a;margin:0}
.luxury-pillars{grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(184,201,178,.12)}
.luxury-pillars .pillar{display:grid;grid-template-columns:60px 1fr;gap:20px;min-height:220px;background:rgba(11,12,11,.92);padding:34px}
.pillar-index{font-size:11px;letter-spacing:.2em;color:var(--gold2);padding-top:4px}
.luxury-pillars .pillar b{color:var(--sage2);font-size:31px}
.luxury-pillars .pillar p{max-width:440px}
.location-reference{color:#aaa39a;font-size:14px;margin:-8px 0 30px}.location-reference strong{color:var(--gold2)}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.success{align-items:center;gap:10px;flex-wrap:wrap}.success-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#090909;font-weight:700}.success strong{color:#f4eee3}.success span:not(.success-icon){color:#c8c2b9}.success-wa{margin-left:auto}.success.is-error{border-color:#a88a78}
@media(max-width:980px){
 .section-intro-row,.luxury-heading{align-items:flex-start;flex-direction:column;gap:14px}
 .luxury-pillars{grid-template-columns:1fr}
 .res-card-noimage{min-height:480px}
}
@media(max-width:640px){
 .section-intro-row{margin-bottom:24px}.section-note{font-size:9px}
 .residences{gap:12px}
 .res-card-noimage{min-height:430px}
 .res-art{height:53%}
 .res-art-label{top:20px;left:20px}.res-art-label strong{font-size:27px}
 .res-copy{left:20px;right:20px;bottom:20px}.res-copy h3{font-size:31px}
 .luxury-pillars .pillar{grid-template-columns:40px 1fr;padding:24px 20px;min-height:0}
 .luxury-pillars .pillar b{font-size:26px}
 .luxury-pillars .pillar p{font-size:13px}
 .success-wa{margin-left:0;width:100%}
}
@media(max-width:420px){
 .res-card-noimage{min-height:400px}
 .res-copy h3{font-size:28px}
 .res-tag{font-size:8px}
}