/* EPICORE R44 — COMPACT HERO + LEFT ALIGNMENT
   Built from stable R43. Does not alter the header/navigation structure.
*/

/* Shared desktop hero left edge */
@media (min-width:1080px){

  /* HOME: remove wasted space above the hero content */
  body.next-site .next-home-hero{
    min-height:555px !important;
    padding:42px 0 54px !important;
  }

  body.next-site .epv3-hero.epv3-home{
    min-height:555px !important;
    padding-top:42px !important;
    padding-bottom:54px !important;
  }

  body.next-site .next-home-hero .next-hero-content{
    width:calc(100% - 82px) !important;
    max-width:1380px !important;
    margin-left:clamp(38px,4vw,72px) !important;
    margin-right:auto !important;
  }

  /* Move the animated Connected Business visual upward */
  body.next-site .next-home-hero .epv3-map,
  body.next-site .next-home-hero .epv3-map.epv3-map-standard,
  body.next-site .next-home-hero .epv3-map.epv3-map-compact,
  body.next-site .next-home-hero .epv3-map.epv3-map-mini{
    top:44% !important;
  }

  /* INNER PAGES: more compact and aligned to the same left edge as Home */
  body.next-site .next-inner-hero{
    min-height:440px !important;
    height:440px !important;
    padding:0 !important;
  }

  body.next-site .next-inner-hero .next-inner-content{
    width:calc(100% - 82px) !important;
    max-width:1380px !important;
    height:440px !important;
    margin-left:clamp(38px,4vw,72px) !important;
    margin-right:auto !important;
    justify-content:center !important;
  }

  /* Keep readable text width while moving the block left */
  body.next-site .next-inner-hero .next-inner-content > .next-eyebrow,
  body.next-site .next-inner-hero .next-inner-content > h1,
  body.next-site .next-inner-hero .next-inner-content > p{
    width:560px !important;
    max-width:560px !important;
  }

  /* Bring the inner-page animation slightly upward too, without changing scale */
  body.next-site .next-inner-hero .epv3-map,
  body.next-site .next-inner-hero .epv3-map.epv3-map-standard,
  body.next-site .next-inner-hero .epv3-map.epv3-map-compact,
  body.next-site .next-inner-hero .epv3-map.epv3-map-mini{
    top:47% !important;
  }

  /* EXPLORE uses its own hero class; align it to the same left edge */
  body.next-site .explore-hero{
    padding:58px 0 50px !important;
  }

  body.next-site .explore-hero .explore-hero-grid{
    width:calc(100% - 82px) !important;
    max-width:1380px !important;
    margin-left:clamp(38px,4vw,72px) !important;
    margin-right:auto !important;
  }

  /* Slightly tighten the first section after the hero so pages feel fuller */
  body.next-site .next-inner-hero + .next-section,
  body.next-site .next-inner-hero + .p15-pricing,
  body.next-site .next-inner-hero + .f16-faq,
  body.next-site .next-inner-hero + .c19-contact,
  body.next-site .next-inner-hero + .i14-fit{
    padding-top:62px !important;
  }
}

/* Medium desktop / small laptop */
@media (min-width:901px) and (max-width:1079px){
  body.next-site .next-home-hero{
    padding-top:46px !important;
  }

  body.next-site .next-home-hero .next-hero-content,
  body.next-site .next-inner-hero .next-inner-content,
  body.next-site .explore-hero .explore-hero-grid{
    width:calc(100% - 44px) !important;
    margin-left:22px !important;
    margin-right:22px !important;
  }

  body.next-site .explore-hero{
    padding-top:54px !important;
    padding-bottom:46px !important;
  }
}

/* Mobile remains essentially as approved in R43; only trim excessive top space */
@media (max-width:700px){
  body.next-site .next-home-hero{
    padding-top:38px !important;
  }

  body.next-site .next-inner-hero{
    padding-top:42px !important;
  }

  body.next-site .explore-hero{
    padding-top:42px !important;
  }
}
