/* Keep the awards ceremony introduction white on desktop and mobile. */
body.home-photo-pass .join .eyebrow{color:#fff!important}

/* Lower the banquet invitation while keeping the speaker unobstructed. */
@media(min-width:761px){
 body.home-photo-pass .join{min-height:648px}
 body.home-photo-pass .join-content{transform:translateY(64px)}
}
@media(max-width:760px){
 body.home-photo-pass .join{
  --banquet-photo-height:min(118.125vw,810px);
  padding-top:max(536px,calc(var(--banquet-photo-height) + 88px));
 }
 body.home-photo-pass .join .band-photo{
  top:64px;left:50%;right:auto;bottom:auto;
  width:min(210vw,1440px);height:auto;max-width:none;
  object-fit:contain;transform:translateX(-48%);
 }
}

/* Shared organization label stays bold white throughout the homepage rotation. */
body.home-photo-pass .hero .hero-content .eyebrow{
 color:#fff!important;
 font-weight:700;
 text-shadow:0 1px 6px rgba(0,0,0,.65);
}

/* Match the slider's phone/portrait-tablet breakpoint. Reserve the actual
   16:9 photo height so neither the white label nor gold headline covers Hunter. */
@media(max-width:767px), (max-width:1100px) and (max-aspect-ratio:1/1){
 body.home-photo-pass .hero:has(.hero-hunter:not([hidden])){
  --portrait-height:min(118.125vw,810px);
  padding-top:calc(var(--portrait-height) + 24px);
 }
 body.home-photo-pass .hero .hero-hunter img{
  top:0;left:50%;right:auto;bottom:auto;
  width:min(210vw,1440px);height:auto;max-width:none;
  object-fit:contain;transform:translateX(-48%);
 }
}


/* Bluegrass: proportional desktop action and a dedicated portrait for phones. */
body.home-photo-pass .hero .hero-bluegrass{position:relative;background:#000}
body.home-photo-pass .hero .hero-bluegrass img{
 position:absolute;right:-8%;left:auto;top:0;width:90%;height:100%;max-width:none;
 object-fit:cover;object-position:50% top;transform:none;
 mask-image:linear-gradient(90deg,transparent,#000 14%);
}
@media(max-width:767px), (max-width:1100px) and (max-aspect-ratio:1/1){
 body.home-photo-pass .hero .hero-bluegrass img{
  inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 20%;transform:none;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
 }
}