:root{
    --ink:#1c1a17;
    --ink-soft:#2b271e;
    --stone:#c7bba1;
    --stone-deep:#aa9c7c;
    --sand:#f2ecdf;
    --paper:#fbf9f4;
    --brass:#93733f;
    --brass-light:#b4966349;
    --green:#3c4636;
    --line:#d9d0bb;
    --shadow: 0 20px 50px -20px rgba(28,26,23,0.35);
    --radius: 2px;
  }
  body > section + section{border-top:1px solid var(--line);}
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth; overflow-x:hidden;}
  body{
    font-family:'Jost', sans-serif;
    color:var(--ink-soft);
    background:var(--paper);
    line-height:1.6;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
    max-width:100%;
  }
  h1,h2,h3,h4{
    font-family:'Fraunces', serif;
    font-weight:500;
    color:var(--ink);
    letter-spacing:0.01em;
  }
  a{color:inherit; text-decoration:none;}
  img,svg{display:block; max-width:100%;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer;}
  .container{max-width:1180px; margin:0 auto; padding:0 32px;}
  .eyebrow{
    font-family:'Jost', sans-serif;
    text-transform:uppercase;
    letter-spacing:0.28em;
    font-size:12px;
    color:var(--brass);
    font-weight:600;
  }
  .section-title{
    font-size:clamp(28px,4vw,42px);
    text-align:center;
    letter-spacing:0.02em;
  }
  .section-sub{
    text-align:center;
    max-width:520px;
    margin:12px auto 0;
    color:#6b6152;
    font-size:15px;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 34px;
    border:1px solid var(--ink);
    background:var(--ink);
    color:var(--sand);
    font-size:13px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    transition:all .35s ease;
  }
  .btn:hover{background:transparent; color:var(--ink);}
  .btn-line{
    background:transparent;
    color:var(--ink);
  }
  .btn-line:hover{background:var(--ink); color:var(--sand);}

  /* ---------- HEADER ---------- */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:rgba(28,26,23,0);
    transition:background .4s ease, box-shadow .4s ease, padding .3s ease;
    padding:22px 0;
  }
  header.scrolled{
    background:rgba(28,26,23,.92);
    padding:12px 0;
    box-shadow:0 8px 30px rgba(0,0,0,.25);
    backdrop-filter:blur(6px);
  }
  .nav-wrap{
    display:flex;
    max-width:none;
    padding:0 24px;
    align-items:center;
    gap:16px;
  }
  .primary-nav{margin:0 8px 0 auto !important; width:max-content; flex-shrink:0;}
  .nav-wrap .nav-right{display:flex; align-items:center; justify-content:flex-start; gap:14px; flex-shrink:0; min-width:max-content; visibility:visible; opacity:1;}
  .brand{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;}
  .brand-mark{width:72px; height:62px; flex-shrink:0; object-fit:contain; transition:width .3s ease, height .3s ease;}
  header.scrolled .brand-mark{width:60px; height:60px;}
  .brand-text{color:#fbf9f4; line-height:1.05;}
  .brand-text .b1{font-family:'Fraunces',serif; font-size:22px; letter-spacing:0.14em;}
  .brand-text .b2{font-size:10px; letter-spacing:0.42em; color:var(--stone); margin-top:4px;}
  nav ul{display:flex; gap:18px;}
  nav a{
    color:#efe8d8; font-size:14px; font-weight:600; letter-spacing:.02em;
    position:relative; padding-bottom:4px;
  }
  nav a::after{
    content:""; position:absolute; left:0; bottom:0; height:1px; width:0;
    background:var(--brass); transition:width .3s ease;
  }
  nav a:hover::after{width:100%;}
  .nav-phone{
    color:#efe8d8 !important; font-size:13px; font-weight:700 !important; letter-spacing:.02em; white-space:nowrap;
    display:block; text-align:center; transition:color .25s ease;
  }
  .nav-phone .enquiry-label{display:none;}
  .nav-phone:hover{color:var(--brass);}
  .nav-cta{
    width:209px; height:35px; border:0; background:#afa18e; color:#0f0f0f; border-radius:4px; padding:10px 22px; font-family:Arial,sans-serif; font-size:13px;
    font-weight:700; letter-spacing:.8px; white-space:nowrap; text-transform:uppercase; justify-content:center;
    display:flex; align-items:center; gap:8px;
    transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .nav-cta:hover{background:#c1b4a2; color:#0f0f0f;}
  .nav-cta svg{display:none;}
  .burger{display:none; flex-direction:column; gap:5px; background:none; border:none;}
  .burger span{width:26px; height:2px; background:#fff; display:block;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative; height:78vh; min-height:460px; max-height:660px;
    background:
      linear-gradient(180deg, rgba(10,9,7,0.5), rgba(10,9,7,0.62)),
      url('images/hero2.jpeg?v=2') center 30% / cover no-repeat;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
  }
  .hero::before{
    content:""; position:absolute; inset:0;
    background-image:
      linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
      linear-gradient(0deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:70px 70px;
    mix-blend-mode:overlay;
    opacity:.4;
  }
  .hero-towers{
    position:absolute; bottom:0; left:0; right:0; height:60%;
    display:flex; align-items:flex-end; gap:2px; padding:0 3%;
  }
  .tower{
    flex:1; background:linear-gradient(180deg, #1b1a17, #322e26);
    position:relative; opacity:.9;
  }
  .tower::before{
    content:""; position:absolute; inset:6px; background-image:
      repeating-linear-gradient(0deg, rgba(230,200,140,.18) 0 3px, transparent 3px 14px),
      repeating-linear-gradient(90deg, rgba(230,200,140,.12) 0 3px, transparent 3px 16px);
  }
  .hero-content{position:absolute; right:7%; left:auto; top:58%; z-index:3; width:min(600px,calc(100vw - 48px)); padding:0; transform:translateY(calc(-50% + 25px)); color:#fbf9f4; text-align:right; display:flex; flex-direction:column; align-items:flex-end;}
  .hero-content .eyebrow{color:#e7d9b4;}
  .hero-content h1{
    font-size:clamp(24px,3.68vw,45px); color:#fff; max-width:780px; margin-top:14px;
    font-weight:400; line-height:1.12;
  }
  .hero-content p{max-width:460px; margin-top:16px; color:#e7e2d2; font-size:15px; line-height:1.6;}
  .hero-whatsapp-actions{position:relative; z-index:4; display:flex; flex-wrap:nowrap; justify-content:flex-end; gap:12px; margin-top:26px;}
  .hero-whatsapp-btn{display:inline-flex; align-items:center; justify-content:center; height:47px; padding:14px 28px; border-radius:4px; color:#0f0f0f; font-family:Arial,sans-serif; font-size:15px; font-weight:700; letter-spacing:1px; line-height:normal; white-space:nowrap; transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;}
  .hero-whatsapp-btn svg{width:18px; height:18px; flex:0 0 18px;}
  .hero-whatsapp-btn:hover{transform:translateY(-2px);}
  .hero-whatsapp-btn--primary{width:253px; gap:8px; background:#afa18e; border:0;}
  .hero-whatsapp-btn--primary:hover{background:#c1b4a2;}
  .hero-whatsapp-btn--secondary{width:259px; gap:10px; background:transparent; border:1.6px solid #afa18e; color:#afa18e;}
  .hero-whatsapp-btn--secondary:hover{background:#afa18e; color:#0f0f0f;}

  /* ---------- PROJECT OVERVIEW ---------- */
  .project-overview{padding:11px 0; background:var(--paper);}
  .overview-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:76px; align-items:center;}
  .overview-image{position:relative; min-height:420px; overflow:hidden; background:var(--sand); box-shadow:var(--shadow);}
  .overview-image img{width:100%; height:100%; min-height:420px; object-fit:cover;}
  .overview-image-label{position:absolute; left:24px; bottom:22px; padding:9px 14px; color:#fff; background:rgba(28,26,23,.78); font-size:11px; letter-spacing:.16em; text-transform:uppercase;}
  .overview-content h2{max-width:520px; margin-top:12px; font-size:clamp(22px,2.2vw,28px); line-height:1.15;}
  .overview-lead{max-width:560px; margin-top:10px; color:#6b6152; font-size:15px; line-height:1.45;}
  .overview-lead strong{font-weight:700; color:var(--ink);}
  .overview-details{display:grid; grid-template-columns:1fr 1fr; gap:0 30px; margin-top:34px; border-top:1px solid var(--line);}
  .overview-detail{padding:9px 0; border-bottom:1px solid var(--line);}
  .overview-detail span{display:block; color:var(--brass); font-size:12px; letter-spacing:.14em; text-transform:uppercase;}
  .overview-detail strong{display:block; margin-top:3px; color:var(--ink); font-size:17px; line-height:1.45; font-weight:500;}

  /* ---------- INTRO ---------- */
  .intro{padding:130px 0 100px; background:var(--paper);}
  .intro-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
  .intro h2{font-size:clamp(30px,4vw,46px); line-height:1.18; margin-top:16px;}
  .intro-desc{margin-top:20px; color:#6b6152; font-size:14px; letter-spacing:0.04em; text-transform:uppercase;}
  .intro-arrow{
    margin-top:34px; width:46px; height:46px; border-radius:50%; border:1px solid var(--ink);
    display:flex; align-items:center; justify-content:center; transition:.3s;
  }
  .intro-arrow:hover{background:var(--ink);}
  .intro-arrow:hover svg{stroke:#fff;}
  .intro-arrow svg{stroke:var(--ink); transition:.3s;}
  .collage{position:relative; height:460px;}
  .collage .img-a, .collage .img-b{
    position:absolute; border-radius:var(--radius); box-shadow:var(--shadow);
    background-size:cover; background-position:center; background-repeat:no-repeat;
  }
  .collage .img-a{width:64%; height:76%; top:0; left:0; background-image:url('images/after hero 1.webp');}
  .collage .img-b{width:56%; height:60%; right:0; bottom:0; background-image:url('images/after hero 2.webp');}

  /* ---------- STATS BAND ---------- */
  .stats{
    background:var(--green); color:var(--sand); padding:56px 0;
    position:relative;
  }
  .stats-grid{
    display:grid; grid-template-columns:repeat(4,1fr); text-align:center; gap:20px;
  }
  .stats .num{
    font-family:'Fraunces',serif; font-size:clamp(30px,4vw,52px); color:rgba(251,249,244,0.28);
    font-weight:300; position:relative;
  }
  .stats .num span{color:#fbf9f4; font-weight:500;}
  .stats .label{
    font-size:11px; letter-spacing:0.22em; text-transform:uppercase; margin-top:6px; color:var(--stone);
  }

  /* ---------- AMENITIES ---------- */
  .amenities{padding:37px 0; background:var(--stone); position:relative;}
  .amenities .section-title, .amenities .section-sub{color:var(--ink);}
  .amenities .section-sub{color:#514a3a;}
  .amen-grid{
    margin-top:56px;
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:34px 18px;
  }
  .amen-item{
    display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px;
  }
  .amen-icon{
    width:64px; height:64px; border-radius:50%;
    background:var(--paper);
    border:1px solid rgba(28,26,23,0.12);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 24px -14px rgba(28,26,23,.35);
    transition:transform .3s ease, background .3s ease;
  }
  .amen-item:hover .amen-icon{ transform:translateY(-4px); background:var(--ink); }
  .amen-item:hover .amen-icon svg{ stroke:var(--sand); }
  .amen-icon svg{width:26px; height:26px; stroke:var(--brass); fill:none; stroke-width:1.4;}
  .amen-item .label{font-size:11.5px; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink-soft); max-width:120px;}
  .amen-extra{display:flex; justify-content:center; gap:60px; margin-top:56px;}

  /* ---------- DIFFERENTIATORS ---------- */
  .diff{padding:40px 0; background:var(--paper);}
  .diff-grid{
    margin-top:56px; display:grid; grid-template-columns:repeat(5, minmax(0, 190px));
    justify-content:center; gap:24px;
  }
  .diff-item{
     min-height:190px; padding:15px 20px; border-radius:16px;
    background:#8f6445; color:#fff; text-align:center;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    box-shadow:0 3px 20px rgba(0,0,0,.3);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .diff-item:hover{transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.3);}
  .diff-icon{
    width:48px; height:48px; flex-shrink:0; margin:0 auto; border-radius:50%;
    border:1px solid rgba(255,255,255,.7);
    display:flex; align-items:center; justify-content:center;
  }
  .diff-icon svg{width:24px; height:24px; stroke:#fff; fill:none; stroke-width:1.3;}
  .diff-item h4{margin-top:14px; color:#fff; font-size:15px; line-height:1.3; letter-spacing:0.02em;}
  .diff-item p{margin:7px 0 0; color:rgba(255,255,255,.9); font-size:12px; line-height:1.4; max-width:160px;}

  /* ---------- KEY DISTANCE ---------- */
  .distance{padding:40px 0; background:var(--sand);}
  .dist-grid{margin-top:56px; display:grid; grid-template-columns:1.1fr 1fr; gap:50px; align-items:center;}
  .map-box{
    height:360px; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; position:relative;
    background:#e7e0cd;
  }
  .map-box svg{width:100%; height:100%;}
  .dist-info .eyebrow{color:var(--brass);}
  .dist-info h3{margin-top:10px; font-size:clamp(20px,2.4vw,26px); line-height:1.3;}
  .dist-list{margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:14px 30px;}
  .dist-list li{font-size:13.5px; display:flex; gap:10px; align-items:flex-start; color:#514a3a;}
  .dist-list li svg{width:15px; height:15px; stroke:var(--brass); flex-shrink:0; margin-top:3px;}

  /* ---------- FLOOR PLANS ---------- */
  .floorplans{padding:27px 0 31px; background:#f8f8f8;}
  .floorplans-heading{text-align:center;}
  .floorplans .section-title{
    font-family:'Jost',sans-serif; font-size:clamp(32px,4vw,46px); font-weight:600;
    text-transform:uppercase; letter-spacing:.07em; line-height:1.1;
  }
  .floorplans-copy{max-width:790px; margin:16px auto 0; color:#6b6152; font-size:15px; line-height:1.65;}
  .floorplans-brand{
    display:inline-flex; align-items:center; justify-content:center; margin-top:18px; padding:10px 36px 10px 40px;
    min-width:236px; color:#fff; background:#c76d2b; border-radius:26px 0 26px 0;
    font-size:12px; line-height:1; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  }
  .floorplans-mark{
    display:flex; align-items:center; justify-content:center; width:24px; height:24px; margin:20px auto 0;
    border-radius:50%; background:var(--ink); color:#fff; font-family:Arial,sans-serif; font-size:24px; font-weight:bold; line-height:17px;
  }
  .floorplan-cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:44px;}
  .floorplan-cards .floorplan-card:nth-child(n+4){display:none;}
  .floorplan-card{
    min-width:0; padding:0 22px; border:1px solid #1c1a17; border-radius:0;
    background:#fff; text-align:center; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease;
  }
  .floorplan-card:hover{transform:translateY(-7px); box-shadow:0 18px 35px rgba(91,57,32,.16);}
  .floorplan-card.is-selected{border:2px solid #25d366; box-shadow:0 18px 35px rgba(37,211,102,.22);}
  .floorplan-image-link{display:block; width:100%; padding:0; border:0; overflow:hidden; background:#faf9f5; cursor:zoom-in;}
  .floorplan-image-link img{width:100%; aspect-ratio:1.25/1; object-fit:contain; transition:transform .35s ease;}
  .floorplan-image-link--blurred{cursor:default;}
  .floorplan-image-link--blurred img{filter:blur(2px); transform:scale(1.04);}
  .floorplan-card:hover .floorplan-image-link--blurred img{transform:scale(1.04);}
  .floorplan-card:hover .floorplan-image-link img{transform:scale(1.025);}
  .floorplan-card h3{
    margin:7px 0 4px; color:#1c1a17; font-family:'Jost',sans-serif; font-size:20px;
    font-weight:700; line-height:1.2; letter-spacing:.04em;
  }
  .floorplan-title{display:flex; align-items:center; justify-content:center; gap:15px; margin:9px 0 7px;}
  .floorplan-title h3{margin:0; white-space:nowrap;}
  .floorplan-title--simple{gap:12px;}
  .floorplan-title--simple span{color:#302b23; font-size:20px; font-weight:700; white-space:nowrap;}
  .floorplan-card--blurred .floorplan-title--simple span{font-size:20px;}
  .floorplan-features{display:flex; align-items:center; gap:11px; color:#302b23; font-size:14px; font-weight:700;}
  .floorplan-features span{display:inline-flex; align-items:center; gap:4px;}
  .floorplan-emoji{font-size:19px; font-weight:400; line-height:1;}
  .floorplan-features svg{width:18px; height:18px; color:#80663a; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.9;}
  .floorplan-areas{display:grid; grid-template-columns:repeat(3,1fr); margin:0; border-top:1px solid #d6d1c8;}
  .floorplan-areas div{min-width:0; padding:13px 7px 16px;}
  .floorplan-areas div + div{border-left:1px solid #d6d1c8;}
  .floorplan-areas dt{color:#1c1a17; font-size:10px; font-weight:700; letter-spacing:.07em; line-height:1.2; text-transform:uppercase;}
  .floorplan-areas dd{margin:5px 0 0; color:#1c1a17; font-size:13px; font-weight:600; line-height:1.25; white-space:nowrap;}
  .floorplan-price{display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; margin:0; padding:5px 13px; border-top:1px solid #bda77a; border-bottom:1px solid #e0d5c1; background:#f8f4eb; color:#1c1a17; font-size:14px; font-weight:700; letter-spacing:.06em; line-height:1.1; text-align:center; text-transform:none;}
  .floorplan-price strong{color:#1c1a17; font-family:'Fraunces',serif; font-size:17px; font-weight:600; letter-spacing:0; line-height:1; text-transform:none; white-space:nowrap;}
  .floorplan-whatsapp{
     display:flex; align-items:center; justify-content:center; gap:8px; margin:5px 0 8px; padding:11px 12px; border-radius:6px;
    background:#25d366; color:#fff; font-size:14px; font-weight:700; letter-spacing:.03em; line-height:1.2;
    transition:background .25s ease, transform .25s ease;
  }
  .floorplan-whatsapp:hover{background:#1db954; transform:translateY(-2px);}
  .floorplan-whatsapp svg{width:26px; height:26px; fill:currentColor; flex:0 0 26px;}
  .floorplan-lightbox{
    position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center;
    padding:32px; background:rgba(15,14,12,.88);
  }
  .floorplan-lightbox.is-open{display:flex;}
  .floorplan-lightbox img{max-width:calc(100vw - 64px); max-height:calc(100vh - 64px); width:auto; height:auto; object-fit:contain; box-shadow:0 18px 60px rgba(0,0,0,.42);}
  .floorplan-lightbox-close{
    position:absolute; top:18px; right:22px; width:42px; height:42px; border:1px solid rgba(255,255,255,.8);
    border-radius:50%; background:#fff; color:#1c1a17; font-size:32px; line-height:36px; z-index:1;
  }
  .floorplan-lightbox-close:hover{background:#1c1a17; color:#fff;}
  body.floorplan-modal-open{overflow:hidden;}

  /* ---------- COMPLETE COST POPUP ---------- */
  .cost-popup{position:fixed; inset:0; z-index:10050; display:none; align-items:center; justify-content:center; padding:38px 4vw; background:transparent;}
  .cost-popup.is-open{display:flex;}
  .cost-popup-bg{display:none;}
  .cost-popup-backdrop{position:absolute; z-index:1; inset:0; background:transparent;}
  .cost-popup-card{position:relative; z-index:1; width:min(820px,100%); max-height:calc(100vh - 76px); overflow:auto; padding:28px 64px 24px; border-radius:40px; background:rgba(255,254,251,.96); color:#142742; text-align:center; box-shadow:0 28px 75px rgba(0,0,0,.35);}
  .cost-popup-close{position:absolute; top:24px; right:26px; width:52px; height:52px; border:0; border-radius:50%; background:#fff; color:#1c1a17; box-shadow:0 5px 14px rgba(0,0,0,.16); font-size:40px; font-weight:300; line-height:42px; cursor:pointer;}
  .cost-popup-close:hover{background:#142742; color:#fff;}
  .cost-popup-home{display:flex; align-items:center; justify-content:center; width:64px; height:64px; margin:0 auto 8px; border:2px solid #efe4d3; border-radius:50%; background:#fffaf2; color:#a47632; box-shadow:0 3px 8px rgba(42,32,16,.1); font-family:Georgia,serif; font-size:47px; line-height:1;}
  .cost-popup h2{max-width:475px; margin:0 auto; color:#142742; font-family:'Jost',sans-serif; font-size:clamp(27px,2.7vw,37px); font-weight:600; line-height:1.13;}
  .cost-popup-rule{display:flex; align-items:center; justify-content:center; gap:10px; margin:16px auto 17px; color:#c2914b;}
  .cost-popup-rule::before,.cost-popup-rule::after{content:''; width:125px; height:1px; background:#c9a675;}.cost-popup-rule span{width:7px;height:7px;border-radius:50%;background:currentColor;}
  .cost-popup-copy{max-width:470px; margin:0 auto 16px; color:#1f304a; font-size:15px; line-height:1.42;}
  .cost-popup-table-wrap{position:relative; margin-top:10px; padding-top:28px;}.cost-popup-table-label{position:absolute; z-index:1; top:0; left:0; padding:8px 26px; border-radius:12px 12px 0 0; background:#ad782b; color:#fff; font-size:15px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;}
  .cost-popup-table{overflow:hidden; border:1px solid #d9cdbb; border-radius:0 12px 12px 12px;}.cost-popup-table>div{display:grid; grid-template-columns:1.18fr .82fr; min-height:47px; border-bottom:1px solid #dfd4c4; text-align:left;}.cost-popup-table>div:last-child{border-bottom:0;}.cost-popup-table span,.cost-popup-table strong{padding:10px 16px;}.cost-popup-charge-name{display:flex; align-items:center; gap:14px; color:#1e304a; font-size:15px;}.cost-popup-charge-name b{width:20px; color:#a47632; font-size:18px; text-align:center;}.cost-popup-table strong{border-left:1px solid #dfd4c4; color:#1d2c43; font-size:13px; font-weight:500; line-height:1.35; text-align:center;}.cost-popup-table small{grid-column:2; margin:-7px 10px 7px; color:#6f6b62; font-size:9px; line-height:1.25; text-align:center;}
  .cost-popup-help{display:flex; align-items:center; gap:12px; margin:12px 0 14px; padding:10px 15px; border:1px solid #ddcfba; border-radius:12px; background:#fffdfa; text-align:left;}.cost-popup-help>span{color:#087f3d; font-size:39px; line-height:1;}.cost-popup-help p{margin:0; color:#1d2c43; font-size:14px; line-height:1.35;}.cost-popup-help strong{display:block; color:#9a6821; font-size:16px;}
  .cost-popup-whatsapp{display:flex; align-items:center; justify-content:center; gap:12px; width:100%; margin-top:22px; padding:16px; border-radius:13px; background:#07983e; color:#fff; font-size:21px; font-weight:700; transition:background .2s ease,transform .2s ease;}.cost-popup-whatsapp:hover{background:#057d33; transform:translateY(-2px);}.cost-popup-whatsapp svg{width:34px;height:34px;fill:currentColor;}.cost-popup-privacy{margin:13px 0 0; color:#69717e; font-size:13px;}
  body.cost-popup-open{overflow:hidden;}
  @media(max-width:760px){.cost-popup{align-items:center; padding:12px;}.cost-popup-card{width:min(320px,calc(100vw - 48px)); max-height:calc(100vh - 34px); padding:18px 14px 14px; border-radius:24px;}.cost-popup-close{top:10px;right:11px;width:36px;height:36px;font-size:28px;line-height:29px;}.cost-popup-home{width:44px;height:44px;margin-bottom:5px;font-size:32px;}.cost-popup h2{max-width:260px;font-size:22px;}.cost-popup-rule{margin:8px auto;}.cost-popup-rule::before,.cost-popup-rule::after{width:50px;}.cost-popup-copy{font-size:12px;margin-bottom:10px;}.cost-popup-table-wrap{padding-top:24px;}.cost-popup-table-label{padding:6px 13px;font-size:11px;}.cost-popup-table span,.cost-popup-table strong{padding:7px 7px;}.cost-popup-charge-name{gap:6px;font-size:11px;}.cost-popup-charge-name b{font-size:13px;}.cost-popup-table strong{font-size:11px;}.cost-popup-help{padding:6px 8px;}.cost-popup-help>span{font-size:23px;}.cost-popup-help p{font-size:10px;}.cost-popup-help strong{font-size:11px;}.cost-popup-whatsapp{padding:11px;font-size:15px;}.cost-popup-whatsapp svg{width:22px;height:22px;}.cost-popup-privacy{font-size:9px;}}

  /* ---------- BLOGS ---------- */

  /* ---------- CONTACT VIA WHATSAPP ---------- */
  .schedule{padding:40px 0; background:var(--paper);}
  .wa-contact{max-width:560px; margin:44px auto 0; display:flex; justify-content:center;}
  .wa-contact-btn{
    display:flex; align-items:center; gap:18px; width:100%;
    background:var(--ink); color:#fff; padding:24px 28px; border-radius:14px;
    box-shadow:0 20px 45px -18px rgba(28,26,23,0.45);
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .wa-contact-btn:hover{transform:translateY(-3px); box-shadow:0 26px 55px -18px rgba(28,26,23,0.55);}
  .wa-icon{
    width:54px; height:54px; border-radius:50%; background:#25d366; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
  }
  .wa-icon svg{width:26px; height:26px;}
  .wa-contact-text{display:flex; flex-direction:column; gap:4px;}
  .wa-contact-text strong{font-family:'Fraunces',serif; font-size:17px; font-weight:500;}
  .wa-contact-text span{font-size:13px; color:var(--stone);}

  /* ---------- BANKING PARTNERS ---------- */
  .banks{padding:27px 0 33px; background:var(--sand); border-top:1px solid var(--line); text-align:center;}
  .bank-row{
    margin-top:44px; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; max-width:920px; margin-left:auto; margin-right:auto;
  }
  .bank-chip{
     min-height:100px; padding:0; border:0; border-radius:0;
     background:transparent; box-shadow:none;
     display:flex; align-items:center; justify-content:center; gap:13px; text-align:left; font-family:'Fraunces',serif; font-size:15px; letter-spacing:0.02em; color:#514a3a;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .bank-chip:hover{transform:none; border-color:transparent; box-shadow:none;}
  .bank-icon{
    width:48px; height:48px; flex:0 0 48px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.72); border:1px solid currentColor;
  }
  .bank-icon svg{width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
  .bank-icici{color:#a52b3a;}.bank-sbi{color:#1769a8;}.bank-union{color:#c57819;}
  .bank-tata{color:#347e75;}.bank-psb{color:#69479a;}.bank-hdfc{color:#1f4f91;}
  .bank-name{line-height:1.25;}
  .bank-logo{display:block; width:100%; max-width:210px; height:100px; object-fit:contain;}
  @media(max-width:700px){
    .bank-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media(max-width:430px){
    .bank-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  }

  /* ---------- FOOTER ---------- */
  footer{background:var(--ink); color:#cfc7b3; padding:90px 0 30px;}
  .foot-grid{display:grid; grid-template-columns:1.5fr 1fr 1.2fr; gap:40px;}
  .footer-logo{width:76px; height:auto; object-fit:contain;}
  .foot-brand .brand-text .b1{color:#fff;}
  .foot-brand p{margin-top:18px; font-size:15px; color:#a89d80; max-width:390px;}
  .foot-brand .partner-disclaimer{margin-top:16px; max-width:440px; color:#cfc7b3; font-size:14px; line-height:1.65;}
  .foot-col h5{font-size:13px; letter-spacing:0.2em; text-transform:uppercase; color:#fff; margin-bottom:20px;}
  .foot-col li{font-size:15px; margin-bottom:12px; color:#b6ac91;}
  .foot-col li a:hover{color:#fff;}
  .foot-news form{display:flex; margin-top:16px; border-bottom:1px solid #55503f;}
  .foot-news input{
    background:none; border:none; flex:1; padding:10px 0; color:#fff; font-family:'Jost',sans-serif;
  }
  .foot-news input:focus{outline:none;}
  .foot-news button{background:none; border:none; color:var(--brass); font-size:12px; letter-spacing:.14em; text-transform:uppercase;}
  .foot-bottom{
    margin-top:70px; padding-top:26px; border-top:1px solid #3a362c;
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px;
    font-size:13px; color:#7d735d;
  }
  .socials{display:flex; gap:14px;}
  .socials a{
    width:34px; height:34px; border:1px solid #55503f; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
  }
  .socials svg{width:14px; height:14px; stroke:#cfc7b3; fill:none;}

  .back-top{
    position:fixed; right:26px; bottom:104px; width:46px; height:46px; border-radius:50%;
    background:var(--ink); border:1px solid var(--brass); display:flex; align-items:center; justify-content:center;
    opacity:0; pointer-events:none; transition:.3s; z-index:60;
  }
  .back-top.show{opacity:1; pointer-events:auto;}
  .back-top svg{width:16px; height:16px; stroke:#fff;}

  

  .reveal{opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease;}
  .reveal.in{opacity:1; transform:none;}

  @media(max-width:1000px){
    .nav-wrap{display:flex; align-items:center; gap:8px; padding:0 12px;}
    .nav-wrap nav{display:none;}
    .nav-wrap .nav-right{
      display:flex;
      position:absolute;
      right:48px;
      top:50%;
      transform:translateY(-50%);
      align-items:center;
      gap:6px;
      min-width:0;
    }
    .nav-wrap .nav-phone{display:block !important; padding:3px 8px; background:#efe8d8; color:#000 !important; font-size:15px; letter-spacing:.04em; font-weight:600; text-transform:uppercase;}
    .nav-cta{display:flex !important; align-items:center; gap:5px; height:34px; padding:8px 10px; border:0; border-radius:4px; background:#afa18e; color:#0f0f0f; font-family:Arial,sans-serif; font-size:10px; font-weight:700; letter-spacing:.2px; white-space:nowrap;}
    .nav-cta svg{width:15px; height:15px; flex:0 0 15px;}
    #mobilePanel .nav-cta{display:flex !important;}
    #mobilePanel nav a, #mobilePanel .nav-phone{color:#efe8d8;}
    .burger{display:flex; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
    header .nav-wrap{position:relative;}
    .brand{margin-right:auto; align-items:flex-start;}
    .brand-mark{width:56px; height:56px;}
    header{padding:8px 0;}
    .nav-wrap{grid-template-columns:1fr auto auto; grid-template-rows:38px 56px; display:grid; align-items:center; gap:0 8px; padding:0 12px;}
    .nav-wrap .nav-right{display:contents !important; position:static; transform:none;}
    .nav-wrap .nav-phone{grid-column:1 / 4; grid-row:1; width:calc(100% + 24px); height:38px; margin-left:-12px; padding:9px 16px; background:#afa18e; color:#0f0f0f !important; font-family:'Jost',sans-serif; font-size:16px; font-weight:600; letter-spacing:.5px; line-height:20px; text-align:center; text-transform:none; white-space:nowrap;}
    .nav-wrap .brand{grid-column:1; grid-row:2; margin:0; align-self:center; justify-self:start;}
    .nav-wrap .nav-cta{grid-column:2; grid-row:2; align-self:center; justify-self:end;}
    .nav-wrap .burger{grid-column:3; grid-row:2; position:static; justify-self:end; align-self:center; transform:none;}
    header{padding:0 3.5vw 0 4.3vw; background:transparent;}
    .nav-wrap{width:100%; padding:0; background:#141414; grid-template-rows:38px 76px;}
    .nav-wrap .nav-phone{width:100vw; height:38px; margin-left:-4.3vw; padding:7px 16px; background:#afa18e; color:#0f0f0f !important; font-family:Arial,sans-serif; font-size:15px; font-weight:700; letter-spacing:.8px; line-height:24px;}
    .nav-wrap .nav-phone .enquiry-label{display:inline;}
    .nav-wrap .brand{grid-row:2; grid-column:1; padding-left:10px;}
    .nav-wrap .brand-mark{width:72px; height:52px;}
    .nav-wrap .nav-cta{grid-row:2; grid-column:2; width:209px; height:35px; margin:0; padding:10px 22px; font-family:Arial,sans-serif; font-size:13px; font-weight:700; letter-spacing:.8px; justify-content:center;}
    .nav-wrap .nav-cta svg{display:none;}
    .nav-wrap .burger{display:flex; grid-row:2; grid-column:3; position:static; width:26px; height:auto; margin:0; justify-self:end; align-self:center; transform:none;}
    .intro-grid{grid-template-columns:1fr;}
    .overview-grid{grid-template-columns:1fr; gap:42px;}
    .overview-image{min-height:420px;}
    .overview-image img{min-height:420px;}
    .collage{height:340px;}
    .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:30px;}
    .amen-grid{grid-template-columns:repeat(3,1fr);}
    .diff-grid{grid-template-columns:repeat(2, minmax(0, 190px));}
    .dist-grid{grid-template-columns:1fr;}
    .floorplan-cards{grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
    .floorplan-card{padding:15px 12px 0;}
    .floorplan-card h3{margin:0; font-size:15px;}
    .floorplan-title{gap:8px; margin:6px 0 4px;}
    .floorplan-features{gap:6px; font-size:11px;}
    .floorplan-emoji{font-size:14px;}
    .floorplan-features svg{width:14px; height:14px;}
    .floorplan-areas div{padding:10px 3px 12px;}
    .floorplan-areas dt{font-size:8px;}
    .floorplan-areas dd{font-size:10px;}
    .floorplan-price{gap:6px; padding:5px; font-size:9px; letter-spacing:.03em;}
    .floorplan-price strong{font-size:14px;}
    .foot-grid{grid-template-columns:1fr 1fr; gap:36px;}
  }
@media(max-width:700px){
    .floorplans .section-title, .gallery-section .section-title{
      font-size:22px;
      letter-spacing:.04em;
      white-space:nowrap;
    }
    .hero-content{left:0; right:auto; width:100%; padding:0 24px; transform:translateY(calc(-50% + 25px)); text-align:center; align-items:center;}
    .hero-whatsapp-actions{justify-content:center; width:100%; flex-wrap:wrap;}
    .hero-whatsapp-btn{width:auto; flex:1 1 190px; padding-left:14px; padding-right:14px;}
  }
  @media(max-width:560px){
    .amen-grid{grid-template-columns:repeat(2,1fr);}
    .diff-grid{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px;}
    .foot-grid{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:1fr 1fr;}
    .project-overview{padding:8px 0;}
    .overview-image{min-height:280px;}
    .overview-image img{min-height:280px;}
    .overview-details{grid-template-columns:1fr; gap:0;}
  }
  /* YOUR EXISTING CSS */

/* ===== GALLERY CSS ===== */

.gallery-section{
padding:20px 0;
background:#fbf9f4;
border-top:1px solid var(--line);
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:30px;
}

.gallery-item{
overflow:hidden;
border-radius:8px;
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.gallery-item img{
width:100%;
height:260px;
object-fit:cover;
display:block;
transition:.5s;
}

.gallery-item:hover img{
transform:scale(1.08);
}

@media(max-width:900px){
.gallery-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.gallery-grid{
grid-template-columns:1fr;
}

.gallery-item img{
height:240px;
}
}



/* Mobile Sticky Bar */

.mobile-sticky-bar{
position:fixed;
left:0;
right:0;
bottom:0;
display:flex;
gap:4px;
z-index:9999;
}

.mobile-sticky-bar a{
flex:1;
height:45px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
text-decoration:none;
font-size:14px;
font-weight:600;
border-radius:10px;
color:#fff;
box-shadow:0 8px 22px rgba(0,0,0,.18);
transition:.3s;
}

.mobile-sticky-bar a:hover{
transform:translateY(-2px);
}

.mobile-call{
background:#111;
flex:1 !important;
}

.mobile-whatsapp{
background:#25D366;
flex:2 !important;
}

.sticky-icon{
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.mobile-sticky-bar .whatsapp-icon svg{
width:30px !important;
height:30px !important;
display:block;
}

.mobile-sticky-bar .mobile-call .sticky-icon svg{
width:30px !important;
height:30px !important;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

/* Hide on Desktop */

@media(min-width:768px){

.mobile-sticky-bar{
display:none;
}

}

/* Mobile */

@media(max-width:767px){

body{
padding-bottom:80px;
}

}
.map-link{
display:block;
text-decoration:none;
color:inherit;
}

.map-link:hover .map-box{
transform:scale(1.02);
transition:.3s;
box-shadow:0 20px 50px rgba(0,0,0,.2);
}
.location-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:25px;

margin-top:20px;

}

.location-card{

background:#fff;

padding:35px 25px;

text-align:center;

border:1px solid #e8dfcf;

transition:.35s;

box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.location-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.location-card h4{

font-family:'Fraunces',serif;

font-size:20px;

margin-bottom:12px;

color:#1c1a17;

}

.location-card span{

font-size:15px;

letter-spacing:.08em;

text-transform:uppercase;

color:#7b705d;

font-weight:600;

}


.dist-info{

max-width:1100px;

margin:auto;

text-align:center;

}
/* ===== KEY DISTANCE ===== */

.section-head.distance-head{
    text-align:center;
    margin-bottom:70px;
}

.section-head.distance-head h2{
    font-size:52px;
    margin:15px 0;
}

.section-head.distance-head p{
    max-width:650px;
    margin:0 auto;
    color:#7b7367;
    line-height:1.8;
}

.location-wrapper{
    display:grid;
    grid-template-columns:42% 58%;
    gap:60px;
    align-items:center;
}

.location-left{
    padding-right:30px;
}

.gold-line{
    width:65px;
    height:3px;
    background:#c59d4f;
    margin-bottom:22px;
}

.location-tag{
    font-size:12px;
    font-weight:600;
    letter-spacing:4px;
    text-transform:uppercase;
    color:#b88b3e;
    margin-bottom:12px;
}

.location-left h3{
    font-size:46px;
    line-height:1.2;
    margin-bottom:22px;
    color:#1d1d1d;
}

.location-desc{
    font-size:17px;
    line-height:1.9;
    color:#6b665d;
    max-width:470px;
}

.location-right{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.location-card{
    display:flex;
    align-items:center;
    gap:18px;
    width:100%;
    box-sizing:border-box;
    padding:24px;
    background:#fff;
    border:1px solid #ece4d8;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
    transition:.35s ease;
}

.location-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.location-icon{
    width:58px;
    height:58px;
    flex-shrink:0;
    border-radius:50%;
    background:#f7f2e8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.location-card h4{
    margin:0;
    font-size:20px;
}

.location-card span{
    display:block;
    margin-top:6px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#9a8358;
}

.airport{
    grid-column:1 / -1;
    max-width:360px;
    margin:0 auto;
}

@media(max-width:991px){

.location-wrapper{
    grid-template-columns:1fr;
    gap:45px;
}

.location-left{
    padding:0;
    text-align:center;
}

.gold-line{
    margin:0 auto 22px;
}

.location-desc{
    max-width:100%;
}

.location-right{
    grid-template-columns:1fr;
}

.airport{
    grid-column:auto;
    max-width:100%;
}

}
.distance-head{
    text-align:center;
    max-width:800px;
    margin:0 auto 70px;
}

.distance-head .section-label{
    display:block;
    color:#b48a3a;
    font-size:17px;      /* Increased from 13px */
    letter-spacing:5px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:18px;
}
.distance-head h2{
    font-family:'Fraunces',serif;
    font-size:56px;
    font-weight:400;
    color:#1f1d1a;
    margin:0;
}

.distance-head p{
    margin:20px auto 0;
    max-width:620px;
    font-size:17px;
    line-height:1.8;
    color:#6d665a;
}

@media(max-width:768px){
    .distance-head h2{
        font-size:40px;
    }

    .distance-head p{
        font-size:15px;
    }

    /* Prevent fixed controls and wide grid content from creating a horizontal scroll area. */
    .container,
    .location-wrapper,
    .location-right,
    .gallery-grid,
    .floorplan-cards{
        min-width:0;
        max-width:100%;
    }
}

@media(max-width:700px){
  .floorplans{padding:21px 0 24px;}
  .floorplan-cards{grid-template-columns:1fr; gap:20px; margin:34px auto 0; max-width:430px;}
  .floorplan-card{padding:0 20px;}
  .floorplan-card h3{margin:0; font-size:19px;}
  .floorplan-title{gap:15px; margin:9px 0 7px;}
  .floorplan-features{gap:11px; font-size:14px;}
  .floorplan-emoji{font-size:19px;}
  .floorplan-features svg{width:18px; height:18px;}
  .floorplan-areas div{padding:13px 5px 15px;}
  .floorplan-areas dt{font-size:10px;}
  .floorplan-areas dd{font-size:13px;}
  .floorplan-price{gap:10px; padding:5px 13px; font-size:14px;}
  .floorplan-price strong{font-size:17px;}
  .floorplan-lightbox{padding:0;}
  .floorplan-lightbox img{max-width:100vw; max-height:100vh;}
  .floorplan-lightbox-close{top:12px; right:12px; width:38px; height:38px; font-size:29px; line-height:32px;}
}

@media(max-width:767px) and (orientation:portrait){
  .floorplan-lightbox.is-open img{
    width:100vh;
    height:100vw;
    max-width:none;
    max-height:none;
    transform:rotate(90deg);
  }
}

/* Consistent spacing between the main content sections */
.project-overview,
.floorplans,
.about-ananta,
.gallery-section,
.diff,
.amenities,
.distance,
.schedule,
.banks{
  padding-top:40px;
  padding-bottom:40px;
}
.about-ananta-head{text-align:center;}
.about-ananta-head .section-label{display:block; margin-bottom:5px; color:var(--brass); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;}
.about-ananta-copy{max-width:820px; margin:28px auto 0; color:#6b6152; font-size:15px; line-height:1.75;}
.about-ananta-copy p{margin:0 0 16px;}
.about-ananta-copy h3{margin:28px 0 8px; color:var(--ink); font-family:'Jost',sans-serif; font-size:20px; letter-spacing:.03em;}
.about-ananta-projects{display:grid; gap:14px; margin:18px 0 8px;}
.about-ananta-project-card{padding:16px 18px; border:1px solid var(--line); background:rgba(255,255,255,.45);}
.about-ananta-project-card h4{margin:0 0 6px; color:var(--ink); font-family:'Jost',sans-serif; font-size:16px; letter-spacing:.03em;}
.about-ananta-project-card p{margin:0; font-size:14px; line-height:1.65;}
.about-ananta-nearby{display:grid; grid-template-columns:repeat(3,1fr); gap:10px 18px; margin:18px 0 0; padding:0; list-style:none;}
.about-ananta-nearby li{display:flex; justify-content:space-between; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); color:var(--ink); font-size:13px;}
.about-ananta-nearby strong{color:var(--brass); white-space:nowrap;}
.about-ananta-preview{max-width:820px; margin:22px auto 0; text-align:center;}
.about-ananta-preview p{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; color:#6b6152; font-size:15px; line-height:1.7;}
.about-ananta-read-more{display:block; margin:5px auto 0; padding:0; border:0; background:none; color:var(--brass); cursor:pointer; font:700 13px 'Jost',sans-serif; letter-spacing:.04em; text-decoration:underline; text-underline-offset:3px;}
.about-ananta-read-more:hover{color:var(--ink);}
.about-ananta-drawer{position:fixed; inset:0; z-index:10060; display:none;}
.about-ananta-drawer.is-open{display:block;}
.about-ananta-drawer-backdrop{position:absolute; inset:0; background:rgba(15,14,12,.55);}
.about-ananta-drawer-panel{position:absolute; top:0; right:0; width:min(560px,100%); height:100%; overflow:auto; padding:54px 42px 42px; background:var(--paper); box-shadow:-18px 0 45px rgba(0,0,0,.2); transform:translateX(100%); animation:aboutDrawerIn .28s ease forwards;}
.about-ananta-drawer-panel>.section-label{display:block; color:var(--brass); font-size:12px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;}
.about-ananta-drawer-panel h2{margin:8px 0 0; color:var(--ink); font-family:'Fraunces',serif; font-size:clamp(30px,4vw,42px); font-weight:500; line-height:1.1;}
.about-ananta-drawer-panel .about-ananta-copy{margin-top:26px;}
.about-ananta-drawer-close{position:absolute; top:16px; right:20px; width:38px; height:38px; border:1px solid var(--ink); background:transparent; color:var(--ink); cursor:pointer; font-size:28px; line-height:30px;}
.about-ananta-drawer-close:hover{background:var(--ink); color:#fff;}
body.about-drawer-open{overflow:hidden;}
@keyframes aboutDrawerIn{to{transform:translateX(0);}}

@media(max-width:700px){
  .about-ananta-copy{margin-top:22px; font-size:14px; line-height:1.65;}
  .about-ananta-copy h3{font-size:18px;}
  .about-ananta-nearby{grid-template-columns:1fr; gap:0;}
  .about-ananta-preview p{font-size:14px; line-height:1.65;}
  .about-ananta-drawer-panel{padding:50px 22px 30px;}
}

.distance-head{margin-bottom:35px;}
.distance-head .section-label{margin-bottom:5px;}
.distance-head p{margin-top:10px;}