/* lt-realty-sector-86 — Navy/Steel palette (L&T corporate) */
:root{--dlf:#1B2A4A;--dlf-d:#0C1527;--dlf-l:#2E4470;--dlf-p:#DCE3F0;--dlf-p2:#B8C6E0;--dg:linear-gradient(145deg,#06090F,#0F1A2E,#1B2A4A);--ag:linear-gradient(135deg,#0F1A2E,#1B2A4A,#2E4470);--bdr:rgba(27,42,74,.10);--s1:0 2px 12px rgba(27,42,74,.08);--s2:0 4px 24px rgba(27,42,74,.14);--s3:0 12px 48px rgba(27,42,74,.20)}
.hero-bg{background:var(--dg)}
.hero-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.05) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.04) 0,transparent 40%);opacity:1}

/* ═══ MID-PAGE CTA STRIP ═══ */
.cta-strip{background:var(--dg);padding:22px 0;border-top:1px solid rgba(255,255,255,.07)}
.cta-strip-in{max-width:1380px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta-strip-txt{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cta-strip-tag{background:var(--ag);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}
.cta-strip-msg{font-size:14px;color:rgba(255,255,255,.85)}
.cta-strip-btns{display:flex;gap:10px;flex-wrap:wrap}
.cta-strip-btn{padding:10px 20px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:.2s;text-decoration:none;display:inline-block}
.cta-strip-primary{background:var(--ag);color:#fff}
.cta-strip-primary:hover{opacity:.9;transform:translateY(-1px)}
.cta-strip-sec{background:transparent;border:1.5px solid rgba(255,255,255,.32);color:rgba(255,255,255,.88)}
.cta-strip-sec:hover{background:rgba(255,255,255,.08)}
@media (max-width:700px){.cta-strip-in{padding:0 16px;flex-direction:column;align-items:flex-start}}

/* ═══ GALLERY ═══ */
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-radius:16px;overflow:hidden}
.gallery-item{overflow:hidden;position:relative;aspect-ratio:4/3;border-radius:10px}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s;display:block}
.gallery-item:hover img{transform:scale(1.06)}
.gallery-cap{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font-size:11.5px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}
@media (max-width:700px){.gallery-grid{grid-template-columns:1fr 1fr;gap:8px}}

/* ═══ ABOUT — placeholder panel (no genuine project imagery exists yet, pre-launch) ═══ */
.about-img-wrap{position:relative!important;height:420px!important;border-radius:var(--r16)!important;overflow:hidden!important}
.about-img-placeholder{background:var(--dg);display:flex;align-items:center;justify-content:center}
.about-img-placeholder::before{content:'L&T Realty · Sector 86 · Pre-Launch';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;font-family:'Poppins',sans-serif;font-size:20px;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:1px}
@media (max-width:900px){.about-img-wrap{height:300px!important}}
@media (max-width:600px){.about-img-wrap{height:220px!important}}

/* ═══ FLOOR PLAN ═══ */
.fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.fp-item{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.06)}
.fp-item img{width:100%;height:auto;display:block;background:#f7f7f7}
.fp-item-cap{padding:12px 16px;font-size:13.5px;font-weight:600;color:var(--dg,#1a1a2e);border-top:1px solid rgba(0,0,0,0.06)}
.fp-note{margin-top:14px;font-size:12.5px;color:#777;text-align:center}
@media (max-width:700px){.fp-grid{grid-template-columns:1fr}}