.release-hero { border-bottom: 1px solid var(--line); background: radial-gradient(ellipse at 95% 0%, #2e2115, transparent 65%); }
.release-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); align-items: center; gap: clamp(24px, 5vw, 76px); padding-block: clamp(34px, 6vw, 80px); }
.release-copy h1 { font-size: clamp(3rem, 7vw, 6.4rem); margin-bottom: .7rem; }
.release-copy .hero-logo { width: clamp(76px, 10vw, 116px); }
.music-frame { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #090807; box-shadow: 0 14px 35px #0006; }
.music-frame iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.music-more article { display: flex; flex-direction: column; gap: 12px; padding: clamp(12px, 2vw, 24px); border: 1px solid var(--line); background: var(--panel); border-radius: 16px; }
.music-more article a { color: var(--gold); }
.spotify-frame { width: 100%; height: 152px; border: 0; border-radius: 12px; }
#freestyle .grid { gap: clamp(12px, 2vw, 24px); }
#freestyle figure { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--bg); }
#freestyle video { aspect-ratio: 16 / 10; object-fit: contain; }
#freestyle figcaption { padding: 14px; }
#freestyle figcaption strong { color: var(--paper); }
#freestyle figcaption p { font-size: .92rem; }
.gallery-controls { display: flex; gap: 8px; margin-top: 20px; }
.gallery-controls[hidden] { display: none; }
.gallery-controls button { min-width: 44px; min-height: 44px; padding-inline: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--paper); font: inherit; cursor: pointer; }
.gallery-controls button:focus-visible, .gallery-rail:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.gallery-rail { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin-top: 16px; padding-bottom: 10px; }
.gallery-rail figure { flex: 0 0 calc((100% - 28px) / 3); scroll-snap-align: start; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; }
.gallery-rail img { aspect-ratio: 4 / 5; object-fit: cover; }
@media (max-width: 760px) {
  .release-layout, .two { grid-template-columns: 1fr; }
  .gallery-rail figure { flex-basis: 73%; }
}
@media (max-width: 440px) { #freestyle .grid { grid-template-columns: 1fr; } }


/* Reveal the dark artwork from the original light-background logo. */
.brand img,
.release-copy .hero-logo {
  background: transparent;
  border: 0;
  border-radius: 0;
  filter: grayscale(1) invert(1) contrast(1.25);
  mix-blend-mode: screen;
}
.release-layout {
  grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr);
}
.release-layout > .music-frame { min-width: 0; }
@media (max-width: 760px) {
  .release-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .release-copy { display: contents; }
  .release-copy .hero-logo { width: 82px; margin-bottom: 0; }
  .release-copy .eyebrow,
  .release-copy h1 { margin-bottom: 0; }
  .release-layout > .music-frame { grid-row: 4; }
  .release-copy .actions,
  .release-copy .quick { margin-top: 0; }
}

.platform-link { display: inline-flex; align-items: center; gap: .65rem; min-height: 56px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.platform-icon { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; background: var(--platform-color); }
.platform-icon img { width: 25px; height: 25px; object-fit: contain; filter: invert(1); }
[data-platform="snapchat"] .platform-icon img, [data-platform="spotify"] .platform-icon img { filter: none; }
.platform-label { min-width: 0; }
.quick .platform-link { min-height: 54px; font-size: .86rem; border-radius: 12px; padding: .35rem .55rem; }
.quick .platform-icon { width: 38px; height: 38px; }
.social.platform-link { display: flex; min-height: 88px; padding: .7rem; border-radius: 14px; }
.social .platform-icon { width: 50px; height: 50px; border-radius: 14px; }
.social .platform-icon img { width: 30px; height: 30px; }
.social .platform-label { display: grid; gap: .25rem; }
.music-more .platform-link { width: fit-content; }
.platform-link:is(:hover, :focus-visible) { transform: translateY(-3px); border-color: var(--platform-color); box-shadow: 0 6px 20px #0005; }
.platform-link:is(:hover, :focus-visible) .platform-icon { animation: platform-pop .38s ease both; }
@keyframes platform-pop { 45% { transform: scale(1.12) rotate(-7deg); } }
@media (max-width: 370px) {
  .social.platform-link { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .platform-link:is(:hover, :focus-visible) { transform: none; }
  .platform-link:is(:hover, :focus-visible) .platform-icon { animation: none; }
}

#freestyle .freestyle-rail { gap: clamp(12px, 2vw, 24px); }
#freestyle .freestyle-rail figure {
  flex-basis: calc((100% - 2 * clamp(12px, 2vw, 24px)) / 3);
}
@media (max-width: 760px) {
  #freestyle .freestyle-rail figure { flex-basis: min(82%, 380px); }
}