/* V3-03B typography hierarchy only; legacy routes keep their existing section rules. */
html[data-design-version="v3"] #profile.profile-v2 {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  grid-template-rows: auto 1fr;
  gap: clamp(1.5rem, 2.5vw, 2.5rem) clamp(2rem, 6vw, 6rem);
  align-items: center;
  padding: clamp(2.45rem, 4.9vw, 4.9rem) max(var(--page-gutter), calc((100vw - 88rem) / 2));
  background: #fff;
  color: #0a0a0a;
  border: 0;
}
html[data-design-version="v3"] #profile.profile-v2 > .section-head {
  display: block;
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left;
}
html[data-design-version="v3"] #profile.profile-v2 #profileKicker { display: none; }
html[data-design-version="v3"] #profile.profile-v2 h2 {
  display: block;
  width: 100%;
  max-width: none;
  font: 700 var(--type-section)/.98 var(--font-ui);
  letter-spacing: -.02em;
  text-align: left;
  text-transform: none;
  justify-self: start;
  margin-inline: 0;
}
html[data-design-version="v3"] #profile.profile-v2 > .profile-roles { display: none; }
html[data-design-version="v3"] #profile.profile-v2 > .bio {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  max-width: 49ch;
  margin: 0;
  padding: 0;
  color: #333;
  font: 400 var(--type-editorial-copy)/1.35 var(--font-editorial);
}
html[data-design-version="v3"] #profile.profile-v2 .profile-portrait {
  display: block;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 100%;
  height: auto;
  max-height: 42rem;
  margin: 0;
  overflow: hidden;
  background: #eee;
}
html[data-design-version="v3"] #profile.profile-v2 .profile-portrait img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 50% 50%;
  filter: grayscale(1) contrast(1.02);
}

html[data-design-version="v3"] #work:not(.v1-work) {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(2.45rem, 4.9vw, 4.9rem) max(var(--page-gutter), calc((100vw - 88rem) / 2)) clamp(3.5rem, 5.6vw, 5.6rem);
  background: #fff;
  color: #0a0a0a;
  border: 0;
}
html[data-design-version="v3"] #work:not(.v1-work) .section-head {
  display: block;
  width: 100%;
  margin: 0 0 clamp(1.5rem, 2.5vw, 2.5rem);
  text-align: left;
}
html[data-design-version="v3"] #work:not(.v1-work) #workKicker,
html[data-design-version="v3"] #work:not(.v1-work) #workIntro { display: none !important; }
html[data-design-version="v3"] #work:not(.v1-work) h2 {
  display: block;
  width: 100%;
  max-width: none;
  color: #0a0a0a;
  font: 700 var(--type-section)/.98 var(--font-ui);
  letter-spacing: -.02em;
  text-align: left;
  text-transform: none;
  justify-self: start;
  margin-inline: 0;
}
html[data-design-version="v3"] #work:not(.v1-work) h2 span {
  display: inline-block;
}
html[data-design-version="v3"] #work:not(.v1-work) h2 span + span {
  margin-inline-start: .22em;
}
html[data-design-version="v3"] #editorialWorkList.editorial-work-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(2.5rem, 6vw, 5rem) clamp(1rem, 2.5vw, 2.25rem);
  align-items: start;
  overflow: visible;
  scroll-snap-type: none;
}
html[data-design-version="v3"] #editorialWorkList .work-card {
  display: grid;
  grid-template-rows: auto minmax(8rem, 1fr);
  grid-column: auto;
  flex: initial;
  min-width: 0;
  margin: 0;
  color: #0a0a0a;
  align-self: stretch;
}
html[data-design-version="v3"] .player-number { display: none !important; }
html[data-design-version="v3"] #editorialWorkList .work-card-art {
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  background: #eee;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
html[data-design-version="v3"] #editorialWorkList .work-card-art,
html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play {
  -webkit-tap-highlight-color: transparent;
}
html[data-design-version="v3"] #editorialWorkList .work-card-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 320ms cubic-bezier(.2, .65, .25, 1);
}
html[data-design-version="v3"] #editorialWorkList .work-card:hover .work-card-art img,
html[data-design-version="v3"] #editorialWorkList .work-card:focus-within .work-card-art img,
html[data-design-version="v3"] #editorialWorkList .work-card.is-tap-animating .work-card-art img,
html[data-design-version="v3"] #editorialWorkList .work-card:active .work-card-art img {
  transform: scale(1.04);
  filter: none;
}
html[data-design-version="v3"] #editorialWorkList .work-card-art-placeholder {
  background: #eee;
  color: #595959;
}
html[data-design-version="v3"] #editorialWorkList .work-card-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  gap: .2rem 0;
  align-items: start;
  padding-top: 1rem;
  text-align: left;
  height: 100%;
}
html[data-design-version="v3"] #editorialWorkList .work-card-title {
  grid-column: 1 / -1;
  margin: 0;
  color: #0a0a0a;
  font: var(--type-track-weight) calc(clamp(.9375rem, 1.15vw, 1rem) + 2pt)/1.35 var(--font-ui);
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
html[data-design-version="v3"] #editorialWorkList .work-card-artist {
  grid-column: 1 / -1;
  margin: 0;
  color: #333;
  font: 400 calc(.8125rem + 1pt)/1.35 var(--font-ui);
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: anywhere;
}
html[data-design-version="v3"] #editorialWorkList .work-card-release,
html[data-design-version="v3"] #editorialWorkList .work-card-role {
  grid-column: 1 / -1;
  margin: .2rem 0 0;
  color: #595959;
  font: 400 calc(.75rem + 1pt)/1.35 var(--font-ui);
  overflow-wrap: anywhere;
}
html[data-design-version="v3"] #editorialWorkList .work-card-meta {
  grid-row: 2;
  align-self: start;
  display: grid;
  gap: .08rem;
  line-height: 1.35;
}
html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play {
  display: inline-flex;
  grid-column: 1 / -1;
  grid-row: auto;
  justify-self: start;
  align-self: end;
  margin-top: .55rem;
  align-items: center;
  justify-content: flex-start;
  gap: .35rem;
  line-height: 1;
  width: auto;
  min-width: 44px;
  height: auto;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #595959;
}
html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play svg {
  display: block;
  width: 14.25px;
  height: 14.25px;
  flex: none;
  align-self: center;
  overflow: visible;
  fill: currentColor;
}
html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play .v3-play-label {
  color: inherit;
  font: 700 .6875rem/1 var(--font-ui);
  letter-spacing: .04em;
  transform: translateY(1px);
}
@keyframes v3-play-nudge {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(2px); }
}
@media (prefers-reduced-motion: no-preference) {
  html[data-design-version="v3"] #editorialWorkList .work-card.is-tap-animating .work-card-play.v3-play:not(:disabled) svg {
    animation: v3-play-nudge 546ms ease-in-out 1 both;
  }
}
body.private-review-v2 #editorialWorkList .work-card:is(:hover, :focus-within, :active, .is-tap-animating) .work-card-play.v3-play:not(:disabled) {
  background: transparent;
  border-color: transparent;
  color: #333;
}
@media (hover: none) and (pointer: coarse) {
  html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play:active:not(:disabled) {
    background: transparent;
    border-color: transparent;
  }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play:hover svg {
    animation: v3-play-nudge 546ms ease-in-out infinite;
  }
  html[data-design-version="v3"] #editorialWorkList .work-card-art:hover + .work-card-copy .work-card-play.v3-play:not(:disabled) svg {
    animation: v3-play-nudge 546ms ease-in-out infinite;
  }
}
html[data-design-version="v3"] #editorialWorkList .work-card-play.v3-play:hover:not(:disabled) {
  border-color: transparent;
  background: transparent;
  color: #333;
}

@media (prefers-reduced-motion: reduce) {
  html[data-design-version="v3"] #editorialWorkList .work-card-art img { transition: none; }
  html[data-design-version="v3"] #editorialWorkList .work-card:hover .work-card-art img,
  html[data-design-version="v3"] #editorialWorkList .work-card:focus-within .work-card-art img,
  html[data-design-version="v3"] #editorialWorkList .work-card.is-tap-animating .work-card-art img,
  html[data-design-version="v3"] #editorialWorkList .work-card:active .work-card-art img { transform: scale(1); }
}
@media (hover: hover) and (pointer: fine) {
  html[data-design-version="v3"] #editorialWorkList .work-card-art:hover + .work-card-copy .work-card-play.v3-play:not(:disabled) {
    border-color: transparent;
    background: transparent;
    color: #333;
  }
}

@media (max-width: 1199px) {
  html[data-design-version="v3"] #editorialWorkList.editorial-work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  html[data-design-version="v3"] #profile.profile-v2 { gap: 1.75rem; }
  html[data-design-version="v3"] #editorialWorkList.editorial-work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.75rem 1.25rem; }
}
@media (max-width: 767px) {
html[data-design-version="v3"] #profile.profile-v2 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 1.25rem;
    padding: 2.1rem var(--page-gutter) 1.75rem;
  }
  html[data-design-version="v3"] #work:not(.v1-work) { padding: 2.1rem var(--page-gutter) 2.8rem; }
  html[data-design-version="v3"] #profile.profile-v2 .profile-portrait { grid-column: 1; grid-row: 1; width: min(100%, 28rem); }
  html[data-design-version="v3"] #profile.profile-v2 > .section-head { grid-column: 1; grid-row: 2; }
  html[data-design-version="v3"] #profile.profile-v2 > .bio { grid-column: 1; grid-row: 3; max-width: 42ch; }
  html[data-design-version="v3"] #work:not(.v1-work) { padding: 1.4rem var(--page-gutter) 3.5rem; }
  html[data-design-version="v3"] #work:not(.v1-work) .section-head { margin-bottom: 1.5rem; }
  html[data-design-version="v3"] #editorialWorkList.editorial-work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 1rem; }
  html[data-design-version="v3"] #editorialWorkList .work-card-copy { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: .2rem 0; padding-top: .75rem; }
  html[data-design-version="v3"] #editorialWorkList .work-card-title { font-size: calc(.875rem + 2pt); }
  html[data-design-version="v3"] #editorialWorkList .work-card-artist { font-size: calc(.75rem + 1pt); }
  html[data-design-version="v3"] #editorialWorkList .work-card-release,
  html[data-design-version="v3"] #editorialWorkList .work-card-role { font-size: calc(.75rem + 1pt); }
}

@media (max-width: 767px) {
  html[data-design-version="v3"] #editorialWorkList.editorial-work-grid.release-carousel {
    display: flex;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    scrollbar-width: none;
    align-items: flex-start;
  }
  html[data-design-version="v3"] #editorialWorkList.release-carousel::-webkit-scrollbar { display: none; }
  html[data-design-version="v3"] #editorialWorkList.release-carousel::after {
    content: "";
    flex: 0 0 calc(14% - 16px);
  }
  html[data-design-version="v3"] #editorialWorkList.release-carousel > .work-card:nth-child(n) {
    flex: 0 0 86%;
    width: 86%;
    min-width: 0;
    margin: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  html[data-design-version="v3"] #editorialWorkList.release-carousel .work-card-art { aspect-ratio: 1 / 1; }
}