/* Immediate access to Eva's full catalog, before the homepage story unfolds. */
.artist-profiles { display: grid; gap: 6px; width: max-content; max-width: 100%; }
.artist-profiles-label { color: #f2dce7; font: 400 12px/1.4 var(--sans); }
.artist-profiles-links { display: flex; flex-wrap: wrap; gap: 7px; }
.artist-service {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 9px 12px;
  border-radius: 24px;
  font: 500 12px/1.3 var(--sans);
  text-decoration: none;
  white-space: nowrap;
  --glass-base: #3a203498;
  --glass-sheen-a: #bc84a734;
  --glass-sheen-b: #e5b7ce3d;
  --glass-sheen-c: #8d627f24;
  --glass-sheen-d: #bd91aa40;
  --glass-edge: #e9c4d68f;
}
.hero-music-profiles { margin-top: 16px; width: max-content; max-width: calc(100vw - 48px); }
.hero-music-profiles .artist-profiles-links { flex-wrap: nowrap; }
.footer-music { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #e4bfd14d; }
.preview-home .footer-music h2 { margin: 0 0 20px; font: 400 clamp(27px,3vw,38px)/1.15 var(--sans); letter-spacing: -.035em; }
.footer-music .artist-service { font-size: 14px; padding-inline: 18px; }
.preview-home .social-object img { max-height: 120px; }
.preview-home .social-keepsakes { margin-top: 25px; }

.preview-catalog-page .music-welcome { padding-top: 38px; padding-bottom: 30px; }
.preview-catalog-page .music-welcome h1 { font-size: clamp(48px,6vw,76px); }
.preview-catalog-page .music-welcome .lead { margin-top: 16px; font-size: 18px; }
.catalog-access { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 30px; margin-top: 22px; }
.catalog-jump { display: flex; flex-wrap: wrap; gap: 8px; }
.catalog-jump a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 14px; border-radius: 23px; font: 400 13px/1.3 var(--sans); text-decoration: none; }
.catalog-jump a { --glass-base: #38233590; --glass-sheen-a: #bd86a32b; --glass-sheen-b: #e4c8d434; --glass-sheen-c: #845c7b25; --glass-sheen-d: #bf9aaf35; }
.preview-catalog-page .preview-catalog-collection { padding-top: 36px; }
.release-contents .release-intro { max-width: 560px; margin-bottom: 24px; font-size: 16px; line-height: 1.65; }
.release-row h3 a { color: inherit; text-decoration: none; }
.release-row .track-options { min-height: 44px; padding: 10px 14px; border-radius: 23px; font-size: 12px; white-space: nowrap; }

@media(max-width:800px) {
  .hero-music-profiles .artist-service { padding-inline: 9px; font-size: 12px; }
  .hero-music-profiles .artist-profiles-links { gap: 6px; }
}
@media(max-width:700px) {
  .preview-catalog-page .music-welcome { padding: 25px 24px 28px; }
  .preview-catalog-page .music-welcome .lead { font-size: 16px; margin-top: 14px; }
  .catalog-access { margin-top: 18px; gap: 14px; }
  .preview-home .hero-introduction { max-width: 245px; }
  .hero-music-profiles { margin-top: 14px; }
  .artist-profiles-label { font-size: 11px; }
  .footer-music { margin-bottom: 28px; padding-bottom: 28px; }
  .footer-music .artist-service { font-size: 12px; padding-inline: 12px; }
}
@media(max-width:360px) {
  .hero-music-profiles .artist-service { padding-inline: 8px; font-size: 11px; }
  .hero-music-profiles .artist-profiles-links { gap: 5px; }
  .release-row .track-options { white-space: normal; max-width: 100px; text-align: center; }
}

/* On the portrait, profiles remain a quiet text row beneath the song CTA. */
:root .hero-music-profiles { gap: 1px; margin-top: 10px; }
:root .hero-music-profiles .artist-profiles-label { font-size: 11px; color: #f0dfe6; }
:root .hero-music-profiles .artist-profiles-links { gap: 0; align-items: center; }
:root body .hero-music-profiles .artist-service {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  clip-path: none;
  overflow: visible;
  border-radius: 0;
  min-height: 36px;
  padding: 5px 0;
  font: 400 12px/1.4 var(--sans);
  text-decoration: underline;
  text-decoration-color: #f4d6e877;
  text-underline-offset: 4px;
  color: #fff1f8 !important;
}
.hero-music-profiles .artist-service + .artist-service { margin-left: 13px; }
:root body .hero-music-profiles .artist-service:focus-visible { outline-offset: 3px !important; }
@media(max-width:360px) {
  :root body .hero-music-profiles .artist-service { font-size: 11px; }
  .hero-music-profiles .artist-service + .artist-service { margin-left: 11px; }
}

:root body .hero-music-profiles .artist-service::before,
:root body .hero-music-profiles .artist-service::after { content: none; }

.release-row .track-options { text-decoration: none; }

/* Let the mobile note follow its content; preserve the earphones and lower loop. */
@media(max-width:700px) {
  .preview-home .music-stage {
    aspect-ratio: auto;
    min-height: 0;
    container-type: inline-size;
    padding-bottom: clamp(56px,18vw,88px);
  }
  .preview-home .music-material {
    border-style: solid;
    border-color: transparent;
    border-width: 61.428571cqw 27.142857cqw 28.571429cqw 20cqw;
    border-image-source: url('/assets/perf/music-mobile-v1.webp');
    border-image-slice: 27.958388% 27.142857% 13.003901% 20% fill;
    border-image-width: 61.428571cqw 27.142857cqw 28.571429cqw 20cqw;
    border-image-repeat: stretch;
  }
  .preview-home .music-material > img { display: none; }
}
@media(min-width:480px) and (max-width:700px) {
  .preview-home .music-stage { width: 440px; max-width: 100%; margin-inline: auto; }
}

/* Keep the portrait opaque until the last narrow edge of the photograph. */
.preview-home .hero-visual {
  -webkit-mask-image: linear-gradient(to bottom,transparent,#000 48px,#000 calc(100% - 32px),transparent);
  mask-image: linear-gradient(to bottom,transparent,#000 48px,#000 calc(100% - 32px),transparent);
}
@media(max-width:700px) {
  .preview-home .hero-visual {
    -webkit-mask-image: linear-gradient(to bottom,transparent,#000 36px,#000 calc(100% - 36px),transparent);
    mask-image: linear-gradient(to bottom,transparent,#000 36px,#000 calc(100% - 36px),transparent);
  }
}

/* Personal presence leads into a prominent collaboration invitation. */
.preview-home .diary-collaboration {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px 40px;
  margin-top: 38px;
  padding-top: 32px;
  border-top: 1px solid #a4758759;
  color: #403235;
}
.diary-collaboration-copy { max-width: 610px; }
.diary-collaboration-copy .diary-collaboration-label { margin: 0 0 12px; font: 500 13px/1.4 var(--sans); color: #82546b; }
.diary-collaboration h3 { font: 400 clamp(34px,3.6vw,48px)/1.08 var(--sans); letter-spacing: -.045em; }
.diary-collaboration p { margin-top: 12px; font: 400 16px/1.5 var(--sans); color: #705b60; }
.diary-collaboration-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; flex: none; width: 280px; max-width: 100%; }
.preview-home .diary-collaboration-cta {
  display: inline-flex;
  align-items: center;
  --glass-base: #6d2f50e6;
  --glass-sheen-a: #ed8eba59;
  --glass-sheen-b: #f5c2dc40;
  --glass-sheen-c: #a852852e;
  --glass-sheen-d: #f0a7ce52;
  --glass-edge: #dfabc4cc;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  min-height: 62px;
  padding: 17px 28px;
  gap: 25px;
  font: 500 19px/1.3 var(--sans);
  text-transform: none;
  letter-spacing: 0;
  text-decoration: none;
}
.preview-home .diary-collaboration-cta::before { animation: diary-contact-sheen 8s ease-in-out infinite; }
@keyframes diary-contact-sheen {
  0%,100% { background-position: 10% 50%; }
  50% { background-position: 90% 50%; }
}
@media(prefers-reduced-motion:reduce) {
  .preview-home .diary-collaboration-cta::before { animation: none; }
}
.diary-collaboration-cta .icon { width: 20px; height: 20px; flex: none; }
.diary-collaboration-email { display: inline-flex; align-items: center; min-height: 32px; font: 400 20px/1.4 var(--sans); color: #684258; text-decoration: underline; text-decoration-color: #a4758766; text-underline-offset: 5px; user-select: text; }
@media(max-width:850px) {
  .preview-home .diary-collaboration { flex-direction: column; align-items: flex-start; gap: 24px; margin-top: 30px; padding-top: 28px; }
  .diary-collaboration h3 { font-size: 36px; }
  .diary-collaboration-email { font-size: 17px; }
}
@media(max-width:380px) {
  .diary-collaboration h3 { font-size: 32px; }
  .diary-collaboration p { font-size: 15px; }
  .diary-collaboration-email { font-size: 16px; }
}