/* FINAL HERO IDENTITY
   Keep the original Makala red. Add controlled line-art ornaments and make navbar touch hero. */
body.home-hero .hero,
body.program-hero .hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  margin-top:0 !important;
  padding-top:0 !important;
  background:
    radial-gradient(circle at 82% 8%,rgba(190,45,54,.78) 0,rgba(131,15,27,.82) 35%,rgba(64,5,13,.98) 76%),
    linear-gradient(135deg,#3b050c,#8d111b) !important;
}

/* Primary identity linework */
body.home-hero .hero::before,
body.program-hero .hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    url('/asset-image/baground%20taruna.webp') center/cover no-repeat !important;
  opacity:.96 !important;
  mix-blend-mode:screen !important;
}

/* Very faint Makala emblem watermark */
body.home-hero .hero::after,
body.program-hero .hero::after{
  content:"" !important;
  position:absolute !important;
  width:min(520px,48vw) !important;
  height:min(520px,48vw) !important;
  right:-70px !important;
  top:-70px !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:url('/asset-image/hero-alumni.webp') center/contain no-repeat !important;
  opacity:.065 !important;
  filter:brightness(0) invert(1) !important;
}

/* Keep all hero content above the ornaments */
body.home-hero .hero > *,
body.program-hero .hero > *{
  position:relative !important;
  z-index:1 !important;
}

/* Extra thin structural lines along the hero edges. */
body.home-hero .hero .wrap::before,
body.program-hero .hero .wrap::before{
  content:"" !important;
  position:absolute !important;
  inset:24px 0 auto 0 !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 18%,rgba(255,255,255,.06) 82%,transparent) !important;
  pointer-events:none !important;
}

/* Navbar ↔ hero: remove the white seam/gap on every viewport. */
.site-header + main{
  margin-top:0 !important;
  padding-top:0 !important;
}
.site-header + main > .hero:first-child{
  margin-top:0 !important;
}
.site-header{
  margin-bottom:0 !important;
}