/* AeroJatim Home v344 — visible white featured heading, better mobile spacing/readability,
   and a dedicated EVENT / VIEW ALL first carousel card. */

/* Keep event card field light, but give the heading a dark transition band so the
   requested white EVENT UNGGULAN title is always readable. */
.home-v344 .featured-events{
  background:
    linear-gradient(180deg,#082b4c 0 86px,#f5f8fa 86px,#ffffff 205px,#f8fafc 100%)!important;
}
.home-v344 .featured-events::before{
  height:86px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;
}
.home-v344 .featured-events .home-events-heading{
  min-height:56px!important;
  margin-bottom:18px!important;
  align-items:center!important;
}
.home-v344 .featured-events .home-events-heading h2{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.20)!important;
}
.home-v344 .featured-events .home-events-heading .kicker{
  color:#ff9b4c!important;
}
.home-v344 .event-carousel-controls button{
  color:#fff!important;
  border-color:rgba(255,255,255,.32)!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.home-v344 .event-carousel-controls button:hover:not(:disabled){
  color:#082b4c!important;
  background:#fff!important;
  border-color:#fff!important;
}

/* First card: EVENT / VIEW ALL. It is a true navigation card and uses inline SVG,
   so there is no extra image request or performance penalty. */
.home-v344 .featured-events .event-view-all-card{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  border-color:rgba(8,43,76,.10)!important;
  background:linear-gradient(145deg,#082b4c 0%,#0b3a64 55%,#0b5c8c 100%)!important;
  box-shadow:0 16px 42px rgba(5,34,58,.16)!important;
}
.home-v344 .featured-events .event-view-all-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 80% 13%,rgba(243,107,23,.34),transparent 28%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px)!important;
}
.home-v344 .featured-events .event-view-all-card::after{
  content:""!important;
  position:absolute!important;
  right:-76px!important;
  bottom:-76px!important;
  width:210px!important;
  height:210px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 62px rgba(255,255,255,.018)!important;
}
.home-v344 .event-view-all-link{
  position:relative!important;
  z-index:2!important;
  min-height:100%!important;
  height:100%!important;
  padding:34px 30px 27px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  color:#fff!important;
}
.home-v344 .event-view-all-icon{
  width:82px!important;
  height:82px!important;
  margin-bottom:23px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.home-v344 .event-view-all-icon svg{
  width:50px!important;
  height:50px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.home-v344 .event-view-all-icon svg path:nth-last-child(-n+2){
  fill:rgba(255,255,255,.16)!important;
}
.home-v344 .event-view-all-kicker{
  color:#ffad6a!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.home-v344 .event-view-all-link>strong{
  margin-top:11px!important;
  font:900 italic 42px/.9 "Arial Narrow",Arial,sans-serif!important;
  letter-spacing:-.035em!important;
}
.home-v344 .event-view-all-link>b{
  color:#ff8a32!important;
  font:900 italic 49px/.9 "Arial Narrow",Arial,sans-serif!important;
  letter-spacing:-.04em!important;
}
.home-v344 .event-view-all-link>small{
  max-width:290px!important;
  margin-top:18px!important;
  color:rgba(255,255,255,.74)!important;
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:700!important;
}
.home-v344 .event-view-all-cta{
  width:100%!important;
  min-height:46px!important;
  margin-top:auto!important;
  padding:0 0 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#fff!important;
  color:#082b4c!important;
  clip-path:polygon(0 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,0 100%)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}
.home-v344 .event-view-all-cta i{
  padding-right:22px!important;
  color:#f36b17!important;
  font-size:20px!important;
  font-style:normal!important;
}
.home-v344 .event-view-all-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 22px 50px rgba(5,34,58,.23)!important;
}

/* Mobile: give PORTAL / AEROMODELLING JAWA TIMUR a real gap below the sticky header,
   and enlarge primary typography for comfortable reading. */
@media (max-width:760px){
  .home-v344 .aero-hero .hero-grid{
    padding-top:200px!important;
  }
  .home-v344 .aero-hero .hero-copy{
    padding-top:34px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .home-v344 .aero-hero h1{
    font-size:clamp(48px,14.2vw,64px)!important;
    line-height:.86!important;
  }
  .home-v344 .aero-hero h1 small{
    font-size:13px!important;
    margin-bottom:9px!important;
    letter-spacing:.20em!important;
  }
  .home-v344 .aero-hero .hero-copy>p{
    font-size:16.5px!important;
    line-height:1.62!important;
  }
  .home-v344 .aero-hero .hero-actions .button{
    min-height:58px!important;
    font-size:12.5px!important;
  }
  .home-v344 .featured-events{
    padding-top:25px!important;
    background:linear-gradient(180deg,#082b4c 0 92px,#f5f8fa 92px,#fff 180px,#f8fafc 100%)!important;
  }
  .home-v344 .featured-events .home-events-heading{
    min-height:64px!important;
    margin-bottom:14px!important;
  }
  .home-v344 .featured-events .home-events-heading h2{
    font-size:38px!important;
    line-height:.92!important;
  }
  .home-v344 .featured-events .home-events-heading .kicker{
    font-size:9px!important;
  }
  .home-v344 .featured-events .event-card,
  .home-v344 .featured-events .navy-card{
    flex-basis:90%!important;
    width:90%!important;
  }
  .home-v344 .featured-events .event-content h3{
    font-size:24px!important;
    line-height:1.04!important;
  }
  .home-v344 .featured-events .event-description{
    font-size:11.5px!important;
    line-height:1.52!important;
  }
  .home-v344 .featured-events .event-labels span,
  .home-v344 .featured-events .category-pills span{
    font-size:8.5px!important;
  }
  .home-v344 .featured-events .event-facts dd{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  .home-v344 .featured-events .event-facts small{
    font-size:7.5px!important;
  }
  .home-v344 .featured-events .event-cta{
    min-height:48px!important;
    font-size:11px!important;
  }
  .home-v344 .event-view-all-link{
    min-height:470px!important;
    padding:28px 24px 22px!important;
  }
  .home-v344 .event-view-all-icon{
    width:76px!important;
    height:76px!important;
    margin-bottom:20px!important;
  }
  .home-v344 .event-view-all-link>strong{font-size:40px!important}
  .home-v344 .event-view-all-link>b{font-size:48px!important}
  .home-v344 .event-view-all-link>small{font-size:12px!important;line-height:1.55!important}
  .home-v344 .event-view-all-cta{min-height:50px!important;font-size:11px!important}
}

@media (max-width:430px){
  .home-v344 .aero-hero .hero-grid{padding-top:210px!important}
  .home-v344 .aero-hero .hero-copy{padding-top:36px!important}
  .home-v344 .aero-hero h1{font-size:clamp(47px,14.8vw,60px)!important}
  .home-v344 .featured-events .event-card,
  .home-v344 .featured-events .navy-card{flex-basis:92%!important;width:92%!important}
}