/* AeroJatim Home v339 — restore hero composition, lift compact lower marks, narrower event cards, larger nav. */

/* Navigation: visibly larger while preserving the existing header layout. */
.home-v339 .main-nav>a:not(.nav-admin){
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  padding-left:9px!important;
  padding-right:9px!important;
}

/* Restore the banner/image placement from before v338. */
@media (min-width:761px){
  .home-v339 .aero-hero{
    height:570px!important;
    min-height:570px!important;
    padding:0!important;
    background-position:center 47%!important;
  }
  .home-v339 .aero-hero .hero-grid{
    height:570px!important;
    min-height:570px!important;
    padding-top:70px!important;
    padding-bottom:62px!important;
  }

  /* Compact the two lower hero signatures, then lift them near the CTA line. */
  .home-v339 .hero-slogan-v7{
    left:clamp(28px,4vw,70px)!important;
    bottom:132px!important;
    padding-left:17px!important;
    font-size:clamp(14px,1.18vw,18px)!important;
    line-height:.92!important;
  }
  .home-v339 .hero-slogan-v7::before{
    width:6px!important;
    height:40px!important;
  }
  .home-v339 .hero-badge-v7{
    bottom:108px!important;
    width:min(330px,28vw)!important;
    min-height:74px!important;
    padding:14px 50px 12px 58px!important;
  }
  .home-v339 .hero-badge-v7::after{width:50px!important}
  .home-v339 .hero-badge-v7 strong{font-size:20px!important}
  .home-v339 .hero-badge-v7 span{font-size:10px!important;margin-top:3px!important}
  .home-v339 .aero-hero>.hero-skyline{height:46px!important}

  /* Event cards stay three-across but no longer stretch too wide. */
  .home-v339 .event-carousel-shell{
    width:min(1140px,100%)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .home-v339 .featured-events .event-grid{
    gap:18px!important;
  }
  .home-v339 .featured-events .event-card,
  .home-v339 .featured-events .navy-card{
    flex:0 0 calc((100% - 36px)/3)!important;
    width:calc((100% - 36px)/3)!important;
    max-width:368px!important;
  }
}

/* Keep medium desktop/tablet usable if the larger nav runs out of room. */
@media (min-width:761px) and (max-width:1180px){
  .home-v339 .main-nav>a:not(.nav-admin){
    font-size:12.8px!important;
    padding-left:7px!important;
    padding-right:7px!important;
    letter-spacing:.025em!important;
  }
  .home-v339 .event-carousel-shell{width:min(1040px,100%)!important}
  .home-v339 .hero-slogan-v7{bottom:126px!important}
  .home-v339 .hero-badge-v7{bottom:103px!important;width:min(300px,29vw)!important}
}

/* Phones retain the dedicated mobile banner and the compact carousel from v337. */
@media (max-width:760px){
  .home-v339 .main-nav>a:not(.nav-admin){
    font-size:15px!important;
    letter-spacing:.045em!important;
  }
  .home-v339 .event-carousel-shell{width:100%!important;margin-inline:0!important}
  .home-v339 .featured-events .event-card,
  .home-v339 .featured-events .navy-card{max-width:none!important}
}