/* Shared mix grammar, first used by STM 319 and STM 318. Legacy imported
   styles stay available for posts that have not yet been migrated. */
.s13-mix-feature {
  --mix-rail: clamp(300px, 28vw, 380px);
  --mix-gap: clamp(3rem, 7vw, 8rem);
  --mix-edge: clamp(1rem, 2vh, 1.5rem);
  --mix-rule: var(--s13-line);
  --mix-faint: var(--s13-muted);
  --mix-section: clamp(3.5rem, 5.5vw, 5.5rem);
  --mix-media: clamp(3rem, 4.5vw, 4.5rem);
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--s13-content-inset) var(--s13-gutter) clamp(3.5rem, 5vw, 5rem);
  background: var(--s13-bg);
  color: var(--s13-reading);
  font: 400 clamp(1.02rem, 1.18vw, 1.16rem)/1.72 var(--s13-body);
  overflow-wrap: break-word;
}
.s13-mix-feature *,
.s13-mix-feature *::before,
.s13-mix-feature *::after { box-sizing: border-box; }
.s13-mix-feature :is(header, section, article, aside, nav, figure, figcaption, blockquote, details, summary, div):not(:where(.s13-publication-card *)) { font-family: inherit; }
.s13-mix-feature :is(h1,h2,h3,p,figure,blockquote):not(:where(.s13-publication-card *)) { float: none; padding: 0; border: 0; box-shadow: none; background: none; }
.s13-mix-feature p:not(:where(.s13-publication-card *)) { margin: 0 0 1.45em; font: inherit; line-height: 1.72; color: inherit; }
.s13-mix-feature p:last-child:not(:where(.s13-publication-card *)) { margin-bottom: 0; }
.s13-mix-feature :is(h1,h2,h3):not(:where(.s13-publication-card *)) { margin: 0; color: var(--s13-ink); font-family: var(--s13-display); font-weight: 700; font-stretch: normal; letter-spacing: 0; }
.s13-mix-feature a:not(:where(.s13-publication-card *)) { color: var(--s13-emphasis); text-decoration: none; border-bottom: 1px solid var(--s13-link-line); transition: color .26s ease, border-color .26s ease, background-color .26s ease; }
.s13-mix-feature a:hover:not(:where(.s13-publication-card *)) { color: var(--s13-accent); border-bottom-color: var(--s13-accent); }
.s13-mix-feature :is(a,button,summary):focus-visible { outline: 2px solid var(--s13-accent); outline-offset: 5px; }
.s13-mix-feature [hidden] { display: none !important; }
.s13-mix-feature [id] { scroll-margin-top: calc(var(--s13-visible-header-height, 128px) + 2rem); }
.s13-mix-feature img:not(:where(.s13-publication-card *)) { display: block; width: 100%; height: auto; max-width: 100%; margin: 0; border: 0; outline: 0 !important; }
.s13-mix-feature .og-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }

/* Identity and access to the mix. */
.s13-interview-feature--reference .og-kicker,
.s13-mix-feature .og-kicker,
.s13-mix-feature .og-credit,
.s13-mix-feature .og-meta,
.s13-mix-feature .og-byline,
.s13-mix-feature .og-player-label,
:is(.s13-mix-feature,.s13-publication-components) .og-record-meta,
.s13-mix-feature .og-edit-note,
.s13-mix-feature .og-track-no,
.s13-mix-feature .og-track-meta { font-family: var(--s13-body); font-weight: 400; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-kicker { display: block; color: var(--s13-muted); font-size: var(--s13-type-meta); line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; }
.s13-mix-feature .og-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.95fr); align-items: start; gap: var(--mix-gap); padding: 0 0 clamp(2rem,4vw,3.5rem); }
.s13-structured-mix--no-photo .og-hero { grid-template-columns: minmax(0,1fr); }
.s13-mix-feature .og-hero-copy { min-width: 0; padding-top: var(--s13-hero-copy-offset); }
.s13-mix-feature .og-hero-copy > .og-kicker {
  color: var(--s13-muted);
  font: var(--s13-hero-label-font);
  letter-spacing: var(--s13-hero-label-tracking);
}
.s13-editorial-title-breaks .og-hero-copy { container-type: inline-size; }
/* Keep accented capitals clear in both one- and two-line mix titles. */
.s13-mix-feature h1.og-title { margin: var(--s13-hero-label-gap) 0 clamp(1rem,2vw,1.8rem); font-size: clamp(3.7rem,7.2vw,8rem); line-height: 1; overflow-wrap: normal; word-break: normal; hyphens: none; }
.s13-structured-mix h1.og-title { text-transform: uppercase; text-wrap: balance; }
.s13-mix-feature--long-title h1.og-title { font-size: clamp(3rem,5.5vw,6.3rem); }
.s13-structured-mix.s13-mix-feature--long-title h1.og-title { font-size: clamp(3rem,4.7vw,5.3rem); }
.s13-mix-feature .og-title span { display: block; }
.s13-mix-feature .og-title .s13-title-phrase { white-space: nowrap; }
.s13-mix-feature p.og-subtitle { max-width: 42ch; margin: 0 0 clamp(1rem,2vw,1.7rem); color: var(--s13-reading); font: 600 .7rem/1.55 var(--s13-body); letter-spacing: .14em; text-transform: uppercase; }
.s13-new-blood-mix p.og-subtitle { max-width: none; }
.s13-mix-feature p.og-subtitle .og-subtitle-context-divider { color: var(--s13-muted); }
.s13-mix-feature p.og-subtitle a.nb-mix-context { display: inline; min-height: 0; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; white-space: nowrap; border-bottom-color: var(--s13-link-line); }
.s13-mix-feature p.og-subtitle a.nb-mix-context:is(:hover,:focus-visible) { color: var(--s13-accent); border-bottom-color: var(--s13-accent); }
.s13-mix-feature p.og-deck { max-width: 42ch; margin: 0; color: var(--s13-emphasis); font-size: clamp(1.1rem,1.55vw,1.38rem); line-height: 1.48; }
.s13-mix-feature a.og-hero-listen { display: inline-flex; align-items: center; gap: .9rem; min-height: 2.75rem; margin-top: 1.1rem; border: 0; color: var(--s13-accent); font: 650 .68rem/1.35 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.s13-mix-feature a.og-hero-listen > span { font-size: 1.1rem; font-weight: 400; transition: transform .26s ease; }
.s13-mix-feature a.og-hero-listen:hover > span { transform: translateY(.2rem); }
.s13-mix-feature .og-hero-image { width: 100%; max-width: 560px; min-width: 0; margin: 0; justify-self: end; overflow: hidden; }
.s13-mix-feature .og-hero-image img { width: 100%; outline: 1px solid var(--s13-media-border) !important; outline-offset: -1px; }
.s13-structured-mix .s13-mix-hero-cover { max-width: 32rem; }
.s13-structured-mix .s13-mix-hero-cover img { aspect-ratio: 1; object-fit: contain; background: var(--s13-surface); }
.s13-mix-feature .og-credit,
.s13-mix-feature .s13-editorial-figure figcaption { display: block; margin: 0; padding: .8rem 0 0; color: var(--s13-muted); font: 400 var(--s13-type-caption)/1.55 var(--s13-body); letter-spacing: .035em; }
.s13-mix-feature .og-credit a { display: inline; min-height: 0; border-bottom-color: var(--s13-link-line); }
.s13-mix-feature .og-byline { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem 1.3rem; margin-top: 1rem; color: var(--s13-muted); font-size: var(--s13-type-meta); line-height: 1.6; }
.s13-mix-feature .og-byline a { display: inline-block; padding: .3rem 0; }
.s13-mix-feature .og-meta { display: flex; flex-wrap: wrap; gap: .65rem 2rem; margin: 0; padding: 1.15rem 0; border-top: 1px solid var(--mix-rule); border-bottom: 1px solid var(--mix-rule); color: var(--s13-muted); font-size: var(--s13-type-meta); line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; }
.s13-mix-feature ul.og-meta { list-style: none; }
.s13-mix-feature ul.og-meta > li { min-width: 0; max-width: 100%; margin: 0; padding: 0; overflow-wrap: anywhere; }
.s13-mix-feature .og-listen { display: grid; grid-template-columns: minmax(0,1fr) var(--mix-rail); align-items: start; gap: 0 var(--mix-gap); margin: 0 0 var(--mix-section); padding: clamp(1.5rem,3vw,2.5rem) 0; }
.s13-mix-feature .og-player-label { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 1rem; margin: 0 0 1rem; color: var(--s13-muted); font-size: var(--s13-type-meta); letter-spacing: .1em; text-transform: uppercase; }
.s13-mix-feature .og-soundcloud { grid-column: 1; margin: 0; line-height: 0; }
.s13-mix-feature .s13-editorial-players { grid-column: 1; display: grid; gap: 1.25rem; min-width: 0; }
.s13-mix-feature .s13-player-source { display: block; margin: 0 0 .55rem; color: var(--s13-muted); font: 600 var(--s13-type-meta)/1.5 var(--s13-body); letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.s13-mix-feature .og-soundcloud iframe { display: block; position: static; width: 100%; max-width: 100%; height: 166px; margin: 0; padding: 0; border: 0; background: var(--s13-ink); }
/* The full Mixcloud widget needs its own readable 180px iframe when no
   SoundCloud upload exists. Never shrink the player to a 120px strip. */
.s13-mix-feature .s13-editorial-player--mixcloud { min-height: 180px; }
.s13-mix-feature .s13-editorial-player--mixcloud iframe { height: 180px; background: #292b2e; }
.s13-mix-feature .og-soundcloud .fluid-width-video-wrapper { position: static; height: auto; padding: 0; }
.s13-structured-mix .s13-mix-listen-side { grid-column: 2; min-width: 0; }
.s13-structured-mix .og-listen--no-embed .s13-mix-listen-side { grid-column: 1 / -1; }
.s13-mix-feature .og-listen-links { grid-column: 2; display: grid; align-content: start; margin: 0; }
.s13-mix-feature .og-listen--no-embed .og-listen-links { grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(1rem,3vw,3rem); }
.s13-mix-feature a.og-button { display: flex; align-items: center; justify-content: space-between; gap: .9rem; width: 100%; min-height: 5.15rem; padding: 1rem 0; border: 0; color: var(--s13-ink); font: 600 .68rem/1.4 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.s13-mix-feature a.og-button + a.og-button { border-top: 1px solid var(--mix-rule); }
.s13-mix-feature a.og-button:hover { color: var(--s13-support); }
.s13-mix-feature .og-jump-nav { display: flex; flex-wrap: wrap; gap: .7rem clamp(1.4rem,3vw,3rem); margin: 0 0 var(--mix-section); }
.s13-mix-feature .og-jump-nav a { display: inline-flex; align-items: center; gap: .7rem; min-height: 2.75rem; border: 0; font: 600 .65rem/1.35 var(--s13-body); letter-spacing: .06em; text-transform: uppercase; }
.s13-mix-feature .og-down { display: inline-block; width: .5rem; height: .5rem; margin-bottom: .25rem; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.s13-mix-feature .og-out { display: inline-block; position: relative; width: .6rem; height: .6rem; border-top: 1px solid currentColor; border-right: 1px solid currentColor; }
.s13-mix-feature .og-out::after { content: ""; position: absolute; top: -.08rem; right: -.08rem; width: .82rem; height: 1px; background: currentColor; transform: rotate(-45deg); transform-origin: right; }

/* One reading grid. Only a paired image may span both columns; single
   photographs stay with the article and never cover the track index. */
.s13-mix-feature .og-layout { display: grid; grid-template-columns: minmax(0,1fr) var(--mix-rail); align-items: start; gap: var(--mix-gap); }
.s13-mix-feature .og-article { grid-column: 1; grid-row: 1; min-width: 0; }
.s13-mix-feature .og-layout.s13-editorial-inline-tracks { display: block; }
.s13-mix-feature .s13-editorial-inline-tracks .og-sidebar { width: 100%; position: static; }
.s13-mix-feature .s13-editorial-inline-tracks .s13-track-index { margin-bottom: var(--mix-section); }
.s13-mix-feature .og-sidebar { grid-column: 2; grid-row: 1; min-width: 0; z-index: 1; }
.s13-mix-feature .og-prose { display: flow-root; max-width: 68ch; }
.s13-mix-feature .og-intro { color: var(--s13-emphasis); font-size: clamp(1.12rem,1.4vw,1.3rem); line-height: 1.68; }
.s13-mix-feature .og-article-flow > p { max-width: 68ch; margin: 0 0 1.45em; }
.s13-mix-feature .og-article-flow > p:first-child { color: var(--s13-emphasis); font-size: clamp(1.12rem,1.4vw,1.3rem); line-height: 1.68; }
.s13-mix-feature .og-article-flow > p :is(strong,b) { color: var(--s13-ink); font-weight: 650; }
.s13-mix-feature .og-article-flow > p :is(em,i) { font-style: italic; }
.s13-structured-mix .og-article-flow > :is(h2,h3) { max-width: 68ch; margin: var(--mix-section) 0 clamp(1.4rem,2.5vw,2rem); line-height: 1; }
.s13-structured-mix .og-article-flow > h2 { font-size: clamp(2.25rem,4.3vw,5rem); }
.s13-structured-mix .og-article-flow > h3 { font-size: clamp(1.7rem,2.6vw,3rem); }
/* Nested interview blocks need their own rhythm: the direct article-heading
   selectors above intentionally do not reach questions inside Q&A wrappers. */
.s13-structured-mix .s13-mix-interview { display: flow-root; clear: both; max-width: 68ch; margin: var(--mix-section) 0 0; }
.s13-structured-mix .s13-mix-interview > h2 { margin: 0 0 clamp(2rem,3vw,3rem); font-size: clamp(2.25rem,4.3vw,5rem); line-height: 1; }
.s13-structured-mix .s13-mix-qa { display: flow-root; }
.s13-structured-mix .s13-mix-qa + .s13-mix-qa { margin-top: clamp(2.5rem,4vw,4rem); }
.s13-structured-mix .s13-mix-qa > h3 { margin: 0 0 clamp(1rem,1.5vw,1.5rem); font: 650 clamp(1.15rem,1.4vw,1.35rem)/1.45 var(--s13-body); }
.s13-structured-mix .og-article-flow > :is(figure,blockquote) { margin: var(--mix-media) 0; }
/* Reading measure belongs to text, not photographs. Imported standalone
   figures must fill the same article column as the editorial-photo blocks.
   Explicit document/tall/statement variants keep their own rules below. */
.s13-structured-mix .og-article-flow > figure { max-width: none; }
.s13-structured-mix .og-article-flow > blockquote { max-width: 68ch; }
.s13-structured-mix .og-article-flow > figure img { width: 100%; height: auto; object-fit: contain; }
.s13-structured-mix .og-article-flow > figure img { outline: 1px solid var(--s13-media-border) !important; outline-offset: -1px; }
.s13-structured-mix .og-article-flow > figure figcaption { padding-top: .75rem; color: var(--s13-muted); font-size: var(--s13-type-caption); line-height: 1.5; }
.s13-structured-mix .s13-mix-artist-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 1.5rem; max-width: 68ch; margin: var(--mix-section) 0 0; }
.s13-structured-mix .s13-mix-artist-links h2 { grid-column: 1 / -1; margin: 0 0 1.2rem; font-size: clamp(1.7rem,2.6vw,3rem); line-height: 1; }
.s13-structured-mix .s13-mix-artist-links a { display: flex; align-items: center; min-height: 3.6rem; border: 0; border-top: 1px solid var(--mix-rule); font: 600 .68rem/1.4 var(--s13-body); letter-spacing: .07em; text-transform: uppercase; }
.s13-structured-mix .og-article-flow > blockquote { padding: 1.6rem 0; border-top: 1px solid var(--mix-rule); border-bottom: 1px solid var(--mix-rule); }
.s13-structured-mix .og-article-flow > blockquote p { color: var(--s13-ink); font: 650 clamp(1.7rem,2.6vw,3rem)/1.16 var(--s13-display); }
.s13-mix-feature .og-movement { display: block; max-width: 68ch; margin: var(--mix-section) 0 clamp(1.6rem,3vw,2.7rem); padding-top: clamp(1.2rem,2vw,2rem); border-top: 1px solid var(--s13-ink); }
.s13-mix-feature .og-movement-index { grid-column: 1 / -1; color: var(--s13-muted); font: 600 var(--s13-type-meta)/1.4 var(--s13-body); letter-spacing: .12em; text-transform: uppercase; }
.s13-mix-feature .og-movement h2 { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: .5rem 1.5rem; margin: 0; font-size: clamp(2.3rem,4vw,4.4rem); line-height: 1; }
.s13-mix-feature .og-movement-range { color: var(--s13-muted); font: 400 var(--s13-type-meta)/1.5 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.s13-mix-feature .og-article-flow .og-wide-photo--document { max-width: min(100%,32rem); }
.s13-mix-feature h2.og-section-title { margin: var(--mix-section) 0 clamp(1.5rem,3vw,2.5rem); font-size: clamp(2.25rem,4.3vw,5rem); line-height: .98; }
.s13-mix-feature .og-article > .og-prose + .og-prose { margin-top: clamp(1.8rem,3vw,3rem); }
.s13-mix-feature :is(.og-photo-pair, .og-portrait-break, .og-wide-photo, .og-visual-break) { position: relative; width: 100%; background: var(--s13-bg); }
.s13-mix-feature .og-visual-break:has(.og-photo-pair) { z-index: 2; width: calc(100% + var(--mix-gap) + var(--mix-rail)); }
.s13-mix-feature :is(.og-photo-pair, .og-portrait-break, .og-wide-photo) { margin: var(--mix-media) 0; }
.s13-mix-feature .og-photo-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: clamp(1rem,2.4vw,2.25rem); }
.s13-mix-feature .og-photo-pair figure { min-width: 0; margin: 0; }
.s13-mix-feature .og-photo-pair img { aspect-ratio: 3 / 2; object-fit: cover; }
.s13-mix-feature .og-portrait-break img { width: 100%; height: auto; object-fit: contain; }
.s13-mix-feature .og-wide-photo img { width: 100%; height: auto; object-fit: contain; }
.s13-mix-feature .og-visual-break { margin: var(--mix-section) 0 var(--mix-media); }
.s13-mix-feature .og-visual-break .og-photo-pair { width: 100%; }
.s13-mix-feature .og-visual-break .og-wide-photo { width: 100%; margin: clamp(2rem,4vw,4rem) 0 0; }
.s13-mix-feature .og-tall-photo { float: right; width: min(45%,24rem); margin: var(--mix-media) 0 2rem clamp(1.5rem,4vw,4rem); }
.s13-mix-feature .og-tall-photo + .og-prose { display: block; max-width: none; padding-top: var(--mix-media); }
.s13-mix-feature .og-tall-photo + .og-prose::after { content: ""; display: block; clear: both; }
/* Photo enlargement affordances are shared with interviews in style.css. */

/* Release notes return to two columns. The sleeve remains legible and the
   track cue names its destination without floating a number over artwork. */
:is(.s13-mix-feature,.s13-publication-components) .og-record-group { clear: both; max-width: 980px; margin: var(--mix-section) 0; padding: clamp(1.75rem,2.5vw,2.5rem) 0 0; border-top: 1px solid var(--s13-ink); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-group > h2,
:is(.s13-mix-feature,.s13-publication-components) .og-record-group > h3 { max-width: 24ch; margin: 0 0 .7rem; font-size: clamp(1.8rem,3vw,3.1rem); line-height: 1; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-group > p { max-width: 58ch; margin: 0 0 2rem; color: var(--s13-muted); font-size: .9rem; line-height: 1.65; }
/* A heading without introductory copy still needs room above the covers. */
:is(.s13-mix-feature,.s13-publication-components) .og-record-group > h2:has(+ .og-record-grid) { margin-bottom: clamp(1.5rem,2.5vw,2.5rem); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: clamp(2.2rem,4vw,4rem) clamp(1.4rem,3vw,3rem); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-grid:has(> figure:only-child) { grid-template-columns: minmax(0,25rem); }
/* Compatibility for old content: a complete group is never itself a card. */
:is(.s13-mix-feature,.s13-publication-components) .og-record-grid:has(> .og-record-group) { display: block; }
.s13-structured-mix .s13-record-in-article { margin: var(--mix-media) 0; }
.s13-structured-mix .og-article-flow > .s13-editorial-photo-block { width: 100%; max-width: none; margin: var(--mix-media) 0; }
.s13-structured-mix .s13-editorial-photo-block figure { margin: 0; }
.s13-structured-mix .s13-editorial-photo-block img { display: block; width: 100%; height: auto; outline: 1px solid var(--s13-media-border); outline-offset: -1px; }
.s13-structured-mix .s13-editorial-photo-block figcaption { padding-top: .75rem; color: var(--s13-muted); font-size: var(--s13-type-caption); line-height: 1.5; }
.s13-structured-mix .og-article-flow > .s13-editorial-photo-block--pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: clamp(.8rem,1.6vw,1.5rem); max-width: none; }
.s13-structured-mix .og-article-flow > :is(.s13-editorial-photo-block--wide,.s13-editorial-photo-block--portrait) { width: 100%; max-width: none; }
.s13-structured-mix .s13-editorial-photo-block--statement { max-width: 28rem; }
.s13-structured-mix .og-article-flow > .s13-editorial-photo-block--tall {
  float: right;
  clear: right;
  width: calc(50% - clamp(.75rem,1.3vw,1.25rem));
  max-width: none;
  margin: 0 0 clamp(1.5rem,2.5vw,2.5rem) clamp(1.5rem,2.6vw,2.5rem);
}
.s13-structured-mix .s13-editorial-photo-block--tall figure.og-tall-photo { float: none; width: 100%; max-width: none; margin: 0; }
.s13-structured-mix .og-article-flow > :is(h2,h3,.s13-editorial-photo-block--wide,.s13-editorial-photo-block--portrait,.s13-editorial-photo-block--pair) { clear: both; }
.s13-structured-mix .og-article-flow > .s13-editorial-photo-block--statement { float: left; width: min(34%,25rem); max-width: none; margin: 0 clamp(2rem,4vw,4rem) 2rem 0; }
.s13-structured-mix .og-article-flow > blockquote.og-statement { max-width: none; margin: 0; padding: 0; border: 0; }
.s13-structured-mix .og-article-flow > blockquote.og-statement p { color: var(--s13-reading); font: 400 1.05rem/1.7 var(--s13-body); margin: 0 0 1.15em; }
.s13-structured-mix .og-article-flow > blockquote.og-statement p:last-of-type { color: var(--s13-ink); font-weight: 650; }
:is(.s13-mix-feature,.s13-publication-components) figure.og-record { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0 0 clamp(1.2rem,2vw,2rem); border-bottom: 1px solid var(--mix-rule); scroll-margin-top: calc(var(--s13-track-reserved-header-height, var(--s13-header-row, 96px)) + 2rem); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-cover { display: block; position: relative; width: 100%; margin: 0 0 1.1rem; border: 0; background: var(--s13-surface); line-height: 0; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-cover::before,
:is(.s13-mix-feature,.s13-publication-components) .og-record-cover::after { display: none; content: none; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-cover img { position: static; display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; outline: 1px solid var(--s13-media-border) !important; outline-offset: -1px; }
/* Each desktop pair shares its lower edge. The copy can grow in full while
   track cues and the release link stay on the same final row. */
:is(.s13-mix-feature,.s13-publication-components) .og-record-caption { display: grid; flex: 1; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 1fr auto; align-items: end; gap: .9rem 1rem; min-width: 0; margin: 0; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-copy { grid-column: 1 / -1; align-self: start; padding: 0; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-artist { display: block; margin: 0 0 .25rem; color: var(--s13-ink); font: 650 clamp(1rem,1.35vw,1.25rem)/1.28 var(--s13-body); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-name { display: block; color: var(--s13-reading); font: 400 .85rem/1.4 var(--s13-body); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-meta { display: block; min-height: 3em; margin: .75rem 0 0; color: var(--s13-muted); font: 400 var(--s13-type-meta)/1.5 var(--s13-body); letter-spacing: .05em; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-cues { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; min-height: 0; margin: 0; padding: 0; }
:is(.s13-mix-feature,.s13-publication-components) .og-record-caption > p { display: flex; justify-content: flex-end; margin: 0; }
.s13-mix-feature a.og-track-cue,
:is(.s13-mix-feature,.s13-publication-components) a.og-release-source { display: inline-flex; align-items: center; width: fit-content; min-height: 2rem; padding: .35rem 0; border: 0; border-bottom: 1px solid var(--s13-link-line); color: var(--s13-emphasis); background: transparent; font: 600 .6rem/1.3 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.s13-mix-feature a.og-track-cue::before { content: "Track "; margin-right: .3rem; color: var(--s13-muted); }
:is(.s13-mix-feature,.s13-publication-components) a.og-release-source { gap: .65rem; margin: 0; }
:is(.s13-mix-feature,.s13-publication-components) :is(a.og-release-source,a.og-track-cue):is(:hover,:focus-visible) { color: var(--s13-accent); border-bottom-color: var(--s13-accent); }
/* Anchor navigation draws attention without changing card geometry or
   adding a persistent selection frame. Every link remains usable. */
.s13-mix-feature .s13-record-focus-branch { transition: opacity .55s cubic-bezier(.4,0,.2,1); }
.s13-mix-feature .s13-record-focus-dim { opacity: .28; }

/* Tracklist rail. Complete-row measurements determine sticky eligibility.
   Compact previews, inline lists and short windows retain document flow. */
.s13-mix-feature .og-track-sticky { position: static; }
.s13-mix-feature .og-sidebar { position: static; transition: opacity .2s ease, top .52s cubic-bezier(.16,1,.3,1); }
.s13-mix-feature.s13-rail-occluded .og-sidebar { opacity: 0; pointer-events: none; }
@media (min-width: 1001px) {
  /* Match the space above the label to the remaining space below its
     1.3-line-height text in the 2.25rem heading, including its border. */
  .s13-mix-feature.s13-track-can-stick .og-layout:not(.s13-editorial-inline-tracks) .og-sidebar { position: sticky; top: calc(var(--s13-visible-header-height, 0px) + 2.25rem - var(--s13-type-caption) * 1.3 - 1px); align-self: start; }
  /* When the header recedes, centre the measured index in the space between
     the remaining toolbar and player. Header return uses the balanced gap
     above, independently of row lengths; the pane keeps its existing height. */
  html[data-s13-header-hidden="true"] .s13-mix-feature.s13-track-can-stick .og-layout:not(.s13-editorial-inline-tracks) .og-sidebar { top: max(calc(var(--s13-visible-header-height, 0px) + 2.25rem - var(--s13-type-caption) * 1.3 - 1px), calc((100dvh + var(--s13-visible-header-height, 0px) - var(--s13-listening-obstruction, 0px) - var(--s13-track-preview-height, 0px)) / 2)); }
}
.s13-mix-feature .s13-track-index { width: 100%; margin: 0; padding: 0; }
.s13-mix-feature .og-track-details { width: 100%; margin: 0; border-top: 1px solid var(--mix-rule); border-bottom: 1px solid var(--mix-rule); }
.s13-mix-feature .s13-track-index-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; min-height: 2.25rem; padding: 0; border-bottom: 1px solid var(--mix-rule); color: var(--s13-ink); font: 650 var(--s13-type-caption)/1.3 var(--s13-body); letter-spacing: .1em; text-transform: uppercase; }
.s13-mix-feature .s13-track-index-head small,
.s13-mix-feature .s13-track-index-range { color: var(--s13-muted); font: 400 var(--s13-type-caption)/1.45 var(--s13-body); letter-spacing: .09em; }
.s13-mix-feature .s13-track-index-head small { font-size: var(--s13-type-meta); white-space: nowrap; }
.s13-mix-feature .s13-track-index-range { display: block; margin: 0 0 .5rem; }
.s13-mix-feature .og-track-summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0; color: var(--s13-ink); cursor: pointer; list-style: none; font: 650 var(--s13-type-caption)/1.3 var(--s13-body); letter-spacing: .1em; text-transform: uppercase; }
.s13-mix-feature .og-track-summary::-webkit-details-marker { display: none; }
.s13-mix-feature .og-track-summary::after { content: "+"; font-size: 1rem; color: var(--s13-support); }
.s13-mix-feature .og-track-details[open] .og-track-summary::after { content: "−"; }
.s13-mix-feature .og-track-inside,
.s13-mix-feature .og-track-panel { height: auto; max-height: none; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
.s13-mix-feature .og-track-frame::after,
.s13-mix-feature .og-track-controls,
.s13-mix-feature .og-track-status { display: none; }
.s13-mix-feature .og-track-list { display: block; margin: 0; padding: 0; list-style: none; }
.s13-mix-feature .og-track-list > li { position: relative; display: block; margin: 0; padding: .6875rem 0 .6875rem 1.875rem; border-bottom: 1px solid var(--mix-rule); color: var(--s13-reading); font: 400 .875rem/1.5 var(--s13-body); list-style: none; transition: background-color .55s cubic-bezier(.4,0,.2,1); }
.s13-mix-feature .og-track-list > li[hidden] { display: none; }
.s13-mix-feature .og-track-list > li:last-child { border-bottom: 0; }
.s13-mix-feature .og-track-list > li::before,
.s13-mix-feature .og-track-list > li::after { display: none; content: none; }
.s13-mix-feature .og-track-list > li[data-s13-selected="true"] { background: var(--s13-surface-hover); }
.s13-mix-feature .og-track-no { position: absolute; top: calc(.6875rem + (.875rem - var(--s13-type-meta)) * .75); left: 0; color: var(--s13-muted); font-size: var(--s13-type-meta); line-height: 1.5; font-variant-numeric: tabular-nums; }
.s13-mix-feature .og-track-artist { display: block; color: var(--s13-ink); font-weight: 650; }
.s13-mix-feature .og-track-title { display: block; margin-top: 0; color: var(--s13-secondary); }
.s13-mix-feature .og-track-meta { display: block; margin-top: .1875rem; color: var(--s13-muted); font-size: var(--s13-type-caption); line-height: 1.45; }
.s13-structured-mix .og-track-entry { position: relative; }
.s13-structured-mix .og-track-entry > .og-track-no { top: calc((.875rem - var(--s13-type-meta)) * .75); left: -1.875rem; }
.s13-structured-mix .og-track-chapter { margin: .35rem 0 .85rem; font: 600 var(--s13-type-caption)/1.5 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; color: var(--s13-reading); }
.s13-structured-mix .og-track-time { display: block; margin-top: .2rem; color: var(--s13-muted); font: 400 var(--s13-type-caption)/1.45 var(--s13-body); font-variant-numeric: tabular-nums; }
.s13-mix-feature .og-track-back { display: inline-block; margin-top: .25rem; min-height: 0; padding: 0; border-bottom: 0; color: var(--s13-reading); font-size: var(--s13-type-caption); line-height: 1.45; text-decoration: underline; text-decoration-color: var(--s13-link-line); text-decoration-thickness: 1px; text-underline-offset: .09em; }
.s13-mix-feature .og-track-back:is(:hover,:focus-visible) { text-decoration-color: var(--s13-accent); }
.s13-mix-feature .og-track-link-label { color: var(--s13-muted); }
.s13-mix-feature .s13-track-toggle { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; min-height: 3.125rem; margin: 0; padding: .8125rem 0; border: 0; border-top: 1px solid var(--mix-rule); background: transparent; color: var(--s13-ink); cursor: pointer; font: 650 var(--s13-type-meta)/1.4 var(--s13-body); letter-spacing: .09em; text-align: left; text-transform: uppercase; transition: color .26s ease; }
.s13-mix-feature .s13-track-toggle::after { content: ""; flex: 0 0 auto; width: .8rem; height: .8rem; color: var(--s13-muted); background: currentColor; -webkit-mask: var(--s13-arrow-mask) center / contain no-repeat; mask: var(--s13-arrow-mask) center / contain no-repeat; transform: rotate(135deg); }
.s13-mix-feature .s13-track-toggle[aria-expanded="true"]::after { transform: rotate(-45deg); }
.s13-mix-feature .s13-track-toggle:hover { color: var(--s13-support); }
@media (min-width: 1001px) {
  /* Measure only the fixed heading/toggle, then give the records the
     remaining viewport. The actual player height is shared with reading frames. */
  .s13-mix-feature { --s13-track-room: max(0px, calc(100dvh - var(--s13-track-reserved-header-height, var(--s13-header-row, 96px)) - var(--s13-listening-obstruction, 0px) - var(--mix-edge) * 2 - var(--s13-track-chrome-height, 144px))); }
  .s13-mix-feature.s13-track-expanded.s13-track-can-stick .s13-track-index[data-s13-track-rail="true"] .og-track-inside { max-height: min(25.625rem, var(--s13-track-room)); overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: var(--s13-field-line) transparent; scroll-snap-type: y proximity; }
  .s13-mix-feature.s13-track-expanded.s13-track-can-stick .s13-track-index[data-s13-track-rail="true"] .og-track-list > li { scroll-snap-align: start; scroll-margin-top: 0; }
  .s13-mix-feature .og-track-inside:focus-visible { outline: 1px solid var(--s13-support); outline-offset: -1px; }
}
@media (pointer: coarse) {
  .s13-mix-feature :is(.og-track-back,a.og-track-cue) { min-height: 2.75rem; }
  .s13-mix-feature .og-track-back { padding: .8rem 0; }
}

/* The rest of the narrative uses the same cadence as the opening. */
.s13-mix-feature :is(blockquote.og-pull,aside.og-pull) { display: block; max-width: min(100%,48rem); margin: var(--mix-section) 0; padding: clamp(1.75rem,3vw,2.75rem) 0; border-top: 1px solid var(--s13-ink); border-bottom: 1px solid var(--mix-rule); }
.s13-mix-feature .og-pull::before,
.s13-mix-feature .og-pull::after { display: none; content: none; }
.s13-mix-feature .og-pull p { margin: 0; color: var(--s13-ink); font: 650 clamp(1.8rem,2.6vw,3rem)/1.16 var(--s13-display); }
.s13-mix-feature .og-pull cite { display: block; margin-top: 1rem; color: var(--s13-muted); font: 400 var(--s13-type-meta)/1.5 var(--s13-body); font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.s13-mix-feature .og-visual-break .og-pull { margin: 0 0 clamp(2rem,4vw,4rem); border-bottom: 0; padding-bottom: 0; }
.s13-mix-feature .og-artist-word { margin-top: var(--mix-section); padding-top: clamp(2rem,4vw,4rem); border-top: 1px solid var(--s13-ink); }
.s13-mix-feature .og-artist-word h2 { margin: .8rem 0 1.5rem; font-size: clamp(2.3rem,4vw,4.5rem); line-height: .98; }
.s13-mix-feature .og-edit-note { margin: 0 0 2rem; color: var(--s13-muted); font-size: var(--s13-type-meta); line-height: 1.5; letter-spacing: .07em; }
.s13-mix-feature .og-statement-layout { display: grid; grid-template-columns: minmax(0,.36fr) minmax(0,1fr); align-items: start; gap: clamp(2rem,5vw,5rem); }
.s13-mix-feature .og-statement-photo { min-width: 0; margin: 0; }
.s13-mix-feature blockquote.og-statement { min-width: 0; margin: 0; border: 0; }
.s13-mix-feature .og-statement::before,
.s13-mix-feature .og-statement::after { display: none; content: none; }
.s13-mix-feature .og-statement p { color: var(--s13-reading); font-size: 1.05rem; line-height: 1.7; }
.s13-mix-feature .og-statement p:last-child { color: var(--s13-ink); font-weight: 650; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-artist-links { margin: var(--mix-section) 0 0; padding: 0; border: 1px solid var(--mix-rule); border-bottom: 0; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-artist-links > .og-kicker { display: block; padding: .9rem 1.25rem; border-bottom: 1px solid var(--mix-rule); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--single { grid-template-columns: minmax(0,1fr); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five { grid-template-columns: repeat(5,minmax(0,1fr)); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 5rem; padding: 1.25rem; border: 0; border-right: 1px solid var(--mix-rule); border-bottom: 1px solid var(--mix-rule); color: var(--s13-ink); font: 600 .66rem/1.35 var(--s13-body); letter-spacing: .09em; text-transform: uppercase; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row a:last-child { border-right: 0; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three a:nth-child(3n) { border-right: 0; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row a:hover { background: var(--s13-surface-hover); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-sources { clear: both; margin: var(--mix-section) 0 0; border-top: 1px solid var(--mix-rule); }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-artist-links + .og-sources { margin-top: 0; border-top: 0; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-sources summary { padding: 1.2rem 0; color: var(--s13-secondary); cursor: pointer; font: 600 .75rem/1.5 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-sources :is(p,li) { color: var(--s13-secondary); font-size: .875rem; line-height: 1.7; }
:is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-sources ul { margin: 0 0 1.5rem; padding-left: 1.2rem; }
.s13-mix-feature :is(.og-author-card,.og-footer,.og-archive) { display: none; }

@media (max-width: 1000px) {
  .s13-structured-mix .og-article-flow > .s13-editorial-photo-block--statement { float: none; width: min(100%,26rem); margin: var(--mix-media) 0; }
  .s13-mix-feature { --mix-rail: 0px; --mix-gap: 0px; }
  .s13-mix-feature .og-hero { grid-template-columns: minmax(0,1fr) minmax(0,.85fr); gap: clamp(1.5rem,4vw,3rem); }
  .s13-mix-feature--long-title h1.og-title { font-size: clamp(2.6rem,5vw,4.5rem); }
  .s13-mix-feature .og-layout { display: flex; flex-direction: column; gap: clamp(2.5rem,5vw,4rem); }
  .s13-mix-feature .og-listen { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .s13-mix-feature .og-player-label,
  .s13-mix-feature .og-soundcloud,
  .s13-mix-feature .s13-editorial-players,
  .s13-mix-feature .og-listen-links { grid-column: 1; }
  .s13-structured-mix .s13-mix-listen-side,
  .s13-structured-mix .og-listen--no-embed .s13-mix-listen-side { grid-column: 1; }
  .s13-mix-feature .og-listen-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
  .s13-mix-feature a.og-button { min-height: 3.75rem; }
  .s13-mix-feature a.og-button + a.og-button { border-top: 0; }
  .s13-mix-feature .og-sidebar { order: 0; width: 100%; position: static; }
  .s13-mix-feature .og-article { order: 1; width: 100%; }
  .s13-mix-feature :is(.og-photo-pair,.og-portrait-break,.og-wide-photo,.og-visual-break) { width: 100%; }
  .s13-mix-feature .og-tall-photo { width: min(44%,22rem); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--single { grid-template-columns: minmax(0,1fr); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three a:nth-child(3n) { border-right: 1px solid var(--mix-rule); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three a:nth-child(2n) { border-right: 0; }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row a:nth-child(2n) { border-right: 0; }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five { grid-template-columns: repeat(2,minmax(0,1fr)); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five a { border-right: 1px solid var(--mix-rule); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five a:nth-child(2n),
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five a:last-child { border-right: 0; }
}
@media (max-width: 620px) {
  .s13-mix-feature { padding: var(--s13-content-inset) var(--s13-gutter) 5rem; font-size: 1rem; }
  .s13-mix-feature .og-hero { display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: "cover" "copy"; gap: 1.5rem; padding: 0; }
  .s13-structured-mix--no-photo .og-hero { grid-template-areas: "copy"; }
  .s13-mix-feature .og-hero-copy { grid-area: copy; padding-top: 0; }
  .s13-mix-feature h1.og-title { margin-block: .75rem 1rem; font-size: clamp(2.5rem,11.5vw,3.5rem); }
  .s13-mix-feature--long-title h1.og-title { font-size: clamp(2.2rem,10vw,3.8rem); }
  .s13-mix-feature .og-hero-image { grid-area: cover; max-width: none; margin: 0; justify-self: start; }
  .s13-mix-feature p.og-subtitle { max-width: none; margin-bottom: 1rem; }
  .s13-mix-feature p.og-deck { max-width: none; font-size: 1rem; line-height: 1.5; }
  .s13-mix-feature.s13-listening-editorial .og-layout { margin-top: 3rem; }
  .s13-structured-mix .s13-mix-hero-cover { width: min(100%,26rem); max-width: 100%; }
  .s13-mix-feature .og-meta { gap: .65rem 1.4rem; }
  .s13-mix-feature .og-jump-nav { margin-bottom: 2.5rem; }
  .s13-mix-feature .og-listen-links { grid-template-columns: minmax(0,1fr); gap: 0; }
  .s13-mix-feature .og-listen--no-embed .og-listen-links { grid-template-columns: minmax(0,1fr); }
  .s13-mix-feature a.og-button { min-height: 3.25rem; }
  .s13-mix-feature a.og-button + a.og-button { border-top: 1px solid var(--mix-rule); }
  .s13-mix-feature .og-photo-pair { grid-template-columns: minmax(0,1fr); gap: 1.8rem; }
  .s13-structured-mix .og-article-flow > .s13-editorial-photo-block--pair { grid-template-columns: minmax(0,1fr); gap: 1.8rem; }
  .s13-mix-feature .og-tall-photo { float: none; width: 100%; max-width: 28rem; margin: var(--mix-media) 0 1.5rem; }
  .s13-structured-mix .og-article-flow > .s13-editorial-photo-block--tall { float: none; clear: both; width: 100%; margin: var(--mix-media) 0; }
  .s13-mix-feature .og-tall-photo + .og-prose { padding-top: 0; }
  :is(.s13-mix-feature,.s13-publication-components) .og-record-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
  :is(.s13-mix-feature,.s13-publication-components) figure.og-record { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1fr); align-items: start; gap: 1rem; padding: 1.25rem 0; }
  :is(.s13-mix-feature,.s13-publication-components) .og-record-cover { max-width: none; margin: 0; }
  :is(.s13-mix-feature,.s13-publication-components) .og-record-caption { display: flex; flex-direction: column; align-items: flex-start; gap: .45rem; }
  :is(.s13-mix-feature,.s13-publication-components) .og-record-copy { width: 100%; }
  :is(.s13-mix-feature,.s13-publication-components) .og-record-caption > p { justify-content: flex-start; }
  .s13-mix-feature .og-statement-layout { grid-template-columns: minmax(0,1fr); }
  .s13-mix-feature .og-statement-photo { max-width: 26rem; }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row { grid-template-columns: minmax(0,1fr); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--two { grid-template-columns: minmax(0,1fr); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three { grid-template-columns: minmax(0,1fr); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five { grid-template-columns: minmax(0,1fr); }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row a { border-right: 0; }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--three a:nth-child(3n) { border-right: 0; }
  :is(.s13-mix-feature,.s13-interview-feature--reference,.s13-publication-components) .og-social-row--five a { border-right: 0; }
}
/* A long individual word must fit the text column, not merely the viewport.
   Keep normal display sizing and semantic wrapping; cap only when necessary.
   The word metric is computed from editorial segments, not the whole title. */
.s13-structured-mix .og-hero-copy { container-type: inline-size; }
/* Reserve glyph overhang as well as the CSS box (e.g. HYPNOSKULL's final L). */
.s13-structured-mix h1.og-title { font-size: min(clamp(3.7rem,7.2vw,8rem), calc(137cqi / var(--s13-title-word, 1))); }
.s13-structured-mix.s13-mix-feature--long-title h1.og-title { font-size: min(clamp(3.7rem,7.2vw,8rem), calc(137cqi / var(--s13-title-word, 1))); }
@media (max-width: 620px) {
  .s13-structured-mix h1.og-title { font-size: min(clamp(2.5rem,11.5vw,3.5rem), calc(137cqi / var(--s13-title-word, 1))); }
  .s13-structured-mix.s13-mix-feature--long-title h1.og-title { font-size: min(clamp(2.5rem,11.5vw,3.5rem), calc(137cqi / var(--s13-title-word, 1))); }
}
/* At the narrowest widths, fit the approved segment, never the whole name. */
@media (max-width: 360px) {
  /* Wide seven-letter words (UNKNOWN / OTTOMAN) need a second cap;
     long narrow words keep their existing, larger word-based allowance. */
  .s13-mix-feature.s13-structured-mix h1.og-title { font-size: min(clamp(2.5rem,11.5vw,3.5rem), calc(120cqi / min(var(--s13-title-word, 1), 8)), calc(137cqi / var(--s13-title-word, 1))); }
}
@media (prefers-reduced-motion: reduce) {
  .s13-mix-feature a,
  .s13-mix-feature .og-expand,
  .s13-mix-feature .og-sidebar,
  .s13-mix-feature .s13-record-focus-branch,
  .s13-mix-feature .s13-track-toggle,
  .s13-mix-feature .og-track-list > li,
  .s13-mix-feature .og-track-inside { transition: none; }
  .s13-mix-feature.s13-track-expanded.s13-track-can-stick .s13-track-index[data-s13-track-rail="true"] .og-track-inside { scroll-behavior: auto; scroll-snap-type: none; }
  .s13-mix-feature a.og-hero-listen > span { transition: none; }
}
@media print {
  .s13-mix-feature .s13-record-focus-branch { opacity: 1 !important; transition: none; }
  .s13-mix-feature { max-width: none; padding: 0; background: #fff; color: #111; font-size: 12pt; }
  .s13-mix-feature :is(h1,h2,h3,p,a,span) { color: #111; }
  .s13-mix-feature .og-layout,
  .s13-mix-feature .og-statement-layout { display: block; }
  .s13-mix-feature .og-sidebar { position: static !important; top: auto !important; opacity: 1 !important; }
  .s13-mix-feature :is(.og-track-inside,.og-track-panel) { height: auto !important; max-height: none !important; overflow: visible !important; scroll-snap-type: none !important; }
  .s13-mix-feature .og-track-details::details-content { content-visibility: visible; }
  .s13-mix-feature .og-track-list > li[hidden] { display: block !important; }
  .s13-mix-feature .og-track-list > li { color: #111; background: none !important; box-shadow: none !important; }
  .s13-mix-feature .og-track-list,
  .s13-mix-feature .og-track-list :is(strong,span,a,h3) { color: #111; }
  .s13-mix-feature :is(.og-photo-pair,.og-portrait-break,.og-wide-photo,.og-visual-break) { width: 100%; }
  .s13-mix-feature :is(.og-jump-nav,.og-expand,.s13-track-toggle,.og-track-summary) { display: none; }
}

/* Shared blocks inherit the same defaults in interviews, reviews and spotlight. */
.s13-publication-components { --mix-rule: var(--s13-line); --mix-section: clamp(3.5rem,5.5vw,5.5rem); }
.s13-publication-components .og-kicker, .s13-publication-card > .og-kicker { font: 400 var(--s13-type-meta)/1.5 var(--s13-body); letter-spacing: .13em; text-transform: uppercase; }
.s13-publication-components--channels + .s13-publication-components--sources .og-sources { margin-top: 0; border-top: 0; }
.s13-publication-card { margin: var(--mix-section) 0; width: 100%; max-width: 42rem; }
.s13-publication-card > .og-kicker { display: block; margin-bottom: 1.25rem; color: var(--s13-muted); }
@media (max-width: 800px) { .s13-publication-card { max-width: none; } }

/* Contextual players use one implementation in every publication section. */
:is(.s13-interview-feature .iv-video,.s13-editorial-media.iv-video) { width: 100%; margin: var(--iv-section,var(--mix-section,4rem)) 0; }
:is(.s13-interview-feature .iv-video-frame,.s13-editorial-media .iv-video-frame) { position: relative; aspect-ratio: 16/9; }
:is(.s13-interview-feature .iv-video-frame iframe,.s13-editorial-media .iv-video-frame iframe) { position: absolute; inset: 0; width: 100%; height: 100%; }
:is(.s13-interview-feature .iv-album,.s13-editorial-media.iv-album) { width: 100%; margin: 2.5rem 0; padding-top: 1.1rem; border-top: 1px solid var(--s13-link-line); container-type: inline-size; }
:is(.s13-interview-feature .iv-album iframe,.s13-editorial-media.iv-album iframe) { width: 100%; height: 470px; height: calc(100cqw + 120px); }
:is(.s13-interview-feature .iv-album--compact iframe,.s13-editorial-media.iv-album--compact iframe) { height: 120px; }
:is(.s13-interview-feature .iv-album > a,.s13-editorial-media.iv-album > a) { display: inline-block; margin-top: 1rem; font-size: .72rem; }
.s13-editorial-media iframe { display: block; max-width: 100%; border: 0; background: var(--s13-bg); }
.s13-editorial-media .iv-module-label { display: block; margin-bottom: 1rem; color: var(--s13-muted); font: 500 var(--s13-type-meta)/1.5 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.s13-editorial-media.iv-album iframe { height: 120px; }
.s13-editorial-media--bandcamp { max-width: 700px; }
.s13-editorial-media.s13-editorial-media--soundcloud iframe { height: 166px; }
.s13-editorial-photo-block--gallery { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: clamp(.75rem,1.6vw,1.5rem); width: 100%; margin: 2rem 0; }
.s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(2):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); }
.s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(4):last-child) { grid-template-columns: repeat(4,minmax(0,1fr)); }
.s13-editorial-photo-block--gallery .s13-editorial-figure { min-width: 0; margin: 0; }
.s13-editorial-photo-block--gallery .s13-editorial-photo-frame { display: block; }
.s13-editorial-photo-block--gallery img { display: block; width: 100%; height: auto; aspect-ratio: var(--s13-photo-ratio,auto); object-fit: contain; }
.s13-editorial-photo-block--gallery figcaption { margin-top: .6rem; color: var(--s13-muted); font-size: .72rem; line-height: 1.5; }
@media(max-width: 900px) { .s13-editorial-photo-block--gallery { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width: 900px) { .s13-editorial-photo-block--gallery:has(> .s13-editorial-figure:nth-child(4):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width: 500px) { .s13-editorial-photo-block--gallery { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.s13-editorial-media .iv-caption { color: var(--s13-support); font: 400 var(--s13-type-meta)/1.55 var(--s13-body); margin-top: 1rem; }
.s13-editorial-note:not(.iv-outro) { margin: var(--mix-section,4rem) 0; padding-top: 1.5rem; border-top: 1px solid var(--mix-rule,var(--s13-line)); }
.s13-editorial-note:not(.iv-outro) > p { max-width: 42rem; }
.s13-mix-feature .s13-editorial-note > .iv-editorial-credit { margin: 0 0 1.5rem; color: var(--s13-muted); font: 400 var(--s13-type-meta)/1.55 var(--s13-body); letter-spacing: .04em; }
.s13-editorial-note > h2 { max-width: 42rem; margin-bottom: 1.5rem; font: 700 clamp(1.65rem,2.4vw,2.25rem)/1.15 var(--s13-display); }
.s13-interview-feature .iv-chapter > .s13-editorial-note { margin-top: 0; padding-top: 0; border-top: 0; }
.s13-interview-feature .iv-context-copy > .s13-editorial-note { margin-top: 0; padding-top: 0; border-top: 0; }
/* Nested modules sit below the chapter heading in the editorial hierarchy. */
.s13-interview-feature .iv-chapter-title + :is(.s13-publication-card,.s13-editorial-media,.s13-editorial-photo-block) { margin-top: 0; }
.s13-interview-feature .iv-chapter-title + .s13-publication-components .og-record-group { margin-top: 0; padding-top: 0; border-top: 0; }
.iv-chapter .s13-publication-components .og-record-group { border-top-color: var(--mix-rule,var(--s13-line)); }
.iv-chapter .s13-publication-components .og-record-group > h2,
.iv-chapter .s13-publication-components .og-record-group > h3 { max-width: 36ch; font-size: clamp(1.25rem,1.8vw,1.65rem); line-height: 1.2; }
.s13-interview-feature .iv-chapter .s13-editorial-note > h2 { font-size: clamp(1.25rem,1.8vw,1.65rem); line-height: 1.2; }
:is(.s13-publication-components,.s13-interview-feature) .wp-block-details { margin: 1.5rem 0; border-top: 1px solid var(--mix-rule,var(--s13-line)); }
:is(.s13-publication-components,.s13-interview-feature) .wp-block-details > summary { cursor: pointer; padding: 1.2rem 0; color: var(--s13-support); font: 600 var(--s13-type-meta)/1.5 var(--s13-body); }
:is(.s13-publication-components,.s13-interview-feature) .wp-block-details > p { max-width: 42rem; }

:is(.s13-mix-feature,.s13-publication-components) .og-record-description { margin: 1rem 0 0; color: var(--s13-support); font: 400 .9rem/1.65 var(--s13-body); }
:is(.s13-mix-feature,.s13-publication-components) .og-record-credit { margin: .7rem 0 0; color: var(--s13-muted); font: 400 var(--s13-type-caption)/1.55 var(--s13-body); }

/* Preserve track metadata while keeping a guest credit readable as a unit. */
.s13-mix-feature :is(.og-track-artist,.og-track-title,.og-track-back) { text-wrap: pretty; }
.s13-mix-feature .s13-track-credit { display: inline-block; max-width: 100%; vertical-align: top; text-wrap: balance; }