/* Music landing visual refinement v2. Scoped: .music-page only. */
.music-page{background:#090b0e;color:#f5f0e8}.music-page .shell{width:min(calc(100% - 40px),1320px)}
.music-page .music-hero{position:relative;isolation:isolate;min-height:410px;display:flex;align-items:center;background:#21150f url('/assets/images/about/approved-header-performance.webp') center 45%/cover no-repeat}
.music-page .music-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,8,.89),rgba(10,7,7,.42) 48%,rgba(7,5,7,.84))}
.music-page .music-hero-grid{width:100%;display:flex;justify-content:space-between;align-items:center;gap:60px;padding-block:38px}
.music-page .music-hero-copy{max-width:565px}.music-page .music-kicker{color:#f2bc66;text-transform:uppercase;letter-spacing:.23em;font-size:.7rem;font-weight:700;margin:0 0 10px}
.music-page .music-hero h1{font-size:clamp(4.8rem,10vw,9rem);line-height:.85;letter-spacing:-.06em;font-weight:1000;margin:0;color:#f6e9da;text-shadow:0 3px 14px #000}
.music-page .music-script{font-family:"Brush Script MT","Segoe Script",cursive;color:#f5b24e;font-weight:400;font-size:clamp(1.9rem,3.8vw,3.4rem);font-style:italic;line-height:1.1;margin:9px 0 20px}
.music-page .music-hero-intro{max-width:480px;font-size:1rem;line-height:1.55;text-shadow:0 1px 3px #000}
.music-page .music-outline-button{display:inline-block;border:1px solid #f2b839;border-radius:7px;padding:10px 20px;color:#fff;background:rgba(0,0,0,.6);font-size:.78rem;text-transform:uppercase;font-weight:700;letter-spacing:.035em;text-decoration:none;white-space:nowrap}.music-page .music-outline-button:hover{background:#c68c26;color:#111}
.music-page .music-hero-quote{width:235px;flex-shrink:0;text-shadow:0 2px 4px #000}.music-page .music-hero-quote .music-script{font-size:2.5rem;color:#ffc28b}.music-page .music-hero-quote blockquote{font-size:.91rem;line-height:1.65;margin:12px 0 6px;border:0;padding:0}.music-page .music-hero-quote span{font-size:.85rem}
.music-page .music-stage,.music-page .music-addi,.music-page .music-other{padding:20px 0 24px;margin:12px 16px;border-radius:12px;overflow:hidden}
.music-page .music-stage{background:linear-gradient(115deg,#391015,#1c0b0b 75%);border:1px solid #56201e}
.music-page .music-addi{background:linear-gradient(120deg,#00354b,#001726 75%);border:1px solid #06425b}
.music-page .music-other{background:linear-gradient(120deg,#321338,#180e22 75%);border:1px solid #462051}
.music-page .music-band-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff25;padding:0 0 15px}
.music-page .music-heading-title{display:flex;align-items:center;gap:18px;min-width:0;flex-wrap:wrap}.music-page .music-band-icon{font-size:2.5rem;color:#ffb44c;line-height:1}.music-page .music-addi .music-band-icon{color:#06bbf4}.music-page .music-other .music-band-icon{color:#e780f4}
.music-page .music-band-heading h2{font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.1;text-transform:uppercase;letter-spacing:-.04em;margin:0;color:#f7f3ed}
.music-page .music-band-heading em,.music-page .music-bottom-name em{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:400;color:#f5ae40}.music-page .music-addi .music-band-heading em{color:#21c7f3}.music-page .music-other .music-band-heading em{color:#e589e9}
.music-page .music-band-heading>p{max-width:315px;line-height:1.45;font-size:.84rem;margin:0;color:#e2dbdc}
.music-page .music-stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:16px}
.music-page .music-stage-card{min-width:0;background:#170e12;border:1px solid #87504c;border-radius:8px;overflow:hidden}.music-page .music-stage-thumb{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#58322a,#120d13 70%);color:#eeb54c}.music-page .music-stage-thumb span{font-size:2.3rem;line-height:1}.music-page .music-stage-thumb small{font-size:.65rem;color:#e0c6b1;text-align:center}
.music-page .music-stage-copy{padding:12px}.music-page .music-stage-copy .eyebrow{font-size:.6rem;color:#e7ad69;letter-spacing:.08em}.music-page .music-stage-copy h3{font-size:1.08rem;line-height:1.2;margin:6px 0;color:#fff}.music-page .music-stage-copy p:last-child{font-size:.75rem;color:#cfc0bf;margin:0}.music-page .music-stage-note{font-size:.77rem;color:#d4b3ad;margin:12px 0 0}
.music-page .music-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.music-page .music-release-card{display:flex;gap:16px;align-items:center;min-width:0;padding:12px;background:#001c2d;border:1px solid #19506a;border-radius:8px}.music-page .music-release-art{flex:0 0 38%;min-width:0}.music-page .music-release-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.music-page .music-release-copy{min-width:0;flex:1}.music-page .music-release-copy h3{font-size:clamp(1.35rem,2.2vw,2.15rem);margin:3px 0 12px;line-height:1.1}.music-page .music-release-copy h3 a{text-decoration:none}.music-page .music-release-copy .eyebrow{font-size:.65rem;color:#80cde3}.music-page .music-release-copy audio{width:100%;height:38px;margin:4px 0 12px}.music-page .music-release-copy .research-read{display:inline-block;border:1px solid #d9a341;border-radius:5px;padding:8px 12px;text-decoration:none;font-size:.73rem;color:#fff}
.music-page .music-side-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.music-page .music-side-card{background:#22112a;border:1px solid #713b77;border-radius:8px;overflow:hidden;min-width:0}.music-page .music-side-card .music-release-art{display:block}.music-page .music-side-card .music-release-art img{aspect-ratio:16/10}.music-page .music-side-card .music-release-copy{padding:12px}.music-page .music-side-card h3{font-size:1.2rem}.music-page .music-side-card p{font-size:.8rem}.music-page .music-side-empty{padding:22px;color:#e1cde1}
.music-page .music-bottom-strip{margin:10px 16px;border-radius:10px}.music-page .music-memories{background:linear-gradient(90deg,#28421a,#102313)}.music-page .music-inquiries{background:#101820}.music-page .music-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:105px;padding-block:14px}.music-page .music-bottom-name{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.music-page .music-bottom-name>span{font-size:2rem;color:#b6dc67}.music-page .music-inquiries .music-bottom-name>span{color:#b4bdc6}.music-page .music-bottom-name h2{font-size:clamp(1.3rem,2.5vw,2rem);text-transform:uppercase;line-height:1.15;margin:0}.music-page .music-bottom-name em{color:#c8eb72}.music-page .music-bottom-inner>p{max-width:390px;font-size:.8rem;line-height:1.5;margin:0}.music-page .music-soon{font-size:.7rem;text-transform:uppercase;color:#d9edb1;white-space:nowrap}
@media(max-width:1100px){.music-page .music-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.music-page .music-band-heading{align-items:flex-start}.music-page .music-bottom-inner{flex-wrap:wrap}}
@media(max-width:750px){.music-page .music-hero-grid{padding-block:42px;gap:20px}.music-page .music-hero-quote{display:none}.music-page .music-hero{min-height:370px}.music-page .music-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-page .music-release-grid{grid-template-columns:1fr}.music-page .music-side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-page .music-band-heading{display:block}.music-page .music-band-heading>p{max-width:none;margin-top:12px}.music-page .music-band-heading em{display:none}}
@media(max-width:450px){.music-page .shell{width:min(calc(100% - 24px),1320px)}.music-page .music-stage,.music-page .music-addi,.music-page .music-other,.music-page .music-bottom-strip{margin-inline:7px}.music-page .music-stage-grid{gap:8px}.music-page .music-stage-copy{padding:8px}.music-page .music-release-card{gap:10px;padding:8px}.music-page .music-release-art{flex-basis:34%}.music-page .music-side-grid{gap:8px}.music-page .music-hero h1{font-size:4.6rem}.music-page .music-script{font-size:1.8rem}}

/* v1.1.1 hero-only correction; other sections unchanged. */
.music-page .music-hero{min-height:0;height:430px;max-height:none;background-image:url('/assets/images/music/music-hero-stage-v1.webp');background-color:#21150f;background-position:center 51%;background-size:cover}
.music-page .music-hero::before{background:linear-gradient(90deg,rgba(9,7,8,.88) 0%,rgba(9,7,8,.65) 27%,rgba(9,7,8,.09) 49%,rgba(9,7,8,.25) 69%,rgba(9,7,8,.87) 100%)}
.music-page .music-hero .shell{margin-inline:auto;max-width:1320px;width:calc(100% - 64px)}
.music-page .music-hero-grid{box-sizing:border-box;min-height:100%;padding:30px 0;gap:28px;align-items:center}
.music-page .music-hero-copy{max-width:510px;flex:0 1 510px}
.music-page .music-hero h1{font-size:clamp(4.3rem,7vw,7.2rem);letter-spacing:-.045em;line-height:.9;margin:0 0 4px}
.music-page .music-hero-copy>.music-script{font-size:clamp(2rem,3vw,3.05rem);margin:4px 0 14px}
.music-page .music-hero-intro{font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.55;max-width:460px;margin:0 0 18px}
.music-page .music-hero-quote{flex:0 0 230px;width:230px;max-width:25%;margin-left:auto}
.music-page .music-hero-quote .music-script{font-size:clamp(1.8rem,2.4vw,2.5rem);margin:0 0 12px}
@media(max-width:750px){.music-page .music-hero{height:auto;min-height:390px;background-position:54% center}.music-page .music-hero .shell{width:calc(100% - 36px)}.music-page .music-hero-grid{padding:40px 0}.music-page .music-hero-copy{flex-basis:100%;max-width:510px}.music-page .music-hero h1{font-size:clamp(4rem,15vw,6rem)}.music-page .music-hero-copy>.music-script{font-size:clamp(1.8rem,7vw,2.6rem)}}

/* v1.1.2 — HERO ONLY. Frame the stage within charcoal gutters; preserve all other sections. */
.music-page .music-hero {
  box-sizing:border-box;
  width:calc(100% - 32px);
  max-width:1500px;
  margin:14px auto 12px;
  height:clamp(390px,32vw,475px);
  min-height:390px;
  border:1px solid rgba(195,132,63,.38);
  border-radius:13px;
  overflow:hidden;
  background-color:#21150f;
  background-image:url('/assets/images/music/music-hero-stage-v1-1-2.webp');
  background-position:center 53%;
  background-size:cover;
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
.music-page .music-hero::before {
  background:linear-gradient(90deg,rgba(9,7,8,.91) 0%,rgba(9,7,8,.69) 27%,rgba(9,7,8,.08) 49%,rgba(9,7,8,.29) 69%,rgba(9,7,8,.89) 100%);
}
.music-page .music-hero .shell {
  width:calc(100% - 84px);
  max-width:1360px;
  margin-inline:auto;
}
.music-page .music-hero-grid {min-height:100%;padding:30px 0;gap:32px;}
.music-page .music-hero-copy {flex:0 1 505px;max-width:505px;}
.music-page .music-hero h1 {font-size:clamp(4.5rem,7.1vw,7.6rem);}
.music-page .music-hero-copy>.music-script {font-size:clamp(2.1rem,3.2vw,3.25rem);}
.music-page .music-hero-quote {flex:0 0 245px;width:245px;max-width:28%;}
@media(max-width:750px) {
  .music-page .music-hero {width:calc(100% - 20px);height:auto;min-height:410px;margin:10px auto;border-radius:10px;background-position:53% center;}
  .music-page .music-hero .shell {width:calc(100% - 36px);}
  .music-page .music-hero-grid {padding:40px 0;}
  .music-page .music-hero-copy {flex-basis:100%;}
}

/* v1.1.3: hero and Stage Years visual treatment ONLY. */
.music-page .music-hero{
  background-image:url('/assets/images/music/music-hero-wide-v1-1-4.webp');
  background-position:center center;
  background-size:100% 100%;
  border-color:rgba(229,164,66,.57);
}
.music-page .music-hero::before{
  background:linear-gradient(90deg,rgba(6,5,8,.90) 0%,rgba(6,5,8,.65) 24%,rgba(6,5,8,.06) 47%,rgba(6,5,8,.18) 72%,rgba(6,5,8,.85) 100%);
}
.music-page .music-hero h1{
  font-family:Impact,'Arial Black',system-ui,sans-serif;
  font-weight:900;letter-spacing:.015em;
  font-stretch:condensed;
  font-size:clamp(5rem,8vw,8.3rem);
  text-shadow:0 3px 12px #0b0709;
}
.music-page .music-hero-copy>.music-script{color:#ffb74f;font-size:clamp(2.25rem,3.65vw,3.65rem);text-shadow:0 2px 4px #120c0b}
.music-page .music-stage{
  background:linear-gradient(110deg,#3b1017 0%,#210d12 75%,#180b0c 100%);
  border-color:#723137;
  box-shadow:0 12px 22px rgba(0,0,0,.2);
}
.music-page .music-stage .music-band-heading h2{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;letter-spacing:.01em;font-size:clamp(2rem,3.3vw,3.15rem)}
.music-page .music-stage-grid{gap:15px;margin-top:18px}
.music-page .music-stage-card{background:#1c0d12;border-color:#80505a;transition:border-color .2s ease,transform .2s ease}
.music-page .music-stage-card:hover{border-color:#e1a43d;transform:translateY(-2px)}
.music-page .music-stage-thumb{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden;isolation:isolate}
.music-page .music-stage-thumb::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,5,9,.08),rgba(10,5,9,.32));z-index:-1}
.music-page .music-stage-thumb::after{content:'▶';display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:2px solid #f5b741;border-radius:50%;background:rgba(5,4,8,.78);color:#fff;font-size:19px;padding-left:3px;box-sizing:border-box}
.music-page .music-stage-thumb>span{display:none}
.music-page .music-stage-thumb>small{position:absolute;right:7px;bottom:7px;z-index:2;border-radius:4px;padding:3px 5px;background:rgba(0,0,0,.78);font-size:.62rem;color:#fff}
.music-page .music-stage-copy{padding:13px 12px 16px}
.music-page .music-stage-copy h3{font-size:1.15rem;min-height:2.4em}
.music-page .music-stage-copy p:last-child{font-size:.81rem;line-height:1.45}
@media(max-width:750px){.music-page .music-hero{background-size:cover;background-position:50% center}.music-page .music-hero h1{font-size:clamp(4.2rem,16vw,6rem)}.music-page .music-stage-grid{gap:10px}}

/* v1.1.4: scoped image display and desktop stage composition. */
.music-page .music-hero{background-size:cover;background-position:center center;}
.music-page .music-stage-thumb{display:block;position:relative;aspect-ratio:16/9;}
.music-page .music-stage-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.music-page .music-stage-thumb>small{display:none;}
.music-page .music-stage-thumb::before{z-index:1;pointer-events:none;}
.music-page .music-stage-thumb::after{z-index:2;pointer-events:none;}
@media(max-width:750px){.music-page .music-hero{background-position:50% center;}}

/* v1.1.5 — Align colored Music panels with the hero's outer frame.
   Width and margins only; existing colors, borders, contents and grids are unchanged. */
.music-page .music-stage,
.music-page .music-addi,
.music-page .music-other,
.music-page .music-bottom-strip {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 750px) {
  .music-page .music-stage,
  .music-page .music-addi,
  .music-page .music-other,
  .music-page .music-bottom-strip {
    width: calc(100% - 20px);
  }
}

/* v1.1.6 — Hero lettering and copy refinement only. */
.music-page .music-hero h1 {
  font-family: Impact, 'Arial Black', sans-serif;
  font-weight: 900;
  letter-spacing: .005em;
  color: #e8d7c6;
  background: repeating-linear-gradient(165deg, #fff4e7 0px, #e8d9ca 5px, #b9a99a 7px, #f5e8d9 11px, #d6c3af 15px, #f5e8d9 21px);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(1px 2px 1px #160e0a) drop-shadow(0 4px 5px rgba(0,0,0,.8));
}
.music-page .music-hero-copy > .music-script {
  font-size: clamp(2.45rem, 3.9vw, 3.9rem);
  line-height: 1.12;
}
.music-page .music-hero-quote {flex-basis: 280px; width: 280px; max-width: 29%;}
.music-page .music-hero-quote .music-script {
  font-size: clamp(2.2rem, 2.85vw, 3rem);
  line-height: 1.13;
  margin-bottom: 16px;
}
@media(max-width:750px) {
  .music-page .music-hero-copy > .music-script {font-size:clamp(2rem,7.5vw,3rem)}
}

/* v1.1.8: Stone MUSIC artwork and overlapping personal script; hero only. */
.music-page .music-hero-copy > h1#music-hero-title {
  display:block; width:min(100%, 510px); height:auto; aspect-ratio:1150 / 330;
  margin:0 0 0; padding:0; font-size:0; line-height:0;
  background: url('/assets/images/music/music-stone-word-v118.webp') left center / contain no-repeat;
  -webkit-text-fill-color:transparent; color:transparent; filter:none; text-shadow:none;
}
.music-page .music-hero-copy > .music-script {
  position:relative; z-index:1; margin-top:-24px; margin-bottom:20px;
  font-size:clamp(2.4rem,3.7vw,3.8rem); text-shadow:0 3px 5px #120904;
}
@media(max-width:750px){
 .music-page .music-hero-copy > .music-script {margin-top:-15px;font-size:clamp(2rem,7.4vw,3rem)}
}

/* v1.1.21 — HERO TITLE ONLY. Baked MUSIC / My Rock of Ages artwork.
   Preserve the existing text flow and all other sections. */
.music-page .music-hero {
  background-image:url('/assets/images/music/music-hero-rock-of-ages-v121.webp');
}
.music-page .music-hero-copy > h1#music-hero-title,
.music-page .music-hero-copy > .music-script {
  visibility:hidden; /* retain dimensions so intro/button do not jump */
}
.music-page .music-hero-copy > .music-kicker {
  position:absolute;top:16px;left:max(5%, calc((100% - 1360px) / 2));z-index:2;
}

/* v1.1.22 — HERO TEXT SPACING ONLY; all other sections unchanged.
   Keep the image, its baked title, and the kicker in place. */
@media (min-width: 751px) {
  .music-page .music-hero-copy > .music-hero-intro,
  .music-page .music-hero-copy > .music-outline-button {
    position: relative;
    top: 56px;
  }
  .music-page .music-hero-quote {
    flex: 0 0 355px;
    width: 355px;
    max-width: 36%;
  }
  .music-page .music-hero-quote blockquote {
    font-size: clamp(1rem, 1.13vw, 1.1rem);
    line-height: 1.55;
  }
  .music-page .music-hero-quote .music-script {
    font-size: clamp(2.35rem, 3vw, 3.15rem);
  }
}


/* v1.1.23 — ONLY hero contrast and right-hand text emphasis.
   Based on deployed v1.1.22. No page, logo, card, or image changes. */
@media (min-width: 751px) {
  /* Ease the dark veil over the baked stone MUSIC artwork. */
  .music-page .music-hero::before {
    background: linear-gradient(90deg,
      rgba(6,5,8,.24) 0%,
      rgba(6,5,8,.15) 29%,
      rgba(6,5,8,.04) 49%,
      rgba(6,5,8,.16) 70%,
      rgba(6,5,8,.68) 100%);
  }
  /* Give the quote a substantial, readable portion of the hero. */
  .music-page .music-hero-quote {
    flex: 0 1 430px;
    width: 430px;
    max-width: 40%;
  }
  .music-page .music-hero-quote .music-script {
    font-size: clamp(2.6rem, 3.35vw, 3.65rem);
    line-height: 1.12;
  }
  .music-page .music-hero-quote blockquote {
    font-size: clamp(1.05rem, 1.35vw, 1.3rem);
    font-weight: 700;
    line-height: 1.42;
  }
  .music-page .music-hero-quote span {
    font-size: 1rem;
    font-weight: 600;
  }
}

/* v1.1.24 — Restore the verified hero image; retain v1.1.23 quote sizing.
   Scoped to Music hero only. The image already contains the title artwork. */
.music-page .music-hero {
  background-image: url('/assets/images/music/music-hero-rock-of-ages-v121.webp') !important;
}
.music-page .music-hero::before {
  background: none !important;
}


/* v1.1.25 — four requested hero text refinements only.
   Based on the functioning v1.1.24 stylesheet. */
@media (min-width: 751px) {
  /* Keep intro where it is, but make it easier to read. */
  .music-page .music-hero-copy > .music-hero-intro {
    font-weight: 700;
  }
  /* Raise the button without moving the paragraph. */
  .music-page .music-hero-copy > .music-outline-button {
    top: 40px;
  }
  /* Move the right-hand copy lower, away from the microphone. */
  .music-page .music-hero-quote {
    transform: translateY(24px);
  }
  /* Move the eyebrow to a darker area of the background. */
  .music-page .music-hero-copy > .music-kicker {
    left: max(calc(5% + 48px), calc((100% - 1360px) / 2 + 48px));
  }
}


/* v1.1.12 — Original Music: enlarge the two release artworks without cropping. */
.music-page .music-addi .music-release-card .music-release-art{
  flex:0 0 43%;
  display:block;
  aspect-ratio:1 / 1;
  align-self:center;
}
.music-page .music-addi .music-release-card .music-release-art img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:1 / 1;
  object-fit:contain;
}
@media(max-width:450px){
  .music-page .music-addi .music-release-card .music-release-art{
    flex-basis:38%;
  }
}