/* Converted from really_cleaned_preview.html */
/* Section 1 */
* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
    }

    body {
      position: relative;
      font-family: Arial, sans-serif;
      background: #ffffff;
    }

    .video-background {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
    }

    @font-face {
      font-family: 'Zuume Rough Bold';
      src: url('https://res.cloudinary.com/dlpufegqf/raw/upload/v1777196771/fontspring-demo-zuumerough-bold_kk3eh0.otf') format('opentype');
      font-display: swap;
    }

    .star-logo {
      position: absolute;
      left: 572px;
      top: 126px;
      width: 138px;
      height: 92px;
      object-fit: contain;
      display: block;
      z-index: 2;
    }

    .sahxl-archive-title {
      position: absolute;
      left: 140px;
      top: 209px;
      font-family: 'Zuume Rough Bold', Arial, sans-serif;
      font-size: 128px;
      line-height: 1;
      color: #000;
    }

      @font-face {
      font-family: 'Comic Sans MS Custom';
      src: url('https://res.cloudinary.com/dlpufegqf/raw/upload/v1778163576/Comic_Sans_MS_uc9od3.woff2') format('woff2');
      font-display: swap;
    }

    @font-face {
      font-family: 'Bebas Neue Bold';
      src: url('https://res.cloudinary.com/dlpufegqf/raw/upload/v1777033490/BebasNeueBold_ckeuve.woff2') format('woff2');
      font-display: swap;
    }

    .sahxl-archive-subtitle {
      position: absolute;
      left: 140px;
      top: 191px;
      font-family: 'Comic Sans MS Custom', cursive;
      font-size: 12px;
      line-height: 15px;
      color: #000;
    }
  
    .new-music-title {
      position: absolute;
      left: 140px;
      top: 411px;
      font-family: Arial, sans-serif;
      font-size: 30px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

  
    .music-player-container {
      position: absolute;
      left: 140px;
      right: 775px;
      top: 452px;
      bottom: 83px;
      display: flex;
      flex-direction: column;
    }

    .new-music-row-1,
    .new-music-row-2,
    .new-music-row-3,
    .new-music-row-4 {
      position: relative;
      flex: 1 1 25%;
      border-bottom: 1px solid #b4b4b4;
    }

    
.new-music-row-number {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  cursor: pointer;
}

.new-music-row-number::before,
.new-music-row-number::after {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.new-music-row-number::before {
  content: attr(data-number);
  opacity: 1;
}

.new-music-row-number::after {
  content: '▶';
  opacity: 0;
  font-size: 16px;
}

.new-music-row-1:hover .new-music-row-number::before,
.new-music-row-2:hover .new-music-row-number::before,
.new-music-row-3:hover .new-music-row-number::before,
.new-music-row-4:hover .new-music-row-number::before {
  opacity: 0;
}

.new-music-row-1:hover .new-music-row-number::after,
.new-music-row-2:hover .new-music-row-number::after,
.new-music-row-3:hover .new-music-row-number::after,
.new-music-row-4:hover .new-music-row-number::after {
  opacity: 1;
}

.new-music-row-1.is-playing .new-music-row-number::before,
.new-music-row-2.is-playing .new-music-row-number::before,
.new-music-row-3.is-playing .new-music-row-number::before,
.new-music-row-4.is-playing .new-music-row-number::before {
  opacity: 0;
}

.new-music-row-1.is-playing .new-music-row-number::after,
.new-music-row-2.is-playing .new-music-row-number::after,
.new-music-row-3.is-playing .new-music-row-number::after,
.new-music-row-4.is-playing .new-music-row-number::after {
  content: '';
  opacity: 1;
  width: 15px;
  height: 15px;
  margin: auto;
  background: url('https://open.spotifycdn.com/cdn/images/equaliser-animated-green.f5eb96f2.gif') center / contain no-repeat;
}

.new-music-row-image {
  position: absolute;
  left: 52px;
  top: 50%;
  width: 45px;
  height: 45px;
  transform: translateY(-50%);
  object-fit: contain;
  display: block;
  border-radius: 4px;
}

.purple-love-button {
      position: absolute;
      right: 55px;
      top: 50%;
      width: 45px;
      height: 45px;
      transform: translateY(-50%);
      object-fit: contain;
      display: block;
    }

  
.music-player-title {
  position: absolute;
  left: 107px;
  top: 15px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

    

.music-streams-text {
  position: absolute;
  left: 137px;
  bottom: 15px;
  font-family: Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.music-track-duration {
  position: absolute;
  right: 124px;
  top: 50%;
  transform: translateY(-50%);
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .music-track-duration {
    right: 108px;
    font-size: 14px;
  }
}

    .music-row-reactions {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      gap: 24px;
      padding: 0;
      z-index: 3;
    }

    .music-row-reaction {
      position: relative;
      width: 48px;
      display: flex;
      flex-direction: column;
      align-items: center;
      cursor: pointer;
      user-select: none;
    }

    .music-row-reaction-input {
      position: absolute;
      inset: 0;
      opacity: 0;
      margin: 0;
      z-index: 2;
      cursor: pointer;
    }

    .music-row-reaction .icon {
      position: absolute;
      top: 0;
      left: 50%;
      width: 27px !important;
      height: 27px !important;
      transform: translateX(-50%);
      pointer-events: auto;
    }

    .music-row-reaction .icon path {
      stroke: currentColor;
      stroke-width: 0.7px;
      vector-effect: non-scaling-stroke;
    }

    .music-row-reaction span {
      margin-top: 30px;
      font-size: 12px;
      line-height: 1;
      color: #000;
      white-space: nowrap;
      font-family: Arial, sans-serif;
    }

    .music-row-reaction .active-state {
      opacity: 0;
      color: #7c3aed;
      transition: opacity 0.3s ease-in-out;
    }

    .music-row-reaction .active-state path {
      fill: #7c3aed;
      stroke: #7c3aed;
    }

    .music-row-reaction-input:checked ~ .active-state {
      opacity: 1;
    }

    .music-row-reaction-input:checked ~ .icon:not(.active-state) {
      opacity: 0;
    }

    @media (max-width: 767px) {
      .music-row-reactions {
        right: 23px;
        gap: 11px;
      }

      .music-row-reaction {
        width: 40px;
      }

      .music-row-reaction .icon {
        width: 31px;
        height: 31px;
      }

      .music-row-reaction span {
        margin-top: 37px;
        font-size: 15px;
      }
    }

.music-player-explicit-badge {
      position: absolute;
      left: 107px;
      bottom: 15px;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      background: #b3b3b3;
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      line-height: 20px;
      text-align: center;
      color: #000;
    }

    .release-footer-text {
      position: absolute;
      right: 775px;
      top: 770px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      font-weight: 400;
      line-height: 1;
      color: #000;
    }

    .left-side-image {
      position: absolute;
      left: 25px;
      top: 135px;
      width: 55px;
      height: 376px;
      object-fit: contain;
      display: block;
      z-index: 2;
    }

    .sahxl-logo {
      position: absolute;
      left: 28px;
      top: 25px;
      width: 206px;
      height: 76px;
      object-fit: contain;
      display: block;
      z-index: 3;
    }

    .overtime-bts-youtube-video {
      position: absolute;
      right: 0px;
      top: 1390px !important;
      width: 748px;
      height: 421px;
      object-fit: contain;
      display: block;
      z-index: 2;
    }

.overtime-bts-youtube-video-gradient {
  position: absolute;
  right: 0px;
  top: 1390px !important;
  width: 748px;
  height: 80px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
  pointer-events: auto;
}

    .drop-request-title {
      position: absolute;
      left: 60px;
      top: 845px;
      font-family: 'Zuume Rough Bold', Arial, sans-serif;
      font-size: 127px;
      line-height: 1;
      color: #000;
      z-index: 2;
    }

    .drop-request-description {
      position: absolute;
      left: 60px;
      top: 975px;
      width: 80% !important;
      font-family: 'Comic Sans MS Custom', cursive;
      font-size: 16px;
      line-height: 1.2;
      text-align: justify;
      color: #000;
      z-index: 2;
    }

    .request-star-image {
      position: absolute;
      left: 682px;
      top: 1269px;
      width: 158px;
      height: 106px;
      object-fit: contain;
      display: block;
      z-index: 2;
    }

.request-divider-line {
  position: absolute;
  left: 702px;
  top: 1392px;
  width: 450px;
  height: 2px;
  background: #c7c7c7;
  display: block;
  z-index: 2;
}

    .overtime-youtube-title {
      position: absolute;
      left: 702px;
      top: 1266px;
      font-family: 'Zuume Rough Bold', Arial, sans-serif;
      font-size: 126px;
      line-height: 1;
      color: #000;
      z-index: 2;
    }

    .overtime-youtube-description {
      position: absolute;
      left: 702px;
      right: 200px;
      top: 1405px;
      font-family: 'Comic Sans MS Custom', cursive;
      font-size: 15px;
      font-style: italic;
      line-height: 1.35;
      text-align: justify;
      color: #000;
      z-index: 2;
    }

    .top-right-banner-image {
      position: absolute;
      right: 10px;
      top: 1289px;
      width: 222px;
      height: 72px;
      object-fit: contain;
      display: block;
      z-index: 2;
    }

    

  

    

.learn-more-overtime {
  position: absolute;
  left: 702px;
  top: 1524px;
  width: 300px;
  height: 58px;
  padding: 0;
  border: 4px solid transparent;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, rgb(122, 54, 196) 0%, rgb(75, 137, 230) 100%) border-box;
  font-family: 'Comic Sans MS Custom', 'Comic Sans MS', cursive;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
}

.learn-more-overtime span {
  background: linear-gradient(90deg, rgb(122, 54, 196) 0%, rgb(75, 137, 230) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.unreleased-tapes-title {
  position: absolute;
  left: 20px;
  top: 1670px;
  font-family: 'Zuume Rough Bold', Arial, sans-serif;
  font-size: 126px;
  line-height: 1;
  color: #000;
  z-index: 2;
}

.unreleased-tapes-image {
  position: absolute;
  left: 20px;
  top: 1795px;
  width: 450px;
  height: 66px;
  object-fit: contain;
  display: block;
  z-index: 2;
}

.unreleased-tapes-music-row {
  position: absolute;
  left: 20px;
  top: 1875px;
  width: 1440.5px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  z-index: 2;
  scrollbar-width: thin;
}

.unreleased-tapes-music-row img {
  flex: 0 0 auto;
  width: 403px;
  height: 403px;
  object-fit: cover;
  display: block;
}

.youtube-play-overlay {
  position: absolute;
  right: 346px;
  top: 1567px !important;
  width: 96px;
  height: auto;
  object-fit: contain;
  display: block;
  z-index: 3;
  opacity: 0.9;
  transition: opacity 180ms ease;
}

.overtime-bts-youtube-video:hover ~ .youtube-play-overlay,
.overtime-bts-youtube-link:hover ~ .youtube-play-overlay,
.youtube-play-overlay:hover {
  opacity: 1;
}

.overtime-bts-youtube-link {
  position: absolute;
  right: 0px;
  top: 845px;
  width: 748px;
  height: 421px;
  display: block;
  z-index: 4;
  cursor: pointer;
}

.circle-worst-image {
  position: absolute;
  right: 695px;
  top: 1407px !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  z-index: 3;
}

.making-of-overtime-text {
  position: absolute;
  left: 790px;
  top: 1407px !important;
  font-family: Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  z-index: 3;
}

.sahxl-credit-text {
  position: absolute;
  left: 790px;
  top: 1427px !important;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  z-index: 3;
}

.watch-more-youtube-overtime-overlay {
  position: absolute;
  right: 40px;
  top: 1755px !important;
  width: 200px;
  height: auto;
  object-fit: contain;
  display: block;
  z-index: 3;
}

.request-form {
  --input-focus: #7c3aed;
  --font-color: #323232;
  --font-color-sub: #666;
  --bg-color: #fff;
  --main-color: #323232;
  position: absolute;
  left: 60px;
  top: 1070px;
  width: 590px;
  height: 660px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 2px solid var(--main-color);
  border-radius: 5px;
  box-shadow: 4px 4px var(--main-color);
  z-index: 2;
}

.request-form,
.request-form input,
.request-form textarea,
.request-form button {
  font-family: 'Comic Sans MS Custom', 'Comic Sans MS', cursive;
}

.request-form__inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}

.request-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
}

.request-form__field,
.request-form__request-type,
.request-form__message {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.request-form__label {
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  color: #000;
}

.request-form__input,
.request-form__textarea {
  width: 100%;
  border: 2px solid var(--main-color);
  border-radius: 5px;
  outline: none;
  background-color: var(--bg-color);
  box-shadow: 4px 4px var(--main-color);
  font-size: 15px;
  font-weight: 600;
  color: var(--font-color);
}

.request-form__input {
  height: 42px;
  padding: 8px 12px;
}

.request-form__textarea {
  flex: 1;
  min-height: 180px;
  resize: none;
  padding: 12px;
  line-height: 1.45;
}

.request-form__input::placeholder,
.request-form__textarea::placeholder {
  color: var(--font-color-sub);
  opacity: 0.8;
}

.request-form__input:focus,
.request-form__textarea:focus {
  border-color: var(--input-focus);
}

.request-form__options {
  width: 100%;
  display: grid;
  gap: 10px;
}

.request-form__options {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.request-form__option input {
  display: none;
}

.request-form__option span {
  width: 100%;
  min-height: 46px;
  padding: 10px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid var(--main-color);
  border-radius: 5px;
  background: var(--bg-color);
  box-shadow: 4px 4px var(--main-color);
  font-size: 13px;
  font-weight: 700;
  color: var(--font-color);
  cursor: pointer;
  user-select: none;
  transition: 0.15s ease;
}

.request-form__option input:checked + span:checked + span {
  background: var(--input-focus);
  color: #fff;
  transform: translate(3px, 3px);
  box-shadow: 0 0 var(--main-color);
}

.request-form__submit {
  width: 100%;
  height: 46px;
  margin-top: 0;
  border: 2px solid var(--main-color);
  border-radius: 5px;
  background-color: var(--bg-color);
  box-shadow: 4px 4px var(--main-color);
  font-size: 17px;
  font-weight: 700;
  color: var(--font-color);
  cursor: pointer;
  transition: 0.15s ease;
}

.request-form__submit:active {
  box-shadow: 0 0 var(--main-color);
  transform: translate(3px, 3px);
}

@media (max-width: 1200px) {
  .request-form {
    position: relative;
    left: 10px;
    top: auto;
    width: 95%;
    max-width: 590px;
    height: auto;
    min-height: 660px;
    padding: 20px;
  }

  .request-form__inner {
    padding-right: 0;
    padding-left: 0;
  }

  .request-form__grid,
  .request-form__options {
    grid-template-columns: 1fr;
  }

  .request-form__textarea {
    min-height: 180px;
  }
}

@media (max-width: 1200px) {
  .request-form {
    position: relative;
    left: 10px;
    top: auto;
    width: 95%;
    top: 1460px;
  }

  .request-form__grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 28px;
    row-gap: 24px;
  }

  .request-form__input,
  .request-form__select,
  .request-form__textarea {
    font-size: 16px;
    line-height: 1.1;
  }

  .request-form__field--message {
    margin-top: 18px;
  }
}

    .top-fade-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 245px;
      z-index: 1;
      pointer-events: auto;
      background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.97) 0%,
        rgba(0, 0, 0, 0.90) 20%,
        rgba(0, 0, 0, 0.75) 40%,
        rgba(0, 0, 0, 0.55) 60%,
        rgba(0, 0, 0, 0.30) 80%,
        rgba(0, 0, 0, 0.08) 95%,
        rgba(0, 0, 0, 0.00) 100%
      );
    }

    .site-logo {
      position: absolute;
      top: 25px;
      left: 28px;
      z-index: 10;
      display: block;
      width: 206px;
      height: auto;
    }

    .site-logo img {
      display: block;
      width: 100%;
      height: auto;
    }

    .suite-clock {
      position: absolute;
      top: 45px;
      left: 295px;
      z-index: 25;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      line-height: 1;
      pointer-events: auto;
      font-family: "SF Pro Display", "SF Pro Text", sans-serif;
      font-weight: 400;
      white-space: nowrap;
    }

    .suite-label {
      font-size: 13.5375px;
      color: #ffffff;
      letter-spacing: 0.01em;
    }

    .suite-time {
      margin-top: 6px;
      font-size: 13.5375px;
      color: #8e8e93;
      letter-spacing: 0.01em;
    }

    .top-nav {
      position: absolute;
      top: 44px;
      left: 480px;
      z-index: 40;
      display: flex;
      align-items: baseline;
      gap: 17px;
      white-space: nowrap;
      font-family: "Helvetica World", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12.5927px;
      font-weight: 400;
      line-height: 1;
    }

    .top-nav__link {
      display: inline-flex;
      align-items: baseline;
      gap: 3px;
      color: #ffffff;
      text-decoration: none;
      transition: opacity 180ms ease, transform 180ms ease;
    }

    .top-nav__link:hover,
    .top-nav__link:focus,
    .top-nav__link:active,
    .top-nav__link:visited {
      text-decoration: none;
      color: #ffffff;
    }

    .top-nav__label {
      display: inline-block;
      overflow: visible;
      color: #ffffff;
      white-space: pre;
    }

    .top-nav__count {
      position: relative;
      top: -6px;
      color: #737373;
      font-size: 10.2px;
      line-height: 1;
    }

    .top-cta {
      animation: dropFadeInScaled 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    body.entrance-ready .merch-button {
      animation: dropFadeInCentered 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    body.entrance-ready .sahxl-text-message-wrap {
      animation: textMessageSlideIn 820ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    body.entrance-ready .site-logo {
      animation-delay: 120ms;
    }

    body.entrance-ready .suite-clock {
      animation-delay: 240ms;
    }

    body.entrance-ready .top-nav__link:nth-child(1) {
      animation-delay: 360ms;
    }

    body.entrance-ready .top-nav__link:nth-child(2) {
      animation-delay: 450ms;
    }

    body.entrance-ready .top-nav__link:nth-child(3) {
      animation-delay: 540ms;
    }

    body.entrance-ready .top-nav__link:nth-child(4) {
      animation-delay: 630ms;
    }

    body.entrance-ready .top-cta {
      animation-delay: 760ms;
    }

    body.entrance-ready .social-icon--instagram {
      animation-delay: 860ms;
    }

    body.entrance-ready .social-icon--apple {
      animation-delay: 930ms;
    }

    body.entrance-ready .social-icon--youtube {
      animation-delay: 1000ms;
    }

    body.entrance-ready .social-icon--spotify {
      animation-delay: 1070ms;
    }

    body.entrance-ready .social-icon--tiktok {
      animation-delay: 1140ms;
    }

    body.entrance-ready .social-icon--discord {
      animation-delay: 1210ms;
    }

    body.entrance-ready .merch-button--left {
      animation-delay: 1280ms;
    }

    body.entrance-ready .merch-button--right {
      animation-delay: 1370ms;
    }

    body.entrance-ready .music-toggle {
      animation-delay: 1460ms;
    }

    body.entrance-ready .music-art-button {
      animation-delay: 1550ms;
    }

    body.entrance-ready .sahxl-text-message-wrap {
      animation-delay: 3000ms;
    }

    .suite-clock {
      position: absolute;
      top: 45px;
      left: 295px;
      z-index: 25;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      line-height: 1;
      pointer-events: auto;
      font-family: "SF Pro Display", "SF Pro Text", sans-serif;
      font-weight: 400;
      white-space: nowrap;
    }

    .suite-label {
      font-size: 13.5375px;
      color: #ffffff;
      letter-spacing: 0.01em;
    }

    .suite-time {
      margin-top: 6px;
      font-size: 13.5375px;
      color: #8e8e93;
      letter-spacing: 0.01em;
    }

    .top-nav {
      position: absolute;
      top: 44px;
      left: 480px;
      z-index: 40;
      display: flex;
      align-items: baseline;
      gap: 17px;
      white-space: nowrap;
      font-family: "Helvetica World", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 12.5927px;
      font-weight: 400;
      line-height: 1;
    }

    .top-nav__link {
      display: inline-flex;
      align-items: baseline;
      gap: 3px;
      color: #111111;
      text-decoration: none;
    }

    .top-nav__link:hover,
    .top-nav__link:focus,
    .top-nav__link:active,
    .top-nav__link:visited {
      text-decoration: none;
    }

    .top-nav__label {
      display: inline-block;
      overflow: visible;
      color: #ffffff;
      white-space: pre;
    }

    .top-nav__count {
      position: relative;
      top: -6px;
      color: #737373;
      font-size: 10.2px;
      line-height: 1;
    }

    .top-cta {
      position: absolute;
      top: 26px;
      right: 23px;
      z-index: 100;
      display: flex;
      align-items: center;
      border: 1px solid #ffffff;
      border-radius: 11px;
      padding: 2px;
      background: rgba(0, 0, 0, 0.62);
      transform: scale(1.083684);
      transform-origin: top right;
    }

    .top-cta__contact {
      display: flex;
      align-items: center;
      gap: 3px;
      padding: 6px 26.43px 6px 18.01px;
      background: transparent;
      color: #ffffff;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 9.692px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;
    }

    .top-cta__contact-wrap {
      position: relative;
      display: flex;
      align-items: center;
    }

    .top-cta__contact-text {
      display: inline-block;
      width: 10ch;
      white-space: nowrap;
    }

    .top-cta__signup-panel {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      width: 260px;
      padding: 16px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 16px;
      background:
        linear-gradient(180deg, rgba(19, 19, 19, 0.95) 0%, rgba(8, 8, 8, 0.97) 100%);
      box-shadow: 0 22px 44px rgba(0, 0, 0, 0.3);
      opacity: 0;
      visibility: hidden;
      transform: translateY(-8px) scale(0.98);
      transform-origin: top left;
      pointer-events: none;
      z-index: 130;
    }

    .top-cta__signup-title {
      margin: 0 0 12px;
      color: #ffffff;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.15;
    }

    .top-cta__signup-form {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .top-cta__signup-input {
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 11px;
      padding: 12px 14px;
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 14px;
      outline: none;
      box-sizing: border-box;
    }

    .top-cta__signup-input::placeholder {
      color: rgba(255, 255, 255, 0.58);
    }

    .top-cta__signup-input:focus {
      border-color: rgba(132, 79, 255, 0.95);
      box-shadow: 0 0 0 3px rgba(132, 79, 255, 0.18);
    }

    .top-cta__signup-button {
      border: 0;
      border-radius: 11px;
      padding: 12px 14px;
      background: linear-gradient(180deg, #8d56ff 0%, #6d30f3 100%);
      color: #ffffff;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
    }

    .top-cta__bag {
      display: flex;
      align-items: center;
      gap: 4.86px;
      padding: 4.86px 15.854px 4.86px 14.9283px;
      border: 0;
      background: #e9e9e9;
      border-radius: 8px;
      color: #000000;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 10.692px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
    }

    .top-cta__bag-icon {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      background: #ded8d3;
      border-radius: 9px;
    }

    .top-cta__bag-icon img {
      display: block;
      width: 16px;
      height: 16px;
      object-fit: contain;
      filter: brightness(0) saturate(100%);
    }

    .top-cta__badge {
      position: absolute;
      top: -5px;
      right: -5px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 18px;
      height: 18px;
      background: #ffffff;
      border-radius: 50%;
      color: #000000;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: 700;
    }

    @media (min-width: 768px) {
      .top-cta__contact-wrap:hover .top-cta__signup-panel,
      .top-cta__contact-wrap:focus-within .top-cta__signup-panel {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        pointer-events: auto;
      }

      .top-cta__contact-wrap:hover .top-cta__contact,
      .top-cta__contact-wrap:focus-within .top-cta__contact {
        background: rgba(255, 255, 255, 0.08);
        border-radius: 10px;
      }

      .top-cta,
      .top-cta__contact,
      .top-cta__bag,
      .top-cta__bag-icon,
      .top-cta__badge,
      .top-cta__bag-icon img,
      .top-cta__signup-panel {
        transition:
          background 220ms ease,
          color 220ms ease,
          border-color 220ms ease,
          filter 220ms ease;
      }

      .top-cta:hover,
      .top-cta:focus-within {
        border-color: #000000;
        background: #ffffff;
      }

      .top-cta:hover .top-cta__contact,
      .top-cta:focus-within .top-cta__contact {
        color: #000000;
      }

      .top-cta:hover .top-cta__contact-text,
      .top-cta:focus-within .top-cta__contact-text {
        color: #000000;
      }

      .top-cta:hover .top-cta__bag,
      .top-cta:focus-within .top-cta__bag {
        background: #000000;
        color: #ffffff;
      }

      .top-cta:hover .top-cta__bag-icon,
      .top-cta:focus-within .top-cta__bag-icon {
        background: #f3f0ed;
      }

      .top-cta:hover .top-cta__badge,
      .top-cta:focus-within .top-cta__badge {
        background: #ffffff;
        color: #000000;
      }

      .top-cta:hover .top-cta__bag-icon img,
      .top-cta:focus-within .top-cta__bag-icon img {
        filter: brightness(0) saturate(100%);
      }
    }

    .social-icon {
      position: absolute;
      z-index: 45;
      display: block;
      line-height: 0;
      opacity: 0.95;
    }

    .social-icon img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      transition: filter 180ms ease, transform 180ms ease;
    }

    .social-icon--instagram {
      top: 43px;
      left: 978px;
      width: 15.3px;
      height: 15.3px;
    }

    .social-icon--apple {
      top: 42px;
      left: 1004px;
      width: 16.9575px;
      height: 16.9575px;
    }

    .social-icon--youtube {
      top: 42px;
      left: 1033px;
      width: 17.765px;
      height: 17.765px;
    }

    .social-icon--spotify {
      top: 43px;
      left: 1063px;
      width: 16.15px;
      height: 16.15px;
    }

    .social-icon--tiktok {
      top: 42px;
      left: 1090px;
      width: 17.765px;
      height: 17.765px;
    }

    .social-icon--discord {
      top: 42px;
      left: 1117px;
      width: 20.0925px;
      height: 20.0925px;
    }

    .social-icon:hover img,
    .social-icon:focus-visible img {
      filter:
        drop-shadow(0 0 3px rgba(255, 70, 245, 1))
        drop-shadow(0 0 7px rgba(134, 78, 255, 0.98))
        drop-shadow(0 0 13px rgba(45, 145, 255, 0.88))
        drop-shadow(0 0 20px rgba(196, 54, 255, 0.78));
      transform: scale(1.12);
    }

    @media (min-width: 768px) {
      .top-cta,
      .top-cta__contact,
      .top-cta__bag,
      .top-cta__bag-icon,
      .top-cta__badge,
      .top-cta__bag-icon img {
        transition:
          background 220ms ease,
          color 220ms ease,
          border-color 220ms ease,
          filter 220ms ease;
      }

      .top-cta:hover,
      .top-cta:focus-within {
        border-color: #000000;
        background: #ffffff;
      }

      .top-cta:hover .top-cta__contact,
      .top-cta:focus-within .top-cta__contact,
      .top-cta:hover .top-cta__contact-text,
      .top-cta:focus-within .top-cta__contact-text {
        color: #000000;
      }

      .top-cta:hover .top-cta__bag,
      .top-cta:focus-within .top-cta__bag {
        background: #000000;
        color: #ffffff;
      }

      .top-cta:hover .top-cta__bag-icon,
      .top-cta:focus-within .top-cta__bag-icon {
        background: #f3f0ed;
      }

      .top-cta:hover .top-cta__badge,
      .top-cta:focus-within .top-cta__badge {
        background: #ffffff;
        color: #000000;
      }

      .top-cta:hover .top-cta__bag-icon img,
      .top-cta:focus-within .top-cta__bag-icon img {
        filter: brightness(0) saturate(100%);
      }
    }

    @media (max-width: 767px) {
      .top-fade-overlay {
        height: 190px;
      }

      .site-logo {
        top: 22px;
        right: 0;
        left: 0;
        width: min(54vw, 242px);
        margin: 0 auto;
      }

      .suite-clock,
      .top-nav,
      .top-cta,
      .social-icon {
        display: none;
      }
    }

    .top-nav__link,
    .top-cta__contact,
    .social-icon,
    .site-logo,
    .suite-clock,
    .top-cta {
      opacity: 0;
      will-change: opacity, transform;
    }

    body.header-ready .site-logo,
    body.header-ready .suite-clock,
    body.header-ready .top-nav__link,
    body.header-ready .top-cta,
    body.header-ready .social-icon {
      animation: headerDropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    body.header-ready .site-logo { animation-delay: 120ms; }
    body.header-ready .suite-clock { animation-delay: 240ms; }
    body.header-ready .top-nav__link:nth-child(1) { animation-delay: 360ms; }
    body.header-ready .top-nav__link:nth-child(2) { animation-delay: 450ms; }
    body.header-ready .top-nav__link:nth-child(3) { animation-delay: 540ms; }
    body.header-ready .top-nav__link:nth-child(4) { animation-delay: 630ms; }
    body.header-ready .top-cta { animation-delay: 760ms; }
    body.header-ready .social-icon--instagram { animation-delay: 860ms; }
    body.header-ready .social-icon--apple { animation-delay: 930ms; }
    body.header-ready .social-icon--youtube { animation-delay: 1000ms; }
    body.header-ready .social-icon--spotify { animation-delay: 1070ms; }
    body.header-ready .social-icon--tiktok { animation-delay: 1140ms; }
    body.header-ready .social-icon--discord { animation-delay: 1210ms; }

    @keyframes headerDropFadeIn {
      from {
        opacity: 0;
        transform: translateY(-18px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes headerDropFadeInScaled {
      from {
        opacity: 0;
        transform: translateY(-18px) scale(1.083684);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1.083684);
      }
    }

    body.header-ready .top-cta {
      animation-name: headerDropFadeInScaled;
    }

    .top-nav__label,
    .top-cta__contact-text {
      position: relative;
      display: inline-flex;
      flex-direction: column;
      height: 1em;
      overflow: hidden;
      line-height: 1;
    }

    .top-nav__label-inner,
    .top-cta__contact-inner {
      display: flex;
      flex-direction: column;
      transform: translateY(0);
      transition: transform 280ms cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
    }

    .top-nav__label-line,
    .top-cta__contact-line {
      display: block;
      white-space: nowrap;
      line-height: 1;
    }

    .top-nav__link:hover .top-nav__label-inner,
    .top-nav__link:focus-visible .top-nav__label-inner,
    .top-cta__contact:hover .top-cta__contact-inner,
    .top-cta__contact:focus-visible .top-cta__contact-inner {
      transform: translateY(-50%);
    }

    @media (prefers-reduced-motion: reduce) {
      .top-nav__label-inner,
      .top-cta__contact-inner {
        transition: none;
      }

      .site-logo,
      .suite-clock,
      .top-nav__link,
      .top-cta,
      .social-icon {
        opacity: 1;
        animation: none !important;
        transform: none !important;
      }
    }

.top-fade-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 245px;
  z-index: 1;
  pointer-events: auto;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.97) 0%,
    rgba(0, 0, 0, 0.90) 20%,
    rgba(0, 0, 0, 0.75) 40%,
    rgba(0, 0, 0, 0.55) 60%,
    rgba(0, 0, 0, 0.30) 80%,
    rgba(0, 0, 0, 0.08) 95%,
    rgba(0, 0, 0, 0.00) 100%
  );
}
.site-logo {
  position: absolute;
  top: 25px;
  left: 28px;
  z-index: 10;
  display: block;
  width: 206px;
  height: auto;
}
.site-logo img {
  display: block;
  width: 100%;
  height: auto;
}
.suite-clock {
  position: absolute;
  top: 45px;
  left: 295px;
  z-index: 25;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  pointer-events: auto;
  font-family: "SF Pro Display", "SF Pro Text", sans-serif;
  font-weight: 400;
  white-space: nowrap;
}
.suite-label {
  font-size: 13.5375px;
  color: #ffffff;
  letter-spacing: 0.01em;
}
.suite-time {
  margin-top: 6px;
  font-size: 13.5375px;
  color: #8e8e93;
  letter-spacing: 0.01em;
}
.top-nav {
  position: absolute;
  top: 44px;
  left: 480px;
  z-index: 40;
  display: flex;
  align-items: baseline;
  gap: 17px;
  white-space: nowrap;
  font-family: "Helvetica World", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12.5927px;
  font-weight: 400;
  line-height: 1;
}
.top-nav__link {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 180ms ease, transform 180ms ease;
}
.top-nav__link:hover,
.top-nav__link:focus,
.top-nav__link:active,
.top-nav__link:visited {
  text-decoration: none;
}
.top-nav__label {
  display: inline-block;
  overflow: visible;
  color: #ffffff;
  white-space: pre;
}
.top-nav__count {
  position: relative;
  top: -6px;
  color: #737373;
  font-size: 10.2px;
  line-height: 1;
}
.top-cta {
  position: absolute;
  top: 26px;
  right: 23px;
  z-index: 100;
  display: flex;
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 11px;
  padding: 2px;
  background: rgba(0, 0, 0, 0.62);
  transform: scale(1.083684);
  transform-origin: top right;
}
.top-cta__contact {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 6px 26.43px 6px 18.01px;
  background: transparent;
  color: #ffffff;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 9.692px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}
.top-cta__contact-text {
  display: inline-block;
  white-space: nowrap;
}
.top-cta__bag {
  display: flex;
  align-items: center;
  gap: 4.86px;
  padding: 4.86px 15.854px 4.86px 14.9283px;
  border: 0;
  background: #e9e9e9;
  border-radius: 8px;
  color: #000000;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 10.692px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.top-cta__bag-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: #ded8d3;
  border-radius: 9px;
}
.top-cta__bag-icon img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: brightness(0) saturate(100%);
}
.top-cta__badge {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 50%;
  color: #000000;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
}
@media (min-width: 768px) {
  .top-cta,
  .top-cta__contact,
  .top-cta__bag,
  .top-cta__bag-icon,
  .top-cta__badge,
  .top-cta__bag-icon img {
    transition: background 220ms ease, color 220ms ease, border-color 220ms ease, filter 220ms ease;
  }
  .top-cta:hover,
  .top-cta:focus-within {
    border-color: #000000;
    background: #ffffff;
  }
  .top-cta:hover .top-cta__contact,
  .top-cta:focus-within .top-cta__contact,
  .top-cta:hover .top-cta__contact-text,
  .top-cta:focus-within .top-cta__contact-text {
    color: #000000;
  }
  .top-cta:hover .top-cta__bag,
  .top-cta:focus-within .top-cta__bag {
    background: #000000;
    color: #ffffff;
  }
  .top-cta:hover .top-cta__bag-icon,
  .top-cta:focus-within .top-cta__bag-icon {
    background: #f3f0ed;
  }
  .top-cta:hover .top-cta__badge,
  .top-cta:focus-within .top-cta__badge {
    background: #ffffff;
    color: #000000;
  }
  .top-cta:hover .top-cta__bag-icon img,
  .top-cta:focus-within .top-cta__bag-icon img {
    filter: brightness(0) saturate(100%);
  }
}
.social-icon {
  position: absolute;
  z-index: 45;
  display: block;
  line-height: 0;
  opacity: 0.95;
}
.social-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter 180ms ease, transform 180ms ease;
}
.social-icon--instagram { top: 43px; left: 978px; width: 15.3px; height: 15.3px; }
.social-icon--apple { top: 42px; left: 1004px; width: 16.9575px; height: 16.9575px; }
.social-icon--youtube { top: 42px; left: 1033px; width: 17.765px; height: 17.765px; }
.social-icon--spotify { top: 43px; left: 1063px; width: 16.15px; height: 16.15px; }
.social-icon--tiktok { top: 42px; left: 1090px; width: 17.765px; height: 17.765px; }
.social-icon--discord { top: 42px; left: 1117px; width: 20.0925px; height: 20.0925px; }
.social-icon:hover img,
.social-icon:focus-visible img {
  filter: drop-shadow(0 0 3px rgba(255, 70, 245, 1))
          drop-shadow(0 0 7px rgba(134, 78, 255, 0.98))
          drop-shadow(0 0 13px rgba(45, 145, 255, 0.88))
          drop-shadow(0 0 20px rgba(196, 54, 255, 0.78));
  transform: scale(1.12);
}
.site-shell:not(.entrance-ready) .site-logo,
.site-shell:not(.entrance-ready) .suite-clock,
.site-shell:not(.entrance-ready) .top-nav__link,
.site-shell:not(.entrance-ready) .top-cta,
.site-shell:not(.entrance-ready) .social-icon {
  opacity: 0;
  will-change: opacity, transform;
}
.site-shell.entrance-ready .site-logo,
.site-shell.entrance-ready .suite-clock,
.site-shell.entrance-ready .top-nav__link,
.site-shell.entrance-ready .social-icon {
  animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.site-shell.entrance-ready .top-cta {
  animation: dropFadeInScaled 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.site-shell.entrance-ready .site-logo { animation-delay: 120ms; }
.site-shell.entrance-ready .suite-clock { animation-delay: 240ms; }
.site-shell.entrance-ready .top-nav__link:nth-child(1) { animation-delay: 360ms; }
.site-shell.entrance-ready .top-nav__link:nth-child(2) { animation-delay: 450ms; }
.site-shell.entrance-ready .top-nav__link:nth-child(3) { animation-delay: 540ms; }
.site-shell.entrance-ready .top-nav__link:nth-child(4) { animation-delay: 630ms; }
.site-shell.entrance-ready .top-cta { animation-delay: 760ms; }
.site-shell.entrance-ready .social-icon--instagram { animation-delay: 860ms; }
.site-shell.entrance-ready .social-icon--apple { animation-delay: 930ms; }
.site-shell.entrance-ready .social-icon--youtube { animation-delay: 1000ms; }
.site-shell.entrance-ready .social-icon--spotify { animation-delay: 1070ms; }
.site-shell.entrance-ready .social-icon--tiktok { animation-delay: 1140ms; }
.site-shell.entrance-ready .social-icon--discord { animation-delay: 1210ms; }
@keyframes dropFadeIn {
  from { opacity: 0; transform: translateY(-18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes dropFadeInScaled {
  from { opacity: 0; transform: translateY(-18px) scale(1.083684); }
  to { opacity: 1; transform: translateY(0) scale(1.083684); }
}
@media (prefers-reduced-motion: reduce) {
  .site-shell .site-logo,
  .site-shell .suite-clock,
  .site-shell .top-nav__link,
  .site-shell .social-icon {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .site-shell .top-cta {
    opacity: 1 !important;
    transform: scale(1.083684) !important;
    animation: none !important;
  }
}
@media (max-width: 767px) {
  .top-fade-overlay { height: 190px; }
  .site-logo {
    top: 22px;
    right: 0;
    left: 0;
    width: min(54vw, 242px);
    margin: 0 auto;
  }
  .suite-clock,
  .top-nav,
  .top-cta,
  .social-icon {
    display: none;
  }
}.spotify-play-button {
      position: absolute;
      left: 140px;
      top: 344px;
      width: 50px;
      height: 50px;
      object-fit: contain;
      display: block;
      z-index: 2;
    }

    .spotify-cover-image {
      position: absolute;
      left: 206px;
      top: 344px;
      width: 40px;
      height: 50px;
      border-radius: 10px;
            border: 2px solid grey;
object-fit: cover;
      display: block;
      z-index: 2;
    }

    .spotify-small-icon {
      position: absolute;
      left: 263px;
      top: 358px;
      width: 23px;
      height: 23px;
      object-fit: contain;
      display: block;
      z-index: 3;
    }
100% {
        transform: scale(1.2);
      }
    }

    .follow-button {
      position: absolute;
      left: 100px;
      top: 200px;
      width: 89px;
      height: 31px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #000;
      border-radius: 999px;
      background: transparent;
      color: #000;
      font-family: Arial, sans-serif;
      font-size: 10px;
      font-weight: 700;
      line-height: 1;
      text-decoration: none;
      z-index: 3;
      cursor: pointer;
    }

@media (max-width: 767px) {
  .request-form {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .video-background {
    position: absolute;
    top: 100px;
    left: auto;
    right: 0;
    bottom: auto;
    width: 120%;
    height: auto;
    object-fit: contain;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .sahxl-archive-title {
    top: 140px;
    left: 10px;
    font-size: 55px;
  }

  .sahxl-archive-subtitle {
    top: 191px;
    left: 10px;
    font-size: 11px;
  }
}

@media (max-width: 767px) {
  .spotify-play-button {
    left: 10px;
    top: 220px;
  }

  .sahxl-archive-title {
    top: 160px;
    font-size: 57px;
  }

  .sahxl-archive-subtitle {
    left: 10px;
    top: 145px;
    font-size: 10px;
  }

  .spotify-cover-image {
    left: 70px;
    top: 220px;
  }

  .follow-button {
    left: 120px;
    top: 230px;
  }
}

@media (max-width: 767px) {
  .new-music-title {
    left: 10px;
    top: 300px;
  }

  .music-player-container {
    top: 330px;
    left: 0px;
    right: 0px;
  }

  .music-player-title {
    top: 20px;
    left: 97px;
  }

  .music-streams-text {
    bottom: 18px;
    left: 97px;
  }

  .music-player-explicit-badge {
    bottom: 18px;
    left: 97px;
  }
.new-music-row-number {
    left: 10px;
  }

  .new-music-row-image {
    left: 42px;
  }
}

@media (max-width: 767px) {
  .music-streams-text {
    left: 127px;
  }

  .music-player-container {
    transform: scale(0.8);
    transform-origin: top left;
    width: 125%;
  }
}

@media (max-width: 767px) {
  .music-player-container {
    top: 430px;
    bottom: 0px;
  }

  .music-streams-text {
    left: 127px;
  }

  .new-music-title {
    top: 400px;
  }

  .spotify-play-button {
    top: 340px;
  }

  .spotify-cover-image {
    top: 340px;
  }

  .follow-button {
    top: 350px;
  }

  .sahxl-archive-title {
    top: 240px;
    font-size: 90px;
  }
}

@media (max-width: 767px) {
  .music-player-container {
    top: 450px;
    bottom: -50px;
  }

  .new-music-title {
    top: 420px;
  }
.spotify-play-button {
    top: 360px;
  }

  .spotify-cover-image {
    top: 360px;
  }

  .follow-button {
    top: 365px;
    left: 160px;
  }

  .spotify-small-icon {
    left: 125px;
    top: 370px;
    width: 25px;
    height: 25px;
  }

  .sahxl-archive-title {
    top: 270px;
  }

  .sahxl-archive-subtitle {
    top: 255px;
  }

  .video-background {
    top: 50px;
    width: 140%;
  }
}

@media (max-width: 767px) {
  .video-background {
    top: 70px;
    width: 130%;
  }

  .left-side-image {
    width: auto;
    height: 180px;
    top: 90px;
  }

  .music-player-container {
    top: 470px;
    bottom: -60px;
  }

  .new-music-title {
    top: 440px;
  }

  .spotify-play-button {
    width: 40px;
    height: 40px;
    top: 390px;
  }

  .spotify-cover-image {
    width: 30px;
    height: 40px;
    top: 390px;
    left: 60px;
    border-radius: 5px;
  }

  .spotify-small-icon {
    left: 105px;
    top: 398px;
  }

  .follow-button {
    top: 395px;
    left: 140px;
  }

  .sahxl-archive-title {
    top: 300px;
  }

  .sahxl-archive-subtitle {
    top: 285px;
  }
}

@media (max-width: 767px) {
  .overtime-bts-youtube-video {
    top: 750px;
    width: 100%;
    right: 0px;
    height: auto;
  }

  .overtime-bts-youtube-video-gradient {
    top: 750px;
  }

  .youtube-play-overlay {
    right: 38%;
    top: 835px;
  }

  .watch-more-youtube-overtime-overlay {
    right: 10px;
    top: 935px;
    width: 160px;
  }

  .circle-worst-image {
    left: 10px;
  }

  .making-of-overtime-text {
    left: 70px;
  }

  .sahxl-credit-text {
    left: 70px;
  }
}

@media (max-width: 767px) {
  .circle-worst-image {
    top: 765px;
  }

  .making-of-overtime-text {
    top: 770px;
    font-size: 18px;
  }

  .sahxl-credit-text {
    top: 795px;
  }

  .overtime-youtube-description {
    left: 10px;
    right: 10px;
    top: 1190px;
    font-size: 12px;
  }

  .overtime-youtube-title {
    left: 10px;
    top: 1080px;
    font-size: 90px;
  }

  .request-divider-line {
    left: 10px;
    top: 1175px;
    right: 90px;
    width: auto;
  }

  .top-right-banner-image {
    right: 10px;
    top: 990px;
    width: 170px;
  }

  .request-star-image {
    left: 0px;
    top: 965px;
    width: 130px;
    height: 130px;
  }
}

@media (max-width: 767px) {
  .new-music-row-image {
    width: 60px;
    height: 60px;
  }

  .music-player-title {
    font-size: 20px;
    top: 14px;
    left: 117px;
  }

  .music-player-explicit-badge {
    left: 117px;
  }

  .music-streams-text {
    left: 147px;
  }
.youtube-play-overlay {
    opacity: 1;
  }

  .unreleased-tapes-title {
    left: 10px;
    top: 1880px;
    font-size: 75px;
  }

  .unreleased-tapes-image {
    left: 10px;
    top: 1960px;
    width: 250px;
    height: auto;
  }

  .unreleased-tapes-music-row {
    left: 10px;
    top: 2010px;
  }

  .unreleased-tapes-music-row img {
    width: 300px;
    height: 300px;
  }
}

@media (max-width: 767px) {
  .drop-request-title {
    display: block !important;
    left: 10px;
    top: 1320px;
    font-size: 88px;
  }

  .drop-request-description {
    display: block !important;
    left: 10px;
    top: 1410px;
    font-size: 11px;
    font-style: italic;
  }

  .sahxl-archive-subtitle {
    font-size: 12px;
  }

  .new-music-title {
    font-size: 22px;
    top: 445px;
  }

  .request-form {
    display: block !important;
    top: 1460px;
  }

  .request-form__textarea {
    min-height: 100px;
  }
}

.mobile-artboard {
  display: contents;
}

@media (max-width: 767px) {
  body {
    --mobile-artboard-width: 390;
    --mobile-artboard-height: 100%;
    --mobile-scale: 1;
    height: auto;
    min-height: calc(var(--mobile-artboard-height) * var(--mobile-scale));
    overflow-x: hidden;
  }

  .mobile-artboard {
    position: relative;
    display: block;
    width: calc(var(--mobile-artboard-width) * 1px);
    min-height: var(--mobile-artboard-height);
    transform: scale(var(--mobile-scale));
    transform-origin: top left;
  }

  .mobile-artboard .site-logo {
    width: 210.6px;
  }
}

@media (max-width: 767px) {
  .sahxl-archive-title {
    font-size: 85px !important;
  }

  .music-player-container {
    height: 320px !important;
  }

  .drop-request-title {
    font-size: 82px !important;
  }

  .drop-request-description {
    font-size: 10px !important;
  }

  .request-form {
    padding: 30px 30px 30px !important;
  }

  .unreleased-tapes-title {
    font-size: 71px !important;
  }

  .overtime-bts-youtube-video {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .overtime-bts-youtube-video-gradient {
    width: 97% !important;
    left: 5px !important;
  }

  .watch-more-youtube-overtime-overlay {
    top: 920px !important;
  }
}

@media (max-width: 767px) {
  .music-player-title {
    font-size: 18px;
  }

  .music-streams-text {
    font-size: 18px;
  }

  .video-background,
  .left-side-image {
    display: block;
  }
}

@media (max-width: 767px) {
.video-background {
    display: block !important;
    content: none;
  }
}

@media (max-width: 767px) {
  .release-footer-text {
    right: 10px !important;
    top: 725px !important;
    bottom: auto !important;
    font-size: 11px !important;
  }

  .music-player-container {
    top: 460px !important;
  }

  .new-music-title {
    font-size: 20px !important;
    top: 440px !important;
  }

  .video-background {
    display: block !important;
    top: 60px !important;
  }

  .video-background-mobile-fade {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: 360px;
    pointer-events: auto;
    z-index: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 0.92) 90%, #ffffff 100%);
  }
}

@media (max-width: 767px) {
  .video-background-mobile-fade {
    top: 0px;
    left: 0;
    width: 100%;
    height: 342px;
  }

  .video-background {
    width: 140%;
  }
}

@media (max-width: 767px) {
  .request-form {
    height: 420px !important;
    min-height: 400px !important;
  }

  .request-form__grid {
    grid-template-columns: 3fr 2fr;
  }

  .request-form__options {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

.mobile-release-text {
  display: none;
}

@media (max-width: 767px) {
  .mobile-release-text {
    display: block;
    position: absolute;
    top: 1325px;
    right: 10px;
    font-size: 13px;
    line-height: 1;
    color: #000;
    z-index: 2;
    font-family: Arial, sans-serif;
    white-space: nowrap;
  }
}

  .music-player-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .music-player-container::-webkit-scrollbar {
    display: none;
  }

  .music-player-slide-indicator {
  position: absolute;
  left: 140px;
  top: 770px;
  width: 60px;
  display: flex;
  gap: 12px;
  align-items: center;
}

  .music-player-slide-indicator__dot {
    width: 14px;
    height: 14px;
    border: 1px solid #8d8d8d;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
  }

  .music-player-slide-indicator__dot.is-active {
    background: #8d8d8d;
  }

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 30px !important;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-play-button {
      position: absolute;
      right: 14px;
      bottom: 14px;
      width: 72px;
      height: 72px;
      object-fit: contain;
      display: block;
      z-index: 2;
      pointer-events: none;
    }

    .singles-showcase-card--locked .singles-showcase-play-button {
      display: none !important;
    }

    .singles-showcase-lock-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 72px;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.58);
      backdrop-filter: blur(6px);
      z-index: 3;
      pointer-events: none;
    }

    .singles-showcase-lock-icon svg {
      width: 34px;
      height: 34px;
      display: block;
    }

    .singles-showcase-email-hover {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 22px;
      background: linear-gradient(180deg, rgba(9, 7, 12, 0.30) 0%, rgba(9, 7, 12, 0.72) 100%);
      backdrop-filter: blur(8px);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.25s ease, visibility 0.25s ease;
      z-index: 4;
    }

    .singles-showcase-email-hover-inner {
      width: 100%;
      max-width: 320px;
      text-align: left;
    }

    .singles-showcase-email-hover-title {
      margin: 0 0 12px;
      color: #ffffff;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 15px;
      font-weight: 400;
      line-height: 1.05;
      letter-spacing: 0.04em;
      text-align: center;
      text-transform: uppercase;
      text-shadow: 0 4px 18px rgba(0, 0, 0, 0.34);
    }

    .singles-showcase-email-hover-form {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 56px;
      padding: 0 68px 0 56px;
      border: 1.5px solid rgba(199, 208, 232, 0.42);
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(79, 95, 129, 0.88) 0%, rgba(53, 72, 106, 0.92) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 16px 40px rgba(27, 26, 55, 0.34);
      overflow: hidden;
    }

    .singles-showcase-email-hover-icon {
      position: absolute;
      left: 18px;
      top: 50%;
      width: 24px;
      height: 24px;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      opacity: 0.95;
      pointer-events: none;
    }

    .singles-showcase-email-hover-icon svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    .singles-showcase-email-hover-input {
      width: 100%;
      min-width: 0;
      height: 56px;
      padding: 0;
      border: 0;
      background: transparent;
      color: #ffffff;
      font-family: Inter, Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 500;
      outline: none;
    }

    .singles-showcase-email-hover-input::placeholder {
      color: rgba(255, 255, 255, 0.96);
    }

    .singles-showcase-email-hover-button {
      position: absolute;
      top: 50%;
      right: 8px;
      width: 42px;
      height: 42px;
      transform: translateY(-50%);
      border: 0;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(6px);
    }

    .singles-showcase-email-hover-button svg {
      width: 20px;
      height: 20px;
      display: block;
    }

    @media (min-width: 768px) {
      .singles-showcase-card--locked:hover .singles-showcase-email-hover,
      .singles-showcase-card--locked:focus-within .singles-showcase-email-hover {
        opacity: 1;
        visibility: visible;
      }

      .singles-showcase-card--locked:hover .singles-showcase-lock-icon,
      .singles-showcase-card--locked:focus-within .singles-showcase-lock-icon {
        opacity: 0;
      }
    }

    .singles-showcase-card-title {
      margin-top: 15px !important;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 16px !important;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 14px !important;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    .singles-showcase-card--placeholder .singles-showcase-art--placeholder {
      background: #f1f1f1;
      border-color: #d8d5dc;
    }

    .singles-showcase-text--placeholder {
      color: #c3bec8;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (min-width: 768px) {
  .overtime-bts-youtube-video-gradient {
    width: 740px !important;
    top: 1391px !important;
  }

  .drop-request-title {
    left: 30px !important;
    top: 1375px !important;
    font-size: 138px !important;
  }

  .drop-request-description {
    top: 1510px !important;
    left: 30px !important;
    width: 42% !important;
  }

  .request-form {
    top: 1587px !important;
    left: 30px !important;
    width: 620px !important;
    height: 578px !important;
  }

  .overtime-youtube-title {
    left: 710px !important;
  }

  .request-divider-line {
    left: 712px !important;
  }

  .overtime-youtube-description {
    position: absolute;
    left: 712px !important;
  }
}

    @media (max-width: 767px) {
      .mobile-drawer__social-link--spotify {
  top: 635px;
  left: 140px;
  width: 63px;
  height: 21px;
}

a[href*="open.spotify.com/artist/4vPtTSgLvrvLnk1mYnTI7h"] {
        display: block !important;
        width: 63px !important;
        height: 21px !important;
      }

      img[alt="Spotify artist link"] {
        display: block !important;
        width: 63px !important;
        height: 21px !important;
      }

      .music-track-duration {
        right: 155px !important;
      }

      .release-footer-text {
        top: 730px !important;
      }

      .music-player-slide-indicator {
        left: 15px !important;
        top: 730px !important;
      }

      .singles-showcase-title {
        font-size: 20px !important;
      }

      .singles-showcase-grid {
        display: flex !important;
        gap: 16px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .singles-showcase-grid::-webkit-scrollbar {
        display: none;
      }

      .singles-showcase-grid .singles-showcase-card {
        flex: 0 0 calc((100% - 16px) / 1.5) !important;
        min-width: calc((100% - 16px) / 1.5) !important;
        scroll-snap-align: start;
      }
    }

    @media (max-width: 767px) {
      a[href="https://open.spotify.com/artist/4vPtTSgLvrvLnk1mYnTI7h"] {
        top: 635px !important;
        left: 122px !important;
        width: 89px !important;
        height: 31px !important;
      }

      a[href="https://open.spotify.com/artist/4vPtTSgLvrvLnk1mYnTI7h"] img[alt="Spotify artist link"] {
        width: 89px !important;
        height: 31px !important;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

@media (max-width: 767px) {
  .overtime-youtube-title {
    top: 1635px !important;
  }

  .learn-more-overtime {
    top: 1875px !important;
  }

  .unreleased-tapes-title {
    top: 1990px !important;
  }

  .unreleased-tapes-image {
    top: 2070px !important;
  }

  .unreleased-tapes-music-row {
    top: 2120px !important;
  }
}

@font-face {
  font-family: 'JetBrains Mono NL Custom';
  src: url('https://res.cloudinary.com/dlpufegqf/raw/upload/v1776701918/JetBrains_Mono_NL_dcxaro.woff2') format('woff2');
  font-display: swap;
}

.problem-overtime-text {
  font-style: normal !important;
  font-style: normal;
  position: absolute;
  left: 25px;
  top: 280px;
  color: #969ba4;
  font-family: 'JetBrains Mono NL Custom', monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: 0.06em;
  white-space: pre-line;
  z-index: 143;
}

@media (max-width: 767px) {
  .site-shell:has(.mobile-menu-panel.is-open) .site-logo,
  body.mobile-menu-open .site-logo {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mobile-menu-panel {
    position: relative;
    overflow: hidden;
  }

  .mobile-drawer__bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    z-index: -2;
    pointer-events: none;
  }

  .mobile-drawer__bg-video-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    display: block;
    background:
      linear-gradient(180deg, rgba(3, 6, 15, 0.9) 0%, rgba(3, 6, 15, 0.5) 14%, rgba(3, 6, 15, 0.12) 30%, rgba(3, 6, 15, 0) 42%),
      linear-gradient(180deg, rgba(3, 6, 15, 0) 0%, rgba(3, 6, 15, 0.08) 38%, rgba(3, 6, 15, 0.42) 68%, rgba(3, 6, 15, 0.82) 88%, rgba(3, 6, 15, 1) 100%);
    z-index: -1;
    pointer-events: none;
  }
}

@media (max-width: 767px) {
  .mobile-drawer__menu-logo {
    position: absolute;
    top: 42px;
    right:  23px;
    width:  188px;
    height: auto;
    display: block;
    z-index: 2;
    object-fit: contain;
    pointer-events: none;
  }
}

@media (max-width: 767px) {
  html.mobile-menu-open,
  body.mobile-menu-open {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
    touch-action: none !important;
    overscroll-behavior: none !important;
  }
}

@media (max-width: 767px), (min-width: 768px) {
  .social-icon.social-icon--spotify {
    display: none !important;
  }
}

.social-icon.social-icon--spotify,
a[aria-label="Spotify"].social-icon.social-icon--spotify {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.follow-button-image {
  position: absolute;
  top: 395px;
  left: 125px;
  width: 99px;
  height: 29px;
  display: block;
  object-fit: contain;
  z-index: 3;
  pointer-events: none;
}

.spotify-small-icon-image {
  position: absolute;
  left: 263px;
  top: 358px;
  width: 23px;
  height: 23px;
  object-fit: contain;
  display: block;
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 767px) {
  .spotify-small-icon-image {
    left: 143px;
    top: 635px;
    width: 21px;
    height: 21px;
  }
}

/* Section 2 */
@media (max-width: 767px) {
      .request-form__option span {
        padding: 5px 8px !important;
      }

      .drop-request-title {
        font-size: 80px !important;
      }

      .watch-more-youtube-overtime-overlay {
        top: 1550px !important;
      }

      .top-right-banner-image {
        top: 1600px !important;
      }

      .request-star-image {
        top: 1575px !important;
      }

      .overtime-youtube-title {
        top: 1685px !important;
      }

      .request-divider-line {
        top: 1780px !important;
      }

      .overtime-youtube-description {
        top: 1820px !important;
      }
    }
  

@media (max-width: 767px) {
  .overtime-bts-youtube-video.is-mobile-youtube-link {
    cursor: pointer;
  }
}

  .music-player-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .music-player-container::-webkit-scrollbar {
    display: none;
  }

  .music-player-slide-indicator {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 10px;
    z-index: 12;
    pointer-events: auto;
  }

  .music-player-slide-indicator__dot {
    width: 14px;
    height: 14px;
    border: 1px solid #8d8d8d;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
  }

  .music-player-slide-indicator__dot.is-active {
    background: #8d8d8d;
  }

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 3 */
.music-player-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .music-player-container::-webkit-scrollbar {
    display: none;
  }

  .music-player-pages {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
  }

  .music-player-page {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
  }

  .new-music-row {
    position: relative;
    flex: 1 1 25%;
    min-height: 0;
    border-bottom: 1px solid #b4b4b4;
    color: #000;
  }

  .new-music-row:hover .new-music-row-number::before,
  .new-music-row.is-playing .new-music-row-number::before {
    opacity: 0;
  }

  .new-music-row:hover .new-music-row-number::after {
    opacity: 1;
  }

  .new-music-row.is-playing .new-music-row-number::after {
    content: '';
    opacity: 1;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url('https://open.spotifycdn.com/cdn/images/equaliser-animated-green.f5eb96f2.gif') center / contain no-repeat;
  }

  @media (max-width: 767px) {
    .music-player-container {
      touch-action: pan-x pan-y;
      overscroll-behavior-x: contain;
    }

    .music-player-page {
      padding-right: 0;
    }
  }

  .music-player-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .music-player-container::-webkit-scrollbar {
    display: none;
  }

  .music-player-slide-indicator {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 10px;
    z-index: 12;
    pointer-events: auto;
  }

  .music-player-slide-indicator__dot {
    width: 14px;
    height: 14px;
    border: 1px solid #8d8d8d;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
  }

  .music-player-slide-indicator__dot.is-active {
    background: #8d8d8d;
  }

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 4 */
.mobile-menu {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

.mobile-menu,
.mobile-menu * {
  box-sizing: border-box;
}

.mobile-menu__line,
.mobile-menu__swap-icon {
  pointer-events: auto;
}

@media (max-width: 767px) {
  .site-logo,
  .mobile-menu,
  .mobile-bag,
  .suite-clock {
    z-index: 241 !important;
  }

  .mobile-menu,
  .mobile-bag {
    position: fixed;
    top: calc(max(30px, env(safe-area-inset-top)) + 0px);
    z-index: 241;
    display: block;
    width: 28px;
    height: 28px;
    border: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
    will-change: opacity, transform;
  }

  .mobile-menu {
    left: 18px;
    width: 42px;
    height: 34px;
    cursor: pointer;
  }

  body.entrance-ready .mobile-menu {
    animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 260ms;
  }

  .mobile-menu__line {
    position: absolute;
    left: 8px;
    width: 26px;
    height: 2.4px;
    border-radius: 999px;
    background: #111111;
    transform-origin: center;
    transition: opacity 180ms ease, transform 180ms ease;
  }

  .mobile-menu__line:nth-child(1) {
    top: 8px;
  }

  .mobile-menu__line:nth-child(2) {
    top: 16px;
  }

  .mobile-menu__line:nth-child(3) {
    top: 24px;
  }

  .mobile-menu__swap-icon {
    position: absolute;
    inset: 5px 7px 5px 7px;
    display: block;
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 180ms ease, transform 180ms ease;
  }

  .mobile-menu__swap-icon svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .mobile-menu.is-open .mobile-menu__line {
    opacity: 0;
    transform: scaleX(0.8);
  }

  .mobile-menu.is-open .mobile-menu__swap-icon {
    opacity: 1;
    transform: scale(1);
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 5 */
.mobile-menu {
  display: none;
}

@keyframes mobileMenuLineLoop {
  0% { transform: scaleX(0); }
  18%, 100% { transform: scaleX(1); }
}

@media (max-width: 767px) {
  .mobile-menu {
    position: fixed;
    top: calc(max(30px, env(safe-area-inset-top)) + 0px);
    left: 18px;
    z-index: 241 !important;
    display: block;
    width: 42px;
    height: 34px;
    border: 0;
    padding: 0;
    background: transparent;
    opacity: 0;
    will-change: opacity, transform;
    pointer-events: auto;
    appearance: none;
    -webkit-appearance: none;
  }

  .mobile-menu__line {
    position: absolute;
    left: 0;
    display: block;
    height: 1.5px;
    background: #ffffff;
    transform-origin: left center;
    animation: mobileMenuLineLoop 10s cubic-bezier(0.19, 1, 0.22, 1) infinite both;
  }

  .mobile-menu__line:nth-child(1) {
    top: 6px;
    width: 32px;
    animation-delay: 120ms;
  }

  .mobile-menu__line:nth-child(2) {
    top: 16px;
    width: 42px;
    animation-delay: 340ms;
  }

  .mobile-menu__line:nth-child(3) {
    top: 26px;
    width: 24px;
    animation-delay: 560ms;
  }

  body.entrance-ready .mobile-menu {
    animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
    animation-delay: 260ms;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 6 */
.mobile-cart {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: block;
  background: rgba(0, 0, 0, 0.56);
  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  transition: opacity 320ms ease, visibility 320ms ease;
}
.mobile-cart__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(80vw, 420px);
  max-width: 420px;
  height: 100%;
  padding: calc(max(28px, env(safe-area-inset-top)) + 10px) 20px calc(max(28px, env(safe-area-inset-bottom)) + 20px);
  background: #ffffff;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: -24px 0 60px rgba(0, 0, 0, 0.18);
  transform: translate3d(100%, 0, 0);
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.mobile-cart.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mobile-cart.is-open .mobile-cart__panel {
  transform: translate3d(0, 0, 0);
  padding-bottom: 20px;
}
.mobile-cart__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.mobile-cart__title {
  color: #111111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.mobile-cart__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  color: #111111;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 24px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transform: translateY(-15px);
}
.mobile-cart__close img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  filter: brightness(0);
}
.mobile-cart__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  padding-top: 18px;
  overflow: hidden;
}
.mobile-cart__items {
  flex: 1 1 auto;
  margin-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mobile-cart__items::-webkit-scrollbar { display: none; }
.mobile-cart__status {
  padding: 24px 0;
  color: #111111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.mobile-cart__item {
  position: relative;
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  align-items: stretch;
}
.mobile-cart__thumb {
  width: 94px;
  height: 122px;
  background: #f1f1ef;
  overflow: hidden;
  position: relative;
}
.mobile-cart__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-cart__details {
  min-width: 0;
  position: relative;
  min-height: 122px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-cart__item-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mobile-cart__product-name {
  color: #121212;
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  margin-bottom: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.mobile-cart__item-price {
  color: #121212;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}
.mobile-cart__meta {
  width: 100%;
  margin-top: 10px;
  color: #111111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: pre-line;
}
.mobile-cart__item-remove {
  position: absolute;
  top: 14px;
  right: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111111;
  cursor: pointer;
}
.mobile-cart__item-remove svg {
  display: block;
  width: 17px;
  height: 17px;
}
.mobile-cart__footer {
  padding: 28px 0 8px;
  margin-top: auto;
  background: rgba(255, 255, 255, 0.76);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.04);
}
.mobile-cart__subtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #1b1b1b;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mobile-cart__checkout,
.mobile-cart__view-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  margin-top: 8px;
  border: 0;
  background: #191919;
  color: #f5f5f5;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}
.mobile-cart__view-cart {
  background: #efefef;
  color: #111111;
}
.mobile-cart__promo {
  width: 100%;
  margin-top: 8px;
  display: block;
}
.mobile-cart__promo img {
  display: block;
  width: 100%;
  height: 28px;
  object-fit: contain;
}
.mobile-cart__payment-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 10px;
  color: #8f8a86;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  text-align: center;
}
.mobile-cart__payment-note svg {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  stroke: currentColor;
}
body.mobile-cart-open {
  overflow: hidden !important;
  touch-action: none;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 7 */
.release-footer-text {
  top: 770px !important;
  bottom: auto !important;
  font-size: 13px !important;
}

.music-player-slide-indicator {
  left: 140px !important;
  top: 770px !important;
  width: 60px !important;
  height: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
}

.music-player-slide-indicator__dot {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  flex: 0 0 12px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 8 */
.music-row-reactions {
  gap: 0px !important;
}

.music-row-reaction {
  width: 60px !important;
}

.music-row-reaction .icon {
  width: 30px !important;
  height: 30px !important;
}

.music-row-reaction span {
  margin-top: 36px !important;
}

@media (max-width: 767px) {
  .music-row-reaction {
    width: 52px !important;
  }

  .music-row-reaction .icon {
    width: 34px !important;
    height: 34px !important;
  }

  .music-row-reaction span {
    margin-top: 40px !important;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 9 */
.music-row-reactions {
  gap: 0px !important;
}

.music-row-reaction {
  width: 48px !important;
}

.music-row-reaction .icon {
  width: 25px !important;
  height: 25px !important;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 10 */
.music-row-reactions {
  gap: 0px !important;
}

.music-row-reaction {
  width: 38px !important;
}

.music-row-reaction .icon {
  width: 25px !important;
  height: 25px !important;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 11 */
@media (min-width: 768px) {
  .music-row-reactions {
    gap: 0px !important;
  }

  .music-row-reaction {
    width: 42px !important;
  }

  .music-row-reaction .icon {
    width: 27px !important;
    height: 27px !important;
  }
}

@media (max-width: 767px) {
  .music-row-reaction {
    width: 38px !important;
  }

  .music-row-reaction .icon {
    width: 25px !important;
    height: 25px !important;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 12 */
.music-player-slide-indicator {
  width: 60px !important;
  cursor: pointer;
}

.music-player-slide-indicator__dot {
  cursor: pointer;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 13 */
@media (min-width: 768px) {
  .drop-request-description {
    width: 40% !important;
    top: 1040px !important;
    font-style: italic !important;
  }

  .request-form {
    height: 550px !important;
  }

  .request-form__options {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: start !important;
    margin-bottom: 18px !important;
  }

  .request-form__request-type {
    gap: 14px !important;
  }

  .request-form__message {
    margin-top: 6px !important;
  }

  .request-form__textarea {
    min-height: 170px !important;
  }
}

.request-form__input[type="text"] {
  autocomplete: on;
}

.request-form__input[type="email"] {
  autocomplete: email;
}

.request-form__input[name*="name" i],
.request-form__input[id*="name" i] {
  autocomplete: name;
}

.request-form__input[name*="artist" i],
.request-form__input[id*="artist" i] {
  autocomplete: organization-title;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 14 */
@media (min-width: 768px) {
  .drop-request-description {
    top: 975px !important;
  }

  .request-form {
    top: 1040px !important;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 15 */
@media (min-width: 768px) {
  .drop-request-title {
    top: 830px !important;
  }

  .drop-request-description {
    top: 960px !important;
  }

  .request-form {
    top: 1025px !important;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 16 */
@media (min-width: 768px) {
  .top-right-banner-image {
    display: none !important;
  }

  .request-star-image {
    left: auto !important;
    right: 10px !important;
  }

  .overtime-youtube-title {
    top: 1266px !important;
  }

  .request-divider-line {
    top: 1392px !important;
    width: 450px !important;
  }

  .overtime-youtube-description {
    top: 1405px !important;
    right: 200px !important;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 17 */
@media (min-width: 768px) {
  .overtime-bts-youtube-video {
    right: 15px !important;
  }

  .overtime-bts-youtube-video-gradient {
    right: 15px !important;
  }

  .request-form {
    width: 630px !important;
    left: 50px !important;
  }

  .drop-request-title {
    left: 20px !important;
    font-size: 140px !important;
  }

  .drop-request-description {
    left: 20px !important;
    width: 43% !important;
  }

  .learn-more-overtime {
    top: 1524px !important;
  }
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 18 */
.request-form__input[type="email"],
.request-form__input[name="email"],
.request-form__input[id="email"] {
  autocomplete: email !important;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 19 */
.request-form__option input:checked + span {
  background: #7c3aed !important;
  color: #ffffff !important;
  transform: translate(3px, 3px) !important;
  box-shadow: 0 0 #323232 !important;
}

.request-form__option span {
  transition: 0.15s ease;
}

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 20 */
.drop-request-title { top: 1375px !important; }
  .drop-request-description { top: 1520px !important; }
  .request-form { top: 1640px !important; }
  .request-star-image { top: 1839px !important; }
  .overtime-youtube-title { top: 1820px !important; }
  .overtime-bts-youtube-video { top: 1390px !important; }
  .overtime-bts-youtube-video-gradient { top: 1390px !important; }
  .circle-worst-image { top: 1407px !important; }
  .making-of-overtime-text { top: 1407px !important; }
  .sahxl-credit-text { top: 1427px !important; }
  .youtube-play-overlay { top: 1567px !important; }
  .watch-more-youtube-overtime-overlay { top: 1755px !important; }
  .top-right-banner-image { top: 1859px !important; }
  .mobile-release-text { top: 1895px !important; }
  .request-divider-line { top: 1953px !important; }
  .overtime-youtube-description { top: 1975px !important; }
  .learn-more-overtime { top: 2094px !important; }
  .unreleased-tapes-title { top: 2240px !important; }
  .unreleased-tapes-image { top: 2365px !important; }
  .unreleased-tapes-music-row { top: 2445px !important; }

  @media (max-width: 767px) {
    .watch-more-youtube-overtime-overlay { top: 2120px !important; }
    .top-right-banner-image { top: 2170px !important; }
    .request-star-image { top: 2145px !important; }
    .overtime-youtube-title { top: 2255px !important; }
    .request-divider-line { top: 2350px !important; }
    .overtime-youtube-description { top: 2390px !important; }
  }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 21 */
@media (min-width: 768px) {
    .singles-showcase,
    .singles-showcase * {
      pointer-events: auto !important;
    }

    .singles-showcase-card {
      cursor: pointer;
    }

    .singles-showcase-art {
      position: relative;
      isolation: isolate;
    }

    .singles-showcase-art::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.28);
      opacity: 0;
      transition: opacity 0.25s ease;
      z-index: 1;
    }

    .singles-showcase-art::after {
      content: "";
      position: absolute;
      right: 28px;
      bottom: 28px;
      width: 84px;
      height: 84px;
      background: url('https://res.cloudinary.com/dlpufegqf/image/upload/v1778254560/Screenshot_2026-05-09_at_1_30_25_am-Picsart-BackgroundRemover_dcnzbi.svg') center / contain no-repeat;
      opacity: 0;
      transform: translateY(8px) scale(0.92);
      transition: opacity 0.25s ease, transform 0.25s ease;
      z-index: 2;
      filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.25));
    }

    .singles-showcase-card:hover .singles-showcase-art::before {
      opacity: 1;
    }

    .singles-showcase-card:hover .singles-showcase-art::after {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 22 */
@media (min-width: 768px) {
  .request-form {
    top: 1587px !important;
    left: 20px !important;
    height: 560px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 23 */
@media (min-width: 768px) {
  .drop-request-title {
    top: 1350px !important;
  }

  .drop-request-description {
    top: 1490px !important;
  }

  .request-form {
    top: 1550px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 24 */
@media (min-width: 768px) {
  .circle-worst-image {
    top: 1407px !important;
  }

  .making-of-overtime-text {
    top: 1407px !important;
  }

  .sahxl-credit-text {
    top: 1427px !important;
  }

  .overtime-bts-youtube-video-gradient {
    top: 1390px !important;
  }

  .youtube-play-overlay {
    top: 1567px !important;
  }

  .watch-more-youtube-overtime-overlay {
    top: 1755px !important;
  }

  .drop-request-title {
    top: 1375px !important;
  }

  .drop-request-description {
    top: 1510px !important;
  }

  .request-form {
    top: 1570px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 25 */
@media (max-width: 767px) {
  .drop-request-title,
  .drop-request-description,
  .request-form,
  .release-mobile-note,
  .request-star-image,
  .overtime-bts-youtube-video,
  .overtime-bts-youtube-video-gradient,
  .circle-worst-image,
  .making-of-overtime-text,
  .sahxl-credit-text,
  .youtube-play-overlay,
  .watch-more-youtube-overtime-overlay,
  .top-right-banner-image,
  .mobile-release-text,
  .overtime-youtube-title,
  .request-divider-line,
  .overtime-youtube-description,
  .learn-more-overtime,
  .unreleased-tapes-title,
  .unreleased-tapes-image,
  .unreleased-tapes-music-row {
    transform: translateY(500px) !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 26 */
@media (max-width: 767px) {
  a[href*="open.spotify.com/artist/4vPtTSgLvrvLnk1mYnTI7h"] {
    display: inline-block !important;
    width: 89px !important;
    height: 31px !important;
  }

  img[alt="Spotify artist link"] {
    width: 89px !important;
    height: 31px !important;
    max-width: 89px !important;
    max-height: 31px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .music-track-duration {
    right: 155px !important;
  }

  .release-footer-text {
    top: 730px !important;
  }

  .music-player-slide-indicator {
    left: 15px !important;
    top: 730px !important;
  }

  .singles-showcase-title {
    font-size: 20px !important;
  }

  .singles-showcase {
    overflow: visible !important;
    pointer-events: auto !important;
  }

  .singles-showcase * {
    pointer-events: auto !important;
  }

  .singles-showcase-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-right: 16px !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .singles-showcase-grid::-webkit-scrollbar {
    display: none !important;
  }

  .singles-showcase-grid .singles-showcase-card {
    flex: 0 0 calc((100vw - 56px) / 1.5) !important;
    min-width: calc((100vw - 56px) / 1.5) !important;
    max-width: calc((100vw - 56px) / 1.5) !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 27 */
@media (max-width: 767px) {
    img[alt="Spotify"],
    a[aria-label="Spotify"].social-icon {
      display: block !important;
    }
  }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 28 */
@media (max-width: 767px) {
  .singles-showcase {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
  }

  .singles-showcase-grid {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding-right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-grid .singles-showcase-card {
    flex: 0 0 calc((100vw - 35px) / 1.5) !important;
    min-width: calc((100vw - 35px) / 1.5) !important;
    max-width: calc((100vw - 35px) / 1.5) !important;
  }
}

/* Section 29 */
@media (min-width: 768px) {
  .overtime-bts-youtube-video {
    width: 740px !important;
  }

  .learn-more-overtime {
    left: 712px !important;
  }

  .singles-showcase-grid {
    gap: 20px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    margin-top: 5px !important;
  }
}

/* Section 30 */
.mobile-menu-panel {
  display: none;
}

@media (max-width: 767px) {
  .mobile-menu-panel.is-open {
    display: block;
  }
}

/* Section 31 */
@media (max-width: 767px) {
  .mobile-menu-panel {
    position: fixed;
    inset: 0;
    z-index: 240;
    display: none;
    background: #000000;
    opacity: 0;
    transform: translateY(-18px);
    pointer-events: none;
  }

  .mobile-menu-panel.is-open {
    z-index: 142 !important;
    display: block;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .mobile-menu-panel__text {
    position: absolute;
    top: 365px;
    left: 25px;
    display: inline-block;
    font-size: 58.5px;
    color: #d9d9d9;
    font-family: "Bebas Neue Bold", "Bebas Neue", Arial, sans-serif;
    font-weight: 700;
    line-height: 0.84;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    pointer-events: auto;
    z-index: 143;
  }

  .mobile-menu-panel__text--new-music {
    top: 427px;
    left: 25px;
  }

  .mobile-menu-panel__text--tour-dates {
    top: 489px;
    left: 25px;
  }

  .mobile-menu-panel__text--vip-access {
    top: 551px;
    left: 25px;
  }

  .mobile-drawer__socials {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    pointer-events: none;
    z-index: 143;
  }

  .mobile-drawer__social-link {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-decoration: none;
    opacity: 0.95;
    pointer-events: auto;
  }

  .mobile-drawer__social-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: filter 180ms ease, transform 180ms ease;
  }

  .mobile-drawer__social-link:hover img,
  .mobile-drawer__social-link:focus-visible img {
    filter:
      drop-shadow(0 0 3px rgba(255, 70, 245, 1))
      drop-shadow(0 0 7px rgba(134, 78, 255, 0.98))
      drop-shadow(0 0 13px rgba(45, 145, 255, 0.88))
      drop-shadow(0 0 20px rgba(196, 54, 255, 0.78));
    transform: scale(1.12);
  }

  .mobile-drawer__social-link--instagram {
    top: 637px;
    left: 28px;
    width: 20px;
    height: 20px;
  }

  .mobile-drawer__social-link--apple {
    top: 636px;
    left: 65px;
    width: 22px;
    height: 22px;
  }

  .mobile-drawer__social-link--youtube {
    top: 635px;
    left: 103px;
    width: 23px;
    height: 23px;
  }

  .mobile-drawer__social-link--spotify {
    top: 635px;
    left: 140px;
    width: 63px;
    height: 21px;
    display: block !important;
  }

  .mobile-drawer__social-link--tiktok {
    top: 635px;
    left: 180px;
    width: 24px;
    height: 24px;
  }

  .mobile-drawer__social-link--discord {
    top: 633px;
    left: 219px;
    width: 27px;
    height: 27px;
  }

  a[href*="open.spotify.com/artist/4vPtTSgLvrvLnk1mYnTI7h"] {
    display: block !important;
    width: 63px !important;
    height: 21px !important;
  }
}

/* Section 32 */
.mobile-drawer__close {
  position: fixed;
  top: 45px;
  left: 24px;
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.24);
  background: rgba(42, 42, 50, 0.78);
  box-shadow:
    
    inset 0 0 0 1px rgba(255, 255, 255, 0.1),
    inset 0 10px 24px rgba(255, 255, 255, 0.05),
    0 10px 28px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  cursor: pointer;
  z-index: 1002;
}

.mobile-drawer__close svg {
  width: 24px;
  height: 24px;
  display: block;
  flex: 0 0 24px;
  pointer-events: none;
}

.mobile-drawer__close svg path {
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
}

/* Section 33 */
@media (max-width: 767px) {
  .mobile-drawer__social-link--spotify {
    position: absolute !important;
    top: 635px !important;
    left: 140px !important;
    width: 63px !important;
    height: 21px !important;
    display: block !important;
  }

  .mobile-drawer__social-link--spotify img {
    display: block !important;
    width: 63px !important;
    height: 21px !important;
    object-fit: contain !important;
  }
}

/* Section 34 */
@media (max-width: 767px) {
    .unreleased-tapes-title {
        top: 2020px !important;
    }

    .unreleased-tapes-image {
        top: 2100px !important;
    }

    .unreleased-tapes-music-row {
        top: 2150px !important;
    }
}

@media (max-width: 767px) {
  .request-form__grid {
    column-gap: 12px;
  }

  .drop-request-title {
    top: 763px !important;
  }

  .drop-request-description {
    top: 847px !important;
    width: 93% !important;
  }

  .request-form {
    position: relative;
    left: 12px;
    top: 870px !important;
  }

  .release-mobile-note {
    position: absolute;
    left: 12px;
    top: 1325px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1;
    color: #000;
    z-index: 2;
  }
}

@media (max-width: 767px) {
  .overtime-bts-youtube-video {
    top: 1390px;
  }

  .making-of-overtime-text {
    top: 1406px;
  }

  .sahxl-credit-text {
    top: 1430px;
  }

  .circle-worst-image {
    top: 1400px;
  }

  .youtube-play-overlay {
    right: 38%;
    top: 1455px;
  }

  .watch-more-youtube-overtime-overlay {
    top: 1550px !important;
  }

  .top-right-banner-image {
    top: 1600px !important;
  }

  .request-star-image {
    top: 1575px !important;
  }

  .overtime-youtube-title {
    top: 1685px !important;
  }

  .request-divider-line {
    top: 1770px !important;
  }

  .overtime-youtube-description {
    top: 1780px !important;
  }

  .learn-more-overtime {
    top: 1890px !important;
  }
}

@media (max-width: 767px) {
  .overtime-bts-youtube-video-gradient {
    top: 1390px;
  }

  .top-right-banner-image {
    top: 1600px !important;
  }

  .request-star-image {
    top: 1575px !important;
    width: 125px;
  }

  .overtime-youtube-title {
    top: 1685px !important;
  }

  .request-divider-line {
    top: 1780px !important;
  }

  .overtime-youtube-description {
    top: 1795px !important;
  }

  .learn-more-overtime {
    top: 1905px !important;
    left: 10px;
    width: 200px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .request-form {
    padding: 15px 20px 0 !important;
    width: 93%;
  }

  .release-footer-text {
    font-size: 12px !important;
  }

  .drop-request-title {
    font-size: 80px !important;
  }

  .overtime-bts-youtube-video {
    top: 1380px;
  }

  .making-of-overtime-text {
    top: 1396px;
  }

  .sahxl-credit-text {
    top: 1420px;
  }

  .circle-worst-image {
    top: 1390px;
  }

  .overtime-bts-youtube-video-gradient {
    top: 1380px;
  }

  .request-star-image {
    top: 1575px !important;
  }
}

  .music-player-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .music-player-container::-webkit-scrollbar {
    display: none;
  }

  .music-player-slide-indicator {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 10px;
    z-index: 12;
    pointer-events: auto;
  }

  .music-player-slide-indicator__dot {
    width: 14px;
    height: 14px;
    border: 1px solid #8d8d8d;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
  }

  .music-player-slide-indicator__dot.is-active {
    background: #8d8d8d;
  }

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

/* Section 35 */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
  }

  body {
    --mobile-artboard-width: 390px;
    --mobile-artboard-height: 2600px;
    --mobile-scale: 1;
    min-height: calc(var(--mobile-artboard-height) * var(--mobile-scale));
  }

  .mobile-artboard {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: var(--mobile-artboard-width);
    height: var(--mobile-artboard-height);
    min-height: 0;
    overflow: visible;
    transform: scale(var(--mobile-scale));
    transform-origin: top left;
  }

  .mobile-artboard .site-logo {
    width: 210.6px !important;
  }
}

  .music-player-container {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .music-player-container::-webkit-scrollbar {
    display: none;
  }

  .music-player-slide-indicator {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 10px;
    z-index: 12;
    pointer-events: auto;
  }

  .music-player-slide-indicator__dot {
    width: 14px;
    height: 14px;
    border: 1px solid #8d8d8d;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
  }

  .music-player-slide-indicator__dot.is-active {
    background: #8d8d8d;
  }

    .singles-showcase {
      position: absolute;
      top: 835px;
      left: 20px;
      right: 20px;
      width: calc(100% - 40px);
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 30px !important;
      pointer-events: none;
    }

    .singles-showcase * {
      pointer-events: none;
    }

    .singles-showcase-header {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .singles-showcase-title {
      flex: 0 0 auto;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .singles-showcase-line {
      flex: 1 1 auto;
      height: 1px;
      background: #c9c6cf;
      transform: translateY(3px);
    }

    .singles-showcase-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px;
      width: 100%;
    }

    .singles-showcase-card {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .singles-showcase-art {
      width: 100%;
      aspect-ratio: 1 / 1;
      border: 1px solid #c5c1ca;
      border-radius: 10px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      overflow: hidden;
    }

    .singles-showcase-card-title {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 22px;
      font-weight: 400;
      line-height:  1.1;
      color: #000;
      letter-spacing: -0.03em;
    }

    .singles-showcase-card-date {
      margin-top: 10px;
      margin-bottom: 0;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height:  1.1;
      color: #6e6b74;
      letter-spacing: -0.02em;
    }

    .singles-showcase-spacer {
      height: 40px;
    }

    @media (max-width: 1200px) {
      .singles-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 700px) {
      .singles-showcase-grid {
        grid-template-columns: 1fr;
      }
    }

@media (min-width: 768px) {
  .singles-showcase {
    top: 845px !important;
  }
  .request-form {
    height: 575px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase {
    top: 780px !important;
    left: 10px !important;
    right: 10px !important;
    gap: 15px !important;
  }

  .singles-showcase-card-title {
    font-size: 20px !important;
  }

  .singles-showcase-card-date {
    font-size: 16px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase-card-title {
    font-size: 18px !important;
  }

  .drop-request-title {
    top: 660px !important;
    font-size: 80px !important;
  }

  .drop-request-description {
    top: 750px !important;
  }

  .request-form {
    position: relative !important;
    left: 12px !important;
    top: 765px !important;
    height: 435px !important;
  }

  .mobile-release-text {
    top: 1255px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase-play-button {
    width: 65px !important;
    height: 65px !important;
  }

  .overtime-bts-youtube-video {
    top: 1330px !important;
  }

  .overtime-bts-youtube-video-gradient {
    top: 1330px !important;
  }

  .making-of-overtime-text {
    top: 1345px !important;
  }

  .sahxl-credit-text {
    top: 1367px !important;
  }

  .circle-worst-image {
    left: 12px !important;
  }

  .youtube-play-overlay {
    top: 1410px !important;
  }

  .mobile-release-text {
    top: 1265px !important;
  }

  .request-form {
    top: 775px !important;
  }

  .drop-request-description {
    top: 760px !important;
  }

  .drop-request-title {
    top: 670px !important;
  }

  .watch-more-youtube-overtime-overlay {
    top: 1502px !important;
  }
}

@media (max-width: 767px) {
  .music-track-duration {
    font-size: 16px !important;
  }

  .music-row-reaction .icon {
    width: 27px !important;
    height: 27px !important;
  }
}

@media (max-width: 767px) {
  .singles-showcase-card-title {
    font-size: 16px !important;
  }

  .singles-showcase-card-date {
    font-size: 14px !important;
  }

  .top-right-banner-image {
    top: 1550px !important;
  }

  .request-star-image {
    top: 1524px !important;
  }

  .request-divider-line {
    top: 1735px !important;
  }

  .overtime-youtube-description {
    top: 1755px !important;
  }

  .learn-more-overtime {
    width: 210px !important;
  }
}

@media (max-width: 767px) {
  .overtime-youtube-title {
    top: 1635px !important;
  }

  .learn-more-overtime {
    top: 1875px !important;
  }

  .unreleased-tapes-title {
    top: 1990px !important;
  }

  .unreleased-tapes-image {
    top: 2070px !important;
  }

  .unreleased-tapes-music-row {
    top: 2120px !important;
  }
}

@media (min-width: 768px) {
  .music-track-duration {
    right: 200px !important;
  }

  .singles-showcase-play-button {
    display: none !important;
  }

  .singles-showcase-card-title {
    font-size: 18px !important;
  }
}

@media (min-width: 768px) {
  .music-track-duration {
    font-size: 18px !important;
  }

  .music-row-reaction .icon {
    width: 30px !important;
    height: 30px !important;
  }
}

@media (min-width: 768px) {
  .music-track-duration {
    font-size: 17px !important;
  }
}

@media (max-width: 767px) {
  .request-form {
    top: 805px !important;
  }
}

@media (min-width: 768px) {
  .follow-button-image {
    top: 357px;
    left: 287px;
  }
}

.desktop-only-spotify-icon-added {
  position: absolute;
  left: 1063.14px;
  top: 42.7016px;
  width: 16.15px;
  height: 16.15px;
  object-fit: contain;
  display: none;
  z-index: 46;
  pointer-events: none;
}

@media (min-width: 768px) {
  .desktop-only-spotify-icon-added {
    display: block;
  }
}

/* New music child snapshot additions */
@media (max-width: 767px) {
  html,
  body.sahxl-new-music-template {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

/* === Converted from child music.html: inline styles === */
/* sahxl-tablet-artboard-fix */
@media (min-width: 768px) and (max-width: 0px) and (pointer: coarse) {
  html,
  body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden !important;
  }

  body {
    --tablet-artboard-width: 820px;
    --tablet-artboard-height: 2600px;
    --tablet-scale: 1;
    --tablet-offset-x: 0px;
    --tablet-offset-y: 0px;
    background: #ffffff;
    min-height: calc(var(--tablet-artboard-height) * var(--tablet-scale)) !important;
  }

  .tablet-artboard {
    position: absolute;
    top: var(--tablet-offset-y);
    left: var(--tablet-offset-x);
    display: block;
    width: var(--tablet-artboard-width);
    height: var(--tablet-artboard-height);
    min-height: 0;
    overflow: visible;
    transform: scale(var(--tablet-scale));
    transform-origin: top left;
  }

  .tablet-artboard .top-nav,
  .tablet-artboard .suite-clock,
  .tablet-artboard .social-icon,
  .tablet-artboard .top-cta__contact-wrap {
    display: none !important;
  }

  .tablet-artboard .site-logo {
    position: absolute !important;
    top: 22px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 241 !important;
    display: block !important;
    width: 242px !important;
    height: auto !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .tablet-artboard .mobile-menu {
    position: absolute !important;
    top: 30px !important;
    left: 18px !important;
    z-index: 241 !important;
    display: block !important;
    width: 42px !important;
    height: 34px !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    animation: none !important;
  }

  .tablet-artboard .mobile-menu__line {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    height: 1.5px !important;
    background: #ffffff !important;
    transform-origin: left center !important;
  }

  .tablet-artboard .mobile-menu__line:nth-child(1) {
    top: 6px !important;
    width: 32px !important;
  }

  .tablet-artboard .mobile-menu__line:nth-child(2) {
    top: 16px !important;
    width: 42px !important;
  }

  .tablet-artboard .mobile-menu__line:nth-child(3) {
    top: 26px !important;
    width: 24px !important;
  }

  .tablet-artboard .top-cta {
    position: absolute !important;
    top: 24px !important;
    right: 18px !important;
    z-index: 241 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  .tablet-artboard .top-cta__bag {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    justify-content: center !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  .tablet-artboard .top-cta__bag > span:first-child {
    display: none !important;
  }

  .tablet-artboard .top-cta__bag-icon {
    width: 30px !important;
    height: 30px !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .tablet-artboard .top-cta__bag-icon img {
    width: 24px !important;
    height: 24px !important;
    filter: brightness(0) invert(1) !important;
  }

  .tablet-artboard .top-cta__badge {
    top: -2px !important;
    right: -2px !important;
  }

  .tablet-artboard .mobile-menu-panel {
    position: fixed !important;
    inset: 0 !important;
    z-index: 240 !important;
    width: 100vw !important;
    height: 100vh !important;
  }
}


/* sahxl-reference-music-player-switch */
@font-face {
      font-family: "ZuumeRoughBold";
      src: url("https://90fd3d50.eastnoir-assets.pages.dev/fontspring-demo-zuumerough-bold_kk3eh0.otf") format("opentype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: "ComicSansMS";
      src: url("https://f9ad9654.eastnoir-assets.pages.dev/Comic%20Sans%20MS.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

    .top-cta__contact {
      opacity: 1 !important;
    }

    .sahxl-archive-title {
      font-family: "ZuumeRoughBold", sans-serif !important;
    }

    .sahxl-archive-subtitle {
      font-family: "ComicSansMS", cursive !important;
    }

    .drop-request-title {
      font-family: "ZuumeRoughBold", sans-serif !important;
    }

    .drop-request-description {
      font-family: "ComicSansMS", cursive !important;
    }

    .overtime-youtube-title {
      font-family: "ZuumeRoughBold", sans-serif !important;
    }

    .overtime-youtube-description {
      font-family: "ComicSansMS", cursive !important;
    }

    .unreleased-tapes-title {
      font-family: "ZuumeRoughBold", sans-serif !important;
    }

    .spotify-play-button {
      position: absolute;
      top: 344px;
      left: 140px;
      width: 50px;
      height: 50px;
      object-fit: contain;
      z-index: 2;
      cursor: pointer;
    }

    .spotify-cover-image {
      position: absolute;
      top: 344px;
      left: 206px;
      width: 40px;
      height: 50px;
      border-radius: 5px;
      border: 2px solid grey;
      object-fit: cover;
      z-index: 2;
    }

    .spotify-small-icon {
      position: absolute;
      top: 358px;
      left: 263px;
      width: 23px;
      height: 23px;
      object-fit: contain;
      z-index: 3;
      cursor: pointer;
    }

    .follow-button-image {
      position: absolute;
      top: 395px;
      left: 140px;
      width: 99px;
      height: 29px;
      object-fit: contain;
      z-index: 3;
      cursor: pointer;
    }

    .spotify-small-icon-image {
      position: absolute;
      left: 143px;
      top: 635px;
      width: 21px;
      height: 21px;
      z-index: 3;
      pointer-events: none;
    }

    .new-music-title {
      position: absolute;
      top: 440px;
      left: 10px;
      font-family: Arial, sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      color: #000;
    }

    .music-player-container {
      position: absolute;
      top: 470px;
      left: 0;
      right: 0;
      height: 320px;
      display: flex;
      flex-direction: column;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
      touch-action: pan-x pan-y;
      overscroll-behavior-x: contain;
    }
    .music-player-container::-webkit-scrollbar { display: none; }

    .music-player-pages { width: 100%; min-width: 100%; height: 100%; display: flex; flex-direction: row; }

    .music-player-page {
      flex: 0 0 100%;
      width: 100%;
      min-width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      scroll-snap-align: start;
    }

    .new-music-row {
      position: relative;
      flex: 1 1 25%;
      min-height: 0;
      border-bottom: 1px solid #b4b4b4;
      color: #000;
      cursor: pointer;
    }

    .new-music-row-number {
      position: absolute;
      left: 10px;
      top: 50%;
      width: 24px;
      height: 24px;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: Arial, sans-serif;
      font-size: 20px;
      font-weight: 400;
      z-index: 2;
    }
    .new-music-row-number::before { content: attr(data-number); opacity: 1; transition: opacity 0.2s ease;}
    .new-music-row-number::after  { content: '▶'; opacity: 0; font-size: 16px; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s ease;}

    .new-music-row:hover .new-music-row-number::before { opacity: 0; }
    .new-music-row:hover .new-music-row-number::after  { opacity: 1; }

    .new-music-row.is-playing .new-music-row-number::before { opacity: 0; }
    .new-music-row.is-playing .new-music-row-number::after {
      content: '';
      opacity: 1;
      width: 15px;
      height: 15px;
      margin: auto;
      background: url('https://open.spotifycdn.com/cdn/images/equaliser-animated-green.f5eb96f2.gif') center / contain no-repeat;
    }

    .new-music-row-image {
      position: absolute;
      left: 42px;
      top: 50%;
      width: 45px;
      height: 45px;
      transform: translateY(-50%);
      object-fit: contain;
      border-radius: 4px;
    }

    .music-player-title {
      position: absolute;
      left: 100px;
      top: 14px;
      width: calc(100% - 295px);
      max-width: 230px;
      font-family: Helvetica, sans-serif;
      font-size: 18px;
      color: #000;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .music-player-explicit-badge {
      position: absolute;
      left: 100px;
      bottom: 15px;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      background: #b3b3b3;
      font-family: Arial, sans-serif;
      font-size: 11px;
      font-weight: 600;
      line-height: 20px;
      text-align: center;
      color: #000;
    }

    .music-streams-text {
      position: absolute;
      left: 130px;
      bottom: 15px;
      width: calc(100% - 325px);
      max-width: 200px;
      font-family: Helvetica, sans-serif;
      font-size: 18px;
      color: #000;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .music-track-duration {
      position: absolute;
      right: 125px;
      top: 50%;
      transform: translateY(-50%);
      font-family: Helvetica, sans-serif;
      font-size: 16px;
      color: #000;
      width: 2.9em;
      text-align: center;
      white-space: nowrap;
    }

    .music-row-reactions {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      gap: 10px;
      z-index: 3;
    }

    .music-row-reaction {
      position: relative;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      user-select: none;
    }

    .music-row-reaction-input {
      position: absolute;
      inset: 0;
      opacity: 0;
      z-index: 2;
      cursor: pointer;
    }

    .music-row-reaction .icon {
      width: 22px;
      height: 22px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.5px;
    }

    .music-row-reaction-input:checked ~ .icon {
      fill: #7c3aed;
      stroke: #7c3aed;
    }

    .music-row-action-button {
      width: 40px;
      height: 40px;
      padding: 0;
      border: 0;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    .music-row-action-button img {
      width: 40px;
      height: 40px;
      display: block;
    }

    .music-player-slide-indicator {
      position: absolute;
      top: 730px;
      left: 15px;
      width: 60px;
      height: 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 12;
    }

    .music-player-slide-indicator__dot {
      width: 12px;
      height: 12px;
      min-width: 12px;
      min-height: 12px;
      flex: 0 0 12px;
      border: 1px solid #8d8d8d;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
    }
    .music-player-slide-indicator__dot.is-active { background: #8d8d8d; }

    .release-footer-text, .mobile-release-text {
      position: absolute;
      top: 730px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #000;
      z-index: 2;
    }
    .release-footer-text { display: none; }
    .mobile-release-text  { display: block; right: 10px; white-space: nowrap; }

@keyframes button-click-pulse {
  0% { transform: scale(1); }
  30% { transform: scale(0.82); }
  100% { transform: scale(1); }
}


@keyframes sahxl-reaction-button-pop {
  0% { transform: scale(1) rotate(0deg); }
  34% { transform: scale(0.76) rotate(-7deg); }
  68% { transform: scale(1.18) rotate(5deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes sahxl-reaction-toast-rise {
  0% {
    opacity: 0;
    transform: translate(-50%, 8px) scale(0.72);
    filter: blur(3px);
  }
  15% {
    opacity: 1;
    transform: translate(-50%, -6px) scale(1);
    filter: blur(0);
  }
  72% {
    opacity: 1;
    transform: translate(-50%, -30px) scale(1);
    filter: blur(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -44px) scale(0.88);
    filter: blur(2px);
  }
}

.music-row-action-button.is-reaction-popping {
  animation: sahxl-reaction-button-pop 0.34s cubic-bezier(0.2, 0.9, 0.25, 1.25) both !important;
}

.music-row-reaction-toast {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 28px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.78);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24), inset 0 0 18px rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
  animation: sahxl-reaction-toast-rise 1.05s ease-out forwards;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.music-row-reaction-toast::before,
.music-row-reaction-toast::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.68;
  pointer-events: none;
}

.music-row-reaction-toast::before {
  width: 5px;
  height: 5px;
  left: 8px;
  top: -6px;
}

.music-row-reaction-toast::after {
  width: 3px;
  height: 3px;
  right: 10px;
  bottom: -5px;
  opacity: 0.44;
}

.music-row-reaction-toast--love {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.96), rgba(0, 0, 0, 0.84));
}

.music-row-reaction-toast--dislike {
  color: #ffffff;
  background: linear-gradient(135deg, rgba(45, 45, 45, 0.96), rgba(0, 0, 0, 0.86));
}



@keyframes sahxl-now-playing-in {
  0% {
    opacity: 0;
    transform: translate(-14px, 12px) scale(0.94);
    filter: blur(3px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes sahxl-now-playing-pulse {
  0%, 100% { transform: scaleY(0.36); opacity: 0.55; }
  50% { transform: scaleY(1); opacity: 1; }
}

.sahxl-now-playing-toast {
  position: fixed !important;
  left: max(14px, env(safe-area-inset-left)) !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  z-index: 2147483647 !important;
  display: none;
  align-items: center;
  gap: 10px;
  width: min(318px, calc(100vw - 28px));
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.82);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.34), inset 0 0 22px rgba(255, 255, 255, 0.06);
  color: #ffffff;
  font-family: Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.sahxl-now-playing-toast.is-visible {
  display: flex;
  animation: sahxl-now-playing-in 0.34s cubic-bezier(0.18, 0.86, 0.32, 1) both;
}

.sahxl-now-playing-toast__cover {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 7px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.12);
}

.sahxl-now-playing-toast__body {
  min-width: 0;
  flex: 1 1 auto;
}

.sahxl-now-playing-toast__label {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
}

.sahxl-now-playing-toast__bars {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  width: 14px;
  height: 10px;
}

.sahxl-now-playing-toast__bars span {
  width: 2px;
  height: 10px;
  border-radius: 999px;
  background: #1ed760;
  transform-origin: bottom;
  animation: sahxl-now-playing-pulse 0.78s ease-in-out infinite;
}

.sahxl-now-playing-toast__bars span:nth-child(2) { animation-delay: 0.12s; }
.sahxl-now-playing-toast__bars span:nth-child(3) { animation-delay: 0.24s; }

.sahxl-now-playing-toast__title {
  overflow: hidden;
  max-width: 142px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sahxl-now-playing-toast__spotify {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: #1ed760;
  color: #000000;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .sahxl-now-playing-toast {
    left: max(10px, env(safe-area-inset-left));
    bottom: max(10px, env(safe-area-inset-bottom));
    width: min(305px, calc(100vw - 20px));
    min-height: 54px;
    padding: 8px 9px;
    border-radius: 12px;
  }

  .sahxl-now-playing-toast__cover {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }

  .sahxl-now-playing-toast__title {
    max-width: 124px;
    font-size: 12px;
  }

  .sahxl-now-playing-toast__spotify {
    height: 30px;
    padding: 0 9px;
    font-size: 8px;
  }
}

@media (max-width: 767px) {
    @media screen {
      html {
        margin-top: 0px !important;
      }
    }
    #wpadminbar {
      display: none !important;
    }
    .spotify-play-button {
      top: 380px !important;
      left: 10px !important;
    }
    .spotify-cover-image {
      top: 380px !important;
      left: 70px !important;
    }
    .spotify-small-icon {
      left: 120px !important;
      top: 395px !important;
      width: 30px !important;
      height: 30px !important;
    }
    .follow-button-image {
      top: 395px !important;
      left: 145px !important;
      width: 102px !important;
    }
    .music-player-title {
      font-size: 20px !important;
    }
    .music-row-reactions {
      gap: 7px !important;
    }
    .music-player-container,
    .singles-showcase-grid,
    .unreleased-tapes-music-row {
      touch-action: pan-x pan-y !important;
      overscroll-behavior-x: contain !important;
      -webkit-overflow-scrolling: touch !important;
      scroll-snap-type: x mandatory !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
    }

    .music-player-container {
      scroll-snap-type: x mandatory !important;
    }

    .new-music-row-number::after {
      content: '' !important;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 11px solid #000;
      font-size: 0 !important;
      line-height: 0 !important;
      background: none;
    }

    .new-music-row.is-playing .new-music-row-number::after {
      width: 15px;
      height: 15px;
      border: 0;
      background: url('https://open.spotifycdn.com/cdn/images/equaliser-animated-green.f5eb96f2.gif') center / contain no-repeat;
    }

    .unreleased-tapes-music-row {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      gap: 14px !important;
      width: 100vw !important;
      max-width: none !important;
      min-width: 100vw !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      scroll-snap-type: none !important;
      scrollbar-width: none !important;
      padding-right: 24px !important;
      box-sizing: border-box !important;
    }

    .unreleased-tapes-music-row::-webkit-scrollbar {
      display: none;
    }

    .unreleased-tapes-music-row img {
      flex: 0 0 auto !important;
      scroll-snap-align: start !important;
      max-width: none !important;
    }
}

@media (min-width: 768px) {
      .follow-button-image { top: 357px; left: 287px; pointer-events: all !important; }
      .new-music-title { left: 140px; top: 411px; font-size: 30px; }
      .music-player-container { left: 140px; right: auto; top: 452px; bottom: auto; width: 550px; height: 300px; }
      .music-track-duration { right: 125px; font-size: 17px; }
      .music-row-reactions { gap: 7px !important; right: 15px; }
      .music-row-action-button { width: 42px !important; height: 42px !important; transition: transform 0.1s ease; }
      .music-row-action-button:active { animation: button-click-pulse 0.2s ease-out; }
      .release-footer-text { display: block; position: absolute; left: 482px; right: auto; top: 770px; white-space: nowrap; }
      .mobile-release-text { display: none; }
      .music-player-slide-indicator { left: 140px; top: 770px; }
      
      /* Removed the hover scale transition zoom completely */
      .unreleased-tapes-music-row img {
         cursor: pointer;
      }

    .singles-showcase-art::after {
        content: "";
        position: absolute;
        right: 28px;
        bottom: 28px;
        width: 84px;
        height: 84px;
    }
}

/* ==========================================================================
   IPAD & TABLET CUSTOM SPECIFIC OVERRIDES
   ========================================================================== */
@media (min-width: 768px) and (max-width: 0px) {
  html, body {
    margin-top: 0px !important;
  }
  
  /* Transform showcase elements into a single-line horizontal browser */
  .singles-showcase-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 24px !important;
    padding-bottom: 20px !important;
  }

  .singles-showcase-card {
    flex: 0 0 260px !important;
    scroll-snap-align: start !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
}

.singles-showcase-card.is-loading .singles-showcase-play-button {
  opacity: 0.55;
  transform: scale(0.92);
}

.singles-showcase-card.is-playing {
  outline: 2px solid #ffffff;
  outline-offset: 6px;
}

.singles-showcase-card.is-playing .singles-showcase-play-button {
  transform: scale(1);
}

@font-face {
  font-family: "Bebas Neue Bold";
  src: url("https://90fd3d50.eastnoir-assets.pages.dev/BebasNeueBold_ckeuve.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed Cart Bold";
  src: url("https://res.cloudinary.com/dlpufegqf/raw/upload/v1777120148/BarlowCondensed-Bold_pqkktt.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.mobile-bag,
.mobile-drawer {
  display: none;
}

@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: auto !important;
    touch-action: auto !important;
  }

  body {
    --mobile-artboard-width: 390px;
    min-height: var(--mobile-page-height, calc(2600px * var(--mobile-scale, 1))) !important;
  }

  .mobile-artboard {
    left: 0 !important;
    right: auto !important;
    overflow: visible !important;
  }

  .star-logo {
    display: none !important;
  }

  .top-nav,
  .top-cta,
  .social-icon {
    display: none !important;
  }

  .site-logo {
    display: block !important;
    top: calc(max(22px, env(safe-area-inset-top)) + 0px) !important;
    right: 0 !important;
    left: 0 !important;
    width: min(54vw, 242px) !important;
    margin: 0 auto !important;
    z-index: 240 !important;
    transform: none !important;
    transform-origin: center !important;
  }

  .mobile-menu,
  .mobile-bag {
    position: absolute !important;
    top: calc(max(30px, env(safe-area-inset-top)) + 0px) !important;
    z-index: 241 !important;
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    will-change: opacity, transform;
  }

  .mobile-menu {
    left: 18px !important;
    width: 42px !important;
    height: 34px !important;
  }

  .mobile-menu.is-open {
    z-index: 560 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-menu__line {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    height: 1.5px !important;
    background: #ffffff !important;
    transform-origin: left center !important;
    animation: mobileMenuLineLoop 10s cubic-bezier(0.19, 1, 0.22, 1) infinite both !important;
    transition: opacity 220ms ease !important;
  }

  .mobile-menu__line:nth-child(1) {
    top: 6px !important;
    width: 32px !important;
    animation-delay: 120ms !important;
  }

  .mobile-menu__line:nth-child(2) {
    top: 16px !important;
    width: 42px !important;
    animation-delay: 340ms !important;
  }

  .mobile-menu__line:nth-child(3) {
    top: 26px !important;
    width: 24px !important;
    animation-delay: 560ms !important;
  }

  .mobile-menu__swap-icon {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    opacity: 0 !important;
    transform: translateY(-50%) !important;
    transition: opacity 260ms ease !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 24px rgba(0, 0, 0, 0.16) !important;
  }

  .mobile-menu__swap-icon svg {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
  }

  .mobile-menu.is-open .mobile-menu__line,
  .mobile-menu.is-open .mobile-menu__swap-icon {
    opacity: 0 !important;
  }

  body.entrance-ready .mobile-menu,
  body.entrance-ready .mobile-bag {
    animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
  }

  body.entrance-ready .mobile-bag {
    animation-delay: 340ms !important;
  }

  .mobile-bag {
    right: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 37px !important;
    height: 37px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    line-height: 34px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    top: 26px !important;
    z-index: 541 !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
  }

  .cart-text,
  .cart-word {
    display: none !important;
  }

  .mobile-bag__icon {
    display: block !important;
    width: 37px !important;
    height: 37px !important;
    object-fit: contain !important;
  }

  .mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 500 !important;
    display: block !important;
    background: rgba(0, 0, 0, 0.34) !important;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__panel {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: var(--app-height, 100dvh) !important;
    min-height: var(--app-height, 100dvh) !important;
    max-height: var(--app-height, 100dvh) !important;
    padding: 0 !important;
    --drawer-pad-x: clamp(20px, 6vw, 34px);
    --drawer-top-pad: calc(max(20px, env(safe-area-inset-top)) + 18px);
    --drawer-footer-bottom: calc(max(18px, env(safe-area-inset-bottom)) + 24px);
    --drawer-hero-height: clamp(220px, calc(var(--app-height, 100dvh) * 0.43), 340px);
    --drawer-meta-top: clamp(198px, calc(var(--app-height, 100dvh) * 0.33), 282px);
    --drawer-menu-top: clamp(308px, calc(var(--app-height, 100dvh) * 0.445), 398px);
    background: linear-gradient(180deg, rgba(3, 6, 15, 0.97) 0%, rgba(4, 8, 18, 0.985) 46%, rgba(4, 7, 17, 0.99) 100%) !important;
    transform: none !important;
    opacity: 0 !important;
    transition: opacity 880ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    overflow: hidden !important;
    box-shadow: 0 -24px 48px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .mobile-drawer__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 18% 86%, rgba(22, 54, 160, 0.10), rgba(22, 54, 160, 0) 38%), radial-gradient(circle at 82% 76%, rgba(0, 170, 255, 0.08), rgba(0, 170, 255, 0) 22%);
    pointer-events: none;
  }

  .mobile-drawer__panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 6, 15, 0.1) 0%, rgba(3, 6, 15, 0.18) 24%, rgba(3, 6, 15, 0.34) 40%, rgba(3, 6, 15, 0.62) 54%, rgba(3, 6, 15, 0.86) 66%, rgba(3, 6, 15, 0.97) 76%, rgba(3, 6, 15, 1) 100%);
    pointer-events: none;
  }

  .mobile-drawer__bg-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--drawer-hero-height) !important;
    z-index: 0 !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .mobile-drawer__video-fade {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--drawer-hero-height) !important;
    z-index: 1 !important;
    background: linear-gradient(180deg, rgba(3, 6, 15, 0.9) 0%, rgba(3, 6, 15, 0.5) 14%, rgba(3, 6, 15, 0.12) 30%, rgba(3, 6, 15, 0) 42%), linear-gradient(180deg, rgba(3, 6, 15, 0) 0%, rgba(3, 6, 15, 0.08) 38%, rgba(3, 6, 15, 0.42) 68%, rgba(3, 6, 15, 0.82) 88%, rgba(3, 6, 15, 1) 100%) !important;
    pointer-events: none !important;
  }

  .mobile-drawer__bottom-fade {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 170px !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.90) 20%, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.30) 80%, rgba(0, 0, 0, 0.08) 95%, rgba(0, 0, 0, 0) 100%) !important;
  }

  .mobile-drawer__topbar {
    position: absolute !important;
    top: calc(var(--drawer-top-pad) - 8px) !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__logo {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transform: translateY(3px) !important;
  }

  .mobile-drawer__logo img {
    display: block !important;
    width: clamp(172px, 48vw, 224px) !important;
    height: auto !important;
  }

  .mobile-drawer__close,
  .mobile-cart__close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 24px rgba(0, 0, 0, 0.16) !important;
    cursor: pointer !important;
  }

  .mobile-drawer__close {
    color: #ffffff !important;
    transform: translateY(-5px) !important;
  }

  .mobile-drawer__close svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
  }

  .mobile-drawer__content {
    position: absolute !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    top: var(--drawer-menu-top) !important;
    bottom: calc(var(--drawer-footer-bottom) + 52px) !important;
    z-index: 2 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__statement {
    position: absolute !important;
    left: var(--drawer-pad-x) !important;
    top: var(--drawer-meta-top) !important;
    z-index: 2 !important;
    margin: 0 !important;
    color: #969ba4 !important;
    font-family: "SFMono-Regular", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    white-space: pre-line !important;
    text-shadow: 0 0 14px rgba(4, 8, 18, 0.28) !important;
    opacity: 0 !important;
    transform: translateY(14px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__policies {
    position: absolute !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    bottom: calc(var(--drawer-footer-bottom) - 10px) !important;
    z-index: 2 !important;
    color: rgba(215, 223, 230, 0.88) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: auto !important;
    padding: 0 2px !important;
    text-align: center !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__policy-link {
    color: inherit !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mobile-drawer__menu-text {
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(4px, 2.1vh, 14px) !important;
    margin: 0 !important;
    transform: none !important;
  }

  .mobile-drawer__menu-line {
    display: block !important;
    padding: 0 !important;
    color: #d9d9d9 !important;
    font-family: "Bebas Neue Bold", "Barlow Condensed", "Arial Narrow", sans-serif !important;
    font-size: clamp(54px, min(15vw, 10.4vh), 106px) !important;
    font-weight: 700 !important;
    line-height: 0.84 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    white-space: nowrap !important;
    position: relative !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    text-decoration: none !important;
  }

  .mobile-drawer__menu-line::after {
    display: none !important;
  }

  .mobile-drawer__socials {
    position: absolute !important;
    left: 0 !important;
    top: 190px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 0 !important;
    line-height: 0 !important;
    width: fit-content !important;
    transform: translateX(5px) scale(1.347402) !important;
    transform-origin: left top !important;
  }

  .mobile-drawer__social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms ease !important;
  }

  .mobile-drawer__social-link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: filter 180ms ease, transform 180ms ease !important;
  }

  .mobile-drawer__social-link--instagram { width: 15.3px !important; height: 15.3px !important; }
  .mobile-drawer__social-link--apple { width: 16.9575px !important; height: 16.9575px !important; }
  .mobile-drawer__social-link--youtube { width: 17.765px !important; height: 17.765px !important; }
  .mobile-drawer__social-link--spotify { width: 16.15px !important; height: 16.15px !important; }
  .mobile-drawer__social-link--tiktok { width: 17.765px !important; height: 17.765px !important; }
  .mobile-drawer__social-link--discord { width: 20.0925px !important; height: 20.0925px !important; }

  .mobile-drawer.is-open {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .mobile-drawer.is-open .mobile-drawer__panel,
  .mobile-drawer.is-open .mobile-drawer__topbar,
  .mobile-drawer.is-open .mobile-drawer__statement,
  .mobile-drawer.is-open .mobile-drawer__content,
  .mobile-drawer.is-open .mobile-drawer__policies,
  .mobile-drawer.is-open .mobile-drawer__menu-line,
  .mobile-drawer.is-open .mobile-drawer__social-link {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .mobile-drawer.is-open .mobile-drawer__topbar { transition-delay: 90ms !important; }
  .mobile-drawer.is-open .mobile-drawer__statement { transition-delay: 160ms !important; }
  .mobile-drawer.is-open .mobile-drawer__content { transition-delay: 230ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(1) { transition-delay: 290ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(2) { transition-delay: 340ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(3) { transition-delay: 390ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(4) { transition-delay: 440ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(1) { transition-delay: 500ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(2) { transition-delay: 540ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(3) { transition-delay: 580ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(4) { transition-delay: 620ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(5) { transition-delay: 660ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(6) { transition-delay: 700ms !important; }
  .mobile-drawer.is-open .mobile-drawer__policies { transition-delay: 510ms !important; }

  .mobile-cart {
    position: fixed !important;
    inset: 0 !important;
    z-index: 570 !important;
    display: block !important;
    background: rgba(0, 0, 0, 0.56) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 320ms ease, visibility 320ms ease !important;
  }

  .mobile-cart__panel {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: min(80vw, 420px) !important;
    max-width: 420px !important;
    height: 100% !important;
    padding: calc(max(28px, env(safe-area-inset-top)) + 10px) 20px 20px !important;
    background: #ffffff !important;
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: -24px 0 60px rgba(0, 0, 0, 0.18) !important;
    opacity: 1 !important;
    transform: translate3d(100%, 0, 0) !important;
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    will-change: transform !important;
  }

  .mobile-cart__header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }

  .mobile-cart.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mobile-cart.is-open .mobile-cart__panel {
    transform: translate3d(0, 0, 0) !important;
  }

  .mobile-cart__title {
    color: #111111 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
  }

  .mobile-cart__close {
    color: #111111 !important;
    transform: translateY(-15px) !important;
  }

  .mobile-cart__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  .mobile-cart__items {
    flex: 1 1 auto !important;
    margin-top: 8px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
  }

  .mobile-cart__status {
    color: #111111 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    padding: 18px 0 !important;
  }

  .mobile-cart__footer {
    padding: 28px 0 8px !important;
    margin-top: auto !important;
    background: rgba(255, 255, 255, 0.76) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(14px) !important;
  }

  .mobile-cart__subtotal {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: #1b1b1b !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  .mobile-cart__close img {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    filter: brightness(0) !important;
  }

  .mobile-cart__checkout,
  .mobile-cart__checkout:hover,
  .mobile-cart__checkout:focus,
  .mobile-cart__checkout:active,
  .mobile-cart__checkout:visited {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 36px !important;
    margin-top: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #191919 !important;
    color: #f5f5f5 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    padding-bottom: 0 !important;
  }

  .mobile-cart__promo img {
    display: block !important;
    width: 100% !important;
    height: 28px !important;
    object-fit: contain !important;
  }

  .mobile-cart__payment-note {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-top: 10px !important;
    color: #8f8a86 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  body.mobile-cart-open,
  body.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
}

@media (max-width: 767px) and (max-height: 620px) {
  .mobile-drawer__panel {
    --drawer-top-pad: calc(max(14px, env(safe-area-inset-top)) + 10px);
    --drawer-footer-bottom: calc(max(12px, env(safe-area-inset-bottom)) + 12px);
    --drawer-hero-height: clamp(170px, calc(var(--app-height, 100dvh) * 0.44), 250px);
    --drawer-meta-top: clamp(142px, calc(var(--app-height, 100dvh) * 0.31), 198px);
    --drawer-menu-top: clamp(216px, calc(var(--app-height, 100dvh) * 0.42), 274px);
  }

  .mobile-drawer__logo img {
    width: clamp(138px, 40vw, 186px) !important;
  }

  .mobile-drawer__close {
    width: 42px !important;
  }

  .mobile-drawer__statement {
    font-size: 10px !important;
    line-height: 1.28 !important;
  }

  .mobile-drawer__menu-text {
    gap: clamp(8px, 2vh, 14px) !important;
  }

  .mobile-drawer__menu-line {
    font-size: clamp(38px, min(12vw, 9.2vh), 64px) !important;
    line-height: 0.86 !important;
  }

  .mobile-drawer__policies {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }
}

@keyframes mobileMenuLineLoop {
  0% {
    transform: scaleX(0);
  }

  18%,
  100% {
    transform: scaleX(1);
  }
}

/* Learn More Link Fill effect */
.learn-more-overtime {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, border-color 0.25s ease-in-out, border-width 0.25s ease-in-out;
}
.learn-more-overtime:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.sahxl-credit-text {
  top: 1432px !important;
}

/* Simple Access Gate Styles */
.simple-popup-listen-gate {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.simple-popup-listen-gate.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.simple-popup-capture {
  background: #111;
  padding: 30px;
  border: 1px solid #333;
  max-width: 400px;
  width: 90%;
  color: #fff;
  text-align: center;
}
.simple-popup-capture__field {
  display: flex;
  align-items: center;
  background: #222;
  border: 1px solid #444;
  padding: 5px 10px;
  margin-bottom: 15px;
}
.simple-popup-capture__icon svg {
  width: 20px;
  height: 20px;
  color: #aaa;
  margin-right: 10px;
}
.simple-popup-capture__input {
  background: transparent;
  border: none;
  color: #fff;
  flex: 1;
  outline: none;
}
.simple-popup-capture__submit {
  background: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
}
.simple-popup-capture__submit svg {
  width: 20px;
  height: 20px;
}
.simple-popup-capture__note {
  font-size: 12px;
  color: #888;
}
.simple-popup-capture__note-link {
  color: #fff;
  text-decoration: underline;
}

/* Explicit layout styling logic injections for layout updates */
* {
  box-sizing: border-box;
  margin: 0;
}
.social-icon {
  position: absolute;
  z-index: 45;
  display: block;
  line-height: 0;
  opacity: 0.95;
}
.social-icon--spotify {
  width: 16.15px;
  height: 16.15px;
}
body.entrance-ready .social-icon--spotify {
  animation-delay: 1070ms;
}

/* Injected keyframe instruction logic for explicit presentation values */
@keyframes dropFadeIn {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 0.95;
    transform: translateY(0);
  }
}

body.entrance-ready .site-logo, 
body.entrance-ready .suite-clock, 
body.entrance-ready .top-nav__link, 
body.entrance-ready .social-icon, 
body.entrance-ready .music-toggle, 
body.entrance-ready .music-art-button {
  animation: dropFadeIn 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (min-width: 768px) {
  .top-cta {
    position: absolute;
    top: 26px;
    right: 23px;
    z-index: 100;
    display: flex;
    align-items: center;
    border: 1px solid #ffffff;
    border-radius: 11px;
    padding: 2px;
    background: rgba(0, 0, 0, 0.62);
    transform: scale(1.083684);
    transform-origin: top right;
  }
  .top-cta, .top-cta__contact, .top-cta__bag, .top-cta__bag-icon, .top-cta__badge, .top-cta__bag-icon img {
    transition: background 220ms ease, color 220ms ease, border-color 220ms ease, filter 220ms ease, transform 220ms ease, box-shadow 220ms ease;
  }
  .top-cta__contact {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 5px 12.43px 6px 17.01px !important;
    background: transparent;
    color: #ffffff;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 9.692px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
  }
  .top-cta__contact-text {
    display: inline-block;
    white-space: nowrap;
  }
  .top-cta__bag {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 15px !important;
    min-width: 100px !important;
    padding: 4.86px 15px 4.86px 15px !important;
    border: 0;
    background: #e9e9e9;
    border-radius: 8px;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 10.692px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
  }
  .top-cta__bag-label {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
  }
  .top-cta__bag-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #ded8d3;
    border-radius: 9px;
  }
  .top-cta__bag-icon img {
    display: block;
    width: 16px;
    height: 16px;
    object-fit: contain;
    filter: brightness(0) saturate(100%);
  }
  .top-cta__badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 50%;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
  }
}

.overtime-bts-youtube-video.is-mobile-youtube-link:hover ~ .youtube-play-overlay {
  opacity: 1 !important;
}


/* celvoir-desktop-requested-edits */
/* Desktop-only requested edits */
.unreleased-tapes-image--desktop-added {
  display: none !important;
}

@media (min-width: 1181px) {
  .social-icon.social-icon--instagram {
    left: 951px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .social-icon.social-icon--apple {
    left: 976px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .social-icon.social-icon--youtube {
    left: 1001px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .social-icon.social-icon--spotify {
    left: 1026px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .social-icon.social-icon--tiktok {
    left: 1051px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .social-icon.social-icon--discord {
    left: 1076px !important;
    width: 20px !important;
    height: 20px !important;
  }

  .social-icon.social-icon--instagram img,
  .social-icon.social-icon--apple img,
  .social-icon.social-icon--youtube img,
  .social-icon.social-icon--spotify img,
  .social-icon.social-icon--tiktok img {
    width: 16px !important;
    height: 16px !important;
  }

  .social-icon.social-icon--discord img {
    width: 20px !important;
    height: 20px !important;
  }

  .social-icon.social-icon--spotify,
  a[aria-label="Spotify"].social-icon.social-icon--spotify {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
  }

  .top-cta__contact-text {
    width: 100% !important;
  }

  .spotify-cover-image {
    cursor: pointer !important;
    transition: filter 180ms ease, opacity 180ms ease !important;
  }

  .spotify-cover-image:hover {
    filter: brightness(42%) !important;
  }

  .spotify-cover-image-hover-play {
    position: absolute !important;
    top: 344px !important;
    left: 206px !important;
    width: 40px !important;
    height: 50px !important;
    border-radius: 5px !important;
    z-index: 5 !important;
    display: block !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 180ms ease !important;
  }

  .spotify-cover-image-hover-play::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    transform: translate(-38%, -50%) !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 13px solid #ffffff !important;
    filter: drop-shadow(0 1px 6px rgba(0,0,0,0.55)) !important;
  }

  .spotify-cover-image:hover + .spotify-cover-image-hover-play {
    opacity: 1 !important;
  }

  .follow-button-image,
  .spotify-small-icon {
    transition: transform 180ms ease !important;
  }

  .follow-button-image:hover,
  .follow-button-image:focus-visible {
    transform: scale(1.05) !important;
  }

  .spotify-small-icon:hover,
  .spotify-small-icon:focus-visible {
    transform: scale(1.1) !important;
  }

  .learn-more-overtime {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.2), rgba(255,255,255,0.06)) !important;
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease !important;
  }

  .learn-more-overtime::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.86), rgba(255,255,255,0.18)) !important;
    opacity: 0 !important;
    transition: opacity 240ms ease !important;
    pointer-events: none !important;
  }

  .learn-more-overtime span {
    position: relative !important;
    z-index: 1 !important;
    transition: color 220ms ease !important;
  }

  .learn-more-overtime:hover,
  .learn-more-overtime:focus-visible {
    border-color: rgba(255,255,255,0.95) !important;
    box-shadow: 0 0 24px rgba(255,255,255,0.22) !important;
  }

  .learn-more-overtime:hover::before,
  .learn-more-overtime:focus-visible::before {
    opacity: 1 !important;
  }

  .learn-more-overtime:hover span,
  .learn-more-overtime:focus-visible span {
    color: #000000 !important;
  }

  .top-cta__contact {
    overflow: hidden !important;
  }

  .top-cta__contact-text {
    display: inline-block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  .singles-showcase-play-button {
    display: flex !important;
    width: 90px !important;
    height: 90px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease !important;
  }

  .singles-showcase-art:hover .singles-showcase-play-button,
  .singles-showcase-art:focus-within .singles-showcase-play-button {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
  }

  .singles-showcase-card.is-playing .singles-showcase-play-button {
    content: url("https://1c13ddc4.eastnoir-assets.pages.dev/y5538q/Screenshot_2026-05-12_at_12_58_54_am-Picsart-BackgroundRemover_sz0d3u.webp") !important;
    transform: scale(1) !important;
  }

  a:has(> .overtime-bts-youtube-video.is-mobile-youtube-link):hover ~ a .youtube-play-overlay,
  a:has(> .overtime-bts-youtube-video.is-mobile-youtube-link):focus-within ~ a .youtube-play-overlay {
    opacity: 1 !important;
  }

  .unreleased-tapes-image--desktop-added {
    display: block !important;
    position: absolute !important;
    top: 2143px !important;
    left: 237px !important;
    width: 75px !important;
    height: auto !important;
    transform: rotate(270deg) !important;
    z-index: 6 !important;
    object-fit: contain !important;
  }
}


/* sahxl-simple-desktop-artboard */
@media (min-width: 768px) {
  html,
  body {
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #000000 !important;
  }

  body.sahxl-new-music-template {
    --sahxl-desktop-scale: 1;
    background: #000000 !important;
  }

  .sahxl-desktop-artboard-stage {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    background: #000000 !important;
    isolation: isolate !important;
  }

  .sahxl-desktop-artboard {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 1400px !important;
    min-width: 1400px !important;
    max-width: 1400px !important;
    min-height: 2600px !important;
    transform-origin: top center !important;
    transform: translateX(-50%) scale(var(--sahxl-desktop-scale, 1)) !important;
    overflow: visible !important;
    background: #000000 !important;
  }

  .sahxl-desktop-artboard .video-background {
    width: 1400px !important;
    max-width: 1400px !important;
  }

  #wpadminbar {
    z-index: 99999 !important;
  }
}

@media (max-width: 767px) {
  .sahxl-desktop-artboard-stage,
  .sahxl-desktop-artboard {
    display: contents !important;
  }
}


/* celvoir-website-white-background */
/* Minimal global background override: make the website/page canvas white. */
html,
body,
body.sahxl-new-music-template,
.sahxl-desktop-artboard-stage,
.sahxl-desktop-artboard,
.mobile-artboard,
.tablet-artboard {
  background: #ffffff !important;
  background-color: #ffffff !important;
}


/* celvoir-desktop-video-viewport-fit */
/* Desktop only: keep the background video fitted to the opening viewport, not the full 2600px page artboard. */
@media (min-width: 768px) {
  .sahxl-desktop-artboard .video-background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 1400px !important;
    max-width: 1400px !important;
    height: calc(100vh / var(--sahxl-desktop-scale, 1)) !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
    z-index: 0 !important;
  }
}


/* celvoir-align-overtime-youtube-left */
/* Desktop-only correction: keep the YouTube image right edge fixed, shrink from the left, and avoid cropping. */
@media (min-width: 768px) {
  .overtime-bts-youtube-video.is-mobile-youtube-link {
    left: auto !important;
    right: 78px !important;
    width: 610px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}


/* celvoir-align-overtime-youtube-gradient */
/* Desktop-only correction: match the YouTube gradient to the resized YouTube image. Keeps the right edge fixed and reduces only the left-side width. */
@media (min-width: 768px) {
  .overtime-bts-youtube-video-gradient {
    left: auto !important;
    right: 78px !important;
    width: 610px !important;
  }
}


/* celvoir-youtube-gradient-right-10px */
/* Desktop-only: extend the YouTube gradient to the right only, leaving its left edge aligned. */
@media (min-width: 768px) {
  .overtime-bts-youtube-video-gradient {
    left: auto !important;
    right: 10px !important;
    width: 678px !important;
  }
}


/* celvoir-youtube-image-right-10px */
/* Desktop-only: extend the YouTube image to the right only, leaving its left edge aligned and keeping the image un-cropped. */
@media (min-width: 768px) {
  .overtime-bts-youtube-video.is-mobile-youtube-link {
    left: auto !important;
    right: 10px !important;
    width: 678px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}


/* celvoir-overlay-position-updates */
/* Desktop-only requested position/size updates. */
@media (min-width: 768px) {
  .circle-worst-image {
    right: 625px !important;
    width: 50px !important;
    height: 50px !important;
  }

  .youtube-play-overlay {
    top: 1555px !important;
    right: 300px !important;
  }

  .watch-more-youtube-overtime-overlay {
    top: 1710px !important;
  }
}


/* celvoir-tablet-albums-one-row */
/* Tablet-only: force ALBUMS & EPs cards into one horizontal row. */
@media (min-width: 768px) and (max-width: 1180px) {
  .singles-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  .singles-showcase-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .singles-showcase-card:nth-child(n + 5) {
    display: none !important;
  }
}


/* celvoir-tablet-drop-request-bottom-padding */
/* Tablet-only: reduce the empty space below the Let's go button inside the drop request form. */
@media (min-width: 768px) and (max-width: 1180px) {
  .drop-request-form,
  .drop-request-panel,
  .drop-request-box,
  .drop-request-card,
  .drop-request-container {
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
  }

  .drop-request-submit,
  .drop-request-button,
  .drop-request-form button,
  .drop-request-form input[type="submit"] {
    margin-bottom: 0 !important;
  }
}


/* celvoir-tablet-request-form-height-fix */
/* Tablet-only: remove the fixed excess height causing the large white gap below the Let's go button. */
@media (min-width: 768px) and (max-width: 1180px) {
  .request-form {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  .request-form__inner {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 18px !important;
  }

  .request-form__submit-container,
  .request-form__submit {
    margin-bottom: 0 !important;
  }
}


/* celvoir-tablet-request-form-button-padding */
/* Tablet-only: add a bit of breathing room below the Let's go button. */
@media (min-width: 768px) and (max-width: 1180px) {
  .request-form {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  .request-form__inner {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 28px !important;
  }

  .request-form__submit-container,
  .request-form__submit {
    margin-bottom: 0 !important;
  }
}


/* celvoir-sahxl-podcast-outline */
/* Requested: thicker outline with proper button width/height for SAHXLs podcast button only. */
.learn-more-overtime {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 54px !important;
  padding: 8px 22px !important;
  line-height: 1 !important;
  outline: none !important;
  outline-offset: 0 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}
.learn-more-overtime span {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}


/* celvoir-desktop-overtime-section-up */
/* Desktop only: desktop-only adjusted position for the OVERTIME title, divider line, description, and star image. */
@media (min-width: 768px) {
  .overtime-youtube-title,
  .request-divider-line,
  .overtime-youtube-description,
  .top-right-banner-image {
    transform: translateY(-55px) !important;
  }

  .top-right-banner-image {
    transform: translateY(-85px) !important;
  }
}


/* celvoir-desktop-podcast-button-up-5 */
/* Desktop only: move SAHXLs podcast button up 5px. */
@media (min-width: 768px) {
  .learn-more-overtime {
    transform: translateY(-10px) !important;
  }
}


/* celvoir-tablet-mobile-style-header */
/* Tablet only: hide the desktop header and use the mobile-style menu/logo/cart header. */
@media (min-width: 768px) and (max-width: 1180px) {
  .top-nav,
  .suite-clock,
  .top-cta,
  .social-icon {
    display: none !important;
  }

  .site-logo {
    display: block !important;
    position: absolute !important;
    top: calc(max(22px, env(safe-area-inset-top)) + 0px) !important;
    right: 0 !important;
    left: 0 !important;
    width: min(54vw, 242px) !important;
    margin: 0 auto !important;
    z-index: 541 !important;
    opacity: 1 !important;
    transform: none !important;
    transform-origin: center !important;
  }

  .mobile-menu,
  .mobile-bag {
    position: absolute !important;
    top: calc(max(30px, env(safe-area-inset-top)) + 0px) !important;
    z-index: 542 !important;
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mobile-menu {
    left: 18px !important;
    width: 42px !important;
    height: 34px !important;
  }

  .mobile-menu__line {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    height: 1.5px !important;
    background: #ffffff !important;
    transform-origin: left center !important;
  }

  .mobile-menu__line:nth-child(1) {
    top: 6px !important;
    width: 32px !important;
  }

  .mobile-menu__line:nth-child(2) {
    top: 16px !important;
    width: 42px !important;
  }

  .mobile-menu__line:nth-child(3) {
    top: 26px !important;
    width: 24px !important;
  }

  .mobile-bag {
    right: 15px !important;
    top: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 37px !important;
    height: 37px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mobile-bag .cart-text,
  .mobile-bag .cart-word {
    display: none !important;
  }

  .mobile-bag__icon {
    display: block !important;
    width: 37px !important;
    height: 37px !important;
    object-fit: contain !important;
  }
}


/* celvoir-tablet-remove-spotify-x-only */
@media (min-width: 768px) and (max-width: 1180px) {
  .mobile-menu__swap-icon,
  .mobile-menu__swap-icon svg,
  .mobile-menu__swap-icon path {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}


/* celvoir-top-nav-gap-10 */
@media (min-width: 1181px) {
  .top-nav {
    gap: 10px !important;
  }
}


/* celvoir-desktop-logo-artboard-lock */
/* Desktop only: lock the SAHXL logo inside the 1400px desktop artboard so it scales/moves with the artboard instead of drifting in the viewport. */
@media (min-width: 1181px) {
  .sahxl-desktop-artboard > .site-logo {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    right: auto !important;
    display: block !important;
    width: 220px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 250 !important;
    opacity: 1 !important;
    transform: none !important;
    transform-origin: top left !important;
    animation: none !important;
  }

  .sahxl-desktop-artboard > .site-logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }
}


/* celvoir-requested-scroll-player-toast-podcast-fixes */
/* Requested patch: restore horizontal scrolling, keep music UI visible before API refresh, square now-playing toast with green neon ambience, and remove extra podcast outline. */
html,
body {
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
}

.sahxl-desktop-artboard-stage {
  overflow-y: visible !important;
}

.music-player-container,
.singles-showcase-grid,
.unreleased-tapes-music-row {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
}

.music-player-container,
.music-player-container .music-player-pages,
.music-player-container .music-player-page,
.music-player-container .new-music-row {
  visibility: visible !important;
  opacity: 1 !important;
}

.music-player-container {
  display: flex !important;
}

.music-player-pages {
  display: flex !important;
}

.sahxl-now-playing-toast,
.sahxl-now-playing-toast.is-visible {
  border-radius: 0 !important;
  box-shadow:
    0 0 18px rgba(30, 215, 96, 0.55),
    0 0 46px rgba(30, 215, 96, 0.34),
    0 0 92px rgba(30, 215, 96, 0.20),
    0 16px 42px rgba(0, 0, 0, 0.34),
    inset 0 0 22px rgba(30, 215, 96, 0.10) !important;
}

.sahxl-now-playing-toast::before {
  content: "";
  position: absolute;
  inset: -18px;
  z-index: -1;
  border-radius: 0;
  background: radial-gradient(circle, rgba(30, 215, 96, 0.42) 0%, rgba(30, 215, 96, 0.18) 38%, rgba(30, 215, 96, 0) 72%);
  filter: blur(18px);
  pointer-events: none;
}

.learn-more-overtime {
  outline: none !important;
  outline-offset: 0 !important;
}


/* celvoir-requested-toast-podcast-radius-size-v2 */
/* Requested patch: podcast button radius, now-playing toast sizing/position/title weight, and Full Song button radius. */
.learn-more-overtime {
  border-radius: 10px !important;
}

.sahxl-now-playing-toast,
.sahxl-now-playing-toast.is-visible {
  left: max(8px, env(safe-area-inset-left)) !important;
  bottom: max(8px, env(safe-area-inset-bottom)) !important;
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  border-radius: 10px !important;
}

.sahxl-now-playing-toast::before {
  border-radius: 10px !important;
}

.sahxl-now-playing-toast__title {
  max-width: 105px !important;
  font-weight: 400 !important;
}

.sahxl-now-playing-toast__spotify {
  border-radius: 10px !important;
}

@media (max-width: 767px) {
  .sahxl-now-playing-toast,
  .sahxl-now-playing-toast.is-visible {
    left: max(8px, env(safe-area-inset-left)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: 250px !important;
    min-width: 250px !important;
    max-width: calc(100vw - 16px) !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    border-radius: 10px !important;
  }

  .sahxl-now-playing-toast__spotify {
    border-radius: 10px !important;
  }
}


/* celvoir-social-icons-group-fix */
/* Desktop only: group the social icons so the whole row can be moved from one selector. */
@media (min-width: 1181px) {
  .social-icons-group {
    position: absolute !important;
    top: 40px !important;
    left: 951px !important;
    z-index: 45 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    line-height: 0 !important;
  }

  .social-icons-group .social-icon {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width: 1180px) {
  .social-icons-group {
    display: none !important;
  }
}


/* celvoir-desktop-requested-final-patches */
/* Desktop only: fixed now-playing toast width. */
@media (min-width: 1181px) {
  .sahxl-now-playing-toast.is-visible {
    width: 300px !important;
    max-width: 300px !important;
  }

  /* Desktop only: keep the SAHXL logo locked inside the 1400px artboard with a fixed artboard-space size. */
  .sahxl-desktop-artboard > .site-logo {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    right: auto !important;
    bottom: auto !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transform-origin: top left !important;
    z-index: 250 !important;
  }

  .sahxl-desktop-artboard > .site-logo img {
    display: block !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Desktop only: add the outline to the Overtime learn-more button without touching tablet/mobile. */
  .learn-more-overtime {
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    outline: none !important;
  }
}


/* celvoir-desktop-podcast-outline-and-instant-player-v3 */
/* Desktop only: visible outline for the SAHXLs Podcast / Overtime button. Tablet and mobile untouched. */
@media (min-width: 1181px) {
  .learn-more-overtime {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 20px !important;
    border: 2px solid #7438f3 !important;
    outline: none !important;
    outline-offset: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #7438f3 !important;
    box-shadow: 0 0 0 1px rgba(116, 56, 243, 0.10) !important;
    box-sizing: border-box !important;
  }

  .learn-more-overtime span {
    color: inherit !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .learn-more-overtime:hover,
  .learn-more-overtime:focus-visible {
    border-color: #7438f3 !important;
    background: #7438f3 !important;
    color: #ffffff !important;
    box-shadow: 0 0 18px rgba(116, 56, 243, 0.28) !important;
  }
}

/* Music player first-paint guard: the static UI must stay visible even while the API is still fetching. */
.music-player-container,
.music-player-container .music-player-pages,
.music-player-container .music-player-page,
.music-player-container .new-music-row {
  visibility: visible !important;
  opacity: 1 !important;
}

.music-player-container {
  display: flex !important;
  min-height: 300px !important;
}

.music-player-container .music-player-pages {
  display: flex !important;
}


/* celvoir-desktop-header-position-refine-v4 */
/* Desktop only: exact header spacing/position refinements requested. */
@media (min-width: 1181px) {
  .top-cta__bag {
    padding: 4.86px 11px 4.86px 15px !important;
    gap: 5px !important;
  }

  .top-cta__contact {
    padding: 5px 12.43px 6px 16.01px !important;
    min-width: 97px !important;
  }

  .social-icons-group {
    left: 945px !important;
  }

  .top-nav {
    left: 476px !important;
    gap: 11px !important;
  }
}


/* celvoir-site-logo-fixed-inside-artboard-v4 */
/* Desktop only: keep .site-logo as an artboard child, but counter the desktop artboard scale so the logo itself stays a fixed visual size. */
@media (min-width: 1181px) {
  .sahxl-desktop-artboard > .site-logo {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 220px !important;
    z-index: 250 !important;
    opacity: 1 !important;
    transform: scale(var(--sahxl-logo-counter-scale, 1)) !important;
    transform-origin: top left !important;
    animation: none !important;
    transition: none !important;
    contain: layout paint style !important;
  }

  body.entrance-ready .sahxl-desktop-artboard > .site-logo {
    animation: none !important;
  }

  .sahxl-desktop-artboard > .site-logo img {
    display: block !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}


/* sahxl-exact-reference-mobile-menu-only */
@media (max-width: 767px) {
  .mobile-menu {
    position: fixed !important;
    top: max(30px, env(safe-area-inset-top)) !important;
    left: 18px !important;
    width: 55px !important;
    height: 44px !important;
    z-index: 599 !important;
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
  }

  .mobile-menu.is-open {
    z-index: 599 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-menu__line {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    height: 2px !important;
    background: #ffffff !important;
    transform-origin: left center !important;
    animation: mobileMenuLineLoop 10s cubic-bezier(0.19, 1, 0.22, 1) infinite both !important;
    transition: opacity 220ms ease !important;
  }

  .mobile-menu__line:nth-child(1) {
    top: 8px !important;
    width: 42px !important;
    animation-delay: 120ms !important;
  }

  .mobile-menu__line:nth-child(2) {
    top: 21px !important;
    width: 55px !important;
    animation-delay: 340ms !important;
  }

  .mobile-menu__line:nth-child(3) {
    top: 34px !important;
    width: 31px !important;
    animation-delay: 560ms !important;
  }

  .mobile-menu__swap-icon {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 62px !important;
    height: 62px !important;
    opacity: 0 !important;
    transform: translateY(-50%) !important;
    transition: opacity 260ms ease !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 24px rgba(0, 0, 0, 0.16) !important;
  }

  .mobile-menu__swap-icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
  }

  .mobile-menu.is-open .mobile-menu__line,
  .mobile-menu.is-open .mobile-menu__swap-icon {
    opacity: 0 !important;
  }

  .mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 520 !important;
    display: block !important;
  }

  .mobile-drawer__logo img {
    content: url("https://6dc16244.eastnoir-assets.pages.dev/hdr-b8051r/lgo-x5401b.webp") !important;
  }

  .mobile-drawer__social-link--instagram img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/ins645.webp") !important; }
  .mobile-drawer__social-link--apple img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/apl6342.webp") !important; }
  .mobile-drawer__social-link--youtube img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/yut6543.webp") !important; }
  .mobile-drawer__social-link--spotify img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/spt567.webp") !important; }
  .mobile-drawer__social-link--tiktok img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/tkt8675.webp") !important; }
  .mobile-drawer__social-link--discord img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/dsc65234.webp") !important; }
}


/* sahxl-reference-mobile-menu-exact-final */
/* Mobile menu copied from reference-menu(1).html. Mobile-only, no music/cart/player logic touched. */
@media (max-width: 767px) {
  .mobile-menu,
  .sahxl-desktop-artboard .mobile-menu {
    position: fixed !important;
    top: max(30px, env(safe-area-inset-top)) !important;
    left: 18px !important;
    width: 55px !important;
    height: 44px !important;
    z-index: 599 !important;
    display: block !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mobile-menu.is-open,
  .sahxl-desktop-artboard .mobile-menu.is-open {
    z-index: 599 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .mobile-menu__line,
  .sahxl-desktop-artboard .mobile-menu__line {
    position: absolute !important;
    left: 0 !important;
    display: block !important;
    height: 2px !important;
    background: #ffffff !important;
    transform-origin: left center !important;
    animation: mobileMenuLineLoop 10s cubic-bezier(0.19, 1, 0.22, 1) infinite both !important;
    transition: opacity 220ms ease !important;
  }

  .mobile-menu__line:nth-child(1),
  .sahxl-desktop-artboard .mobile-menu__line:nth-child(1) {
    top: 8px !important;
    width: 42px !important;
    animation-delay: 120ms !important;
  }

  .mobile-menu__line:nth-child(2),
  .sahxl-desktop-artboard .mobile-menu__line:nth-child(2) {
    top: 21px !important;
    width: 55px !important;
    animation-delay: 340ms !important;
  }

  .mobile-menu__line:nth-child(3),
  .sahxl-desktop-artboard .mobile-menu__line:nth-child(3) {
    top: 34px !important;
    width: 31px !important;
    animation-delay: 560ms !important;
  }

  .mobile-menu__swap-icon,
  .sahxl-desktop-artboard .mobile-menu__swap-icon {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 62px !important;
    height: 62px !important;
    opacity: 0 !important;
    transform: translateY(-50%) !important;
    transition: opacity 260ms ease !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 24px rgba(0, 0, 0, 0.16) !important;
  }

  .mobile-menu__swap-icon svg,
  .sahxl-desktop-artboard .mobile-menu__swap-icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
  }

  .mobile-menu.is-open .mobile-menu__line,
  .mobile-menu.is-open .mobile-menu__swap-icon,
  .sahxl-desktop-artboard .mobile-menu.is-open .mobile-menu__line,
  .sahxl-desktop-artboard .mobile-menu.is-open .mobile-menu__swap-icon {
    opacity: 0 !important;
  }

  .mobile-bag,
  .sahxl-desktop-artboard .mobile-bag {
    position: fixed !important;
    top: max(30px, env(safe-area-inset-top)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    z-index: 599 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 39px !important;
    height: 44px !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    line-height: 44px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .cart-text,
  .cart-word,
  .mobile-bag .cart-text,
  .mobile-bag .cart-word {
    display: none !important;
  }

  .mobile-bag__icon,
  .sahxl-desktop-artboard .mobile-bag__icon {
    display: block !important;
    width: 51px !important;
    height: 51px !important;
    object-fit: contain !important;
    transform: translateX(-10px) !important;
  }

  .mobile-bag__icon {
    content: url("https://6dc16244.eastnoir-assets.pages.dev/hdr-b8051r/hng-c7145h.svg") !important;
  }

  .mobile-drawer,
  .sahxl-desktop-artboard .mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 520 !important;
    display: block !important;
  }

  .mobile-drawer__logo img {
    content: url("https://6dc16244.eastnoir-assets.pages.dev/hdr-b8051r/lgo-x5401b.webp") !important;
  }

  .mobile-drawer__social-link--instagram img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/ins645.webp") !important; }
  .mobile-drawer__social-link--apple img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/apl6342.webp") !important; }
  .mobile-drawer__social-link--youtube img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/yut6543.webp") !important; }
  .mobile-drawer__social-link--spotify img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/spt567.webp") !important; }
  .mobile-drawer__social-link--tiktok img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/tkt8675.webp") !important; }
  .mobile-drawer__social-link--discord img { content: url("https://6dc16244.eastnoir-assets.pages.dev/sclm-a7740u/dsc65234.webp") !important; }
}


/* sahxl-unreleased-email-gate-final */
.simple-popup-listen-gate {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding: 24px !important;
    background: radial-gradient(circle at 50% 20%, rgba(80, 80, 80, 0.22), rgba(0, 0, 0, 0.94) 52%, #000 100%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 260ms ease, visibility 260ms ease !important;
    box-sizing: border-box !important;
  }

  .simple-popup-listen-gate.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .simple-popup-listen-gate__backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0.2) 34%, rgba(0,0,0,0.78)) !important;
    pointer-events: none !important;
  }

  .simple-popup-capture {
    position: relative !important;
    z-index: 2 !important;
    width: min(430px, calc(100vw - 38px)) !important;
    max-width: 430px !important;
    padding: 30px 24px 22px !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.22), rgba(0,0,0,0.78)) !important;
    color: #ffffff !important;
    text-align: center !important;
    box-shadow: 0 28px 90px rgba(0,0,0,0.68), inset 0 0 42px rgba(255,255,255,0.035) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    box-sizing: border-box !important;
  }

  .simple-popup-capture__eyebrow {
    margin: 0 0 12px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.22em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.58) !important;
  }

  .simple-popup-capture__title {
    margin: 0 0 10px !important;
    font-family: "ZuumeRoughBold", Impact, sans-serif !important;
    font-size: clamp(52px, 15vw, 86px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.015em !important;
    line-height: 0.82 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
  }

  .simple-popup-capture__text {
    margin: 0 auto 20px !important;
    max-width: 320px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: rgba(255,255,255,0.74) !important;
  }

  .simple-popup-capture__field {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.34) !important;
    background: rgba(255,255,255,0.08) !important;
    box-sizing: border-box !important;
  }

  .simple-popup-capture__input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 14px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
  }

  .simple-popup-capture__input::placeholder {
    color: rgba(255,255,255,0.46) !important;
  }

  .simple-popup-capture__submit {
    flex: 0 0 auto !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-left: 1px solid rgba(255,255,255,0.28) !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
  }



  .simple-popup-capture__close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.10) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  .simple-popup-capture__close svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
  }

  .simple-popup-listen-gate__backdrop {
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .simple-popup-capture__note {
    margin: 0 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: rgba(255,255,255,0.46) !important;
  }

  body.sahxl-unreleased-gate-open,
  html.sahxl-unreleased-gate-open {
    overflow: hidden !important;
    touch-action: none !important;
  }


/* celvoir-artboard-fixed-logo-toast-final */
/* Desktop only: lock the logo and now-playing toast to fixed artboard-space sizing. */
@media (min-width: 1181px) {
  .sahxl-desktop-artboard > .site-logo {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 220px !important;
    transform: none !important;
    transform-origin: top left !important;
    animation: none !important;
    transition: none !important;
    z-index: 250 !important;
  }

  body.entrance-ready .sahxl-desktop-artboard > .site-logo {
    animation: none !important;
    transform: none !important;
  }

  .sahxl-desktop-artboard > .site-logo img {
    display: block !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .sahxl-now-playing-toast,
  .sahxl-now-playing-toast.is-visible {
    left: 14px !important;
    bottom: 14px !important;
    width: 318px !important;
    min-width: 318px !important;
    max-width: 318px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 9px 10px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .sahxl-now-playing-toast__cover {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  .sahxl-now-playing-toast__body {
    flex: 0 0 142px !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
  }

  .sahxl-now-playing-toast__title {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    font-size: 13px !important;
  }

  .sahxl-now-playing-toast__spotify {
    flex: 0 0 auto !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
  }
}


/* celvoir-mobile-only-requested-edits */
@media (max-width: 767px) {
  button[aria-label="Menu"].mobile-menu,
  .mobile-menu {
    position: absolute !important;
  }

  .mobile-bag {
    position: absolute !important;
    z-index: 499 !important;
  }

  .request-form {
    top: 785px !important;
  }

  .circle-worst-image {
    top: 1340px !important;
  }

  .sahxl-credit-text {
    top: 1370px !important;
  }

  .mobile-drawer__close {
    position: absolute !important;
    top: 13px !important;
    left: 0px !important;
    transform: none !important;
    z-index: 6 !important;
  }

  .mobile-random-added-image {
    display: block !important;
    position: absolute !important;
    top: 2430px !important;
    left: 143px !important;
    width: 45px !important;
    height: auto !important;
    z-index: 6 !important;
    object-fit: contain !important;
    pointer-events: none !important;
    transform: rotate(-90deg) !important;
  }

  .singles-showcase-grid {
    width: calc(100vw - 0px) !important;
    max-width: calc(100vw - 0px) !important;
  }

  .new-music-row-number,
  .new-music-row-number::before,
  .new-music-row-number::after {
    transition: none !important;
    animation: none !important;
  }

  .new-music-row-number::before {
    opacity: 1 !important;
  }

  .new-music-row-number::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    inset: auto !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    border-top: 7px solid transparent !important;
    border-bottom: 7px solid transparent !important;
    border-left: 11px solid #000 !important;
    background: none !important;
    opacity: 0 !important;
    transform: translate(-42%, -50%) !important;
  }

  .new-music-row:hover .new-music-row-number::before,
  .new-music-row:active .new-music-row-number::before,
  .new-music-row:focus .new-music-row-number::before {
    opacity: 1 !important;
  }

  .new-music-row:hover .new-music-row-number::after,
  .new-music-row:active .new-music-row-number::after,
  .new-music-row:focus .new-music-row-number::after {
    opacity: 0 !important;
  }

  .new-music-row.is-playing .new-music-row-number::before {
    opacity: 0 !important;
  }

  .new-music-row.is-playing .new-music-row-number::after {
    top: 50% !important;
    left: 50% !important;
    width: 15px !important;
    height: 15px !important;
    border: 0 !important;
    background: url('https://open.spotifycdn.com/cdn/images/equaliser-animated-green.f5eb96f2.gif') center / contain no-repeat !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) !important;
  }
}

@media (min-width: 768px) {
  .mobile-random-added-image {
    display: none !important;
  }
}


/* celvoir-desktop-request-star-up-65 */
/* Desktop-only: move request star image up 65px. */
@media (min-width: 1181px) {
  .request-star-image {
    margin-top: -65px !important;
  }
}


/* celvoir-desktop-overtime-text-block-down-10 */
/* Desktop-only: move the OVERTIME title, divider line, and description down 10px. */
@media (min-width: 1181px) {
  .overtime-youtube-title,
  .request-divider-line,
  .overtime-youtube-description {
    transform: translateY(-45px) !important;
  }
}


/* celvoir-tablet-mobile-artboard-fit-content */
/* Tablet + mobile only: let the page/artboard height follow actual content instead of the fixed 2600px artboard. */
@media (max-width: 767px) {
  html,
  body {
    min-height: var(--celvoir-mobile-fit-content-height, auto) !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .sahxl-desktop-artboard-stage {
    height: var(--celvoir-tablet-stage-fit-height, auto) !important;
    min-height: 0 !important;
  }

  .sahxl-desktop-artboard {
    height: var(--celvoir-tablet-artboard-fit-height, auto) !important;
    min-height: 0 !important;
  }
}


/* celvoir-tablet-remove-html-min-height-final */
/* Tablet only: kill the leftover inline html/body min-height so tablet fit-content can work. */
@media (min-width: 768px) and (max-width: 1180px) {
  html,
  body {
    min-height: 0 !important;
    height: auto !important;
  }
}


/* celvoir-desktop-fit-content-final */
/* Desktop only: let the desktop artboard/page height follow actual content instead of the fixed 2600px artboard. */
@media (min-width: 1181px) {
  .sahxl-desktop-artboard-stage {
    height: var(--celvoir-desktop-stage-fit-height, auto) !important;
    min-height: 0 !important;
  }

  .sahxl-desktop-artboard {
    height: var(--celvoir-desktop-artboard-fit-height, auto) !important;
    min-height: 0 !important;
  }
}


/* sahxl-mobile-menu-open-failsafe-fix */
/* Failsafe open-state patch: keeps copied reference menu, fixes hamburger click/show state only. */
@media (max-width: 1180px) {
  .mobile-drawer,
  .sahxl-desktop-artboard .mobile-drawer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 360ms cubic-bezier(0.19, 1, 0.22, 1), visibility 360ms cubic-bezier(0.19, 1, 0.22, 1) !important;
  }

  .mobile-drawer.is-open,
  body.mobile-menu-open .mobile-drawer,
  body.mobile-drawer-open .mobile-drawer,
  html.mobile-menu-open .mobile-drawer,
  html.mobile-drawer-open .mobile-drawer {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mobile-drawer__panel,
  .sahxl-desktop-artboard .mobile-drawer__panel {
    display: block !important;
    opacity: 0 !important;
  }

  .mobile-drawer.is-open .mobile-drawer__panel,
  .mobile-drawer.is-open .mobile-drawer__topbar,
  .mobile-drawer.is-open .mobile-drawer__statement,
  .mobile-drawer.is-open .mobile-drawer__content,
  .mobile-drawer.is-open .mobile-drawer__policies,
  .mobile-drawer.is-open .mobile-drawer__menu-line,
  .mobile-drawer.is-open .mobile-drawer__social-link,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__panel,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__topbar,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__statement,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__content,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__policies,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__menu-line,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__social-link {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .mobile-menu,
  .sahxl-desktop-artboard .mobile-menu {
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  body.mobile-menu-open,
  html.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
}


/* sahxl-tablet-menu-reference-fix-final */
/* Tablet-only repair. Mobile stays controlled by the existing max-width:767px menu CSS above. */
@media (min-width: 768px) and (max-width: 1180px) {
  .mobile-drawer,
  .sahxl-desktop-artboard .mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(68vw, 520px) !important;
    min-width: min(420px, 68vw) !important;
    max-width: 520px !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translateX(-105%) !important;
    transition: transform 360ms cubic-bezier(0.19, 1, 0.22, 1) !important;
    z-index: 2147483000 !important;
  }

  .mobile-drawer.is-open,
  body.mobile-menu-open .mobile-drawer,
  body.mobile-drawer-open .mobile-drawer,
  html.mobile-menu-open .mobile-drawer,
  html.mobile-drawer-open .mobile-drawer,
  .sahxl-desktop-artboard .mobile-drawer.is-open {
    transform: translateX(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mobile-drawer__panel,
  .sahxl-desktop-artboard .mobile-drawer__panel {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    display: block !important;
    overflow: hidden !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    background: linear-gradient(180deg, rgba(3, 6, 15, 0.97) 0%, rgba(4, 8, 18, 0.985) 46%, rgba(4, 7, 17, 0.99) 100%) !important;
    box-shadow: 24px 0 48px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    --drawer-pad-x: clamp(24px, 4vw, 34px);
    --drawer-top-pad: calc(max(22px, env(safe-area-inset-top)) + 18px);
    --drawer-footer-bottom: calc(max(18px, env(safe-area-inset-bottom)) + 24px);
    --drawer-hero-height: clamp(240px, 38vh, 360px);
    --drawer-meta-top: clamp(210px, 31vh, 292px);
    --drawer-menu-top: clamp(326px, 43vh, 410px);
  }

  .mobile-drawer__panel::before,
  .sahxl-desktop-artboard .mobile-drawer__panel::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: radial-gradient(circle at 18% 86%, rgba(22, 54, 160, 0.10), rgba(22, 54, 160, 0) 38%), radial-gradient(circle at 82% 76%, rgba(0, 170, 255, 0.08), rgba(0, 170, 255, 0) 22%) !important;
    pointer-events: none !important;
  }

  .mobile-drawer__panel::after,
  .sahxl-desktop-artboard .mobile-drawer__panel::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(180deg, rgba(3, 6, 15, 0.1) 0%, rgba(3, 6, 15, 0.18) 24%, rgba(3, 6, 15, 0.34) 40%, rgba(3, 6, 15, 0.62) 54%, rgba(3, 6, 15, 0.86) 66%, rgba(3, 6, 15, 0.97) 76%, rgba(3, 6, 15, 1) 100%) !important;
    pointer-events: none !important;
  }

  .mobile-drawer__bg-video,
  .sahxl-desktop-artboard .mobile-drawer__bg-video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: var(--drawer-hero-height) !important;
    min-height: var(--drawer-hero-height) !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .mobile-drawer__video-fade,
  .sahxl-desktop-artboard .mobile-drawer__video-fade {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--drawer-hero-height) !important;
    z-index: 1 !important;
    background: linear-gradient(180deg, rgba(3, 6, 15, 0.9) 0%, rgba(3, 6, 15, 0.5) 14%, rgba(3, 6, 15, 0.12) 30%, rgba(3, 6, 15, 0) 42%), linear-gradient(180deg, rgba(3, 6, 15, 0) 0%, rgba(3, 6, 15, 0.08) 38%, rgba(3, 6, 15, 0.42) 68%, rgba(3, 6, 15, 0.82) 88%, rgba(3, 6, 15, 1) 100%) !important;
    pointer-events: none !important;
  }

  .mobile-drawer__bottom-fade,
  .sahxl-desktop-artboard .mobile-drawer__bottom-fade {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 170px !important;
    z-index: 2 !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.90) 20%, rgba(0, 0, 0, 0.75) 40%, rgba(0, 0, 0, 0.55) 60%, rgba(0, 0, 0, 0.30) 80%, rgba(0, 0, 0, 0.08) 95%, rgba(0, 0, 0, 0) 100%) !important;
    pointer-events: none !important;
  }

  .mobile-drawer__topbar,
  .sahxl-desktop-artboard .mobile-drawer__topbar {
    position: absolute !important;
    top: calc(var(--drawer-top-pad) - 8px) !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__close,
  .sahxl-desktop-artboard .mobile-drawer__close {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    transform: none !important;
    cursor: pointer !important;
    z-index: 30 !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 10px 24px rgba(0, 0, 0, 0.16) !important;
  }

  .mobile-drawer__close svg,
  .sahxl-desktop-artboard .mobile-drawer__close svg {
    width: 25px !important;
    height: 25px !important;
  }

  .mobile-drawer__logo,
  .sahxl-desktop-artboard .mobile-drawer__logo {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transform: translateY(3px) !important;
    z-index: 25 !important;
  }

  .mobile-drawer__logo img,
  .sahxl-desktop-artboard .mobile-drawer__logo img {
    display: block !important;
    width: clamp(176px, 30vw, 238px) !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .mobile-drawer__statement,
  .sahxl-desktop-artboard .mobile-drawer__statement {
    position: absolute !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    top: var(--drawer-meta-top) !important;
    z-index: 20 !important;
    margin: 0 !important;
    color: #969ba4 !important;
    font-family: "SFMono-Regular", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    white-space: pre-line !important;
    text-align: left !important;
    opacity: 0 !important;
    transform: translateY(14px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__content,
  .sahxl-desktop-artboard .mobile-drawer__content {
    position: absolute !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    top: var(--drawer-menu-top) !important;
    bottom: calc(var(--drawer-footer-bottom) + 58px) !important;
    z-index: 20 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__menu-text,
  .sahxl-desktop-artboard .mobile-drawer__menu-text {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: clamp(6px, 1.05vh, 12px) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }

  .mobile-drawer__menu-line,
  .sahxl-desktop-artboard .mobile-drawer__menu-line {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    color: #d9d9d9 !important;
    font-family: "Bebas Neue Bold", "Barlow Condensed", "Arial Narrow", sans-serif !important;
    font-size: clamp(42px, 8vw, 66px) !important;
    font-weight: 700 !important;
    line-height: 0.94 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__menu-label,
  .sahxl-desktop-artboard .mobile-drawer__menu-label {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font: inherit !important;
    line-height: inherit !important;
  }

  .mobile-drawer__socials,
  .sahxl-desktop-artboard .mobile-drawer__socials {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 26px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    line-height: 0 !important;
    transform: none !important;
    transform-origin: left top !important;
  }

  .mobile-drawer__social-link,
  .sahxl-desktop-artboard .mobile-drawer__social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1), filter 180ms ease !important;
  }

  .mobile-drawer__social-link img,
  .sahxl-desktop-artboard .mobile-drawer__social-link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .mobile-drawer__social-link--instagram { width: 16px !important; height: 16px !important; }
  .mobile-drawer__social-link--apple { width: 17.7px !important; height: 17.7px !important; }
  .mobile-drawer__social-link--youtube { width: 18.5px !important; height: 18.5px !important; }
  .mobile-drawer__social-link--spotify { width: 16.8px !important; height: 16.8px !important; }
  .mobile-drawer__social-link--tiktok { width: 18.5px !important; height: 18.5px !important; }
  .mobile-drawer__social-link--discord { width: 21px !important; height: 21px !important; }

  .mobile-drawer__policies,
  .sahxl-desktop-artboard .mobile-drawer__policies {
    position: absolute !important;
    left: var(--drawer-pad-x) !important;
    right: var(--drawer-pad-x) !important;
    bottom: calc(var(--drawer-footer-bottom) - 10px) !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: auto !important;
    padding: 0 2px !important;
    color: rgba(215, 223, 230, 0.88) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    opacity: 0 !important;
    transform: translateY(18px) !important;
    transition: opacity 680ms cubic-bezier(0.22, 1, 0.36, 1), transform 680ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  .mobile-drawer__policy-link,
  .sahxl-desktop-artboard .mobile-drawer__policy-link {
    color: inherit !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .mobile-drawer.is-open .mobile-drawer__topbar,
  .mobile-drawer.is-open .mobile-drawer__statement,
  .mobile-drawer.is-open .mobile-drawer__content,
  .mobile-drawer.is-open .mobile-drawer__policies,
  .mobile-drawer.is-open .mobile-drawer__menu-line,
  .mobile-drawer.is-open .mobile-drawer__social-link,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__topbar,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__statement,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__content,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__policies,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__menu-line,
  body.mobile-menu-open .mobile-drawer .mobile-drawer__social-link {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .mobile-drawer.is-open .mobile-drawer__topbar { transition-delay: 90ms !important; }
  .mobile-drawer.is-open .mobile-drawer__statement { transition-delay: 160ms !important; }
  .mobile-drawer.is-open .mobile-drawer__content { transition-delay: 230ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(1) { transition-delay: 290ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(2) { transition-delay: 340ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(3) { transition-delay: 390ms !important; }
  .mobile-drawer.is-open .mobile-drawer__menu-line:nth-child(4) { transition-delay: 440ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(1) { transition-delay: 500ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(2) { transition-delay: 540ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(3) { transition-delay: 580ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(4) { transition-delay: 620ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(5) { transition-delay: 660ms !important; }
  .mobile-drawer.is-open .mobile-drawer__social-link:nth-child(6) { transition-delay: 700ms !important; }
  .mobile-drawer.is-open .mobile-drawer__policies { transition-delay: 510ms !important; }

  .mobile-menu,
  .sahxl-desktop-artboard .mobile-menu {
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  body.mobile-menu-open,
  html.mobile-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }
}


/* celvoir-artboard-fixed-popups-final */
/* Desktop only: keep music and unreleased popups locked to the scaled 1400px artboard coordinate system. */
@media (min-width: 1181px) {
  .sahxl-desktop-artboard > .sahxl-now-playing-toast,
  .sahxl-desktop-artboard > .sahxl-now-playing-toast.is-visible {
    position: absolute !important;
    left: 14px !important;
    top: var(--sahxl-toast-artboard-top, 728px) !important;
    right: auto !important;
    bottom: auto !important;
    width: 318px !important;
    min-width: 318px !important;
    max-width: 318px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 9px 10px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .sahxl-desktop-artboard > .simple-popup-listen-gate,
  .sahxl-desktop-artboard > .simple-popup-listen-gate.is-visible {
    position: absolute !important;
    inset: auto !important;
    left: 0 !important;
    top: var(--sahxl-gate-artboard-top, 0px) !important;
    width: 1400px !important;
    min-width: 1400px !important;
    max-width: 1400px !important;
    height: var(--sahxl-gate-artboard-height, 800px) !important;
    min-height: var(--sahxl-gate-artboard-height, 800px) !important;
    max-height: var(--sahxl-gate-artboard-height, 800px) !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    transform: none !important;
  }

  .sahxl-desktop-artboard > .simple-popup-listen-gate .simple-popup-capture {
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    padding: 30px 24px 22px !important;
    box-sizing: border-box !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .sahxl-desktop-artboard > .simple-popup-listen-gate .simple-popup-capture__title {
    font-size: 86px !important;
    line-height: 0.82 !important;
  }

  .sahxl-desktop-artboard > .simple-popup-listen-gate .simple-popup-capture__text {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    font-size: 12px !important;
  }

  .sahxl-desktop-artboard > .simple-popup-listen-gate .simple-popup-capture__field {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  .sahxl-desktop-artboard > .simple-popup-listen-gate .simple-popup-capture__input,
  .sahxl-desktop-artboard > .simple-popup-listen-gate .simple-popup-capture__submit {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
}


/* celvoir-correct-music-popup-dedupe-final */
/* Desktop only: keep the original bottom-left now-playing popup, not the accidental artboard duplicate. */
@media (min-width: 1181px) {
  body > .sahxl-now-playing-toast,
  body > .sahxl-now-playing-toast.is-visible {
    position: fixed !important;
    left: 14px !important;
    bottom: 14px !important;
    top: auto !important;
    right: auto !important;
    width: 318px !important;
    min-width: 318px !important;
    max-width: 318px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    transform: none !important;
  }
}


/* sahxl-unreleased-popup-viewport-fix-final */
/* Keep unreleased tapes gate fixed to the viewport so it always covers the screen where it is clicked. */
.simple-popup-listen-gate,
.simple-popup-listen-gate.is-visible {
  position: fixed !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  transform: none !important;
  box-sizing: border-box !important;
}