/* Supplementary styles for the new Egis site. Base design comes from css/template.css (the template bundle). */

/* New navigation (master-prompt IA, 8 top-level items): the desktop nav and the
   "Request a Quote" CTA appear from 1150px up, so the header does not crowd at
   the 1024px lg breakpoint. Below 1150px the hamburger menu is used. */
.egis-nav-desktop{display:none}
.egis-nav-cta{display:none}
.egis-nav-toggle{display:block}
.egis-nav-panel{display:block}
@media (min-width:1150px){
  .egis-nav-desktop{display:flex}
  .egis-nav-cta{display:block}
  .egis-nav-toggle{display:none}
  .egis-nav-panel{display:none}
}

/* Homepage hero carousel — REAL PHOTO + HTML TEXT on top.
   The photo is clean (no text baked in); headline / subtext / CTA are real
   HTML text in the site fonts, over a CSS white gradient for readability. */
.egis-hero-carousel{position:relative;background:#0b1e3b;overflow:hidden}
.egis-hero-carousel{padding-top:72px}
.egis-carousel-track{position:relative;width:100%;aspect-ratio:1600/600}
.egis-carousel-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.egis-carousel-slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s;z-index:1}
.egis-hero-photo{display:block;width:100%;height:100%;object-fit:cover}
.egis-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 90px;background:linear-gradient(to right,rgba(255,255,255,.94) 0%,rgba(255,255,255,.80) 42%,rgba(255,255,255,0) 74%)}
.egis-hero-eyebrow{font-size:15px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#a86f0e}
.egis-hero-headline{font-size:clamp(28px,4vw,54px);font-weight:600;line-height:1.08;color:#0b1e3b;margin-top:14px;max-width:720px}
.egis-hero-sub{font-size:clamp(15px,1.35vw,19px);line-height:1.55;color:#333;margin-top:14px;max-width:560px}
.egis-hero-cta{display:inline-flex;margin-top:22px;padding:12px 26px;border-radius:8px;background:#d9a441;color:#0b1e3b;font-weight:700;font-size:16px}
/* Godrej split slide — white background, safe photo on the right. */
.egis-hero-slide--light{background:#fff}
.egis-hero-slide--light .egis-hero-overlay{background:none}
.egis-hero-slide--light .egis-hero-photo{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:auto;height:88%;max-width:46%;object-fit:contain}
.egis-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:9999px;border:1px solid rgba(255,255,255,.5);background:rgba(11,30,59,.55);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer}
.egis-carousel-arrow:hover{background:rgba(11,30,59,.85)}
.egis-carousel-prev{left:16px}
.egis-carousel-next{right:16px}
.egis-carousel-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;display:flex;gap:8px}
.egis-carousel-dot{width:10px;height:10px;border-radius:9999px;border:1px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;padding:0}
.egis-carousel-dot.is-active{background:#d9a441;border-color:#d9a441}
.egis-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px 20px 28px}
@media (max-width:640px){
  .egis-carousel-track{aspect-ratio:4/3}
  .egis-carousel-arrow{width:36px;height:36px;font-size:20px}
  .egis-carousel-prev{left:8px}
  .egis-carousel-next{right:8px}
  .egis-carousel-dots{bottom:8px}
  .egis-hero-overlay{padding:0 22px}
  .egis-hero-sub{display:none}
  .egis-hero-cta{margin-top:14px;padding:9px 18px;font-size:14px}
  .egis-hero-slide--light .egis-hero-photo{right:12px;max-width:42%}
}