/* =========================================================
   BWET FINAL UI REFINEMENT — 2026-09-17
   Homepage showcase hierarchy, compact leadership, and
   spacing after removal of page-level Events/Keep Fit heroes.
   ========================================================= */

/* ---------- HOMEPAGE AUTOMATIC SHOWCASE ---------- */
.home-slider{
  min-height:clamp(280px,24vw,350px)!important;
  margin-bottom:clamp(42px,5vw,68px)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
}
.promo-slide-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.10) 54%,rgba(0,0,0,.05) 100%),
    linear-gradient(0deg,rgba(0,0,0,.18),transparent 55%)!important;
}
.promo-slide-content{
  width:min(560px,calc(100% - 48px))!important;
  max-width:560px!important;
  margin:0 0 0 clamp(24px,5vw,72px)!important;
  padding:24px 26px 25px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-left:4px solid #c99a2f!important;
  border-radius:16px!important;
  background:rgba(8,8,8,.82)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.promo-slide-kicker{
  width:fit-content!important;
  min-height:27px!important;
  margin-bottom:10px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#c99a2f!important;
  color:#111!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.promo-slide-kicker::before{display:none!important}
.promo-slide h1,
.promo-slide h2{
  max-width:100%!important;
  font-size:clamp(29px,3.5vw,46px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:0 2px 20px rgba(0,0,0,.35)!important;
}
.promo-slide-description{
  max-width:500px!important;
  margin-top:11px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:13px!important;
  line-height:1.55!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.promo-slide-meta{
  gap:6px!important;
  margin-top:13px!important;
}
.promo-slide-meta span{
  min-height:28px!important;
  padding:0 9px!important;
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:10px!important;
}

/* ---------- COMPACT LEADERSHIP ---------- */
.leadership-compact{
  padding:clamp(46px,6vw,72px) 0!important;
  background:#f7f4ec!important;
  border-top:1px solid rgba(23,23,23,.10)!important;
  border-bottom:1px solid rgba(23,23,23,.10)!important;
}
.leadership-compact-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:28px!important;
  margin-bottom:24px!important;
}
.leadership-compact-head h2{
  margin:8px 0 0!important;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
}
.leadership-compact-head>p{
  max-width:420px!important;
  margin:0!important;
  color:#6f6a60!important;
  font-size:13.5px!important;
  line-height:1.6!important;
}
.leadership-compact-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.executive-card{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  padding:18px!important;
  border:1px solid rgba(23,23,23,.12)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.executive-card-photo{
  width:128px!important;
  height:128px!important;
  margin:0!important;
  overflow:hidden!important;
  border:3px solid rgba(201,154,47,.40)!important;
  border-radius:50%!important;
  background:#eee8dc!important;
}
.executive-card-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.executive-card-photo-ceo img{object-position:center 18%!important}
.executive-card-photo-media img{object-position:center 34%!important}
.executive-card-photo-producer img{object-position:left center!important}
.executive-card-photo-dj img{object-position:center 32%!important}
.executive-card-copy{min-width:0!important}
.executive-card-role{
  display:block!important;
  margin-bottom:6px!important;
  color:#946a12!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.executive-card h3{
  margin:0 0 7px!important;
  color:#171717!important;
  font-size:clamp(20px,2.2vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere!important;
}
.executive-card p{
  margin:0!important;
  color:#6f6a60!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}

/* ---------- PAGES AFTER HERO REMOVAL ---------- */
main>.events-schedule{
  padding-top:clamp(52px,6vw,82px)!important;
}
main>.community{
  padding-top:clamp(52px,6vw,84px)!important;
}
main>.community .community-media{
  min-height:320px!important;
  max-height:360px!important;
}
/* Foundation now flows directly from purpose-led hero to practical focus. */
.hero + .focus{
  padding-top:clamp(62px,7vw,96px)!important;
}
.foundation-legal-note{
  margin:4px 0 0!important;
  color:rgba(255,255,255,.50)!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}

@media(max-width:860px){
  .promo-slide-content{
    width:min(520px,calc(100% - 36px))!important;
    margin-left:18px!important;
    padding:21px 22px!important;
  }
  .leadership-compact-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  .leadership-compact-grid{grid-template-columns:1fr!important}
  .executive-card{grid-template-columns:112px minmax(0,1fr)!important}
  .executive-card-photo{width:112px!important;height:112px!important}
}

@media(max-width:620px){
  .home-slider{
    min-height:390px!important;
    margin-bottom:38px!important;
  }
  .promo-slide-content{
    align-self:end!important;
    width:calc(100% - 20px)!important;
    margin:0 10px 10px!important;
    padding:17px 17px 18px!important;
    border-left-width:3px!important;
    border-radius:13px!important;
  }
  .promo-slide h1,
  .promo-slide h2{font-size:clamp(27px,9vw,38px)!important}
  .promo-slide-description{font-size:12px!important}
  .promo-slide-meta span{font-size:9.5px!important}

  .leadership-compact{padding:40px 0!important}
  .leadership-compact-head{margin-bottom:18px!important}
  .leadership-compact-head h2{font-size:34px!important}
  .executive-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:14px!important;
    padding:14px!important;
    border-radius:13px!important;
  }
  .executive-card-photo{width:88px!important;height:88px!important;border-width:2px!important}
  .executive-card h3{font-size:19px!important}
  .executive-card p{font-size:11.5px!important}

  main>.events-schedule,
  main>.community{padding-top:42px!important}
  main>.community .community-media{
    min-height:250px!important;
    max-height:270px!important;
  }
}