@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700;800&display=swap');

:root{
  --emerald:#06372f;
  --emerald-2:#0b4b40;
  --emerald-3:#0e5f50;
  --deep:#021f1b;
  --gold:#d9ad55;
  --gold-2:#f0d58d;
  --cream:#f6f0df;
  --cream-2:#fffaf0;
  --ink:#17211f;
  --muted:#687570;
  --white:#fff;
  --shadow:0 24px 55px rgba(3,35,30,.14);
  --radius:26px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img,video{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.section{padding:92px 0}
h1,h2,h3,h4,p{margin-top:0}
h1,h2{font-family:"Playfair Display",serif;letter-spacing:-.025em}
h1{font-size:clamp(3rem,7vw,6rem);line-height:.94;margin-bottom:20px;color:#fff}
h1 span{display:block;font-family:Inter,sans-serif;font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:.01em;line-height:1.45;color:var(--gold-2);margin-top:20px;font-weight:650}
h2{font-size:clamp(2rem,4.2vw,3.35rem);line-height:1.12;margin-bottom:18px;color:var(--emerald)}
h3{font-size:1.3rem;line-height:1.3;margin-bottom:10px}
p{color:#3b4844}
.eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.78rem;font-weight:850;letter-spacing:.19em;text-transform:uppercase;color:var(--gold-2)}
.eyebrow:before{content:"";width:36px;height:1px;background:currentColor}
.eyebrow.dark{color:var(--gold)}
.lead{font-size:1.08rem;color:#f3f7f4;max-width:670px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:850;border:1px solid transparent;transition:.22s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#2b1c00;box-shadow:0 18px 28px rgba(217,173,85,.27)}
.btn-emerald{background:var(--emerald);color:#fff;box-shadow:0 15px 28px rgba(6,55,47,.22)}
.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(7px)}
.btn-full{width:100%}
.large-btn{min-width:250px}
.hidden-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.optional{color:var(--muted);font-size:.9em}
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,31,27,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,173,85,.22)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.brand img{width:170px;height:auto;max-height:58px;object-fit:contain}
.nav{display:flex;gap:21px;align-items:center;color:#f6f0df;font-weight:720;font-size:.94rem}
.nav a:hover{color:var(--gold-2)}
.header-cta{white-space:nowrap;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1d1707;border-radius:999px;padding:11px 17px;font-weight:900}
.menu-toggle{display:none;background:transparent;border:1px solid rgba(217,173,85,.35);color:#fff;border-radius:12px;padding:9px 12px;font-size:1.1rem}
.hero{position:relative;overflow:hidden;background:var(--emerald);min-height:calc(100vh - 80px)}
.hero-bg{position:absolute;inset:0;background:url('assets/hero-agula-night.jpg') center/cover no-repeat;transform:scale(1.02);opacity:.9}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(95deg,rgba(2,31,27,.92) 0%,rgba(2,31,27,.68) 42%,rgba(6,55,47,.2) 70%,rgba(2,31,27,.38) 100%),radial-gradient(circle at 12% 18%,rgba(217,173,85,.24),transparent 34%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;min-height:calc(100vh - 80px);padding:70px 0 92px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 34px}
.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-facts div{border:1px solid rgba(217,173,85,.25);background:rgba(255,255,255,.09);backdrop-filter:blur(9px);border-radius:18px;padding:17px}
.quick-facts strong{display:block;color:#fff;font-size:1.35rem;font-weight:900}
.quick-facts span{display:block;color:#dde9e4;font-size:.9rem;line-height:1.35}
.lead-card{background:rgba(255,250,240,.97);border-radius:30px;padding:28px;box-shadow:0 28px 60px rgba(0,0,0,.25);border:1px solid rgba(217,173,85,.35);position:relative}
.lead-card:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;border-radius:30px 30px 0 0;background:linear-gradient(90deg,var(--gold-2),var(--gold),#fff0be)}
.form-badge{display:inline-flex;background:#efe1bd;color:#5f4314;font-weight:900;border-radius:999px;padding:8px 13px;margin-bottom:12px;font-size:.84rem}
.lead-card h2{font-family:Inter,sans-serif;font-size:1.8rem;line-height:1.2;margin-bottom:8px}
form{display:grid;gap:14px}
label{display:grid;gap:7px;font-weight:760;color:#21302c;font-size:.94rem}
input,select,textarea{width:100%;border:1px solid #ded5be;background:#fff;border-radius:15px;padding:14px 15px;font:inherit;outline:none;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,173,85,.16)}
small{color:#69736f;line-height:1.5}
.trustbar{background:#fff;box-shadow:0 16px 32px rgba(6,55,47,.06);position:relative;z-index:2;margin-top:-28px}
.trustbar-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:16px;padding:20px 0;text-align:center;color:var(--emerald);font-weight:800}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.two-col.reverse{grid-template-columns:1fr 1fr}
.section-copy.light h2,.section-copy.light p,.section-head.light h2,.section-head.light p{color:#fff}
.image-frame{border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#ddd}
.image-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.18/1}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.info-grid div{background:var(--cream-2);border:1px solid #efe4c9;border-radius:20px;padding:18px;box-shadow:0 10px 22px rgba(6,55,47,.06)}
.info-grid span{display:block;color:#6b746e;font-size:.86rem;margin-bottom:6px}
.info-grid strong{color:var(--emerald);font-weight:900}
.emerald,.emerald-dark{background:linear-gradient(135deg,var(--emerald),#042a25)}
.emerald-dark{background:linear-gradient(140deg,#021f1b,#06372f 55%,#0a4d42)}
.cream{background:var(--cream)}
.check-list{display:grid;gap:11px;margin:24px 0 28px;padding:0;list-style:none}
.check-list li{position:relative;padding-left:30px;color:#43504c}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900}
.section-head{text-align:center;max-width:880px;margin:0 auto 38px}
.product-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product-card{background:#fff;border:1px solid #eadfcb;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}
.product-card img{width:100%;aspect-ratio:1.25/1;object-fit:cover}
.product-card div{padding:26px}
.product-card span{display:inline-flex;background:#f0e3c5;color:#6c4c16;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.83rem;margin-bottom:14px}
.product-card h3{font-family:"Playfair Display",serif;font-size:1.8rem;color:var(--emerald)}
.product-card ul{padding-left:18px;margin:18px 0 0;display:grid;gap:9px}
.utility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.utility-card{border:1px solid rgba(217,173,85,.3);background:rgba(255,255,255,.07);border-radius:24px;padding:24px;box-shadow:0 14px 28px rgba(0,0,0,.12)}
.utility-card h3{color:var(--gold-2)}
.utility-card p{color:#e2ece8}
.video-card{border-radius:28px;overflow:hidden;background:#000;box-shadow:var(--shadow)}
.video-card video{width:100%;aspect-ratio:16/9;object-fit:cover}
.cta-panel{background:linear-gradient(135deg,#fffaf0,#f3e0b3);border:1px solid #e8d7aa;border-radius:30px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:var(--shadow)}
.support-card{background:#fff;border:1px solid #eadfcb;border-radius:26px;padding:28px;box-shadow:var(--shadow)}
.support-card ul{display:grid;gap:11px;padding-left:18px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.gallery-grid img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:20px;box-shadow:0 12px 24px rgba(6,55,47,.1)}
.news-section{background:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}
.news-card{background:#fff;border:1px solid #eadfcb;border-radius:24px;overflow:hidden;box-shadow:0 14px 28px rgba(6,55,47,.08)}
.news-card img{width:100%;aspect-ratio:1.55/1;object-fit:cover}
.news-card div{padding:20px}
.news-card time{display:block;color:var(--gold);font-weight:900;font-size:.85rem;margin-bottom:8px}
.news-card h3{font-size:1.1rem;color:var(--emerald)}
.news-card p{font-size:.95rem}
.center{text-align:center}
.contact-section{background:linear-gradient(180deg,#fff,#fff8ea)}
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:start}
.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.contact-card{background:#fff;border-radius:28px;padding:28px;border:1px solid #eadfcb;box-shadow:var(--shadow)}
.contact-card dl{display:grid;gap:15px;margin:20px 0 0}
.contact-card dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}
.contact-card dd{margin:3px 0 0;color:var(--emerald);font-weight:850}
.site-footer{background:var(--deep);color:#e5efe9;padding:40px 0 92px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:26px}
.site-footer img{width:170px;margin-bottom:16px}
.site-footer p{color:#e5efe9}
.site-footer h4{color:var(--gold-2);margin:0 0 10px}
.site-footer a{color:var(--gold-2)}
.mobile-sticky{position:fixed;left:12px;right:12px;bottom:12px;display:none;grid-template-columns:repeat(3,1fr);gap:9px;z-index:60}
.mobile-sticky a{background:#fff;color:var(--emerald);font-weight:900;text-align:center;border-radius:15px;padding:13px 8px;box-shadow:0 15px 32px rgba(0,0,0,.13)}
.mobile-sticky a:last-child{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#2b1c00}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.in{opacity:1;transform:none}
.article-layout{max-width:900px;margin:auto}
.article-layout h1{color:var(--emerald);font-size:clamp(2.1rem,5vw,4rem)}
.article-layout img{border-radius:24px;box-shadow:var(--shadow);margin:26px 0}
@media(max-width:1080px){
  .nav{display:none;position:absolute;top:100%;left:20px;right:20px;flex-direction:column;align-items:flex-start;background:var(--emerald);padding:18px;border-radius:18px;box-shadow:var(--shadow)}
  .nav.open{display:flex}
  .menu-toggle{display:inline-flex}
  .hero-grid,.two-col,.contact-grid{grid-template-columns:1fr;gap:30px}
  .product-cards,.utility-grid,.gallery-grid,.news-grid,.footer-grid,.trustbar-grid{grid-template-columns:1fr 1fr}
  .quick-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 24px),var(--container))}
  .section{padding:68px 0}
  .hero-grid{min-height:auto;padding:48px 0 78px}
  .header-cta{display:none}
  .brand img{width:132px}
  .product-cards,.utility-grid,.gallery-grid,.news-grid,.footer-grid,.trustbar-grid,.info-grid,.quick-facts{grid-template-columns:1fr}
  .cta-panel{display:grid}
  .btn{width:100%}
  .hero-actions,.contact-actions{display:grid;grid-template-columns:1fr}
  .site-footer{padding-bottom:126px}
  .mobile-sticky{display:grid}
}

.seo-intent{padding:54px 0;background:#fffaf0}
.seo-box{background:#fff;border:1px solid #eadfcb;border-radius:26px;padding:28px;box-shadow:0 14px 30px rgba(6,55,47,.07)}
.seo-box h2{font-size:clamp(1.55rem,3vw,2.35rem)}
.seo-box p:last-child{margin-bottom:0}


/* V1.2 mobile layout fixes */
.video-section .two-col,
#lifestyle .two-col,
#story .two-col,
#location .two-col,
#masterplan .two-col,
#legal .two-col,
.contact-grid{
  align-items:center;
}

@media(max-width:1080px){
  .two-col,
  .two-col.reverse,
  .hero-grid,
  .contact-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .two-col.reverse > :first-child,
  .contact-grid > :first-child{order:2;}
  .two-col.reverse > :last-child,
  .contact-grid > :last-child{order:1;}
  .section-copy,
  .image-frame,
  .video-card,
  .support-card,
  .contact-card,
  .map-card{width:100%;max-width:100%;min-width:0;}
  .image-frame img,
  .video-card video,
  .map-card iframe{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;}
  .section-copy h2{max-width:100%;}
}

@media(max-width:720px){
  .site-header{position:sticky;top:0;z-index:1000;}
  .header-row{padding:12px 0;}
  .brand img{width:150px;max-height:none;}
  .menu-toggle{padding:10px 13px;border-radius:16px;}
  .section{padding:56px 0;}
  .two-col,
  .two-col.reverse,
  .hero-grid,
  .contact-grid{gap:22px;}
  .section-copy h2,
  .section-head h2{font-size:clamp(1.9rem,10vw,2.5rem);line-height:1.08;word-break:normal;overflow-wrap:break-word;}
  .section-copy p,
  .section-head p,
  .section-copy li{font-size:1rem;line-height:1.72;}
  .image-frame,
  .video-card,
  .map-card{border-radius:24px;overflow:hidden;}
  .image-frame img,
  .video-card video,
  .map-card iframe{aspect-ratio:16/10;border-radius:24px;}

  .video-section .section-copy,
  #lifestyle .section-copy,
  #story .section-copy{order:1;}
  .video-section .video-card,
  #lifestyle .image-frame,
  #story .image-frame{order:2;}

  .cta-panel{padding:26px 20px;gap:18px;}
  .lead-card{padding:22px;border-radius:24px;}
  .quick-facts div{padding:14px;}
  .mobile-sticky{left:10px;right:10px;bottom:10px;gap:8px;}
  .mobile-sticky a{min-height:60px;display:flex;align-items:center;justify-content:center;padding:10px 8px;font-size:0.95rem;line-height:1.2;border-radius:18px;}
  .site-footer{padding-bottom:138px;}
}

/* V1.3 content/domain update */
@media(max-width:720px){
  h1 span{font-size:1.05rem;line-height:1.45;}
}


/* V1.4 hero eyebrow text fix */
.hero .eyebrow{
  max-width: 100%;
}
@media(max-width:720px){
  .hero .eyebrow{
    font-size:.72rem;
    letter-spacing:.12em;
    line-height:1.55;
    align-items:flex-start;
  }
  .hero .eyebrow:before{
    width:26px;
    margin-top:.72em;
    flex:0 0 auto;
  }
}