/* One photographic canvas for the sound, with a soft transition into the copy. */
.music-stage { padding-top: 38px; }
.music-stage .music-grid-lines { z-index: 0; opacity: .5; }
.music-stage .music-top, .music-stage .music-foot { position: relative; z-index: 2; }
.music-stage .music-presentation { position: relative; min-height: 820px; grid-template-columns: 1fr 1fr; gap: 5%; padding: 58px 0 68px; }
.music-stage .music-visual { position: absolute; top: -110px; bottom: -80px; left: calc(-1 * var(--gutter)); width: 66%; max-width: none; pointer-events: none; }
.music-stage .music-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #17171700 38%, #17171788 68%, #171717 100%), linear-gradient(0deg, #171717 0%, #17171700 22%, #17171700 75%, #171717 100%); }
.music-stage .music-visual > .music-photo { width: 100%; height: 100%; object-fit: cover; object-position: 48% 38%; opacity: .85; }
.music-stage .music-copy { grid-column: 2; z-index: 1; max-width: 520px; }
.music-stage .music-copy h2 { font-size: clamp(46px, 5.2vw, 80px); }
.music-stage .music-platforms, .music-stage .artist-player { max-width: none; }
.music-stage .music-platforms .platform-button { background: #171717b8; }
.music-stage .artist-player { background: #111110db; }
.header .nav, .header .nav > div { gap: 18px; }
.news-page { background: #181715; color: #eee9e0; min-height: 90svh; }
.news-intro > .eyebrow { display: flex; align-items: center; gap: 12px; color: #bdab8e; }
.news-intro h1 { font: 800 clamp(64px, 8vw, 120px)/.98 var(--title-font); letter-spacing: -.055em; text-transform: uppercase; margin: 34px 0 24px; }
.news-intro p { color: #b8ae9f; font-size: 15px; line-height: 1.8; }
.news-empty { border-top: 1px solid #ffffff25; margin-top: 64px; padding: 36px 0 20px; }
.news-empty > .eyebrow { color: #bdab8e; }
.news-empty h2 { font: 400 clamp(32px, 4vw, 48px)/1.15 var(--display-font); margin: 22px 0 16px; }
.news-empty p { color: #b8ae9f; font-size: 14px; line-height: 1.8; margin-bottom: 24px; }
.news-empty .underlined { min-height: 44px; }
@media (min-width: 1101px) and (max-width: 1280px) {
  .header .nav, .header .nav > div { gap: 14px; }
  .header .nav a { font-size: 10px; }
}
@media (max-width: 760px) {
  .music-stage .music-presentation { display: block; min-height: 0; padding: 0 0 34px; }
  .music-stage .music-visual { position: relative; top: auto; bottom: auto; left: calc(-1 * var(--gutter)); width: calc(100% + 2 * var(--gutter)); height: clamp(380px, 112vw, 620px); margin-top: -1px; }
  .music-stage .music-visual > .music-photo { object-position: 50% 30%; opacity: .95; }
  .music-stage .music-visual::after { background: linear-gradient(0deg, #171717 0%, #17171733 30%, transparent 58%), linear-gradient(180deg, #17171766, transparent 20%); }
  .music-stage .music-copy { margin-top: -80px; padding: 0; max-width: none; }
  .music-stage .music-copy h2 { font-size: clamp(44px, 10vw, 68px); }
  .music-stage .music-copy-label { color: #d5c6ad; }
  .news-intro h1 { font-size: clamp(48px, 12vw, 76px); }
  .news-empty { margin-top: 44px; }
  .footer-pages { flex-wrap: wrap; }
}