/* Mobile-specific Southside Superstar editorial hero. Real interactive text and links. */
@media(max-width:680px){
  .hero{display:block;position:relative;padding:0;min-height:700px;height:max(700px,100svh);max-height:950px;overflow:hidden;isolation:isolate;background:#290d26}
  .hero-picture{display:contents}
  .hero-background{position:absolute;inset:0;background:linear-gradient(125deg,#210c25,#682743 62%,#bd6e75)}
  .hero .hero-photo{position:absolute;inset:0;top:0;left:0;bottom:0;width:100%;height:100%;max-width:none;display:block;object-fit:cover;object-position:40% center;mask-image:none;-webkit-mask-image:none;z-index:1}
  .hero .hero-photo-shade{display:block;position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(30,7,26,0.04) 19%,rgba(30,7,26,.10) 36%,rgba(30,7,26,.65) 73%,rgba(30,7,26,.68)),linear-gradient(0deg,rgba(25,5,22,.70),transparent 30%);pointer-events:none}
  .hero .hero-content{position:absolute;z-index:4;top:25%;bottom:auto;right:4.5%;left:auto;transform:none;margin:0;padding:0;background:none;width:53%;max-width:320px}
  .hero .hero-eyebrow{display:none}
  .hero .hero-title{font-family:var(--display);font-size:clamp(42px,10.8vw,67px);line-height:.91;letter-spacing:-.047em;margin:0 0 18px;text-shadow:0 3px 15px rgba(26,5,24,.5)}
  .hero .hero-title>span{white-space:normal;overflow-wrap:normal;word-break:normal;display:block}
  .hero .hero-title>span:first-child{color:#fff0d5}
  .hero .hero-title>span:nth-child(2){color:#ffc4ab;padding-top:.06em}
  .hero .hero-bottom-copy{display:flex;flex-direction:column;align-items:start;gap:12px;padding:16px 0;border-color:rgba(255,239,226,.36)}
  .hero .hero-bottom-copy>p{font-size:10px;letter-spacing:.11em;line-height:1.5}
  .hero .hero-date{display:flex;flex-direction:column;align-items:start;gap:3px}
  .hero .hero-date span{font-size:9px;color:#fff1dd}
  .hero .hero-date strong{font-size:clamp(27px,7vw,40px);color:#ffd3ac}
  .hero .hero-cta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:17px}
  .hero .hero-cta .button{width:100%;padding:14px 9px;min-height:47px;text-align:center;justify-content:center;gap:0;font-size:clamp(9px,2.7vw,11px);letter-spacing:.035em;white-space:normal}
  .hero .hero-cta .button-light{background:#f9dfbf;color:#2b1328}
  .hero .hero-cta .button-outline{background:rgba(35,11,29,.5);border:1px solid #f9dfbf;color:#fff7e8}
  .hero .hero-vertical,.hero .scroll-cue,.hero .hero-bottom-line{display:none}
}
@media(max-width:370px){
 .hero .hero-content{right:4%;width:54%;top:23%}
 .hero .hero-title{font-size:clamp(35px,10vw,42px)}
 .hero .hero-photo{object-position:36% center}
}
@media(min-width:681px){.hero-picture{display:contents}}
@media(prefers-reduced-motion:reduce){.hero .button{transition:none}}