/* Release 79: owned musician network, replayable homepage film and WIZ Rehearse */
.hero-routes { grid-template-columns: repeat(5, 1fr); }
.route-musicians { background-image: linear-gradient(135deg, rgba(158,10,25,.12), rgba(0,0,0,.24)), url("assets/events/new-band.jpg"); }
.route-rehearse { background-image: linear-gradient(135deg, rgba(158,10,25,.12), rgba(0,0,0,.24)), url("assets/rooms/rehearsal-room-hero-v1.png"); }

.ll-intro-final-actions { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 9px; }
.ll-intro-final-actions button { margin-top: 0; }
.ll-intro-final-actions button[data-ll-intro-restart] { color: #fff; border-color: rgba(255,255,255,.45); background: rgba(4,4,4,.68); backdrop-filter: blur(14px); }
.ll-intro-final-actions button[data-ll-intro-restart] span { margin-right: 7px; color: var(--intro-gold); font-size: 15px; }

.homepage-intro-feature { border-block: 1px solid rgba(255,255,255,.1); background: radial-gradient(circle at 84% 18%, rgba(213,169,85,.12), transparent 29%), #080706; }
.homepage-intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.homepage-intro-copy h2,.homepage-musician-copy h2 { margin: 14px 0 21px; font: 900 clamp(56px,6vw,84px)/.84 "Barlow Condensed",sans-serif; letter-spacing: -.035em; }
.homepage-intro-copy p,.homepage-musician-copy>p { color: rgba(255,255,255,.65); font-size: 14px; line-height: 1.72; }
.homepage-intro-copy>div { margin-top: 27px; display: flex; flex-wrap: wrap; gap: 9px; }
.homepage-intro-copy button { cursor: pointer; }
.homepage-intro-player { padding: 10px; overflow: hidden; border: 1px solid rgba(213,169,85,.34); border-radius: 17px; background: #030303; box-shadow: 0 38px 100px rgba(0,0,0,.55); }
.homepage-intro-player video { width: 100%; aspect-ratio: 16/9; display: block; object-fit: cover; border-radius: 10px; background: #000; }
.homepage-intro-player>span { padding: 13px 8px 5px; display: block; color: rgba(255,255,255,.44); font-size: 7px; font-weight: 900; letter-spacing: .15em; text-align: center; }

.homepage-musician-network { overflow: hidden; background: radial-gradient(circle at 72% 34%, rgba(237,39,52,.2), transparent 31%), linear-gradient(135deg,#150307,#050505 58%); }
.homepage-musician-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 75px; }
.homepage-role-cloud { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 7px; }
.homepage-role-cloud span { padding: 8px 10px; border: 1px solid rgba(213,169,85,.25); border-radius: 999px; color: #e8c678; background: rgba(213,169,85,.05); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.homepage-musician-actions { margin-top: 27px; display: flex; flex-wrap: wrap; gap: 9px; }
.homepage-musician-board { padding: 25px; display: grid; gap: 10px; border: 1px solid rgba(213,169,85,.34); border-radius: 17px; background: rgba(5,5,5,.82); box-shadow: 0 35px 100px rgba(0,0,0,.48); backdrop-filter: blur(17px); }
.homepage-musician-board>span { color: var(--gold); font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.homepage-musician-board article { min-height: 126px; padding: 20px; display: grid; align-content: center; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; background: linear-gradient(120deg,rgba(237,39,52,.09),rgba(255,255,255,.012)); }
.homepage-musician-board article b { color: var(--red-hot); font-size: 7px; letter-spacing: .12em; }
.homepage-musician-board article strong { margin-top: 8px; font: 900 28px/.95 "Barlow Condensed",sans-serif; }
.homepage-musician-board article p { margin: 7px 0 0; color: rgba(255,255,255,.5); font-size: 10px; line-height: 1.5; }
.homepage-musician-board>a { padding: 14px; color: #100b03; background: linear-gradient(110deg,#fff0b9,#d5a955); border-radius: 6px; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-align: center; }

@media (max-width: 1120px) {
  .hero { min-height: 1120px; }
  .hero-routes { grid-template-columns: repeat(3, 1fr); }
  .homepage-intro-grid,.homepage-musician-grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .hero { min-height: auto; }
  .hero-routes { grid-template-columns: 1fr 1fr; }
  .homepage-intro-grid,.homepage-musician-grid { gap: 42px; }
}
@media (max-width: 560px) {
  .hero-routes { grid-template-columns: 1fr; }
  .ll-intro-final-actions { display: grid; }
  .homepage-intro-copy>div,.homepage-musician-actions { display: grid; }
  .homepage-intro-copy .button,.homepage-musician-actions .button { width: 100%; }
}