/*
Theme Name: Secret Thirteen
Theme URI: https://secretthirteen.org/
Author: mikulskis.lt
Author URI: https://mikulskis.lt/
Description: The custom editorial theme for Secret Thirteen, an independent journal of experimental music and culture since 2010. A unified typographic system brings together long-form mixes, artist conversations, record reviews and the journal archive, with responsive layouts and continuous listening.
Version: 0.29.244
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: secret-thirteen
*/

/*
 * The two-family S13 type system is self-hosted and deliberately small:
 * S13 Display retains Hubot's complete glyphs and weights at the site's fixed
 * upright, normal width. Mona Sans keeps its original reading and interface faces.
 */
@font-face {
  font-family: "Mona Sans";
  src: url("assets/fonts/mona-sans-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans";
  src: url("assets/fonts/mona-sans-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "S13 Display";
  src: url("assets/fonts/s13-display-weight-v1.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-stretch: normal;
  font-display: swap;
}

:root {
  --s13-header-row: 96px;
  --s13-header-label-font: 600 .75rem/1 var(--s13-body);
  --s13-header-label-tracking: .12em;
  --s13-brand-gap: 1rem;
  --s13-bg: #000;
  --s13-surface: #090909;
  --s13-surface-hover: #101010;
  --s13-surface-selected: #202020;
  --s13-ink: #f2f2f2;
  --s13-muted: #898989;
  --s13-reading: #c7c7c7;
  --s13-secondary: #b8b8b8;
  /* Leads and prose links sit above body copy; annotations sit below it. */
  --s13-emphasis: #dedede;
  --s13-support: #aaaaaa;
  --s13-link-line: #666666;
  --s13-field-line: #555555;
  --s13-section-line: var(--s13-field-line);
  --s13-action-font: 650 .75rem/1.35 var(--s13-body);
  --s13-action-tracking: .08em;
  --s13-line: #292929;
  --s13-media-border: #414141;
  --s13-accent: #fff;
  --s13-gutter: clamp(1.25rem, 4vw, 5rem);
  /* Header rule → compact editorial hero. Shared by home, mix and journal pages. */
  --s13-content-inset: clamp(1.25rem, 3vw, 3rem);
  --s13-section-hero-inset: clamp(2rem, 3.5vw, 3.75rem);
  --s13-section-title-size: clamp(4rem, 8vw, 10rem);
  --s13-section-intro-size: clamp(1.05rem, 1.55vw, 1.4rem);
  --s13-section-intro-leading: 1.48;
  --s13-section-intro-measure: 35rem;
  /* Article text follows archive headings; artwork retains the compact inset. */
  --s13-hero-copy-offset: calc(var(--s13-section-hero-inset) - var(--s13-content-inset));
  --s13-hero-label-gap: 1.1rem;
  --s13-hero-label-font: 600 .69rem/1.4 var(--s13-mono);
  --s13-hero-label-tracking: .16em;
  --s13-display: "S13 Display", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --s13-body: "Mona Sans", "Helvetica Neue", Arial, sans-serif;
  --s13-mono: var(--s13-body);
  --s13-display-weight: 700;
  --s13-body-weight: 400;
  --s13-body-strong: 600;
  --s13-type-meta: .6875rem;
  --s13-type-caption: .75rem;
  --s13-display-tracking: 0em;
  --s13-display-nudge: -.05em;
  --s13-display-leading: .88;
  --s13-display-leading-secondary: .96;
  --s13-ratio-wide: 16 / 9;
  --s13-ratio-cover: 1 / 1;
  --s13-arrow-mask: url("assets/icons/s13-arrow-up-right.svg");
  --s13-search-mask: url("assets/icons/s13-search.svg");
  --s13-divider-mask: url("assets/icons/s13-title-divider.svg");
  --s13-ease: cubic-bezier(.16,1,.3,1);
  --s13-speed-fast: .24s;
  --s13-speed: .48s;
}

* { box-sizing: border-box; font-synthesis: none; }
[hidden] { display: none !important; }

/* Local vector marks keep their stroke and optical center on every font/OS. */
.s13-icon-arrow {
  display: inline-block;
  flex: 0 0 auto;
  width: .8rem;
  height: .8rem;
  background-color: currentColor;
  -webkit-mask: var(--s13-arrow-mask) center / contain no-repeat;
  mask: var(--s13-arrow-mask) center / contain no-repeat;
  vertical-align: -.16em;
}
.s13-icon-arrow--down { transform: rotate(135deg); }
.s13-icon-arrow--right { transform: rotate(45deg); }
.s13-icon-arrow--left { transform: rotate(225deg); }
.s13-icon-arrow--up { transform: rotate(-45deg); }
.s13-icon-search {
  display: inline-block;
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  -webkit-mask: var(--s13-search-mask) center / contain no-repeat;
  mask: var(--s13-search-mask) center / contain no-repeat;
}
.s13-title-divider {
  display: inline-block;
  width: .96em;
  height: .16em;
  background-color: currentColor;
  -webkit-mask: var(--s13-divider-mask) center / 100% 100% no-repeat;
  mask: var(--s13-divider-mask) center / 100% 100% no-repeat;
  vertical-align: .28em;
}

html {
  background: var(--s13-bg);
  color-scheme: dark;
  overflow-x: clip;
  scroll-behavior: smooth;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  background: var(--s13-bg);
  color: var(--s13-ink);
  font-family: var(--s13-body);
  font-size: 17px;
  line-height: 1.6;
  font-kerning: normal;
  font-optical-sizing: auto;
  font-variant-ligatures: common-ligatures contextual;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html { scrollbar-gutter: stable; }
/* Lock the viewport, not body: body overflow creates a new sticky container
   and adds the WordPress toolbar inset to the header a second time. */
html:has(> body.s13-overlay-active) { overflow: hidden; }

a { color: inherit; text-decoration: none; }
a:focus-visible,
button:focus-visible { outline: 2px solid var(--s13-accent); outline-offset: 5px; }
img { display: block; max-width: 100%; height: auto; }
button { font: inherit; }
input,
textarea,
select { font-family: inherit; }

/* A fine inner keyline keeps black artwork legible against the black canvas. */
main img:not(.s13-author-img):not(.stm-author-img) {
  outline: 1px solid var(--s13-media-border);
  outline-offset: -1px;
}

.s13-lightbox-trigger { cursor: zoom-in; }
.s13-lightbox-trigger:focus-visible { outline: 2px solid var(--s13-accent); outline-offset: 4px; }
/* One photographic enlargement affordance for mixes and interviews. */
:is(.s13-mix-feature,.s13-interview-feature) a.og-gallery-trigger { position: relative; display: block; border: 0; cursor: zoom-in; }
:is(.s13-mix-feature,.s13-interview-feature) .og-gallery-trigger::after { display: none; content: none; }
:is(.s13-mix-feature,.s13-interview-feature) .og-expand { position: absolute; right: .75rem; bottom: .75rem; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; background: rgba(0,0,0,.58); color: var(--s13-accent); font-size: 0; opacity: .78; pointer-events: none; transition: opacity .26s ease, background-color .26s ease; }
:is(.s13-mix-feature,.s13-interview-feature) .og-expand::before,
:is(.s13-mix-feature,.s13-interview-feature) .og-expand::after { content: ""; position: absolute; width: .78rem; height: 1px; background: currentColor; }
:is(.s13-mix-feature,.s13-interview-feature) .og-expand::after { transform: rotate(90deg); }
:is(.s13-mix-feature,.s13-interview-feature) .og-gallery-trigger:hover .og-expand,
:is(.s13-mix-feature,.s13-interview-feature) .og-gallery-trigger:focus-visible .og-expand { opacity: 1; background: rgba(0,0,0,.8); }
@media (prefers-reduced-motion: reduce) { :is(.s13-mix-feature,.s13-interview-feature) .og-expand { transition: none; } }
body.s13-lightbox-open { overflow: hidden; }

.s13-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: 100vw;
  height: 100svh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--s13-bg);
  color: var(--s13-accent);
  overflow: hidden;
  opacity: 0;
  transition: opacity 240ms var(--s13-ease);
}
.s13-lightbox::backdrop { background: var(--s13-bg); opacity: 0; transition: opacity 240ms var(--s13-ease); }
.s13-lightbox[open] { display: grid; }
.s13-lightbox[data-state="open"], .s13-lightbox[data-state="open"]::backdrop { opacity: 1; }
.s13-lightbox[data-state="closing"] { pointer-events: none; }
.s13-lightbox-stage {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 4rem max(4rem, var(--s13-gutter));
  cursor: zoom-out;
  touch-action: pan-y pinch-zoom;
}
.s13-lightbox-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: calc(100svh - 8rem);
  object-fit: contain;
  outline: 1px solid var(--s13-media-border);
  outline-offset: -1px;
  cursor: zoom-in;
  user-select: none;
}
.s13-lightbox.is-zoomed .s13-lightbox-stage { display: block; min-width: 0; min-height: 0; padding: 0; overflow: auto; cursor: default; overscroll-behavior: contain; touch-action: pan-x pan-y pinch-zoom; }
.s13-lightbox.is-zoomed .s13-lightbox-image { max-width: none; max-height: none; margin-inline: auto; cursor: grab; touch-action: none; }
.s13-lightbox.is-dragging .s13-lightbox-image { cursor: grabbing; }
.s13-lightbox-image:focus-visible { outline: 2px solid var(--s13-accent); outline-offset: 4px; }
.s13-lightbox-close,
.s13-lightbox-nav {
  position: fixed;
  z-index: 2;
  border: 1px solid var(--s13-media-border);
  background: var(--s13-bg);
  color: var(--s13-accent);
  cursor: pointer;
  transition: color var(--s13-speed-fast) ease, background var(--s13-speed) var(--s13-ease), border-color var(--s13-speed) var(--s13-ease);
}
.s13-lightbox-nav:hover { border-color: var(--s13-accent); background: var(--s13-accent); color: var(--s13-bg); }
.s13-lightbox-close {
  top: 1.25rem;
  right: var(--s13-gutter);
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--s13-secondary);
  transition: color .24s ease;
}
.s13-lightbox-close:is(:hover,:focus-visible) { color: var(--s13-accent); }
.s13-lightbox-close:focus-visible { outline: 1px solid var(--s13-accent); outline-offset: 2px; }
.s13-lightbox-close .menu-toggle-glyph i:first-child { transform: translateY(3.5px) rotate(45deg); }
.s13-lightbox-close .menu-toggle-glyph i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.s13-lightbox-nav {
  top: 50%;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border-radius: 50%;
  font-size: 1.1rem;
  transform: translateY(-50%);
}
.s13-lightbox-prev { left: var(--s13-gutter); }
.s13-lightbox-next { right: var(--s13-gutter); }
.s13-lightbox-meta {
  position: fixed;
  right: var(--s13-gutter);
  bottom: 1.35rem;
  left: var(--s13-gutter);
  z-index: 2;
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr) 6rem;
  align-items: end;
  pointer-events: none;
}
.s13-lightbox-count {
  color: var(--s13-muted);
  font: var(--s13-type-meta)/1.4 var(--s13-mono);
  letter-spacing: .12em;
}
.s13-lightbox-caption {
  grid-column: 2;
  max-width: 72ch;
  margin: 0 auto;
  color: var(--s13-support);
  font-size: var(--s13-type-caption);
  line-height: 1.45;
  text-align: center;
}
.s13-lightbox-hint { grid-column: 3; justify-self: end; color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); letter-spacing: .06em; text-align: right; text-transform: uppercase; }
@media (prefers-reduced-motion: reduce) { .s13-lightbox, .s13-lightbox::backdrop { transition: none; } }

:is(time, .eyebrow, .story-number, .feature-index, .archive-cover-issue, .s13-related-issue, .author-count, .pagination),
.imported-layout :is(.stm-meta-top, .stm-meta-bar, .stm-track-num, .stm-phase-num, .stm-phase-range) {
  font-variant-numeric: tabular-nums slashed-zero;
  font-feature-settings: "tnum" 1, "zero" 1;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.screen-reader-text:not(.skip-link):focus { outline: none; }
.skip-link:focus {
  width: auto; height: auto; margin: 1rem; padding: .75rem 1rem;
  clip: auto; clip-path: none; background: var(--s13-surface-hover); color: var(--s13-accent); z-index: 9999;
}

.s13-icon-shuffle { display: block; flex: 0 0 1.1rem; width: 1.1rem; height: 1.1rem; background: currentColor; -webkit-mask: url("assets/icons/s13-shuffle.svg") center / contain no-repeat; mask: url("assets/icons/s13-shuffle.svg") center / contain no-repeat; }

/* Do not let scroll anchoring cancel the drawer's deliberate content shift. */
html.s13-nav-reflow { overflow-anchor: none; }

.site-header {
  --s13-admin-inset: 0px;
  position: sticky;
  top: var(--s13-admin-inset);
  z-index: 100;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: var(--s13-header-row) 0px;
  align-items: center;
  min-height: 0;
  padding: 0 var(--s13-gutter);
  border-bottom: 1px solid var(--s13-line);
  background: rgba(0, 0, 0, .9);
  backdrop-filter: blur(16px);
  transform: translate3d(0,0,0);
  transition: transform .52s cubic-bezier(.16,1,.3,1), grid-template-rows .42s var(--s13-ease), background .3s ease, border-color .3s ease;
  will-change: transform;
}
.site-header[data-nav-open] { grid-template-rows: var(--s13-header-row) 96px; }
.site-header.is-hidden { transform: translate3d(0,-105%,0); }
.site-header.is-at-top { background: var(--s13-bg); backdrop-filter: none; }
body.admin-bar .site-header { --s13-admin-inset: 32px; }
body.s13-overlay-active .site-header { transform: none; }

.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--s13-brand-gap);
  justify-self: start;
  min-width: 0;
}
.brand-mark {
  width: 38px;
  height: 50px;
  overflow: visible;
  fill: var(--s13-ink);
}
.brand .brand-mark--chrome,
.s13-menu-brand .brand-mark--chrome {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.logo-stem {
  transform: scaleY(0);
  transform-box: fill-box;
  transform-origin: center top;
  animation: s13-draw-stem .55s cubic-bezier(.2,.75,.25,1) .08s forwards;
}
.logo-bar {
  opacity: 0;
  transform: translateY(-14px);
  transform-box: fill-box;
  transform-origin: center;
  animation: s13-drop-bar .42s cubic-bezier(.2,.9,.3,1.2) forwards;
}
.logo-bar-1 { animation-delay: .5s; }
.logo-bar-2 { animation-delay: .64s; }
.logo-bar-3 { animation-delay: .78s; }
@keyframes s13-draw-stem { to { transform: scaleY(1); } }
@keyframes s13-drop-bar { to { opacity: 1; transform: translateY(0); } }
.brand-lockup {
  display: flex;
  align-items: center;
  line-height: 1;
  min-width: 0;
  white-space: nowrap;
}
.brand-name {
  display: block;
  font: 650 1rem/1 var(--s13-display);
  font-stretch: 100%;
  font-kerning: normal;
  letter-spacing: .045em;
  text-transform: uppercase;
}
/* The mark assembles first (ends at 1.2s), then the original signal resolves. */
.brand-name--signal { display: inline-flex; align-items: baseline; perspective: 12rem; }
.brand-letter { position: relative; display: inline-block; color: transparent; line-height: 1; }
.brand-letter::before,
.brand-letter::after { position: absolute; inset: 0; display: block; color: var(--s13-ink); content: attr(data-letter); backface-visibility: hidden; transform-origin: 50% 58%; }
.brand-letter::before { color: #777; content: attr(data-signal); opacity: 0; animation: s13-signal-glyph-out .38s cubic-bezier(.45,0,.2,1) calc(1.2s + var(--i) * .032s) forwards; }
.brand-letter::after { transform: rotateX(-90deg); animation: s13-signal-letter-in .42s cubic-bezier(.16,1,.3,1) calc(1.31s + var(--i) * .032s) forwards; }
.brand-space { display: inline-block; width: .42em; flex: 0 0 .42em; }
/* A / Balance changes only the final glyph artwork and spacing.
   Both original pseudo-element animations, signal symbols and index order stay intact. */
.brand-name--balance { font-size: .875rem; letter-spacing: 0; }
.brand-name--balance .brand-letter {
  flex: 0 0 auto;
  width: var(--s13-letter-width);
  height: 1em;
  margin-right: var(--s13-letter-gap);
  margin-left: var(--s13-letter-kern);
}
.brand-name--balance .brand-letter::after {
  content: "";
  background: var(--s13-ink);
  -webkit-mask: var(--s13-letter-shape) center / 100% 100% no-repeat;
  mask: var(--s13-letter-shape) center / 100% 100% no-repeat;
}
.brand-name--balance .brand-space { width: .22em; flex-basis: .22em; }
.s13-brand-pending .brand { cursor: default; pointer-events: none; }
.brand--ready .brand-letter::before { animation: none; opacity: 0; }
.brand--ready .brand-letter::after { animation: none; transform: none; }
.brand-name--balance .brand-letter.is-brand-signal::after {
  -webkit-mask-image: var(--s13-hover-shape);
  mask-image: var(--s13-hover-shape);
}
.brand-name--static .brand-letter::before { animation: none; opacity: 0; }
.brand-name--static .brand-letter::after { animation: none; transform: none; }
@keyframes s13-signal-glyph-out { 0%, 58% { opacity: 1; transform: rotateX(0); } 100% { opacity: 0; transform: rotateX(90deg); } }
@keyframes s13-signal-letter-in { from { transform: rotateX(-90deg); } to { transform: rotateX(0); } }
.site-nav { position: relative; justify-self: center; isolation: isolate; }
.site-nav ul {
  display: flex;
  align-items: center;
  gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header .site-nav a {
  font: 650 13px/1 var(--s13-display);
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--s13-secondary);
  transition: color 120ms ease;
}
.site-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 4ch;
  min-height: 44px;
  padding: 0;
  text-align: center;
  transition: color .16s ease;
}
.site-header .site-nav a:is(:hover,:focus-visible,[aria-current],.is-marker-attention) { color: var(--s13-ink); }
.s13-nav-word { position: relative; display: inline-block; }
.s13-nav-word::after { content: attr(data-word); position: absolute; inset: 0; font-weight: 740; opacity: 0; pointer-events: none; }
.site-nav a[aria-current] .s13-nav-word::after { opacity: 1; }
.s13-nav-baseline { display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: baseline; }
.s13-nav-marker { position: absolute; left: 0; top: 0; width: 2px; height: 8px; background: var(--s13-ink); opacity: 0; pointer-events: none; transition: none; will-change: transform; }
.header-actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 1.5rem;
  min-height: 44px;
}
.search-toggle,
.menu-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--s13-secondary);
  font: var(--s13-header-label-font);
  letter-spacing: var(--s13-header-label-tracking);
  text-transform: uppercase;
  cursor: pointer;
  transition: color .24s ease;
}
.menu-toggle { display: grid; grid-template-columns: minmax(0,1fr) 20px; gap: .75rem; width: 5rem; min-width: 5rem; }
.search-toggle-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.search-toggle-glyph { width: 20px; height: 20px; }
.search-toggle:is(:hover,:focus-visible,[aria-expanded="true"]),
.menu-toggle:is(:hover,:focus-visible,[aria-expanded="true"]) { color: var(--s13-accent); }
/* Header controls use the same fine rule as other editorial actions. */
.search-toggle:focus-visible,
.menu-toggle:focus-visible { outline: none; }
.search-toggle::after,
.menu-toggle::after { content: ""; position: absolute; left: 0; right: 0; bottom: 3px; height: 1px; background: var(--s13-ink); transform: scaleX(0); transform-origin: left; transition: transform .24s var(--s13-ease); pointer-events: none; }
.search-toggle:focus-visible::after,
.menu-toggle:focus-visible::after { transform: scaleX(1); }
/* Preserve programmatic modal focus without painting keyboard frames after OS shortcuts. */
html[data-s13-input="pointer"] :is(.search-toggle,.menu-toggle,.s13-lightbox-close,.s13-lightbox-nav,.s13-lightbox-trigger):focus-visible { outline: none; }
/* Legacy feature styles use ID-scoped (sometimes important) focus rules. */
html[data-s13-input="pointer"] :is(#s13-og-feature,#stm-custom-layout,#stm-qual-interview,#stm-mika-interview) .s13-lightbox-trigger:focus { outline: none !important; }
html[data-s13-input="pointer"] :is(.search-toggle,.menu-toggle):focus-visible::after { transform: scaleX(0); }
.menu-toggle-glyph { display: grid; align-content: center; width: 20px; height: 20px; gap: 6px; }
.menu-toggle-glyph i {
  display: block;
  width: 20px;
  height: 1px;
  background: currentColor;
  transform-origin: center;
  transition: transform .3s var(--s13-ease);
}
.menu-toggle[aria-expanded="true"] .menu-toggle-glyph i:first-child,
.s13-menu-panel[data-state="open"] .s13-menu-close .menu-toggle-glyph i:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle-glyph i:last-child,
.s13-menu-panel[data-state="open"] .s13-menu-close .menu-toggle-glyph i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
/* One close control, shared by Search, the player and article dialogs. */
.s13-close-control { position: relative; display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--s13-secondary); cursor: pointer; transition: color .24s ease; }
.s13-listening-close-glyph { position: absolute; right: 0; display: block; width: 20px; height: 20px; transition: transform .3s var(--s13-ease); }
.s13-listening-close-glyph i { position: absolute; top: 9.5px; left: -3.642px; display: block; width: 27.284px; height: 1px; background: currentColor; transform: rotate(45deg); }
.s13-listening-close-glyph i:last-child { transform: rotate(-45deg); }
.s13-search-close .s13-listening-close-glyph { position: relative; right: auto; }
.s13-close-control:is(:hover,:focus-visible) { color: var(--s13-accent); }
.s13-close-control:is(:hover,:focus-visible) .s13-listening-close-glyph { transform: rotate(90deg); }
.s13-close-control:active .s13-listening-close-glyph { transform: rotate(90deg) scale(.85); }
.s13-close-control::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: 8px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .24s var(--s13-ease); }
.s13-close-control:focus-visible { outline: none; }
.s13-close-control:focus-visible::after { transform: scaleX(1); }
html[data-s13-input="pointer"] .s13-close-control:focus-visible::after { transform: scaleX(0); }
@media (prefers-reduced-motion:reduce) {
  .s13-close-control, .s13-listening-close-glyph, .s13-close-control::after { transition: none; }
  .s13-close-control:is(:hover,:focus-visible,:active) .s13-listening-close-glyph { transform: none; }
}

.s13-nav-drawer {
  --s13-drawer-side: clamp(5.75rem, 7vw, 8rem);
  --s13-drawer-card-min: 288px;
  position: relative;
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: stretch;
  display: grid;
  grid-template-columns: var(--s13-drawer-side) minmax(0, 1fr) var(--s13-drawer-side);
  column-gap: clamp(1.5rem, 2vw, 2.5rem);
  min-height: 0;
  margin: 0 calc(-1 * var(--s13-gutter));
  padding: 0 var(--s13-gutter);
  overflow: hidden;
  border-top: 1px solid var(--s13-line);
  background: var(--s13-bg);
  opacity: 0;
  visibility: hidden;
  transition: opacity .24s ease, visibility .24s ease;
  pointer-events: none;
}
.site-header[data-nav-open="mixes"] [data-nav-drawer="mixes"],
.site-header[data-nav-open="spotlights"] [data-nav-drawer="spotlights"],
.site-header[data-nav-open="interviews"] [data-nav-drawer="interviews"],
.site-header[data-nav-open="reviews"] [data-nav-drawer="reviews"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.s13-nav-drawer-label { display: flex; align-items: center; min-width: 0; }
.s13-nav-drawer-label strong,
.s13-nav-drawer-all { font: 600 .69rem/1.4 var(--s13-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.s13-nav-drawer-label strong { color: var(--s13-muted); font: var(--s13-hero-label-font); letter-spacing: var(--s13-hero-label-tracking); }
.s13-nav-drawer-items { display: grid; grid-template-columns: repeat(var(--s13-drawer-count, 2),minmax(0,1fr)); column-gap: 24px; align-items: center; min-width: 0; }
.s13-nav-drawer-entry { display: flex; align-items: center; gap: .875rem; min-width: 0; min-height: 64px; transition: color .18s ease; }
.s13-nav-drawer-entry[hidden] { display: none; }
.s13-nav-drawer a:focus-visible { outline-offset: -3px; }
.s13-nav-drawer-art { position: relative; display: block; flex: 0 0 auto; width: calc(64px * 16 / 9); height: 64px; overflow: hidden; border: 1px solid var(--s13-media-border); background: var(--s13-surface); }
.s13-nav-drawer-art > img { display: block; width: 100%; height: 100%; object-fit: contain; transition: filter 700ms var(--s13-ease); }
.s13-nav-drawer-copy { display: grid; align-content: center; gap: 5px; min-width: 0; }
.s13-nav-drawer-copy small { color: var(--s13-muted); font: .69rem/1.4 var(--s13-mono); letter-spacing: .08em; text-transform: uppercase; }
.s13-nav-drawer-copy strong { min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font: 700 .875rem/1.25 var(--s13-display); letter-spacing: -.015em; overflow-wrap: normal; text-transform: uppercase; }
.s13-nav-drawer-entry:is(:focus-visible,:active) .s13-nav-drawer-art.s13-nav-drawer-art > img { filter: saturate(1) grayscale(1) contrast(1.13) brightness(1.04) !important; }
@media (hover: hover) and (pointer: fine) {
  .s13-nav-drawer-entry:not(.s13-media-managed):hover .s13-nav-drawer-art > img { filter: saturate(1) grayscale(1) contrast(1.13) brightness(1.04); }
}
.s13-nav-drawer-all { display: flex; align-items: center; justify-content: flex-end; align-self: stretch; gap: .55rem; min-width: 0; color: var(--s13-accent); transition: color var(--s13-speed-fast) ease; }
.s13-nav-drawer .s13-nav-drawer-all:is(:hover,:focus-visible) { background: transparent; color: var(--s13-muted); }

.s13-menu-panel {
  position: fixed;
  top: var(--s13-menu-offset, 0px);
  right: 0;
  bottom: var(--s13-listening-obstruction, 0px);
  left: 0;
  z-index: 2147482000;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 0;
  padding: 0 var(--s13-gutter) 1.5rem;
  background: var(--s13-bg);
  color: var(--s13-accent);
  overflow: hidden;
}
.s13-menu-panel { grid-template-rows: auto minmax(0,1fr) auto; }
.s13-menu-top,
.s13-search-top { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto; grid-template-rows: var(--s13-header-row); align-items: center; min-height: 0; padding: 0; border-bottom: 1px solid var(--s13-line); }
.s13-menu-top::after,
.s13-search-top::after { content: ""; position: absolute; right: calc(-1 * var(--s13-gutter)); bottom: -1px; left: calc(-1 * var(--s13-gutter)); height: 1px; background: var(--s13-line); pointer-events: none; }
.s13-menu-brand { display: inline-flex; align-items: center; justify-self: start; gap: var(--s13-brand-gap); min-width: 0; }
.s13-menu-brand .brand-mark { width: 38px; height: 50px; animation: none; }
.s13-menu-system { color: var(--s13-muted); font: .55rem/1 var(--s13-mono); letter-spacing: .13em; text-transform: uppercase; }
.s13-menu-grid { --s13-menu-row: clamp(5.25rem,8.5vh,7.2rem); position: relative; z-index: 1; align-self: center; display: grid; grid-template-columns: minmax(13rem,.5fr) minmax(360px,1.45fr) minmax(270px,.72fr); align-items: start; gap: clamp(2.5rem,5vw,6rem); padding: clamp(2rem,5vh,4.5rem) 0; }
.s13-menu-intro { padding-top: .85rem; }
.s13-menu-directory { display: grid; grid-column: 2 / -1; grid-template-columns: subgrid; grid-template-rows: minmax(3.45rem,auto) repeat(5,minmax(var(--s13-menu-row),auto)); row-gap: 0; min-width: 0; }
/* One continuous heading rule joins two different lists without boxing them. */
.s13-menu-directory::before { content: ""; grid-column: 1 / -1; grid-row: 1; align-self: end; height: 1px; background: var(--s13-line); pointer-events: none; }
.s13-menu-primary { grid-column: 1; grid-row: 1 / -1; display: grid; grid-template-rows: subgrid; min-width: 0; }
.s13-menu-intro span,
.s13-menu-feed-head,
.s13-menu-floor { color: var(--s13-muted); font: .58rem/1.4 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.s13-menu-intro p { max-width: 23rem; margin: 0; color: var(--s13-support); font-size: .9rem; line-height: 1.55; }
.s13-menu-section-head,
.s13-menu-feed-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 3.45rem; padding: .85rem 0; color: var(--s13-muted); font: var(--s13-hero-label-font); letter-spacing: var(--s13-hero-label-tracking); text-transform: uppercase; }
.s13-menu-feed-head small { font: inherit; }
.s13-menu-primary ol { display: grid; grid-row: 2 / -1; grid-template-rows: subgrid; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.s13-menu-primary li { position: relative; min-width: 0; }
.s13-menu-primary li:not(:last-child)::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--s13-line); pointer-events: none; }
.s13-menu-primary li::before { content: ""; position: absolute; top: 20%; bottom: 20%; left: -13px; width: 2px; background: var(--s13-accent); transform: scaleY(0); transform-origin: center; transition: transform .32s var(--s13-ease); }
.s13-menu-primary li:is(:hover,:focus-within)::before { transform: scaleY(1); }
.s13-menu-symbol { display: block; width: 3.4rem; height: 3.4rem; }
.s13-menu-symbol img { display: block; width: 100%; height: 100%; object-fit: contain; filter: brightness(.8); transition: filter .3s ease; }
.s13-menu-primary a { display: grid; grid-template-columns: 3.4rem minmax(0,1fr); align-items: center; gap: 1rem; min-height: var(--s13-menu-row); height: 100%; min-width: 0; font: 700 clamp(3rem,4vw,6rem)/.78 var(--s13-display); letter-spacing: -.06em; overflow-wrap: normal; word-break: normal; text-transform: uppercase; transition: color .22s ease; }
.s13-menu-primary a:focus-visible { outline: none; }
.s13-menu-primary li:is(:hover,:focus-within) a { color: var(--s13-accent); }
.s13-menu-primary li:is(:hover,:focus-within) .s13-menu-symbol img { filter: brightness(1.15); }
.s13-menu-feed { display: grid; grid-column: 2; grid-row: 1 / -1; grid-template-rows: subgrid; min-width: 0; }
.s13-menu-feed-entry { display: grid; grid-template-columns: 4.6rem minmax(0,1fr) .8rem; align-items: center; gap: .9rem; min-height: var(--s13-menu-row); }
.s13-menu-feed-image { display: block; width: 4.6rem; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--s13-line); background: var(--s13-surface-hover); }
.s13-menu-feed-image img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(.78); transition: filter .5s var(--s13-ease), transform .5s var(--s13-ease); }
.s13-menu-feed-entry:is(:hover,:focus-visible) .s13-menu-feed-image img { filter: grayscale(.45) brightness(1); transform: scale(1.05); }
.s13-menu-feed-copy { display: grid; gap: .42rem; min-width: 0; color: var(--s13-accent); }
.s13-menu-feed-entry small { color: var(--s13-muted); font: .54rem/1 var(--s13-mono); letter-spacing: .1em; }
.s13-menu-feed-entry strong { overflow: hidden; font: 700 1rem/1 var(--s13-display); text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.s13-menu-feed .s13-menu-feed-entry strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.1; white-space: normal; }
.s13-menu-feed-entry > .s13-icon-arrow { color: var(--s13-muted); }
.s13-menu-feed-entry:hover strong { color: var(--s13-accent); }
/* A list-ending action, centered in the fifth track rather than posing as a record. */
.s13-menu-feed .s13-menu-feed-all { align-self: center; width: 100%; min-width: 0; min-height: 48px; }
.s13-menu-feed-all:focus-visible { outline: none; color: var(--s13-accent); border-color: var(--s13-accent); box-shadow: 0 1px 0 var(--s13-accent); }
.s13-menu-floor { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 1rem; padding-top: 1.2rem; border-top: 1px solid var(--s13-line); }
.s13-menu-floor--social { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; padding-top: .75rem; }
.s13-menu-floor--social > span:last-child { justify-self: end; text-align: right; }
.s13-menu-socials { --s13-menu-mark-height: 17.173625px; display: flex; align-items: center; justify-self: center; gap: .5rem; }
.s13-menu-socials a { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; color: var(--s13-support); text-decoration: none; transition: color .2s ease; }
.s13-menu-socials a:is(:hover,:focus-visible) { color: var(--s13-accent); }
.s13-menu-socials a:focus-visible { outline: 1px solid var(--s13-ink); outline-offset: -4px; }
.s13-menu-social-icon { display: block; width: 20px; height: var(--s13-menu-mark-height); fill: currentColor; }
/* Four compact marks use tight SVG bounds and one visible height: the original
   X path at 19px (19 × 21.693 / 24). The 20px-wide viewport lets height set
   their scale while SVG preserves each brand's original aspect ratio. */
.s13-menu-social-icon--x { height: calc(var(--s13-menu-mark-height) - 2px); }
/* Horizontal audio marks retain their quieter, wider silhouettes. */
.s13-menu-social-icon--mixcloud { width: 32px; height: 32px; }
.s13-menu-social-icon--soundcloud { width: 26px; height: 26px; }
@media (max-width: 620px) {
  #s13-menu-panel { padding-bottom: max(1rem,calc(env(safe-area-inset-bottom,0px) - var(--s13-listening-obstruction,0px))); }
  .s13-menu-floor--social { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: .25rem; padding-top: .5rem; }
  .s13-menu-floor--social > span { grid-row: 2; }
  .s13-menu-floor--social > span:first-child { grid-column: 1; }
  .s13-menu-floor--social > span:last-child { grid-column: 2; }
  .s13-menu-socials { grid-column: 1 / -1; grid-row: 1; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); width: max(100%,264px); justify-self: center; justify-items: center; gap: 0; }
}
/* Short viewports need their remaining height for the scrollable list rather
   than its decorative inset, especially with an open player and larger text. */
@media (max-height: 520px) {
  #s13-menu-panel .s13-menu-grid { padding-block: 0; }
}

/* Global archive search: a full-screen reading instrument, not a utility modal. */
.s13-search-panel {
  position: fixed;
  inset: var(--s13-menu-offset, 0px) 0 var(--s13-listening-obstruction, 0px);
  height: calc(100dvh - var(--s13-menu-offset, 0px) - var(--s13-listening-obstruction, 0px));
  z-index: 2147482100;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  min-height: 0;
  padding: 0 var(--s13-gutter) 1.5rem;
  overflow: hidden;
  background: var(--s13-bg);
  color: var(--s13-accent);
}
/* The panel owns the fade; its content only settles into place. Nested opacity
   transitions multiply their fades and make the first frames look delayed. */
.s13-menu-panel,
.s13-search-panel { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .24s ease; }
:is(.s13-menu-panel,.s13-search-panel)[data-state="open"],
:is(.s13-menu-panel,.s13-search-panel)[data-state="closing"] { visibility: visible; pointer-events: auto; }
:is(.s13-menu-panel,.s13-search-panel)[data-state="open"] { opacity: 1; transition-duration: .32s; }
:is(.s13-menu-panel,.s13-search-panel).is-switching { transition: none; }
.s13-menu-grid,
.s13-search-stage { transform: translateY(8px); transition: transform .24s var(--s13-ease); }
.s13-menu-panel[data-state="open"] .s13-menu-grid,
.s13-search-panel[data-state="open"] .s13-search-stage { transform: none; transition-duration: .32s; }
.s13-menu-grid { align-self: stretch; align-content: safe center; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.s13-menu-grid::-webkit-scrollbar { display: none; }
.s13-search-stage { display: flex; flex-direction: column; min-height: 0; overflow: hidden; scrollbar-width: thin; scrollbar-color: var(--s13-media-border) var(--s13-bg); }
.s13-search-panel.s13-search-has-results .s13-search-stage { display: block; overflow: auto; }
.s13-search-query { padding: clamp(2.2rem,5vh,4.8rem) 0 1.6rem; border-bottom: 1px solid var(--s13-line); }
.s13-search-query > label { display: block; color: var(--s13-muted); font: .58rem/1 var(--s13-mono); letter-spacing: .13em; text-transform: uppercase; }
.s13-search-input-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1.5rem; margin-top: 1.1rem; }
.s13-search-input-row input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--s13-accent); font: var(--s13-display-weight) clamp(2.8rem,7vw,8rem)/.88 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; }
.s13-search-input-row input::placeholder { color: var(--s13-muted); opacity: 1; }
.s13-search-input-row > span { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid var(--s13-line); color: var(--s13-muted); font: .65rem/1 var(--s13-mono); }
.s13-search-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.7rem; }
.s13-search-filters button { min-height: 2.35rem; padding: 0 .85rem; border: 1px solid var(--s13-line); background: var(--s13-bg); color: var(--s13-muted); font: .56rem/1 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; transition: color var(--s13-speed-fast) ease, border-color var(--s13-speed) var(--s13-ease), background var(--s13-speed) var(--s13-ease); }
.s13-search-filters button:hover { border-color: var(--s13-link-line); color: var(--s13-accent); }
.s13-search-filters button[aria-pressed="true"] { border-color: var(--s13-accent); color: var(--s13-accent); }
.s13-search-output { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.s13-search-panel.s13-search-has-results .s13-search-output { display: block; }
.s13-search-status { display: flex; flex: none; justify-content: space-between; gap: 2rem; padding: 1.15rem 0; border-bottom: 1px solid var(--s13-line); color: var(--s13-muted); font: .54rem/1.35 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.s13-search-panel:not(.s13-search-has-query) .s13-search-status { display: none; }
.s13-search-results:empty { display: none; }
.s13-search-results a { display: grid; grid-template-columns: 8rem minmax(12rem,.72fr) minmax(16rem,1.28fr) 1.4rem; align-items: center; gap: clamp(1.2rem,3vw,3.5rem); min-height: 104px; border-bottom: 1px solid var(--s13-line); transition: padding var(--s13-speed) var(--s13-ease), background var(--s13-speed) var(--s13-ease); }
.s13-search-results a:hover { padding-right: 1rem; padding-left: 1rem; background: var(--s13-surface); }
.s13-search-result-meta { color: var(--s13-muted); font: .53rem/1.5 var(--s13-mono); letter-spacing: .09em; text-transform: uppercase; }
.s13-search-result-title { margin: 0; font: var(--s13-display-weight) clamp(1.8rem,3vw,3.6rem)/.86 var(--s13-display); letter-spacing: -.045em; text-transform: uppercase; }
.s13-search-result-context { margin: 0; color: var(--s13-muted); font-size: .77rem; line-height: 1.45; }
.s13-search-result-arrow { color: var(--s13-muted); transition: color var(--s13-speed-fast) ease, transform var(--s13-speed) var(--s13-ease); }
.s13-search-results a:hover .s13-search-result-arrow { color: var(--s13-accent); transform: translate(3px,-3px); }
.s13-search-idle { display: grid; flex: 1; grid-template-columns: minmax(320px,.95fr) minmax(0,1.05fr); align-content: center; align-items: end; gap: clamp(3rem,7vw,8rem); min-height: 0; padding: clamp(1rem,3vh,3rem) 0; }
.s13-search-idle strong { font: var(--s13-display-weight) clamp(3.7rem,6.25vw,7rem)/.88 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.s13-search-idle p { justify-self: end; max-width: 32rem; margin: 0; color: var(--s13-muted); font-size: .9rem; }
.s13-search-idle.is-error strong { color: var(--s13-muted); }

.home-intro {
  min-height: 52vh;
  display: grid;
  grid-template-columns: minmax(0, 2.15fr) minmax(260px, .85fr);
  align-items: end;
  gap: 3rem;
  padding: clamp(5rem, 10vw, 10rem) var(--s13-gutter) clamp(3rem, 6vw, 6rem);
  border-bottom: 1px solid var(--s13-line);
}
.home-intro h1 {
  margin: 0;
  max-width: 12ch;
  font-family: var(--s13-display);
  font-size: clamp(3.5rem, 9.6vw, 10.5rem);
  font-weight: 800;
  letter-spacing: -.065em;
  line-height: .78;
  text-transform: uppercase;
}
.home-intro h1 span { color: var(--s13-accent); }
.intro-note { align-self: end; max-width: 30rem; }
.eyebrow {
  display: block;
  margin-bottom: var(--s13-hero-label-gap);
  color: var(--s13-muted);
  font: var(--s13-hero-label-font);
  letter-spacing: var(--s13-hero-label-tracking);
  text-transform: uppercase;
}
.intro-note p { margin: 0; font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.45; }

.latest-section { padding: clamp(3.5rem, 6vw, 6rem) var(--s13-gutter) 7rem; }
.latest-section--home { padding-top: clamp(3.5rem, 6vw, 6.5rem); }
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--s13-line);
}
.section-head h2 {
  margin: 0;
  font: 700 .78rem/1 var(--s13-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.section-head span { color: var(--s13-muted); font: .68rem/1 var(--s13-mono); }

.story-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(1.25rem, 2.4vw, 2.4rem);
}
.story-card { grid-column: span 4; min-width: 0; }
.story-card:first-child { grid-column: span 8; grid-row: span 2; }
.story-card:nth-child(6),
.story-card:nth-child(9) { grid-column: span 8; }

.story-link { display: block; }
.story-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--s13-ratio-wide);
  background: var(--s13-surface);
}
.story-card:first-child .story-image,
.story-card:nth-child(6) .story-image,
.story-card:nth-child(9) .story-image { aspect-ratio: var(--s13-ratio-wide); }
.story-image img {
  width: 100%; height: 100%; object-fit: cover;
  filter: saturate(.78) contrast(1.06);
  transition: transform .7s cubic-bezier(.2,.75,.25,1), filter .45s ease;
}
.story-link:hover .story-image img { filter: saturate(.84) contrast(1.04) brightness(1.08); }
.story-number {
  position: absolute;
  top: 1rem; right: 1rem;
  display: grid; place-items: center;
  width: 3rem; height: 3rem;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 50%;
  background: rgba(0,0,0,.25);
  font: .66rem/1 var(--s13-mono);
  backdrop-filter: blur(8px);
}
.story-info { padding: 1.15rem 0 2rem; }
.story-meta { color: var(--s13-muted); font: .65rem/1.4 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.story-title {
  margin: .55rem 0 .65rem;
  max-width: 19ch;
  font-family: var(--s13-display);
  font-size: clamp(1.6rem, 3.2vw, 3.55rem);
  line-height: .96;
  letter-spacing: -.045em;
  text-transform: uppercase;
}
.story-card:not(:first-child) .story-title { font-size: clamp(1.35rem, 2.25vw, 2.35rem); }
.story-excerpt { margin: 0; max-width: 58ch; color: var(--s13-support); font-size: .94rem; line-height: 1.55; }
.story-card:not(:first-child) .story-excerpt { display: none; }

/* The homepage deliberately keeps the original two-column latest-post rhythm. */
.latest-section--home .story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 5rem) clamp(1.5rem, 3vw, 3.5rem); }
.latest-section--home .story-card,
.latest-section--home .story-card:first-child,
.latest-section--home .story-card:nth-child(6),
.latest-section--home .story-card:nth-child(9) { grid-column: auto; grid-row: auto; }
.latest-section--home .story-image,
.latest-section--home .story-card:first-child .story-image,
.latest-section--home .story-card:nth-child(6) .story-image,
.latest-section--home .story-card:nth-child(9) .story-image { aspect-ratio: var(--s13-ratio-wide); }
.latest-section--home .story-info { padding-top: 1.4rem; }
.latest-section--home .story-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 1.25rem;
  margin: .55rem 0 .8rem;
}
.latest-section--home .story-title,
.latest-section--home .story-card:not(:first-child) .story-title {
  margin: 0;
  max-width: 17ch;
  font-size: clamp(2rem, 4.6vw, 5rem);
  line-height: .86;
}
.latest-section--home .story-heading sup {
  padding-top: .35rem;
  color: var(--s13-accent);
  font: 600 clamp(.62rem, .8vw, .76rem)/1 var(--s13-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.latest-section--home .story-excerpt,
.latest-section--home .story-card:not(:first-child) .story-excerpt { display: block; max-width: 62ch; }

/* Homepage issue architecture: lead story, eight-entry field, archive gateway, identity. */
.home-journal { overflow: clip; }
.home-lead { padding: var(--s13-content-inset) var(--s13-gutter) clamp(4rem, 7vw, 7rem); }
.home-lead-layout {
  display: grid;
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(3rem, 7vw, 8rem);
  min-height: 0;
}
.home-lead-link { display: block; min-width: 0; }
.home-lead-copy { min-width: 0; padding-top: var(--s13-hero-copy-offset); }
.home-lead-kicker { display: block; color: var(--s13-muted); font: var(--s13-hero-label-font); letter-spacing: var(--s13-hero-label-tracking); text-transform: uppercase; }
.home-meta-group { display: inline-flex; align-items: baseline; flex-wrap: nowrap; min-width: 0; white-space: nowrap; }
.home-meta-divider { margin: 0 .7rem; color: var(--s13-field-line); }
.home-stream-issue { flex: 0 0 auto; color: var(--s13-emphasis); font-weight: 600; white-space: nowrap; }
.home-lead-heading { margin-top: var(--s13-hero-label-gap); }
.home-lead-heading h1 { margin: 0; max-width: none; font: var(--s13-display-weight) clamp(3.5rem, 5.1vw, 6.4rem)/.75 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; overflow-wrap: normal; word-break: normal; hyphens: none; }
.home-lead-heading.is-long h1 { font-size: clamp(3rem, 4.25vw, 5.5rem); }
.home-lead-subtitle { max-width: 42ch; margin: clamp(1.2rem,2vw,1.7rem) 0 0; color: var(--s13-reading); font: 600 clamp(.7rem,.9vw,.85rem)/1.55 var(--s13-body); letter-spacing: .14em; text-transform: uppercase; }
.home-lead-deck { margin: clamp(1rem,1.7vw,1.5rem) 0 0; max-width: 37rem; color: var(--s13-emphasis); font-size: clamp(1.05rem, 1.45vw, 1.3rem); line-height: 1.55; }
.home-lead-cta {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  min-height: 44px;
  max-width: 100%;
  margin-top: clamp(1.25rem, 2vw, 2rem);
  padding: .65rem 0;
  border-bottom: 1px solid var(--s13-link-line);
  color: var(--s13-ink);
  font: var(--s13-action-font);
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color 220ms ease, border-color 220ms ease;
}
.home-lead-cta:is(:hover,:focus-visible) { color: var(--s13-accent); border-color: var(--s13-accent); }
.home-lead-cta .s13-icon-arrow { flex: 0 0 auto; }
.home-lead-art { width: 100%; margin: 0; border: 1px solid var(--s13-media-border); background: var(--s13-surface); }
.home-lead-art > img { width: 100%; aspect-ratio: var(--s13-ratio-wide); object-fit: cover; filter: saturate(.82) contrast(1.05); transition: filter .75s var(--s13-ease); }
.home-lead-art .empty-image { aspect-ratio: var(--s13-ratio-wide); }

/* A quiet introduction between the featured story and the chronological feed. */
.home-journal-note {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(3rem, 7vw, 8rem);
  margin: 0 var(--s13-gutter);
  padding: clamp(2rem, 3.5vw, 3.5rem) 0;
  border-top: 1px solid var(--s13-line);
}
.home-journal-note > * { min-width: 0; }
.home-journal-note header > span { color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.home-journal-note h2 { max-width: 13ch; margin: 1rem 0 0; font: var(--s13-display-weight) clamp(1.8rem, 2.5vw, 3rem)/1.04 var(--s13-display); letter-spacing: -.045em; text-transform: uppercase; }
.home-journal-note-copy p { max-width: 57ch; margin: 0; color: var(--s13-support); font-size: clamp(.95rem, 1.15vw, 1.1rem); line-height: 1.6; }
.home-journal-note-copy .home-journal-sentence { display: block; text-wrap: pretty; }
.home-journal-note-link { display: inline-flex; align-items: center; gap: 1.25rem; min-height: 44px; max-width: 100%; margin-top: 1rem; padding: .65rem 0; border-bottom: 1px solid var(--s13-link-line); color: var(--s13-ink); font: var(--s13-action-font); letter-spacing: .08em; text-transform: uppercase; transition: color 220ms ease, border-color 220ms ease; }
.home-journal-note-link .s13-icon-arrow { flex: 0 0 auto; }
.home-journal-note-link:is(:hover,:focus-visible) { color: var(--s13-accent); border-color: var(--s13-accent); }
.home-stream { padding: 0 var(--s13-gutter) clamp(5rem, 8vw, 8rem); }
.home-section-head { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); align-items: end; gap: clamp(3rem, 8vw, 9rem); padding: clamp(4rem, 7vw, 7rem) 0 2.5rem; border-top: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); }
.home-section-head > div > span,
.home-archive-gateway > header > span,
.home-about-copy > span { color: var(--s13-muted); font: .55rem/1.2 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.home-section-head h2,
.home-archive-gateway h2,
.home-about h2 { margin: 1.8rem 0 0; font: var(--s13-display-weight) clamp(3.2rem, 6vw, 6.7rem)/.78 var(--s13-display); letter-spacing: -.06em; text-transform: uppercase; }
.home-section-head h2 { margin-top: 0; font-size: clamp(2.25rem, 5vw, 5.5rem); }
.home-section-head p { justify-self: end; margin: 0; max-width: 33rem; color: var(--s13-muted); font-size: .92rem; line-height: 1.65; }
.home-stream-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(4rem, 7vw, 8rem) clamp(1.75rem, 3.5vw, 4rem); padding-top: clamp(3rem, 5vw, 5rem); }
/* Lower these desktop section headings; keep each photo row in place. */
@media (min-width: 961px) {
  [data-home-recent] > .home-section-head,
  .home-surprises > .home-section-head,
  .home-curated > .home-section-head {
    border-bottom: 0;
    padding-top: calc(clamp(4rem, 7vw, 7rem) + 2.5rem + 1px);
    padding-bottom: 0;
  }
  /* The archive actions already provide the divider at this transition. */
  [data-home-recent] { padding-bottom: 0; }
  .home-surprises > .home-section-head { border-top: 0; }
}
.home-stream-card { min-width: 0; }
.home-stream-art-link, .archive-cover-art-link { display: block; }
.home-stream-card figure { margin: 0; }
.home-stream-card .story-image { aspect-ratio: var(--s13-ratio-wide); border: 1px solid var(--s13-media-border); }
.home-stream-copy { padding-top: 1.25rem; }
.home-stream-meta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: .75rem; color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); letter-spacing: .06em; text-transform: uppercase; }
.home-stream-meta .home-meta-group { flex-wrap: wrap; row-gap: .25rem; white-space: normal; }
.home-stream-meta time { white-space: nowrap; }
.home-stream-section-link { display: inline-block; padding: .4rem 0; margin: -.4rem 0; }
.home-stream-section-link:hover, .home-stream-section-link:focus-visible { color: var(--s13-ink); text-decoration: underline; text-underline-offset: .25em; }
.home-stream-title { margin-top: .85rem; }
.home-stream-title h3 { --s13-card-title-full-size: clamp(2.2rem, 4.6vw, 5.1rem); --s13-card-title-compact-size: clamp(2rem, 3.45vw, 4rem); margin: 0; font: var(--s13-display-weight) var(--s13-card-title-full-size)/1 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; }
.home-stream-title.is-long h3 { font-size: var(--s13-card-title-compact-size); }
.home-stream-copy p { margin: 1.3rem 0 0; max-width: 57ch; color: var(--s13-support); font-size: .9rem; line-height: 1.62; }
.home-stream-card:has(:is(.home-stream-art-link,.home-stream-story-link):is(:hover,:focus-visible)) h3 { color: var(--s13-emphasis); }
.home-stream-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 2rem; margin-top: clamp(3.5rem, 6vw, 6rem); padding-top: 1.2rem; border-top: 1px solid var(--s13-line); }
.home-action-button, .s13-action-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 2.5rem; min-width: 11rem; padding: .9rem 0; border: 0; border-bottom: 1px solid var(--s13-link-line); background: none; color: var(--s13-ink); font: var(--s13-action-font); letter-spacing: var(--s13-action-tracking); text-align: left; text-transform: uppercase; cursor: pointer; }
.home-surprises .home-action-button, .s13-action-button { min-height: 44px; }
.home-surprises-tools { display: grid; gap: 1.2rem; justify-self: end; width: min(100%,33rem); }
.home-surprises-tools p { justify-self: start; }
.home-surprises-controls { display: grid; grid-template-columns: 11rem minmax(0,1fr); align-items: center; gap: 1rem; }
.home-action-button:hover, .s13-action-button:hover { border-color: var(--s13-accent); color: var(--s13-accent); }
.home-action-button:disabled, .s13-action-button:disabled { opacity: .45; cursor: progress; }
.home-stream-status { color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); }
@media (min-width: 961px) {
  .home-surprises-controls { grid-template-columns: minmax(0,1fr) 11rem; }
  .home-surprises-controls > .home-action-button { grid-column: 2; grid-row: 1; }
  .home-surprises-controls > .home-stream-status { grid-column: 1; grid-row: 1; }
}

.home-archive-gateway { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: clamp(3rem, 8vw, 9rem); padding: clamp(7rem, 12vw, 13rem) var(--s13-gutter); border-top: 1px solid var(--s13-ink); border-bottom: 1px solid var(--s13-ink); }
.home-archive-gateway > header { align-self: start; }
.home-archive-gateway > header p { margin: 2.3rem 0 0; max-width: 30rem; color: var(--s13-muted); font-size: .92rem; line-height: 1.65; }
.home-archive-gateway nav { border-top: 1px solid var(--s13-ink); }
.home-archive-gateway nav a { position: relative; display: grid; grid-template-columns: 8rem minmax(0, 1fr) 12rem 1.5rem; align-items: center; gap: 1.5rem; min-height: clamp(115px, 10vw, 155px); padding: 1.5rem 0; border-bottom: 1px solid var(--s13-line); transition: background var(--s13-speed) var(--s13-ease), color var(--s13-speed-fast) ease, padding var(--s13-speed) var(--s13-ease); }
.home-archive-gateway nav a :is(small,span,b) { transition: color var(--s13-speed-fast) ease; }
.home-archive-gateway nav small { color: var(--s13-muted); font: .52rem/1.35 var(--s13-mono); letter-spacing: .09em; text-transform: uppercase; }
.home-archive-gateway nav strong { font: var(--s13-display-weight) clamp(2.8rem, 5.5vw, 6rem)/.8 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; }
.home-archive-gateway nav span { color: var(--s13-muted); font-size: .75rem; text-transform: uppercase; }
.home-archive-gateway nav b { color: var(--s13-muted); font-weight: 400; text-align: right; }
.home-archive-gateway nav a:hover { padding-right: 1.25rem; padding-left: 1.25rem; background: var(--s13-accent); color: var(--s13-bg); }
.home-archive-gateway nav a:hover small,
.home-archive-gateway nav a:hover span,
.home-archive-gateway nav a:hover b { color: #333; }

.home-about { display: grid; grid-template-columns: minmax(260px, .62fr) minmax(0, 1.38fr); align-items: stretch; min-height: min(760px, 76svh); padding: 0 var(--s13-gutter); }
.home-about-mark { position: relative; display: grid; place-items: center; min-height: 520px; border-right: 1px solid var(--s13-line); overflow: hidden; }
.home-about-mark span { color: #101010; font: var(--s13-display-weight) clamp(14rem, 32vw, 36rem)/.65 var(--s13-display); letter-spacing: -.11em; transform: translateX(-.05em); user-select: none; }
.home-about-copy { align-self: center; padding: clamp(5rem, 10vw, 10rem) 0 clamp(5rem, 10vw, 10rem) clamp(3rem, 8vw, 9rem); }
.home-about h2 { max-width: 11ch; font-size: clamp(3.5rem, 7.3vw, 8.2rem); }
.home-about-copy p { margin: clamp(2.5rem, 5vw, 5rem) 0 0; max-width: 47rem; color: var(--s13-support); font-size: clamp(1rem, 1.45vw, 1.27rem); line-height: 1.65; }
.home-about-copy a { display: flex; justify-content: space-between; align-items: center; width: min(100%, 27rem); min-height: 60px; margin-top: 2.5rem; padding: 0 1.2rem; border: 1px solid var(--s13-accent); font: var(--s13-body-strong) .61rem/1 var(--s13-body); letter-spacing: .1em; text-transform: uppercase; transition: background var(--s13-speed) var(--s13-ease), color var(--s13-speed-fast) ease; }
.home-about-copy a:hover { background: var(--s13-accent); color: var(--s13-bg); }

/* Never place editorial numbering or issue badges over an artist image. */
.story-number,
.home-stream-number,
.feature-index,
.archive-cover-issue,
.s13-related-issue { display: none !important; }

/* One photographic plate accompanies the directory, never competing links. */
.home-archive-index { padding: clamp(7rem, 11vw, 12rem) var(--s13-gutter) clamp(8rem, 13vw, 14rem); border-top: 1px solid var(--s13-ink); }
.home-archive-index > header { display: flex; justify-content: space-between; align-items: baseline; gap: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--s13-line); }
.home-archive-index > header h2 { margin: 0; font: var(--s13-body-strong) .64rem/1.3 var(--s13-body); letter-spacing: .14em; text-transform: uppercase; }
#home-archive-title { scroll-margin-top: calc(var(--s13-header-row) + 1.5rem); }
.home-archive-directory { display: grid; grid-template-columns: minmax(0, 1fr) min(38%, 40rem); gap: clamp(2rem, 4vw, 5rem); padding-top: clamp(1.5rem, 3vw, 3rem); }
.home-archive-directory > nav { display: grid; grid-template-rows: repeat(5, minmax(0, 1fr)); min-width: 0; }
.home-archive-index nav a { display: grid; grid-template-columns: clamp(3.25rem, 5vw, 5.5rem) minmax(0, 1fr) 1.25rem; grid-template-rows: auto auto; align-content: center; align-items: center; gap: .5rem clamp(1.25rem, 2vw, 2rem); min-height: clamp(126px, 10vw, 164px); padding: 1.25rem 0; border-bottom: 1px solid var(--s13-line); }
.home-archive-index nav a:last-child { border-bottom: 0; }
.home-archive-symbol { display: block; grid-column: 1; grid-row: 1; width: 100%; aspect-ratio: 1; overflow: visible; }
.home-archive-symbol img { display: block; width: 100%; height: 100%; object-fit: contain; outline: 0 !important; transition: filter .3s ease; }
.home-archive-index nav a:hover .home-archive-symbol img { filter: brightness(1.22); }
.home-archive-index nav strong { display: block; grid-column: 2; grid-row: 1; min-width: 0; font: var(--s13-display-weight) clamp(2.6rem, 4.65vw, 5.9rem)/1 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; transition: color .18s ease; }
.home-archive-index nav small { grid-column: 2; grid-row: 2; color: var(--s13-muted); font: .625rem/1.45 var(--s13-mono); letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.home-archive-index nav b { grid-column: 3; grid-row: 1; color: var(--s13-muted); font-weight: 400; text-align: right; transition: color .18s ease, transform .3s cubic-bezier(.16,1,.3,1); }
.home-archive-index nav a:hover strong { color: var(--s13-muted); }
.home-archive-index nav a:hover b { color: var(--s13-accent); transform: translate(.25rem,-.25rem); }
.home-archive-index nav a:focus-visible { outline-offset: 5px; }
.home-archive-scene { position: relative; min-width: 0; margin: 0; overflow: hidden; background: var(--s13-surface); }
.home-archive-scene img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; outline: 0 !important; }

.empty-image {
  width: 100%; height: 100%; display: grid; place-items: center;
  color: var(--s13-muted); font: .7rem/1 var(--s13-mono); letter-spacing: .16em;
  border: 1px solid var(--s13-line);
}

.single-hero {
  padding: clamp(5rem, 9vw, 9rem) var(--s13-gutter) clamp(3rem, 6vw, 6rem);
}
.single-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  align-items: end;
  gap: clamp(2rem, 6vw, 7rem);
}
.single-title {
  margin: 0;
  max-width: 12ch;
  font-family: var(--s13-display);
  font-size: clamp(3.3rem, 8vw, 8.5rem);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.065em;
  text-transform: uppercase;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.single-dek { margin: 2rem 0 0; max-width: 55ch; font-size: clamp(1.05rem, 1.5vw, 1.35rem); line-height: 1.45; color: var(--s13-emphasis); }
.single-art { position: relative; }
.single-art img { width: 100%; aspect-ratio: var(--s13-ratio-wide); object-fit: cover; }
.single-art--mixes img { aspect-ratio: var(--s13-ratio-cover); }
.single-art::after {
  content: attr(data-index);
  position: absolute;
  right: 1rem; bottom: 1rem;
  color: rgba(255,255,255,.8);
  font: .68rem/1 var(--s13-mono);
  letter-spacing: .14em;
}

.standard-content {
  width: min(100% - 2 * var(--s13-gutter), 820px);
  margin: 0 auto;
  padding: 1rem 0 8rem;
  font-family: var(--s13-body);
  font-size: clamp(1.12rem, 1.6vw, 1.35rem);
  line-height: 1.72;
}
.standard-content > * { max-width: 40rem; margin-left: auto; margin-right: auto; }
.standard-content > figure,
.standard-content > iframe,
.standard-content > .wp-block-embed { max-width: 100%; }
.standard-content h2,
.standard-content h3 { font-family: var(--s13-display); line-height: 1; letter-spacing: -.035em; }
.standard-content a { border-bottom: 1px solid var(--s13-muted); }
.standard-content blockquote { margin-top: 3rem; margin-bottom: 3rem; padding-left: 1.5rem; border-left: 2px solid var(--s13-accent); font-size: 1.35em; }
:is(.standard-content,.interview-introduction-copy,.review-copy) p :is(strong,b) { color: var(--s13-ink); font-weight: 650; }
:is(.standard-content,.interview-introduction-copy,.review-copy) p :is(em,i) { font-style: italic; }

/* Section-specific editorial systems. Interviews are transcripts; reviews are reading pages. */
.editorial-single { padding: 0 var(--s13-gutter); overflow: clip; }
.editorial-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(3rem, 7vw, 8rem);
  align-items: center;
  min-height: 0;
  padding: clamp(1.25rem, 2.5vw, 2.5rem) 0 clamp(3rem, 5vw, 5rem);
  border-bottom: 1px solid var(--s13-line);
}
.editorial-hero-copy { min-width: 0; }
.editorial-hero-meta { display: flex; justify-content: space-between; gap: 2rem; margin-bottom: clamp(2rem, 3vw, 3rem); color: var(--s13-muted); font: .56rem/1.4 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.editorial-hero h1 { margin: 0; font: var(--s13-display-weight) clamp(4.2rem, 10.2vw, 11.5rem)/.72 var(--s13-display); letter-spacing: -.072em; text-transform: uppercase; overflow-wrap: normal; word-break: normal; hyphens: none; }
.interview-hero h1 { font-size: clamp(3.6rem, 7.2vw, 8.3rem); line-height: .96; letter-spacing: -.065em; }
.editorial-hero-copy > p { margin: clamp(1.5rem, 3vw, 2.5rem) 0 0; max-width: 41rem; color: var(--s13-emphasis); font-size: clamp(1.15rem, 1.7vw, 1.55rem); line-height: 1.48; }
.editorial-hero-copy > .interview-hero-angle { margin-top: clamp(1.5rem, 2vw, 2rem); color: var(--s13-emphasis); font-size: clamp(.82rem, 1vw, 1rem); font-weight: 650; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; }
.editorial-hero-copy > .interview-hero-angle + p { margin-top: clamp(1.25rem, 2.2vw, 1.9rem); }
.editorial-hero-art { align-self: center; margin: 0; border: 1px solid var(--s13-media-border); background: var(--s13-surface); }
.editorial-hero-art > img { width: 100%; object-fit: cover; }
.editorial-hero-art--wide > img { aspect-ratio: var(--s13-ratio-wide); }
.editorial-hero-art--cover { width: min(100%, 560px); justify-self: end; }
.editorial-hero-art--cover > img { aspect-ratio: var(--s13-ratio-cover); object-fit: contain; }
.editorial-hero-art > span { display: grid; place-items: center; aspect-ratio: var(--s13-ratio-wide); color: var(--s13-muted); font: .58rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.editorial-hero-art figcaption { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1rem 1.2rem; border-top: 1px solid var(--s13-line); color: var(--s13-muted); font: var(--s13-type-caption)/1.35 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.editorial-hero-art figcaption b { color: var(--s13-accent); font-weight: 500; text-align: right; }

.interview-ledger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--s13-line); }
.interview-ledger > span { display: flex; justify-content: space-between; gap: 1.5rem; min-height: 82px; padding: 1.25rem clamp(1rem, 2vw, 2rem); border-right: 1px solid var(--s13-line); color: var(--s13-muted); font: .52rem/1.35 var(--s13-mono); letter-spacing: .09em; text-transform: uppercase; }
.interview-ledger > span:first-child { padding-left: 0; }
.interview-ledger > span:last-child { padding-right: 0; border-right: 0; }
.interview-ledger b { color: var(--s13-accent); font-weight: 500; text-align: right; }

.interview-introduction { display: grid; grid-template-columns: minmax(240px, .55fr) minmax(0, 1.45fr); gap: clamp(3rem, 8vw, 9rem); padding: clamp(7rem, 12vw, 13rem) 0; border-bottom: 1px solid var(--s13-ink); }
.interview-introduction > header span,
.interview-transcript-head > span { color: var(--s13-muted); font: .55rem/1.2 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.interview-introduction h2 { margin: 2rem 0 0; font: var(--s13-display-weight) clamp(2.8rem, 5.5vw, 6rem)/.82 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; }
.interview-introduction-copy { min-width: 0; font-size: clamp(1.08rem, 1.5vw, 1.35rem); line-height: 1.72; }
.interview-introduction-copy > p { max-width: 66ch; }
.interview-introduction-copy > p:first-of-type { margin-top: 0; font-size: clamp(1.35rem, 2.25vw, 2.15rem); line-height: 1.42; }
.interview-introduction-copy > p:first-of-type::first-letter { float: left; margin: .08em .13em 0 0; font: var(--s13-display-weight) 4.1em/.72 var(--s13-display); }
.interview-introduction-copy iframe,
.interview-introduction-copy .s13-external-embed { width: 100%; max-width: none; margin: 0 0 clamp(3rem, 6vw, 6rem); }
.interview-introduction-copy .s13-external-embed,
.interview-introduction-copy .s13-external-embed iframe { height: 120px; min-height: 120px; }
.interview-introduction-copy > a:has(+ a),
.interview-introduction-copy > a[href^="http"] { color: var(--s13-muted); font: .58rem/1.4 var(--s13-mono); overflow-wrap: anywhere; }

.interview-transcript { padding: clamp(6rem, 10vw, 11rem) 0 1rem; }
.interview-transcript-head { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); gap: clamp(3rem, 8vw, 9rem); padding-bottom: 2rem; border-bottom: 1px solid var(--s13-ink); }
.interview-transcript-head p { margin: 0; max-width: 38rem; color: var(--s13-muted); font-size: .9rem; }
.interview-exchange { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); gap: clamp(3rem, 7vw, 8rem); padding: clamp(3.5rem, 6vw, 6rem) 0; border-bottom: 1px solid var(--s13-line); }
.interview-exchange > header { position: sticky; top: 110px; align-self: start; display: grid; grid-template-columns: 2.8rem minmax(0, 1fr); gap: 1.25rem; }
.interview-exchange > header > span { padding-top: .35rem; color: var(--s13-muted); font: .55rem/1 var(--s13-mono); letter-spacing: .08em; }
.interview-exchange h2 { margin: 0; font: var(--s13-display-weight) clamp(1.85rem, 3.5vw, 3.8rem)/.96 var(--s13-display); letter-spacing: -.04em; }
.interview-answer { min-width: 0; color: var(--s13-secondary); font-size: clamp(1.02rem, 1.35vw, 1.22rem); line-height: 1.75; }
.interview-answer > p:first-child { margin-top: 0; color: var(--s13-accent); }
.interview-answer > p:last-child { margin-bottom: 0; }
.interview-answer a,
.review-copy a { color: var(--s13-accent); border-bottom: 1px solid var(--s13-muted); }

.review-hero h1 { font-size: clamp(3.8rem, 8.7vw, 9.8rem); }
.review-hero h1 strong,
.review-hero h1 em { display: block; font: inherit; }
.review-hero h1 strong { color: var(--s13-accent); font-size: clamp(3.8rem, 8vw, 8rem); letter-spacing: -.045em; line-height: 1; }
.review-hero h1 em { margin-top: .12em; color: var(--s13-muted); font-size: clamp(2.3rem, 4.7vw, 5rem); letter-spacing: -.025em; line-height: 1; }
.review-reading { width: min(100%, 920px); margin: 0 auto; padding: clamp(4rem, 7vw, 7rem) 0; }
.review-copy { min-width: 0; font-size: clamp(1.08rem, 1.55vw, 1.36rem); line-height: 1.76; }
.review-copy > p { max-width: 68ch; }
.review-copy > p:first-of-type { margin-top: 0; color: var(--s13-accent); font-size: clamp(1.4rem, 2.3vw, 2.2rem); line-height: 1.42; }
.review-copy > p:first-of-type::first-letter { float: left; margin: .08em .13em 0 0; font: var(--s13-display-weight) 4.1em/.72 var(--s13-display); }
.review-copy > p:has(> iframe):first-of-type { margin: 0; max-width: none; font-size: inherit; line-height: normal; }
.review-copy > p:has(> iframe):first-of-type::first-letter { float: none; margin: 0; font: inherit; }
.review-copy > p:has(> iframe):first-of-type + p { margin-top: 0; color: var(--s13-accent); font-size: clamp(1.4rem, 2.3vw, 2.2rem); line-height: 1.42; }
.review-copy > p:has(> iframe):first-of-type + p::first-letter { float: left; margin: .08em .13em 0 0; font: var(--s13-display-weight) 4.1em/.72 var(--s13-display); }
.review-copy > p.review-player-credit:first-of-type { margin: 0 0 2rem; color: var(--s13-muted); font: .62rem/1.5 var(--s13-mono); overflow-wrap: anywhere; }
.review-copy > p.review-player-credit:first-of-type::first-letter { float: none; margin: 0; font: inherit; }
.review-copy > p.review-player-credit + p { margin-top: 0; color: var(--s13-accent); font-size: clamp(1.4rem, 2.3vw, 2.2rem); line-height: 1.42; }
.review-copy > p.review-player-credit + p::first-letter { float: left; margin: .08em .13em 0 0; font: var(--s13-display-weight) 4.1em/.72 var(--s13-display); }
.review-copy h2,
.review-copy h3 { margin: clamp(4rem, 7vw, 7rem) 0 1.8rem; max-width: 15ch; font: var(--s13-display-weight) clamp(2.4rem, 4.8vw, 5.3rem)/.86 var(--s13-display); letter-spacing: -.05em; text-transform: uppercase; }
.review-copy iframe,
.review-copy .s13-external-embed { width: 100%; max-width: none; margin: 0 0 clamp(3rem, 6vw, 6rem); }
.review-copy > a[href^="http"] { display: block; max-width: 68ch; color: var(--s13-muted); font: .56rem/1.5 var(--s13-mono); overflow-wrap: anywhere; }
.editorial-reading-copy { width: min(100%, 820px); margin: 0 auto; padding: 7rem 0; }

.imported-layout { overflow: clip; }
.imported-layout > p:empty { display: none; }
.imported-layout #stm-custom-layout { padding-top: 3rem; padding-bottom: 7rem; }

.archive-main { padding: clamp(5rem, 9vw, 9rem) var(--s13-gutter) 8rem; }
.archive-title { margin: 0 0 4rem; font: 800 clamp(3.5rem, 8vw, 8rem)/.82 var(--s13-display); letter-spacing: -.06em; text-transform: uppercase; }
.recovery-page { min-height: 65svh; }
.recovery-page .archive-title { max-width: 14ch; margin-bottom: 1.75rem; line-height: 1; }
.recovery-page header > p { max-width: 45ch; margin: 0; color: var(--s13-support); font-size: clamp(1rem,1.35vw,1.2rem); line-height: 1.65; }
.recovery-search { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 1.5rem; width: min(100%,48rem); margin-top: 3rem; }
.recovery-search input[type="search"] { min-width: 0; width: 100%; min-height: 56px; padding: .75rem .25rem; border: 0; border-bottom: 1px solid var(--s13-field-line); border-radius: 0; background: transparent; color: var(--s13-ink); font: 1rem/1.5 var(--s13-body); }
.recovery-search input[type="search"]:focus { outline: 0; border-bottom-color: var(--s13-ink); box-shadow: 0 1px 0 var(--s13-ink); }
.recovery-search .s13-action-button { min-height: 56px; }
.recovery-links { display: flex; flex-wrap: wrap; gap: 1.5rem 2rem; margin-top: 2rem; }
.recovery-page .s13-action-button:focus-visible { outline: 0; border-bottom-color: var(--s13-accent); box-shadow: 0 1px 0 var(--s13-accent); }
@media (max-width: 620px) {
  .recovery-search { grid-template-columns: minmax(0,1fr); gap: 1rem; }
  .recovery-links { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
}
.archive-row {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr) 10rem;
  gap: 2rem;
  align-items: center;
  padding: 1.4rem 0;
  border-top: 1px solid var(--s13-line);
}
.archive-row:last-child { border-bottom: 1px solid var(--s13-line); }
.archive-row time,
.archive-row .archive-type { color: var(--s13-muted); font: .67rem/1.4 var(--s13-mono); text-transform: uppercase; letter-spacing: .12em; }
.archive-row h2 { margin: 0; font: 700 clamp(1.4rem, 3vw, 3rem)/1 var(--s13-display); letter-spacing: -.035em; text-transform: uppercase; }
.archive-row:hover h2 { color: var(--s13-accent); }

/* Curated collection pages replace WordPress' generic category screens. */
.collection { padding: 0 var(--s13-gutter) clamp(7rem, 11vw, 12rem); }
.collection-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  align-items: end;
  gap: clamp(3rem, 8vw, 9rem);
  min-height: 0;
  padding: var(--s13-section-hero-inset) 0 clamp(3rem, 5vw, 5.5rem);
  border-bottom: 1px solid var(--s13-line);
}
.collection-hero > * { min-width: 0; }
/* The title and introduction share the same bottom edge, whichever is taller. */
.collection-hero h1 {
  margin: 0;
  max-width: 100%;
  font: 800 var(--s13-section-title-size)/1 var(--s13-display);
  letter-spacing: var(--s13-display-tracking);
  text-transform: uppercase;
  transform: translateX(var(--s13-display-nudge));
  transform-origin: left bottom;
}
/* All collection pages share the approved Interviews heading scale. */
.collection-intro { padding-bottom: .5rem; }
.collection-intro p { margin: 0; max-width: var(--s13-section-intro-measure); font-size: var(--s13-section-intro-size); line-height: var(--s13-section-intro-leading); }
.collection-intro span { color: var(--s13-muted); font: .65rem/1.5 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.collection-hero h1 { font-weight: var(--s13-display-weight); transform: none; }

.collection-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
  gap: clamp(2rem, 6vw, 7rem);
  align-items: center;
  padding: clamp(4rem, 8vw, 8rem) 0;
  border-bottom: 1px solid var(--s13-line);
}
.collection-feature-art { position: relative; overflow: hidden; aspect-ratio: var(--s13-ratio-wide); background: var(--s13-surface); }
.collection-feature-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.75,.25,1); }
.collection-feature:hover img { filter: saturate(.9) contrast(1.03) brightness(1.08); }
.feature-index {
  position: absolute; top: 1rem; right: 1rem;
  padding: .65rem .8rem;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(0,0,0,.45);
  font: .65rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase;
  backdrop-filter: blur(10px);
}
.collection-feature-copy h2,
.interview-card h2 {
  margin: 0 0 1.5rem;
  font: 800 clamp(3rem, 7vw, 7.5rem)/.8 var(--s13-display);
  letter-spacing: -.065em;
  text-transform: uppercase;
}
.collection-feature-copy p,
.interview-card-copy p { margin: 0 0 2rem; max-width: 38rem; color: var(--s13-secondary); line-height: 1.6; }
.text-link { display: inline-block; color: var(--s13-accent); font: .67rem/1.4 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }

.collection-index,
.author-entries { padding-top: clamp(4rem, 7vw, 7rem); }

.archive-browser { padding-top: 0; scroll-margin-top: 2rem; }
.archive-browser-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2rem;
  margin-bottom: 2rem;
}
.archive-browser-head .eyebrow { margin-bottom: .7rem; }
.archive-browser-head h2 { margin: 0; font: 800 clamp(2.5rem, 5.5vw, 6rem)/.82 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.archive-browser-head p { margin: 0; color: var(--s13-muted); font: .63rem/1.5 var(--s13-mono); letter-spacing: .08em; text-transform: uppercase; }
.archive-browser-head--compact { align-items: baseline; margin-bottom: 1.25rem; }
.archive-browser-head--compact h2 { color: var(--s13-reading); font: 600 .7rem/1.4 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.archive-browser kbd { padding: .15rem .35rem; border: 1px solid var(--s13-line); border-radius: 2px; color: var(--s13-ink); font: inherit; }

.archive-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 12rem 10rem auto;
  min-height: 78px;
  border-top: 0;
  border-bottom: 1px solid var(--s13-line);
}
.archive-toolbar--extended { grid-template-columns: minmax(260px, 1fr) 12rem 10rem 12rem auto; }
/* Geography adds one filter; stack only this toolbar before its tracks overflow. */
@media (min-width: 961px) and (max-width: 1100px) {
  .archive-toolbar--extended { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .archive-toolbar--extended .archive-search { grid-column: 1 / -1; min-height: 76px; padding-left: 0; border-right: 0; }
  .archive-toolbar--extended .archive-select,
  .archive-toolbar--extended .archive-view-switch { min-height: 68px; }
  .archive-toolbar--extended .archive-view-switch { grid-column: 1 / -1; border-top: 1px solid var(--s13-line); }
}
.archive-search { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .85rem; padding-right: 1.5rem; border-right: 1px solid var(--s13-line); }
.archive-search-index { width: 1.18rem; height: 1.18rem; color: var(--s13-accent); }
.archive-search input {
  width: 100%; min-width: 0; min-height: 44px; padding: 0;
  border: 0; outline: 0; background: transparent; color: var(--s13-ink);
  font: 400 .75rem/1.3 var(--s13-mono); letter-spacing: .04em;
}
.archive-search input::placeholder { color: var(--s13-muted); opacity: 1; }
.archive-search input::placeholder {
  font: inherit; letter-spacing: inherit; text-transform: uppercase;
}
@media (max-width: 620px) {
  .archive-search input { font-size: 1rem; }
}
.archive-search:focus-within { box-shadow: inset 0 -1px var(--s13-accent); }
.archive-search button,
.archive-view-switch button {
  border: 0; background: transparent; color: var(--s13-muted);
  font: .61rem/1 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
}
.archive-search button:hover { color: var(--s13-accent); }
.archive-select { position: relative; display: grid; align-content: center; gap: .45rem; padding: 0 1.3rem; border-right: 1px solid var(--s13-line); }
.archive-select > span { position: absolute; inset-inline: 0; bottom: calc(50% + .85rem); padding-inline: inherit; color: var(--s13-muted); font: .54rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.archive-select select {
  width: 100%; min-height: 44px; padding: 0 1.5rem 0 0; border: 0; border-radius: 0;
  background: var(--s13-bg); color: var(--s13-ink);
  font: .75rem/1.3 var(--s13-mono); text-transform: uppercase; cursor: pointer;
  appearance: none; color-scheme: dark;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 2v8M3 7l3 3 3-3' fill='none' stroke='%23999'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right center;
}
.archive-select select:focus-visible { outline: 1px solid var(--s13-support); outline-offset: 3px; }
.archive-view-switch { display: grid; grid-template-columns: repeat(2, 1fr); min-width: 10rem; }
.archive-view-switch button { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1rem; border-left: 1px solid var(--s13-line); font: .75rem/1.3 var(--s13-mono); }
.archive-view-switch button:first-child { border-left: 0; }
.archive-view-switch button[aria-pressed="true"] { background: var(--s13-ink); color: var(--s13-bg); }
.archive-result-meta { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0 2rem; color: var(--s13-muted); font: .57rem/1.4 var(--s13-mono); letter-spacing: .11em; text-transform: uppercase; }
.archive-view-switch button[aria-pressed="true"] { background: transparent; box-shadow: inset 0 -2px var(--s13-secondary); color: var(--s13-ink); }
.archive-view-switch button:hover { color: var(--s13-ink); }

.archive-results--grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(4rem, 7vw, 8rem) clamp(1.75rem, 3.5vw, 4rem); }
.archive-cover-card { min-width: 0; }
.archive-cover-art { position: relative; display: grid; place-items: center; overflow: hidden; aspect-ratio: var(--s13-ratio-wide); background: var(--s13-surface); }
.archive-cover-art { border: 1px solid var(--s13-media-border); }
.archive-cover-art > img { width: 100%; height: 100%; object-fit: contain; outline: 0 !important; filter: saturate(.78) contrast(1.06); transition: filter .75s var(--s13-ease); }
.archive-cover-card:has(:is(.archive-cover-art-link,.archive-cover-title-link):is(:hover,:focus-visible)) .archive-cover-art > img { filter: saturate(.84) contrast(1.04) brightness(1.08); }
.archive-cover-art > span:first-child:not(.archive-cover-issue) { color: var(--s13-muted); font: .65rem/1 var(--s13-mono); letter-spacing: .14em; text-transform: uppercase; }
.archive-cover-issue { position: absolute; top: 1rem; right: 1rem; padding: .55rem .65rem; border: 1px solid rgba(255,255,255,.55); background: rgba(0,0,0,.45); font: .58rem/1 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(8px); }
.archive-cover-copy { padding: 1.1rem 0 2rem; }
.archive-cover-copy > span { color: var(--s13-muted); font: var(--s13-type-meta)/1 var(--s13-mono); letter-spacing: .1em; }
.archive-cover-copy :is(h3,h4) { margin: .55rem 0 0; font: 700 clamp(1.65rem, 3vw, 3.3rem)/.9 var(--s13-display); letter-spacing: -.045em; text-transform: uppercase; }
.archive-cover-copy { padding: 1.25rem 0 0; }
.archive-cover-meta { display: flex; justify-content: space-between; gap: .75rem; color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); letter-spacing: .06em; text-transform: uppercase; }
.archive-cover-meta > span { color: var(--s13-emphasis); font-weight: 600; }
.archive-cover-meta time { white-space: nowrap; }
.archive-cover-copy :is(h3,h4) { --s13-card-title-full-size: clamp(2.2rem, 4.6vw, 5.1rem); --s13-card-title-compact-size: clamp(2rem, 3.45vw, 4rem); margin: .85rem 0 0; color: var(--s13-ink); font: var(--s13-display-weight) var(--s13-card-title-full-size)/1 var(--s13-display); letter-spacing: -.055em; overflow-wrap: break-word; }
:where(.collection,.archive-browser,.nb-call,.s13-publication-card) .archive-cover-card > .archive-cover-copy.is-long :is(h3,h4),
.nb-archive .nb-edition-copy.is-long h3 { font-size: var(--s13-card-title-compact-size); }
.archive-cover-copy p { margin: 1.3rem 0 0; max-width: 57ch; color: var(--s13-support); font-size: .9rem; line-height: 1.62; }
.archive-cover-card:has(:is(.archive-cover-art-link,.archive-cover-title-link):is(:hover,:focus-visible)) :is(h3,h4) { color: var(--s13-emphasis); }
.collection--interviews .archive-cover-art { aspect-ratio: var(--s13-ratio-wide); }
.archive-no-results { margin: 0; padding: clamp(4rem, 9vw, 9rem) 0; border-top: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); color: var(--s13-muted); font: 700 clamp(1.7rem, 4vw, 4rem)/1 var(--s13-display); letter-spacing: -.035em; text-transform: uppercase; }
.collection-row {
  display: grid;
  grid-template-columns: 8rem minmax(0, 1fr) 7rem 2rem;
  align-items: center;
  gap: 2rem;
  min-height: 112px;
  border-top: 1px solid var(--s13-line);
  transition: color .2s ease;
}
.collection-row:last-child { border-bottom: 1px solid var(--s13-line); }
.collection-row-number,
.collection-row time { color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); letter-spacing: .06em; text-transform: uppercase; }
.collection-row h3 { margin: 0; font: 700 clamp(1.7rem, 4vw, 4.5rem)/.88 var(--s13-display); letter-spacing: -.045em; text-transform: uppercase; }
.row-arrow { color: var(--s13-muted); font-size: 1.2rem; transition: transform .2s ease, color .2s ease; }
.collection-row:hover { color: var(--s13-accent); }
.collection-row:hover .row-arrow { color: var(--s13-accent); transform: translate(3px,-3px); }
:is(.collection--mixes, .author-archive, .author-profile) .collection-row h3 { line-height: 1; }
/* The original heading holds its wrapping, kerning and accessible name.
 * Decorative inline slots retain each letter's advance during the glyph sweep. */
:is(.collection--mixes, .author-archive, .author-profile) .collection-row h3.is-index-sweeping { position: relative; color: transparent; }
.s13-index-sweep { position: absolute; inset: 0; color: var(--s13-sweep-color); pointer-events: none; user-select: none; }
.s13-index-glyph { position: relative; }
.s13-index-glyph[data-glyph] { color: transparent; }
.s13-index-glyph[data-glyph]::after { content: attr(data-glyph); position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: var(--s13-sweep-color); line-height: 1; text-align: center; overflow: hidden; }

.interview-grid { padding-top: clamp(4rem, 8vw, 8rem); }
.interview-card > a { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); align-items: center; gap: clamp(2.5rem, 8vw, 9rem); padding-bottom: clamp(5rem, 10vw, 10rem); }
.interview-card-art { min-height: 440px; background: var(--s13-surface); overflow: hidden; }
.interview-card-art img { width: 100%; height: 100%; min-height: 440px; object-fit: cover; filter: saturate(.78) contrast(1.06); transition: filter .35s ease, transform .7s ease; }
.interview-card:hover img { filter: saturate(.84) contrast(1.04) brightness(1.08); }
.interview-card h2 { max-width: 8ch; font-size: clamp(4rem, 10vw, 11rem); }

.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 5rem; background: var(--s13-line); border: 1px solid var(--s13-line); }
.review-card { position: relative; min-width: 0; padding: clamp(1.4rem, 3vw, 3rem); background: var(--s13-bg); }
.review-card-index { display: block; margin-bottom: 1.5rem; color: var(--s13-accent); font: .64rem/1 var(--s13-mono); }
.review-card-art { aspect-ratio: var(--s13-ratio-wide); margin-bottom: 2rem; overflow: hidden; background: var(--s13-surface); }
.review-card-art img { width: 100%; height: 100%; object-fit: cover; }
.review-card h2 { margin: 0 0 1rem; font: 700 clamp(1.7rem, 3.5vw, 3.7rem)/.9 var(--s13-display); letter-spacing: -.05em; text-transform: uppercase; }
.review-card p { color: var(--s13-muted); font-size: .92rem; }
.review-channels { display: flex; gap: clamp(1rem, 3vw, 3rem); margin: 0; overflow-x: auto; border-bottom: 1px solid var(--s13-line); }
.review-channels a { display: grid; place-items: center; flex: 0 0 auto; min-height: 60px; color: var(--s13-muted); font: .62rem/1 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.review-channels a:hover { color: var(--s13-accent); }
.review-channels a[aria-current="page"] { box-shadow: inset 0 -2px var(--s13-ink); color: var(--s13-accent); }
.collection-empty--large {
  display: grid; grid-template-columns: .65fr 1.35fr; gap: 3rem;
  margin-top: clamp(4rem, 8vw, 8rem); padding: clamp(3rem, 7vw, 7rem) 0;
  border-top: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line);
}
.collection-empty--large span { color: var(--s13-accent); font: .65rem/1.4 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.collection-empty--large p { margin: 0; max-width: 34ch; font: 700 clamp(2rem, 5vw, 5.5rem)/.94 var(--s13-display); letter-spacing: -.045em; }

/* Author identity belongs to the journal, not to a generic profile widget. */
.s13-post-foot { padding: 0 var(--s13-gutter) clamp(6rem, 10vw, 10rem); }
.s13-author-panel {
  display: grid;
  grid-template-columns: minmax(17rem,.66fr) minmax(0,1fr) minmax(17rem,.66fr);
  align-items: stretch;
  gap: 0;
  padding: clamp(2rem, 3.5vw, 3.5rem) 0;
  border-top: 0;
  border-bottom: 0;
}
.s13-author-panel--text-only { grid-template-columns: minmax(0,1fr) minmax(15rem,.35fr); }
.s13-author-panel--text-only .s13-author-copy { min-height: 15rem; border-left: 1px solid var(--s13-line); }
.s13-author-panel--text-only .s13-author-channels { grid-template-rows: auto 1fr; }
.s13-author-portrait { position: relative; align-self: stretch; display: block; width: 100%; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid var(--s13-line); }
.s13-author-portrait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 68% 50%; filter: grayscale(1) contrast(1.08); transition: filter var(--s13-speed) var(--s13-ease); }
.s13-author-portrait span { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.25rem; padding: .65rem 1rem; border-top: 1px solid rgba(255,255,255,.32); background: rgba(0,0,0,.78); font: 600 .54rem/1.2 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(10px); }
.s13-author-portrait span b { font-weight: 400; transition: transform var(--s13-speed-fast) ease; }
.s13-author-portrait:hover img { filter: grayscale(1) contrast(1.3) brightness(.82); }
.s13-author-portrait:hover span b { transform: translate(2px,-2px); }
.s13-author-copy { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; padding: clamp(1.8rem,4vw,4rem); border-top: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); }
.s13-author-copy .eyebrow { margin-bottom: clamp(2rem,4vw,4rem); }
.s13-author-copy h2 { margin: 0 0 .8rem; max-width: 100%; font: 800 clamp(2.4rem, 5vw, 5.8rem)/1 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; overflow-wrap: anywhere; }
.s13-author-name-word { display: inline-block; white-space: nowrap; }
.s13-author-copy > strong { margin-bottom: 1.25rem; font: 600 .65rem/1.3 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.s13-author-copy p { margin: 0; max-width: 48ch; color: var(--s13-muted); font-size: .98rem; line-height: 1.58; }
.s13-author-channels { display: grid; grid-template-rows: auto repeat(var(--s13-author-link-count, 4), minmax(0,1fr)); border: 1px solid var(--s13-line); }
.s13-author-channels > span { padding: 1rem 1.25rem; color: var(--s13-muted); font: .54rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.s13-author-channels a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; padding: .8rem 1.25rem; border-top: 1px solid var(--s13-line); transition: color var(--s13-speed-fast) ease, border-color var(--s13-speed-fast) ease; }
.s13-author-channels a strong { font: 600 .68rem/1.2 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.s13-author-channels a b { color: var(--s13-muted); font-weight: 400; transition: color var(--s13-speed-fast) ease, transform var(--s13-speed-fast) ease; }
.s13-author-channels a:hover { border-color: var(--s13-field-line); }
.s13-author-channels a:hover b { color: var(--s13-accent); transform: translate(2px,-2px); }

.s13-related { padding-top: clamp(5rem, 9vw, 9rem); }
.s13-related-head { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 2rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--s13-line); }
.s13-related-head .eyebrow { margin-bottom: .65rem; }
.s13-related-head h2 { margin: 0; font: 800 clamp(2.8rem, 6vw, 6.5rem)/.8 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; }
.s13-related-head > a { flex-shrink: 0; }
.s13-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.3rem, 3vw, 3rem); }
.s13-related-grid[data-related-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.s13-related-grid[data-related-count="1"] { grid-template-columns:minmax(0,1fr); max-width:calc((100% - clamp(1.3rem,3vw,3rem)) / 2); }
.s13-related-card { min-width: 0; }
.s13-related-art { position: relative; display: grid; place-items: center; overflow: hidden; aspect-ratio: var(--s13-ratio-wide); border: 1px solid var(--s13-media-border); background: var(--s13-surface); }
.s13-related--mixes .s13-related-art { aspect-ratio: var(--s13-ratio-wide); }
.s13-related-art img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.08); transition: transform .65s ease, filter .35s ease; }
/* Related mixes use editorial photographs, not square release artwork. */
.s13-related--mixes .s13-related-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.s13-related--mixes .s13-related-art::before { background-size: cover; background-repeat: no-repeat; }
.s13-related-card:hover img { filter: saturate(.8) contrast(1.04) brightness(1.08); }
.s13-related-issue { position: absolute; top: 1rem; right: 1rem; padding: .55rem .65rem; border: 1px solid rgba(255,255,255,.55); background: rgba(0,0,0,.45); font: .57rem/1 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(8px); }
.s13-related-placeholder { color: var(--s13-muted); font: .62rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.s13-related-copy { padding: 1rem 0 0; }
.s13-related-meta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .75rem; align-items: start; color: var(--s13-muted); font: .55rem/1.35 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.s13-related-meta time { white-space: nowrap; }
.s13-related-copy h3 { margin: .55rem 0 0; font: 700 clamp(1.6rem, 3vw, 3.1rem)/.9 var(--s13-display); letter-spacing: -.045em; text-transform: uppercase; }
.s13-related-card:hover h3 { color: var(--s13-accent); }

/* A media frame uses one dark keyline, never a second bright outline. */
main :is(.home-lead-art,.home-stream-card .story-image,.s13-related-art) > img {
  outline: 0;
}
:is(.story-image,.home-lead-art,.archive-cover-art,.s13-related-art,.collection-feature-art,.interview-card-art) > img {
  transform: none !important;
  transition: filter .75s var(--s13-ease) !important;
}
@media (hover: hover) and (pointer: fine) {
  .home-lead-link:hover .home-lead-art > img { filter: saturate(.88) contrast(1.04) brightness(1.08); }
  .home-stream-card:has(:is(.home-stream-art-link,.home-stream-story-link):is(:hover,:focus-visible)) .story-image > img { filter: saturate(.84) contrast(1.04) brightness(1.08); }
}
.author-archive { padding: 0 var(--s13-gutter) clamp(7rem, 11vw, 12rem); }
.author-hero {
  display: grid; grid-template-columns: clamp(18rem, 28vw, 28rem) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 4vw, 4.5rem);
  padding: clamp(2rem, 3.5vw, 3.75rem) 0 clamp(3rem, 5vw, 5.5rem); border-bottom: 1px solid var(--s13-line);
}
.author-hero-mark { display: grid; place-items: center; width: 100%; aspect-ratio: 1; border: 1px solid var(--s13-line); border-radius: 50%; font: 800 5.5rem/.8 var(--s13-display); letter-spacing: -.08em; }
.author-hero-portrait { width: 100%; aspect-ratio: 1; margin: 0; overflow: hidden; border: 1px solid var(--s13-line); }
.author-hero-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.author-hero-copy { min-width: 0; }
.author-hero-context { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem 1.5rem; margin-bottom: 1.1rem; }
.author-hero-context .eyebrow { margin-bottom: 0; }
.author-directory-link { display: inline-flex; align-items: center; gap: .65rem; min-height: 2.75rem; margin-left: auto; color: var(--s13-support); font: 500 .69rem/1.4 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.author-directory-link:hover { color: var(--s13-ink); }
.author-hero h1 { margin: 0 0 1.2rem; font: 800 clamp(3.5rem, 7.5vw, 8.5rem)/1 var(--s13-display); letter-spacing: -.065em; text-transform: uppercase; overflow-wrap: anywhere; }
.author-hero-role { display: block; margin: 0 0 1.2rem; font: 600 var(--s13-type-meta)/1.3 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.author-hero h1 + .author-hero-role { margin-top: -.3rem; }
.author-hero p { margin: 0; max-width: 48rem; color: var(--s13-secondary); font-size: 1.1rem; }
.author-count { white-space: nowrap; }
.author-count strong { font: inherit; font-variant-numeric: tabular-nums; }
.author-archive-social { display: flex; align-items: stretch; border-bottom: 1px solid var(--s13-line); }
.author-archive-social a { display: flex; flex: 1 1 0; min-width: 0; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.5rem; padding: 1.2rem clamp(1rem,2.5vw,2.5rem); border-left: 1px solid var(--s13-line); }
.author-archive-social a:first-child { border-left: 0; }
.author-archive-social strong { font: 600 .68rem/1.2 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }

/* Current editor, then contributors by publication count; people are not numbered. */
.authors-index-row { display: grid; grid-template-columns: clamp(7rem, 10vw, 10rem) minmax(0, 1fr) auto 1.1rem; align-items: center; gap: clamp(1.25rem, 3vw, 3rem); min-width: 0; padding: clamp(1.3rem, 2.5vw, 2.5rem) 0; border-bottom: 1px solid var(--s13-line); }
.authors-index-group--editor .authors-index-row:last-child { border-bottom-color: var(--s13-media-border); }
.authors-index-group-title { margin: 0; padding: clamp(1.5rem, 3vw, 3rem) 0 0; color: var(--s13-muted); font: 500 var(--s13-type-meta)/1.35 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.authors-index-portrait { display: grid; place-items: center; width: 100%; aspect-ratio: 1; overflow: hidden; border: 1px solid var(--s13-line); }
.authors-index-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08); transition: filter var(--s13-speed) var(--s13-ease); }
.authors-index-portrait > span { font: 800 3.5rem/1 var(--s13-display); }
.authors-index-identity { display: flex; flex-direction: column; min-width: 0; gap: .85rem; }
.authors-index-identity strong { font: 800 clamp(2.3rem, 4.6vw, 5.8rem)/1 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; overflow-wrap: anywhere; }
.authors-index-identity small { color: var(--s13-muted); font: 600 var(--s13-type-meta)/1.35 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.authors-index-publications { display: flex; flex-direction: column; align-items: flex-end; gap: .4rem; color: var(--s13-muted); }
.authors-index-publications strong { color: var(--s13-ink); font: 500 clamp(1.15rem, 1.7vw, 1.6rem)/1 var(--s13-mono); font-variant-numeric: tabular-nums; }
.authors-index-publications small { font: var(--s13-type-meta)/1.35 var(--s13-mono); letter-spacing: .08em; text-transform: uppercase; }
.authors-index-row > .s13-icon-arrow { align-self: center; color: var(--s13-muted); transition: color var(--s13-speed-fast) ease, transform var(--s13-speed-fast) ease; }
.authors-index-row:hover .authors-index-portrait img { filter: grayscale(1) contrast(1.16) brightness(1.08); }
.authors-index-row:hover > .s13-icon-arrow { color: var(--s13-ink); transform: translate(2px, -2px); }

.author-profile { padding: 0 var(--s13-gutter) clamp(7rem,11vw,12rem); }
.author-profile-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(360px,.92fr);
  align-items: end;
  column-gap: clamp(2rem,5vw,5rem);
  row-gap: 0;
  padding: var(--s13-section-hero-inset) 0 0;
}
.author-profile-title { align-self: start; padding-bottom: 0; }
.author-profile-title h1 { position: relative; margin: 0 0 2rem; font: var(--s13-display-weight) var(--s13-section-title-size)/1 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.author-profile-title h1:has(+ .author-hero-role) { margin-bottom: 1.2rem; }
.author-profile-title > p { max-width: 28rem; margin: 0; color: var(--s13-reading); font-size: clamp(1.05rem,1.5vw,1.35rem); line-height: 1.5; }
.author-profile-image { align-self: start; margin: 0; }
.author-profile-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; filter: grayscale(1) contrast(1.08); outline: 1px solid var(--s13-media-border); outline-offset: -1px; }
.author-profile-image figcaption { display: flex; justify-content: space-between; gap: 1rem; padding-top: .8rem; color: var(--s13-muted); font: var(--s13-type-caption)/1.4 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.author-profile-ledger { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: clamp(2.5rem,4vw,4rem); border-top: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); }
.author-profile-ledger div { min-width: 0; padding: 1.5rem clamp(1rem,2.5vw,2.5rem); border-right: 1px solid var(--s13-line); }
.author-profile-ledger div:first-child { padding-left: 0; }
.author-profile-ledger div:last-child { border-right: 0; }
.author-profile-ledger span { display: block; margin-bottom: .65rem; color: var(--s13-muted); font: .54rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.author-profile-ledger strong { display: block; font: 600 .72rem/1.35 var(--s13-body); letter-spacing: .05em; text-transform: uppercase; }
.author-profile-links { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid var(--s13-line); }
.author-profile-links a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.5rem; padding: 1.2rem clamp(1rem,2.5vw,2.5rem); border-left: 1px solid var(--s13-line); transition: border-color var(--s13-speed-fast) ease; }
.author-profile-links a:first-child { border-left: 0; }
.author-profile-links strong { font: 600 .68rem/1.2 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.author-profile-links b { color: var(--s13-muted); font-weight: 400; transition: color var(--s13-speed-fast) ease, transform var(--s13-speed-fast) ease; }
.author-profile-links a:hover { border-color: var(--s13-field-line); }
.author-profile-links a:hover b { color: var(--s13-accent); transform: translate(2px,-2px); }

.author-profile-body { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr); gap: clamp(3rem,7vw,8rem); padding: clamp(7rem,12vw,13rem) 0; }
.author-profile-body-head > span { color: var(--s13-muted); font: .57rem/1 var(--s13-mono); letter-spacing: .13em; text-transform: uppercase; }
.author-profile-body-head h2 { margin: 2rem 0 0; font: 800 clamp(3rem,4.5vw,5.2rem)/.88 var(--s13-display); letter-spacing: -.055em; text-transform: uppercase; }
.author-profile-motion { width: min(100%, 360px); margin: clamp(2.5rem,4vw,4rem) auto 0; }
.author-profile-motion video { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--s13-bg); }
.author-profile-copy { max-width: 780px; }
.author-profile-lead { margin: 0 0 clamp(4rem,7vw,7rem); font-size: clamp(1.35rem,2.2vw,2rem); line-height: 1.42; letter-spacing: -.02em; }
.author-profile-copy article { display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1.25rem; padding: 2rem 0; border-top: 1px solid var(--s13-line); }
.author-profile-copy article > span { padding-top: .35rem; color: var(--s13-muted); font: .56rem/1 var(--s13-mono); }
.author-profile-copy h3 { margin: 0 0 1rem; font: 700 clamp(1.7rem,3vw,3rem)/.9 var(--s13-display); letter-spacing: -.04em; text-transform: uppercase; }
.author-profile-copy article p { margin: 0; max-width: 64ch; color: var(--s13-reading); line-height: 1.72; }

.author-stage-archive { padding: clamp(5rem,9vw,10rem) 0; border-top: 1px solid var(--s13-line); }
.author-stage-head { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); align-items: end; gap: 3rem; margin-bottom: clamp(2rem,4vw,4rem); }
.author-stage-head h2 { margin: .9rem 0 0; font: 800 clamp(3rem,6.6vw,7.4rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.author-stage-head p { max-width: 32rem; margin: 0; color: var(--s13-muted); font-size: .88rem; line-height: 1.55; }
.author-stage-archive figure { min-width: 0; margin: 0; }
.author-stage-archive img { display: block; width: 100%; height: auto; outline: 1px solid var(--s13-media-border); outline-offset: -1px; }
.author-stage-archive figcaption { color: var(--s13-muted); font: var(--s13-type-caption)/1.45 var(--s13-mono); letter-spacing: .08em; text-transform: uppercase; }
.author-stage-wide img { aspect-ratio: 16 / 9; object-fit: cover; }
.author-stage-wide figcaption { display: flex; justify-content: space-between; gap: 1rem; padding-top: .8rem; }
.author-stage-motion-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(.8rem,1.6vw,1.6rem); align-items: start; margin-top: clamp(3rem,5vw,5rem); }
.author-stage-motion-grid :is(img,video,iframe) { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; outline: 1px solid var(--s13-media-border); outline-offset: -1px; background: var(--s13-surface); }
.author-stage-motion img { height: auto; object-fit: cover; image-rendering: auto; }
.author-stage-video :is(video,iframe) { height: auto; object-fit: cover; }
.author-stage-motion-grid figcaption { padding-top: .8rem; }
.author-stage-posters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.5rem,3vw,3rem) clamp(.8rem,1.6vw,1.6rem); margin-top: clamp(3rem,5vw,5rem); }
.author-stage-posters img { aspect-ratio: 772 / 1080; object-fit: contain; background: var(--s13-surface); }
.author-stage-posters figcaption { padding-top: .8rem; }

.author-mix-archive { padding: clamp(6rem,10vw,11rem) 0; border-top: 1px solid var(--s13-line); }
.author-mix-archive > header { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); align-items: end; gap: 3rem; margin-bottom: clamp(3rem,6vw,6rem); }
.author-mix-archive h2 { margin: .9rem 0 0; font: 800 clamp(3rem,6.6vw,7.4rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.author-mix-archive > header > p { max-width: 32rem; margin: 0; color: var(--s13-muted); font-size: .88rem; line-height: 1.55; }
.author-mix-years { border-top: 1px solid var(--s13-line); }
.author-mix-year { display: grid; grid-template-columns: 9rem minmax(0,1fr); border-bottom: 1px solid var(--s13-line); }
.author-mix-year h3 { margin: 0; padding: 1.35rem 1.5rem 1.35rem 0; color: var(--s13-muted); font: 700 1.05rem/1 var(--s13-display); letter-spacing: .04em; }
.author-mix-year > div { border-left: 1px solid var(--s13-line); }
.author-mix-year a,
.author-mix-year .is-unavailable { display: grid; grid-template-columns: minmax(0,1fr) 8rem 2rem; align-items: center; gap: 1rem; min-height: 58px; padding: .75rem 1rem; border-bottom: 1px solid var(--s13-line); transition: background .18s ease, color .18s ease; }
.author-mix-year :is(a,.is-unavailable):last-child { border-bottom: 0; }
.author-mix-year a:hover { background: var(--s13-accent); color: var(--s13-bg); }
.author-mix-year strong { font: 600 .76rem/1.35 var(--s13-body); letter-spacing: .04em; text-transform: uppercase; }
.author-mix-year small { color: var(--s13-muted); font: .52rem/1.3 var(--s13-mono); letter-spacing: .1em; text-align: right; text-transform: uppercase; }
.author-mix-year a:hover small { color: #333; }
.author-mix-year b { color: var(--s13-muted); font-weight: 400; text-align: right; }
.author-mix-year .is-unavailable { color: var(--s13-muted); }
.author-conversations { padding: clamp(5rem,9vw,10rem) 0; border-top: 1px solid var(--s13-line); }
.author-conversations-head { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); align-items: end; gap: 3rem; margin-bottom: clamp(3rem,5vw,5rem); }
.author-conversations-head h2 { margin: .9rem 0 0; font: 800 clamp(3rem,4.2vw,5.2rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.author-conversations-head > p { max-width: 32rem; margin: 0; color: var(--s13-muted); font-size: .88rem; line-height: 1.55; }
.author-conversations-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(1.5rem,3vw,4rem); }
.author-conversations-group { min-width: 0; border-top: 1px solid var(--s13-line); }
.author-conversations-group h3 { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0; padding: 1.3rem 0; font: 700 clamp(1.8rem,2.4vw,2.8rem)/1 var(--s13-display); letter-spacing: -.035em; text-transform: uppercase; }
.author-conversations-group h3 small { color: var(--s13-muted); font: .54rem/1.2 var(--s13-mono); letter-spacing: .1em; white-space: nowrap; }
.author-conversations-group ol { margin: 0; padding: 0; list-style: none; }
.author-conversations-group li { border-top: 1px solid var(--s13-line); }
.author-conversations-group li:last-child { border-bottom: 1px solid var(--s13-line); }
.author-conversations-group a { display: grid; grid-template-columns: 3.5rem minmax(0,1fr) 1.5rem; align-items: center; gap: clamp(.75rem,1.5vw,1.5rem); min-height: 6rem; padding: 1rem .45rem 1rem 0; transition: color var(--s13-speed-fast) ease, background var(--s13-speed-fast) ease; }
.author-conversations-group a:hover { background: var(--s13-surface-hover); }
.author-conversation-year { align-self: start; padding-top: .28rem; color: var(--s13-muted); font: .58rem/1.3 var(--s13-mono); letter-spacing: .08em; }
.author-conversation-info { display: grid; gap: .48rem; min-width: 0; }
.author-conversation-info strong { font: 700 clamp(1.15rem,1.65vw,1.8rem)/1.08 var(--s13-display); letter-spacing: -.03em; text-transform: uppercase; }
.author-conversation-info small { color: var(--s13-muted); font: .58rem/1.4 var(--s13-mono); letter-spacing: .04em; }
.author-conversations-group a:hover .author-conversation-info small { color: var(--s13-support); }
.author-conversations-group b { justify-self: end; color: var(--s13-muted); font-weight: 400; }
.author-conversations-note { display: grid; grid-template-columns: 12rem minmax(0,1fr); gap: 1.5rem; margin: clamp(2.5rem,4vw,4rem) 0 0; padding-top: 1.2rem; border-top: 1px solid var(--s13-line); }
.author-conversations-note > span { color: var(--s13-muted); font: .55rem/1.5 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.author-conversations-note a { display: flex; align-items: center; justify-content: space-between; gap: 2rem; max-width: 48rem; color: var(--s13-support); font-size: .85rem; line-height: 1.5; }
.author-conversations-note a:hover { color: var(--s13-accent); }
.author-conversations-note b { flex: 0 0 auto; color: var(--s13-muted); font-weight: 400; }
.author-filed-work { padding: clamp(5rem,9vw,10rem) 0 0; border-top: 1px solid var(--s13-line); }
.author-filed-work-head { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); align-items: end; gap: 3rem; margin-bottom: clamp(3rem,6vw,6rem); }
.author-filed-work-head h2 { margin: .9rem 0 0; font: 800 clamp(3rem,6.6vw,7.4rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.author-filed-work-head > p { max-width: 32rem; margin: 0; color: var(--s13-muted); font-size: .88rem; line-height: 1.55; }
.author-filed-work .archive-toolbar { border-top: 1px solid var(--s13-line); }

.about-page { padding: 0 var(--s13-gutter) clamp(7rem, 11vw, 12rem); }
.about-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr); align-items: end; gap: clamp(2rem, 5vw, 5rem); padding: clamp(2rem, 3.5vw, 3.75rem) 0 clamp(3rem, 5vw, 5.5rem); }
.about-hero .eyebrow { grid-column: 1 / -1; color: var(--s13-muted); }
.about-hero h1 { margin: 0; max-width: 11ch; font: var(--s13-display-weight) clamp(4.3rem, 8.4vw, 9rem)/1 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.about-hero h1 em { color: var(--s13-accent); font-style: normal; }
.about-hero-side { display: grid; align-content: end; padding-top: clamp(1.5rem, 3vw, 3rem); border-top: 1px solid var(--s13-line); }
.about-hero-side p { margin: 0; max-width: 34rem; color: var(--s13-secondary); font-size: clamp(1.08rem, 1.55vw, 1.42rem); line-height: 1.52; }
.about-ledger { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--s13-ink); border-bottom: 1px solid var(--s13-line); }
.about-ledger > div { min-height: 145px; padding: 1.25rem clamp(1rem, 2.2vw, 2.5rem) 1.8rem 0; border-right: 1px solid var(--s13-line); }
.about-ledger > div:not(:first-child) { padding-left: clamp(1rem, 2.2vw, 2.5rem); }
.about-ledger > div:last-child { border-right: 0; }
.about-ledger span { color: var(--s13-muted); font: .58rem/1.4 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.about-ledger p { margin: 2.35rem 0 0; max-width: 25rem; color: var(--s13-accent); font: var(--s13-body-strong) clamp(.82rem, 1.05vw, 1rem)/1.4 var(--s13-body); letter-spacing: .035em; text-transform: uppercase; }
.about-content { max-width: none; margin: 0; font-family: var(--s13-body); }
.about-content > * { margin-block-start: 0; margin-block-end: 0; }
.about-section { display: grid; grid-template-columns: minmax(260px, .56fr) minmax(0, 1.44fr); gap: clamp(3rem, 7vw, 8rem); padding: clamp(6rem, 10vw, 11rem) 0; border-bottom: 1px solid var(--s13-line); }
.about-section-index { align-self: start; position: static; }
.about-section-index > span { color: var(--s13-muted); font: .58rem/1 var(--s13-mono); letter-spacing: .13em; text-transform: uppercase; }
.about-section-index h2 { margin: 1.5rem 0 0; max-width: none; font: var(--s13-display-weight) clamp(2.35rem, 3.8vw, 4.25rem)/var(--s13-display-leading-secondary) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.about-copy { min-width: 0; }
.about-copy > p { max-width: 70ch; color: var(--s13-support); font-size: clamp(1rem, 1.2vw, 1.18rem); line-height: 1.72; }
.about-copy > p + p { margin-top: 1.7rem; }
.about-copy .about-lead { max-width: 29ch; margin: 0 0 clamp(3rem, 5vw, 5rem); color: var(--s13-accent); font: var(--s13-body-weight) clamp(1.9rem, 3.8vw, 4.25rem)/1.16 var(--s13-body); letter-spacing: normal; }
.about-copy blockquote { margin: clamp(4rem, 7vw, 7rem) 0 0; padding: 1.6rem 0 0 clamp(2rem, 5vw, 6rem); border-top: 1px solid var(--s13-ink); }
.about-copy blockquote p { margin: 0; max-width: 27ch; font: var(--s13-display-weight) clamp(2.1rem, 4.8vw, 5.2rem)/.95 var(--s13-display); letter-spacing: -.05em; }
.about-copy blockquote cite { display: block; margin-top: 1.5rem; color: var(--s13-muted); font: normal .57rem/1.4 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.about-principles { border-top: 1px solid var(--s13-ink); }
.about-principle { display: grid; grid-template-columns: 4rem minmax(13rem, .65fr) minmax(240px, 1fr); gap: 2rem; align-items: start; padding: 2rem 0 2.4rem; border-bottom: 1px solid var(--s13-line); }
.about-principle > span { padding-top: .35rem; color: var(--s13-muted); font: .58rem/1 var(--s13-mono); }
.about-principle h3 { margin: 0; font: var(--s13-display-weight) clamp(1.85rem, 3.1vw, 3.45rem)/var(--s13-display-leading-secondary) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.about-principle p { margin: 0; max-width: 56ch; color: var(--s13-support); line-height: 1.65; }
.about-history { border-top: 1px solid var(--s13-ink); }
.about-history article { display: grid; grid-template-columns: 7rem minmax(300px, .82fr) minmax(300px, 1.18fr); gap: clamp(1.5rem, 3vw, 3.5rem); padding: 2rem 0 2.6rem; border-bottom: 1px solid var(--s13-line); }
.about-history time { color: var(--s13-accent); font: var(--s13-display-weight) 1.05rem/1 var(--s13-display); letter-spacing: .03em; }
.about-history h3 { margin: 0; font: var(--s13-display-weight) clamp(1.7rem, 2.05vw, 2.5rem)/var(--s13-display-leading-secondary) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.about-history p { margin: 0; max-width: 62ch; color: var(--s13-support); line-height: 1.7; }
.about-people-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--s13-ink); }
.about-person { min-height: 280px; padding: 1.4rem clamp(1.5rem, 3vw, 3rem) 2.5rem 0; border-right: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); }
.about-person:nth-child(even) { padding-left: clamp(1.5rem, 3vw, 3rem); border-right: 0; }
.about-person > span { color: var(--s13-muted); font: .56rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.about-person h3 { margin: 4rem 0 1rem; font: var(--s13-display-weight) clamp(2rem, 3.7vw, 4rem)/.88 var(--s13-display); letter-spacing: -.05em; text-transform: uppercase; }
.about-person p { margin: 0; max-width: 50ch; color: var(--s13-support); line-height: 1.65; }
.about-credits { margin-top: 4rem; max-width: 72ch; color: var(--s13-muted); font-size: .82rem; line-height: 1.75; }
.about-field-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(4rem, 7vw, 7rem); border-top: 1px solid var(--s13-ink); }
.about-field-links a { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 1.5rem; align-items: center; align-content: center; gap: 1rem; min-height: 132px; padding: 1.5rem clamp(1.25rem, 2vw, 2rem); border-right: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); transition: background var(--s13-speed) var(--s13-ease), color var(--s13-speed-fast) ease; }
.about-field-links a:nth-child(even) { border-right: 0; }
.about-field-links a:hover { background: var(--s13-accent); color: var(--s13-bg); }
.about-field-links small { color: var(--s13-muted); font: .54rem/1 var(--s13-mono); }
.about-field-links strong { font: var(--s13-body-strong) clamp(.82rem, 1.1vw, 1rem)/1.35 var(--s13-body); letter-spacing: .04em; text-transform: uppercase; }
.about-field-links b { font-weight: 400; text-align: right; }
.about-final { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); gap: clamp(3rem, 8vw, 9rem); align-items: end; padding: clamp(7rem, 12vw, 13rem) 0 1rem; }
.about-final h2 { margin: 0; max-width: 9ch; font: var(--s13-display-weight) clamp(3.8rem, 7.4vw, 9rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.about-final div { border-top: 1px solid var(--s13-ink); padding-top: 1.5rem; }
.about-final p { margin: 0 0 2.5rem; color: var(--s13-support); line-height: 1.65; }
.about-final a { display: flex; justify-content: space-between; align-items: center; min-height: 58px; padding: 0 1.2rem; border: 1px solid var(--s13-accent); font: var(--s13-body-strong) .68rem/1 var(--s13-body); letter-spacing: .1em; text-transform: uppercase; transition: background var(--s13-speed) var(--s13-ease), color var(--s13-speed-fast) ease; }
.about-final a:hover { background: var(--s13-accent); color: var(--s13-bg); }
@media (max-width: 1200px) {
  .about-principle { grid-template-columns: 3rem minmax(0,1fr); }
  .about-principle p { grid-column: 2; }
  .about-history article { grid-template-columns: 5rem minmax(0,1fr); }
  .about-history p { grid-column: 2; }
}
.standard-page { padding: clamp(5rem, 10vw, 10rem) var(--s13-gutter); }
.standard-page > header h1 { margin: 0; font: 800 clamp(4rem, 11vw, 12rem)/.74 var(--s13-display); letter-spacing: -.07em; text-transform: uppercase; }

.system-page { padding: 0 var(--s13-gutter) clamp(7rem,12vw,12rem); }
.system-page-hero { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); align-items: end; gap: clamp(2rem,5vw,5rem); padding: clamp(2rem,3.5vw,3.75rem) 0 clamp(3rem,5vw,5.5rem); border-bottom: 1px solid var(--s13-line); }
.system-page-hero .eyebrow { grid-column: 1/-1; align-self: end; }
.system-page-hero h1 { margin: 0; font: 800 clamp(4.5rem,10.5vw,11rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.system-page-hero p { margin: 0 0 .8rem; max-width: 36rem; color: var(--s13-secondary); font-size: clamp(1.05rem,1.55vw,1.35rem); line-height: 1.5; }
.contact-system { display: grid; grid-template-columns: minmax(380px,.75fr) minmax(0,1.25fr); gap: clamp(3rem,6vw,7rem); padding-top: clamp(5rem,9vw,9rem); }
.policy-index { display: grid; grid-template-columns: minmax(260px,.55fr) minmax(0,1.45fr); gap: clamp(3rem,8vw,9rem); padding-top: clamp(5rem,9vw,9rem); }
.contact-ledger > span,
.policy-index > aside > span { color: var(--s13-muted); font: .58rem/1 var(--s13-mono); letter-spacing: .13em; text-transform: uppercase; }
.contact-ledger h2 { margin: 1.5rem 0; font: 700 clamp(2.35rem,3.6vw,3.9rem)/var(--s13-display-leading) var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.contact-ledger p { max-width: 31rem; color: var(--s13-muted); font-size: .92rem; }
.contact-notice { margin-bottom: 2rem; padding: 1.25rem 1.4rem; border: 1px solid var(--s13-ink); }
.contact-notice strong { font: 650 .75rem/1 var(--s13-body); letter-spacing: .08em; text-transform: uppercase; }
.contact-notice p { margin: .55rem 0 0; color: var(--s13-muted); font-size: .86rem; }
.s13-contact-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--s13-ink); border-left: 1px solid var(--s13-line); }
.s13-field { position: relative; display: grid; align-content: start; gap: .85rem; min-width: 0; padding: 1.25rem 1.4rem; border-right: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); }
.s13-field--wide { grid-column: 1/-1; }
.s13-field > span { color: var(--s13-muted); font: .57rem/1 var(--s13-mono); letter-spacing: .12em; text-transform: uppercase; }
.s13-field small { font: inherit; }
.s13-field input,
.s13-field textarea,
.s13-field select { width: 100%; min-width: 0; padding: .25rem 0; border: 0; border-radius: 0; outline: 0; background: var(--s13-bg); color: var(--s13-accent); font: 400 1rem/1.5 var(--s13-body); resize: vertical; }
.s13-field:focus-within { box-shadow: inset 0 -1px var(--s13-accent); }
.s13-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.policy-index > aside { align-self: start; display: grid; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid var(--s13-line); }
.policy-index > aside strong { font: 700 clamp(2rem,4vw,4rem)/.9 var(--s13-display); letter-spacing: -.045em; text-transform: uppercase; }
.policy-index > aside small { color: var(--s13-muted); font: .58rem/1.4 var(--s13-mono); letter-spacing: .09em; text-transform: uppercase; }
.policy-index article { border-top: 1px solid var(--s13-ink); }
.policy-index article section { display: grid; grid-template-columns: 3.5rem minmax(0,1fr); gap: 1.5rem; padding: 2rem 0 3rem; border-bottom: 1px solid var(--s13-line); }
.policy-index article section > span { color: var(--s13-muted); font: .58rem/1 var(--s13-mono); }
.policy-index h2 { margin: 0 0 1rem; font: 700 clamp(1.8rem,3vw,3.2rem)/.9 var(--s13-display); letter-spacing: -.04em; text-transform: uppercase; }
.policy-index p { margin: 0; max-width: 67ch; color: var(--s13-secondary); font-size: .98rem; }
.policy-index p a { color: var(--s13-accent); border-bottom: 1px solid var(--s13-muted); }

.s13-external-embed { position: relative; display: grid; min-height: 166px; overflow: hidden; border: 1px solid var(--s13-line); background: var(--s13-surface); }
.s13-external-embed iframe { width: 100%; min-height: 166px; border: 0; }
.s13-external-embed:not(.is-loaded) iframe { visibility: hidden; }
.s13-external-embed-control { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 1fr auto; align-items: center; gap: .8rem 2rem; padding: 1.35rem; border: 0; background: var(--s13-surface); color: var(--s13-accent); text-align: left; cursor: pointer; }
.s13-external-embed-control > span,
.s13-external-embed-control > small { color: var(--s13-muted); font: .55rem/1.3 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.s13-external-embed-control strong { font: 700 clamp(1.2rem,2.4vw,2.25rem)/.9 var(--s13-display); letter-spacing: -.035em; text-transform: uppercase; }
.s13-external-embed-control small { grid-column: 1/-1; }
.s13-external-embed-control:hover strong { text-decoration: line-through; }

.site-footer { padding: 0 var(--s13-gutter) 1rem; border-top: 1px solid var(--s13-line); background: #000; }
.footer-core { display: grid; grid-template-columns: minmax(0,2fr) minmax(280px,1fr); align-items: stretch; gap: 0; padding: 0; border-bottom: 1px solid var(--s13-line); }
.footer-mark { position: relative; display: grid; grid-template-rows: minmax(0,1fr); place-items: center stretch; min-height: clamp(22rem,34vw,34rem); overflow: hidden; border-right: 1px solid var(--s13-line); }
.footer-mark::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; display: block; width: 1px; background: var(--s13-line); pointer-events: none; }
.footer-mark img { position: relative; place-self: center; width: clamp(8rem,11vw,11rem); height: auto; background: #000; transition: transform .7s var(--s13-ease); }
.footer-mark:hover img,
.footer-mark:focus-visible img { transform: translateY(-4px); }
.footer-manifesto { display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem,6vw,7rem) clamp(1.25rem,3vw,3rem); }
.footer-manifesto > span { color: var(--s13-muted); font: .6875rem/1.5 var(--s13-mono); letter-spacing: .08em; text-transform: uppercase; }
.footer-manifesto p { margin: 1.7rem 0 2rem; font-size: clamp(1.15rem,1.8vw,1.55rem); line-height: 1.48; }
.footer-manifesto a { align-self: flex-start; }
.footer-directory { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.footer-column { min-width: 0; padding: 2rem clamp(1.25rem,3vw,3rem); border-right: 1px solid var(--s13-line); }
.footer-column:first-child { padding-left: 0; }
.footer-column:last-child { border-right: 0; }
.footer-column-title { display: block; margin-bottom: 1rem; color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.footer-column > a { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .75rem; min-height: 48px; }
.footer-column > a + a { border-top: 0; }
.footer-column strong { font: 600 .85rem/1.4 var(--s13-body); letter-spacing: .05em; text-transform: uppercase; }
.footer-column b { color: var(--s13-muted); font-weight: 400; transition: transform .2s ease, color .2s ease; }
.footer-column a:hover b { color: var(--s13-ink); transform: translate(2px,-2px); }
.footer-column small { display: block; margin-top: .3rem; color: var(--s13-muted); font: var(--s13-type-meta)/1.3 var(--s13-mono); letter-spacing: .06em; text-transform: uppercase; }
.footer-column a:hover strong { color: var(--s13-secondary); }
.site-footer :is(a,button):focus-visible { outline: 1px solid var(--s13-ink); outline-offset: 4px; }
.footer-newsletter { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(2.5rem,6vw,7rem); padding: clamp(2.5rem,4vw,4rem) 0; border-bottom: 1px solid var(--s13-line); }
.footer-newsletter-copy > span { color: var(--s13-muted); font: .6875rem/1.4 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.footer-newsletter h2 { margin: 1.1rem 0 0; font: var(--s13-display-weight) clamp(3rem,5vw,6rem)/1 var(--s13-display); letter-spacing: var(--s13-display-tracking); text-transform: uppercase; }
.footer-newsletter-copy p { max-width: 28rem; margin: 1.25rem 0 0; color: var(--s13-secondary); font-size: clamp(.92rem,1.2vw,1.12rem); line-height: 1.6; text-wrap: pretty; }
.footer-newsletter-copy p > span { display: block; }
.footer-newsletter-entry { align-self: stretch; }
.footer-newsletter-status { margin: 0 0 1rem; color: var(--s13-secondary); font: .75rem/1.5 var(--s13-body); }
.footer-newsletter form { position: relative; }
.footer-newsletter-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.footer-newsletter-field { position: relative; display: grid; color: var(--s13-muted); font: .6875rem/1.4 var(--s13-mono); letter-spacing: .1em; text-transform: uppercase; }
.footer-newsletter-field input { width: 100%; min-height: 3.4rem; padding: .6rem 0; border: 0; border-bottom: 1px solid var(--s13-field-line); border-radius: 0; background: transparent; color: var(--s13-ink); font: 1rem/1.5 var(--s13-body); letter-spacing: 0; text-transform: none; transition: border-color var(--s13-speed-fast) ease; }
.footer-newsletter-field input:hover { border-bottom-color: var(--s13-muted); }
.footer-newsletter-field input:focus { outline: none; border-bottom-color: var(--s13-ink); box-shadow: 0 1px 0 var(--s13-ink); }
.footer-newsletter-consent { display: flex; align-items: start; gap: .8rem; margin: 1.1rem 0 1.4rem; color: var(--s13-secondary); font: .8rem/1.5 var(--s13-body); cursor: pointer; }
.footer-newsletter-consent input { flex: 0 0 auto; width: 1.125rem; height: 1.125rem; margin: .15rem 0 0; accent-color: var(--s13-ink); }
.footer-newsletter-consent a { color: var(--s13-ink); text-decoration: underline; text-underline-offset: .2em; }
.footer-newsletter .s13-action-button { display: inline-flex; justify-content: space-between; gap: .8rem; width: 100%; max-width: 100%; min-width: 0; min-height: 3.5rem; }
.footer-letter-icon { display: block; flex: 0 0 auto; width: 1.25rem; height: 1.25rem; background: currentColor; -webkit-mask: url("assets/icons/s13-mail.svg") center / contain no-repeat; mask: url("assets/icons/s13-mail.svg") center / contain no-repeat; }
.footer-newsletter .s13-action-button:focus-visible { outline: 0; border-bottom-color: var(--s13-ink); box-shadow: 0 1px 0 var(--s13-ink); }
.footer-newsletter button:disabled { color: var(--s13-muted); cursor: not-allowed; }
.footer-newsletter-feedback { margin: 1rem 0 0; padding-left: 1rem; border-left: 1px solid var(--s13-muted); color: var(--s13-ink); font: .85rem/1.5 var(--s13-body); }
/* The form is one compact unit; its controls do not inherit the display
   headline's height. Align the two complete blocks, not their internal rows. */
@media (min-width: 961px) {
  .footer-newsletter {
    align-items: center;
    column-gap: clamp(2.5rem,5vw,6rem);
    /* Match the visible text gaps around the caption's larger click area. */
    padding-top: clamp(3.5rem,5.5vw,5.5rem);
    padding-bottom: calc(clamp(3.5rem,5.5vw,5.5rem) + .75rem);
  }
  .footer-newsletter-copy,
  .footer-newsletter-entry { min-width: 0; }
  .footer-newsletter-entry { align-self: center; }
  .footer-newsletter form { display: flex; flex-direction: column; gap: 1.25rem; }
  .footer-newsletter-consent { margin: 0; }
  .footer-newsletter .s13-action-button { margin: 0; }
}
@media (min-width: 621px) and (max-width: 960px) {
  .footer-newsletter { grid-template-columns: 1fr; gap: 2rem; }
}
.footer-floor { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: .75rem 2rem; margin-inline: calc(-1 * var(--s13-gutter)); padding: 1rem var(--s13-gutter) 0; border-top: 1px solid var(--s13-line); color: var(--s13-muted); font: .6875rem/1.6 var(--s13-mono); letter-spacing: .06em; text-transform: uppercase; }
.footer-copyright-symbol { position: relative; top: .35px; font-size: calc(1em + 1px); line-height: 0; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 0 1.5rem; }
.footer-legal a, .footer-top { display: inline-flex; align-items: center; min-height: 44px; }
.footer-privacy { display: inline-flex; align-items: center; gap: .35rem; }
.footer-privacy-settings { display: inline-grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--s13-ink); cursor: pointer; }
.footer-privacy-settings b { width: 1rem; height: 1rem; }
.footer-privacy-settings:hover { color: var(--s13-secondary); }
.footer-top { gap: .65rem; }
/* Keep the compact outline size with a small optical baseline correction. */
.footer-top .footer-top-triangle { position: relative; top: .5px; flex: 0 0 auto; width: .84em; height: .7em; margin: 0; }
.footer-top-triangle::before, .footer-top-triangle::after { content: ""; position: absolute; inset: 0; background: currentColor; }
.footer-top-triangle::before { -webkit-mask: url("assets/icons/s13-up-triangle.svg?v=2") center / contain no-repeat; mask: url("assets/icons/s13-up-triangle.svg?v=2") center / contain no-repeat; }
/* The fill follows the existing SVG path inside its 12 × 10 viewBox.
   Keep the outline steady while the interior fades in and out. */
.footer-top-triangle::after { clip-path: polygon(50% 10%,91.6667% 90%,8.3333% 90%); opacity: 0; transition: opacity .3s ease; }
.footer-top:focus-visible .footer-top-triangle::after { opacity: 1; }
@media (hover: hover) and (pointer: fine) { .footer-top:hover .footer-top-triangle::after { opacity: 1; } }
.footer-floor a { color: var(--s13-ink); }
.footer-floor a b { margin-left: .65rem; font-weight: 400; }

.pagination { display: flex; gap: .6rem; margin-top: 3rem; }
.pagination .page-numbers { display: grid; place-items: center; min-width: 2.5rem; height: 2.5rem; border: 1px solid var(--s13-line); font: .7rem/1 var(--s13-mono); }
.pagination .current { border-color: var(--s13-accent); color: var(--s13-accent); }

/* Navigation collapses before the editorial content grid needs to. */
@media (max-width: 1360px) {
  .s13-menu-grid { grid-template-columns: minmax(0,1.35fr) minmax(270px,.85fr); gap: 2.5rem; }
  .s13-menu-directory { grid-column: 1 / -1; }
  .s13-menu-intro { grid-column: 1 / -1; padding: 0; }
  .s13-menu-intro p { max-width: 34rem; }
  .s13-menu-primary a { font-size: clamp(3rem,6.2vw,5rem); }
}
@media (max-width: 1200px) {
  :root { --s13-header-row: 82px; }
  .site-header,
  .site-header[data-nav-open] { grid-template-columns: 1fr auto; grid-template-rows: var(--s13-header-row); min-height: 0; }
  .site-nav,
  .s13-nav-drawer { display: none; }
}
@media (max-width: 840px) {
  .home-journal-note { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  .home-journal-note h2 { max-width: none; }
  .s13-menu-grid { grid-template-columns: minmax(0,1fr); gap: 2rem; }
  .s13-menu-directory { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; row-gap: 2rem; }
  .s13-menu-directory::before { display: none; }
  .s13-menu-primary, .s13-menu-feed { display: block; grid-column: 1; grid-row: auto; }
  .s13-menu-primary ol { display: block; }
  .s13-menu-section-head, .s13-menu-feed-head { border-bottom: 1px solid var(--s13-line); }
  .s13-menu-primary a { font-size: clamp(3rem,8vw,4.5rem); }
}

@media (max-width: 960px) {
  .s13-search-panel { padding: 0 var(--s13-gutter) 1rem; }
  .s13-search-results a { grid-template-columns: 6rem minmax(0,1fr) 1.4rem; }
  .s13-search-result-context { grid-column: 2; }
  .s13-search-result-arrow { grid-column: 3; grid-row: 1 / span 2; }
  .home-archive-directory { grid-template-columns: 1fr; gap: 2.5rem; }
  .home-archive-index nav a { grid-template-columns: 4rem minmax(0, 1fr) 1.25rem; }
  .home-archive-index nav strong { font-size: clamp(2.6rem, 7.5vw, 4.5rem); }
  .home-archive-scene { width: min(100%, 34rem); aspect-ratio: 2 / 3; justify-self: center; }
  .home-lead-layout { grid-template-columns: 1fr; min-height: auto; }
  .home-lead-copy { max-width: 780px; }
  .home-lead-heading h1 { max-width: 12ch; }
  .home-section-head,
  .home-archive-gateway { grid-template-columns: 1fr; }
  .home-section-head p,
  .home-surprises-tools { justify-self: start; }
  .home-archive-gateway nav { margin-top: 1rem; }
  .home-archive-gateway nav a { grid-template-columns: 7rem minmax(0, 1fr) 10rem 1.5rem; }
  .home-about { grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr); }
  .editorial-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 2rem; }
  .editorial-hero-art { width: min(100%, 760px); justify-self: start; }
  .interview-introduction { grid-template-columns: 1fr; gap: 4rem; }
  .interview-introduction > header { display: grid; grid-template-columns: 6rem minmax(0, 1fr); align-items: end; }
  .interview-introduction h2 { margin-top: 0; }
  .interview-exchange { grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: 3rem; }
  .s13-menu-panel { padding: 0 var(--s13-gutter) 1rem; }
  .home-intro,
  .single-hero-grid { grid-template-columns: 1fr; }
  .home-intro { min-height: auto; }
  .story-card,
  .story-card:first-child,
  .story-card:nth-child(6),
  .story-card:nth-child(9) { grid-column: span 6; grid-row: auto; }
  .story-card:first-child { grid-column: 1 / -1; }
  .single-art { width: min(100%, 620px); }
  .s13-author-panel { grid-template-columns: 12rem minmax(0,1fr); }
  .s13-author-panel--text-only { grid-template-columns: minmax(0,1fr) minmax(12rem,.45fr); }
  .s13-author-panel--text-only .s13-author-channels { grid-column: auto; grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .s13-author-panel--text-only .s13-author-channels a { border-top: 1px solid var(--s13-line); border-left: 0; }
  .s13-author-channels { grid-column: 1 / -1; grid-template-columns: minmax(10rem,.65fr) repeat(var(--s13-author-link-count, 4),minmax(0,1fr)); grid-template-rows: 1fr; }
  .s13-author-channels > span { display: flex; align-items: center; }
  .s13-author-channels a { border-top: 0; border-left: 1px solid var(--s13-line); }
  .author-profile-hero { grid-template-columns: 1fr; min-height: auto; padding-top: var(--s13-section-hero-inset); }
  .author-profile-title { padding-bottom: 0; }
  .author-profile-title h1 { font-size: var(--s13-section-title-size); }
  .author-profile-image { width: min(100%, 760px); margin-top: clamp(2rem,4vw,3rem); }
  .author-profile-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .author-profile-ledger div:nth-child(2) { border-right: 0; }
  .author-profile-ledger div:nth-child(-n+2) { border-bottom: 1px solid var(--s13-line); }
  .author-profile-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .author-profile-links a:nth-child(odd) { border-left: 0; }
  .author-profile-links a:nth-child(n+3) { border-top: 1px solid var(--s13-line); }
  .author-profile-body { grid-template-columns: 1fr; gap: 4rem; }
  .author-stage-head { grid-template-columns: 1fr; }
  .author-stage-motion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .author-stage-posters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .author-mix-archive > header { grid-template-columns: 1fr; }
  .author-conversations-head { grid-template-columns: 1fr; }
  .author-conversations-grid { grid-template-columns: 1fr; gap: 3rem; }
  .author-filed-work-head { grid-template-columns: 1fr; }
  .footer-core { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-core > * { min-width: 0; }
  .footer-mark { display: grid; grid-template-rows: 1fr; place-items: center; min-height: clamp(16rem, 38vw, 22rem); }
  .footer-mark img { width: clamp(7rem,10vw,10rem); box-shadow: 0 0 0 clamp(1.25rem,2vw,2rem) #000; }
  .footer-manifesto { max-width: 36rem; }
  .footer-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .footer-floor { grid-template-columns: minmax(0,1fr) auto; }
  .footer-copyright { grid-column: 1 / -1; }
  .collection-hero,
  .collection-feature,
  .interview-card > a,
  .about-hero { grid-template-columns: 1fr; min-height: auto; }
  .collection-hero h1 { font-size: var(--s13-section-title-size); }
  .author-hero { grid-template-columns: clamp(12rem, 30vw, 18rem) minmax(0, 1fr); gap: 2rem; }
  .review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .archive-toolbar { grid-template-columns: 1fr 1fr 1fr; }
  .archive-search { grid-column: 1 / -1; min-height: 76px; padding-left: 0; border-right: 0; }
  .archive-select { min-height: 68px; }
  .archive-view-switch { min-height: 68px; }
  .archive-toolbar--extended .archive-view-switch { grid-column: 1/-1; border-top: 1px solid var(--s13-line); }
  .archive-results--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s13-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .system-page-hero,
  .contact-system,
  .policy-index { grid-template-columns: minmax(0, 1fr); min-height: auto; }
  .system-page-hero > *,
  .contact-system > *,
  .policy-index > * { min-width: 0; }
  .system-page-hero { padding-top: clamp(2rem, 3.5vw, 3.75rem); }
}

@media (max-width: 782px) {
  body.admin-bar .site-header { --s13-admin-inset: 46px; }
}

@media (max-width: 620px) {
  :root { --s13-gutter: 1.15rem; }
  .home-archive-index { padding-top: 6rem; padding-bottom: 7rem; }
  .home-archive-index > header { display: grid; gap: .65rem; }
  .home-archive-index nav a { grid-template-columns: 2.35rem minmax(0, 1fr) 1.25rem; gap: .5rem .55rem; min-height: 104px; padding: 1rem 0; }
  .home-archive-symbol { grid-column: 1; grid-row: 1; align-self: center; }
  .home-archive-index nav strong { grid-column: 2; font-size: clamp(2.1rem, 10.5vw, 3.4rem); }
  .home-archive-index nav small { grid-column: 2; text-align: left; }
  .home-archive-index nav b { grid-column: 3; grid-row: 1; }
  .home-lead { padding-top: var(--s13-content-inset); padding-bottom: 3rem; }
  .home-lead-layout { gap: 2rem; }
  .home-lead-heading h1 { max-width: none; font-size: clamp(2.15rem, 11.25vw, 3.55rem); }
  .home-lead-heading.is-long h1 { font-size: clamp(2rem, 9vw, 3.15rem); }
  .home-lead-subtitle { margin-top: 1.5rem; }
  .home-lead-deck { margin-top: 1rem; }
  .review-channels a { min-height: 44px; }
  .home-stream { padding-bottom: 3rem; }
  .home-section-head { gap: 2rem; padding-block: 3rem 2rem; border-top-color: var(--s13-line); }
  .home-archive-gateway h2,
  .home-about h2 { font-size: clamp(3.1rem, 16vw, 5rem); }
  .home-section-head h2 { font-size: clamp(2.25rem, 9vw, 3.5rem); }
  .home-stream-grid { grid-template-columns: 1fr; gap: 3.75rem; }
  .home-stream-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: .5rem; margin-top: 2rem; padding-top: 1rem; }
  .home-stream-actions .home-action-button { width: 100%; }
  .letter-editorial .letter-state-links,
  .s13-recovery-page .s13-recovery-links { display: grid; grid-template-columns: minmax(0,1fr); gap: .5rem; }
  :is(.letter-state-links,.s13-recovery-links,.nb-call-nav) > .s13-text-action { width: 100%; justify-content: space-between; }
  .nb-call-nav > .nb-back { justify-content: flex-start; gap: .75rem; }
  .about-editorial .about-profile-links .about-text-link { width: 100%; justify-content: space-between; }
  .home-stream-title h3, .archive-cover-copy :is(h3,h4) { --s13-card-title-full-size: clamp(2.25rem, 12vw, 3.5rem); --s13-card-title-compact-size: clamp(2rem, 9.5vw, 3.1rem); font-size: var(--s13-card-title-full-size); }
  .home-stream-title.is-long h3 { font-size: var(--s13-card-title-compact-size); }
  .home-archive-gateway { gap: 3rem; padding-top: 6rem; padding-bottom: 6rem; }
  .home-archive-gateway nav a { grid-template-columns: minmax(0, 1fr) 1.5rem; gap: .7rem 1rem; min-height: 118px; }
  .home-archive-gateway nav small { grid-column: 1; }
  .home-archive-gateway nav strong { grid-column: 1; font-size: clamp(2.8rem, 15vw, 4.5rem); }
  .home-archive-gateway nav span { display: none; }
  .home-archive-gateway nav b { grid-column: 2; grid-row: 1 / span 2; }
  .home-about { grid-template-columns: 1fr; min-height: auto; }
  .home-about-mark { min-height: 260px; border-right: 0; border-bottom: 1px solid var(--s13-line); }
  .home-about-mark span { font-size: clamp(13rem, 72vw, 20rem); }
  .home-about-copy { padding: 5rem 0 6rem; }
  .home-about-copy a { width: 100%; }
  .editorial-single,
  .editorial-hero,
  .editorial-hero-copy,
  .editorial-hero-art { width: 100%; max-width: 100%; min-width: 0; }
  .editorial-hero { gap: 3rem; padding-top: 1.5rem; padding-bottom: 3rem; }
  .editorial-hero-meta { display: grid; gap: .55rem; margin-bottom: 2.5rem; }
  .editorial-hero h1,
  .review-hero h1 { max-width: 100%; font-size: clamp(3.05rem, 14.2vw, 5.5rem); line-height: .78; }
  .interview-hero h1 { font-size: clamp(2.65rem, 11vw, 5rem); line-height: .98; }
  .review-hero h1 strong { font-size: clamp(3.05rem, 14.2vw, 5.5rem); }
  .review-hero h1 em { font-size: clamp(2rem, 8.5vw, 3.7rem); }
  .editorial-hero-copy > p { width: 100%; max-width: 100%; margin-top: 2rem; font-size: 1.08rem; overflow-wrap: break-word; }
  .editorial-hero-copy > .interview-hero-angle { margin-top: 1.5rem; font-size: .82rem; }
  .editorial-hero-copy > .interview-hero-angle + p { margin-top: 1.25rem; }
  .editorial-hero-art figcaption { display: grid; }
  .editorial-hero-art figcaption b { text-align: left; }
  .interview-ledger { grid-template-columns: 1fr; }
  .interview-ledger > span,
  .interview-ledger > span:first-child,
  .interview-ledger > span:last-child { min-height: 58px; padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--s13-line); }
  .interview-introduction { gap: 3rem; padding: 5rem 0; }
  .interview-introduction > header { display: block; }
  .interview-introduction h2 { margin-top: 1.5rem; }
  .interview-introduction-copy > p:first-of-type,
  .review-copy > p:first-of-type { font-size: 1.3rem; }
  .interview-transcript { padding-top: 5rem; }
  .interview-transcript-head { grid-template-columns: 1fr; gap: 1rem; }
  .interview-exchange { grid-template-columns: 1fr; gap: 2rem; padding: 3.5rem 0; }
  .interview-exchange > header { position: static; grid-template-columns: 2.2rem minmax(0, 1fr); gap: .8rem; }
  .interview-exchange h2 { font-size: clamp(1.75rem, 8vw, 2.6rem); }
  .review-reading { padding: 5rem 0; }
  .review-copy h2,
  .review-copy h3 { font-size: clamp(2.4rem, 13vw, 4rem); }
  .s13-lightbox-stage { padding: 4.25rem .75rem 5.25rem; }
  .s13-lightbox-image { max-height: calc(100svh - 9.5rem); }
  .s13-lightbox.is-zoomed .s13-lightbox-stage { padding: 0; }
  .s13-lightbox-close { top: .85rem; right: .85rem; }
  .s13-lightbox-nav { top: auto; bottom: 1rem; width: 2.7rem; height: 2.7rem; transform: none; }
  .s13-lightbox-prev { right: 4rem; left: auto; }
  .s13-lightbox-next { right: .85rem; }
  .s13-lightbox-meta { right: 7.5rem; bottom: 1.15rem; left: .85rem; grid-template-columns: 3.8rem minmax(0, 1fr); }
  .s13-lightbox-caption { grid-column: 2; max-height: 2.9em; overflow: hidden; text-align: left; }
  .s13-lightbox-hint { display: none; }
  :root { --s13-brand-gap: .65rem; }
  .brand-mark,
  .s13-menu-brand .brand-mark { width: 31px; height: 42px; }
  .brand .brand-mark--chrome,
  .s13-menu-brand .brand-mark--chrome { width: 42px; height: 42px; }
  .brand-name { font-size: .8125rem; letter-spacing: .035em; }
  .brand-name--balance { font-size: .75rem; letter-spacing: 0; }
  .header-actions { gap: .5rem; min-height: 44px; }
  .search-toggle { width: 44px; min-width: 44px; min-height: 44px; padding: 0; }
  .search-toggle-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .menu-toggle { grid-template-columns: 1fr; justify-items: center; gap: 0; width: 44px; min-width: 44px; min-height: 44px; padding: 0; }
  .menu-toggle-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .s13-menu-panel { padding: 0 var(--s13-gutter) 1rem; }
  .s13-menu-system { display: none; }
  /* The panel header already occupies the same row as the page header.
     Start Site index on the shared page/post eyebrow inset, even with a player. */
  .s13-menu-grid { grid-template-columns: 1fr; gap: 2rem; align-content: start; padding: var(--s13-section-hero-inset) 0 2rem; }
  .s13-menu-intro { display: none; }
  .s13-menu-section-head { min-height: 0; padding: 0 0 var(--s13-hero-label-gap); border-bottom: 0; }
  .s13-menu-primary a { grid-template-columns: 2.35rem minmax(0,1fr); min-height: 5.5rem; }
  .s13-menu-symbol { width: 2.35rem; height: 2.35rem; }
  .s13-menu-primary a { font-size: clamp(2rem,10.75vw,3.55rem); }
  .s13-menu-feed { padding-bottom: 2rem; }
  .s13-menu-feed-entry { min-height: 62px; }
  .s13-search-panel .s13-menu-floor span:last-child { display: none; }
  .s13-search-panel { padding: 0 var(--s13-gutter) 1rem; }
  .s13-search-top .s13-menu-system { display: none; }
  .s13-search-query { padding-top: 2.2rem; }
  .s13-search-input-row { gap: .75rem; }
  .s13-search-input-row input { font-size: clamp(2.125rem,10.7vw,4rem); }
  .s13-search-input-row > span { display: none; }
  .s13-search-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .s13-search-filters button { width: 100%; }
  .s13-search-status { align-items: flex-start; flex-direction: column; gap: .35rem; }
  .s13-search-results a { grid-template-columns: minmax(0,1fr) 1.2rem; gap: .65rem 1rem; min-height: 112px; padding: 1.25rem 0; }
  .s13-search-result-meta { grid-column: 1; }
  .s13-search-result-title { grid-column: 1; font-size: clamp(2rem,10vw,3rem); }
  .s13-search-result-context { display: none; }
  .s13-search-result-arrow { grid-column: 2; grid-row: 1 / span 2; }
  .s13-search-idle { grid-template-columns: 1fr; gap: clamp(1rem,3vh,2rem); padding: clamp(.75rem,2.5vh,2rem) 0; }
  .s13-search-idle strong { font-size: clamp(2.85rem,14.5vw,4.5rem); }
  .s13-search-idle p { justify-self: start; }
  .home-intro { padding-top: 5rem; padding-bottom: 3rem; }
  .home-intro h1 { font-size: clamp(3.15rem, 18vw, 5.5rem); line-height: .8; }
  .story-grid { display: block; }
  .latest-section--home .story-grid { display: block; }
  .story-card { border-bottom: 1px solid var(--s13-line); margin-bottom: 1.5rem; }
  .story-card .story-image,
  .story-card:first-child .story-image,
  .story-card:nth-child(6) .story-image,
  .story-card:nth-child(9) .story-image { aspect-ratio: var(--s13-ratio-wide); }
  .story-card:not(:first-child) .story-excerpt { display: block; }
  .story-title,
  .story-card:not(:first-child) .story-title { max-width: 15ch; font-size: clamp(1.9rem, 10vw, 3rem); }
  .single-title { max-width: 16ch; font-size: clamp(2.55rem, 13vw, 4.3rem); }
  .archive-row { grid-template-columns: 1fr; gap: .5rem; }
  .archive-row .archive-type { display: none; }
  .author-profile { padding-bottom: 6rem; }
  .author-profile-hero { padding-top: 2rem; }
  .author-profile-title h1 { max-width: 100%; font-size: var(--s13-section-title-size); letter-spacing: var(--s13-display-tracking); }
  .author-profile-ledger { grid-template-columns: 1fr; }
  .author-profile-ledger div,
  .author-profile-ledger div:first-child { padding: 1.2rem 0; border-right: 0; border-bottom: 1px solid var(--s13-line); }
  .author-profile-ledger div:last-child { border-bottom: 0; }
  .author-profile-links { grid-template-columns: 1fr; }
  .author-profile-links a,
  .author-profile-links a:first-of-type { min-height: 4rem; padding: 1rem 0; border-top: 1px solid var(--s13-line); border-left: 0; }
  .author-profile-links a:first-of-type { border-top: 0; }
  .author-profile-body { padding: 6rem 0; }
  .author-profile-body-head h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .author-profile-copy article { grid-template-columns: 1fr; gap: .8rem; }
  .author-stage-head { gap: 1.5rem; }
  .author-stage-head h2 { font-size: clamp(2.5rem, 11vw, 4rem); }
  .author-stage-wide figcaption { display: block; }
  .author-stage-wide figcaption span { display: block; }
  .author-stage-motion-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .author-filed-work-head { gap: 1.5rem; }
  .author-filed-work-head h2 { max-width: 100%; font-size: clamp(2rem, 9.5vw, 3.4rem); }
  .author-stage-posters { grid-auto-flow: column; grid-auto-columns: minmax(10rem, 52vw); grid-template-columns: none; gap: .85rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .75rem; }
  .author-stage-posters figure { scroll-snap-align: start; }
  .author-stage-posters figcaption { font-size: var(--s13-type-caption); }
  .author-mix-archive > header { gap: 1.5rem; }
  .author-mix-archive h2 { max-width: 100%; font-size: clamp(2rem, 9.5vw, 3.4rem); letter-spacing: var(--s13-display-tracking); }
  .author-conversations-head { gap: 1.5rem; }
  .author-conversations-head h2 { font-size: clamp(2.2rem,10vw,3.8rem); }
  .author-conversations-group a { grid-template-columns: 2.8rem minmax(0,1fr) 1.2rem; min-height: 5.5rem; }
  .author-conversations-note { grid-template-columns: 1fr; gap: .8rem; }
  .author-mix-year { grid-template-columns: 1fr; }
  .author-mix-year h3 { padding: 1.2rem 0; }
  .author-mix-year > div { border-top: 1px solid var(--s13-line); border-left: 0; }
  .author-mix-year a,
  .author-mix-year .is-unavailable { grid-template-columns: minmax(0, 1fr) 1.5rem; }
  .author-mix-year small { display: none; }
  .footer-core { grid-template-columns: 1fr; padding: 0; }
  .footer-mark { min-height: 14rem; border-right: 0; border-bottom: 1px solid var(--s13-line); }
  .footer-mark::before { right: 0; bottom: auto; left: 0; top: 50%; width: auto; height: 1px; }
  .footer-mark img { width: 6.25rem; box-shadow: 0 0 0 1rem #000; }
  .footer-directory { grid-template-columns: 1fr; }
  .footer-column,
  .footer-column:first-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 1.15rem; grid-column: auto; padding: 1.5rem 0; border-top: 1px solid var(--s13-line); border-right: 0; }
  .footer-column:first-child { border-top: 0; }
  .footer-column-title { grid-column: 1 / -1; }
  .footer-column > a,
  .footer-column > a + a { min-height: 48px; border-top: 0; }
  .footer-manifesto { padding: 2rem 0; }
  .footer-manifesto p { margin: 1rem 0 1.25rem; }
  .footer-newsletter { grid-template-columns: 1fr; gap: 2rem; padding-block: 2.5rem; }
  .footer-newsletter h2 { font-size: clamp(2rem,10vw,3.5rem); }
  .footer-newsletter button { width: 100%; }
  .archive-select select { font-size: 1rem; }
  .footer-floor { grid-template-columns: 1fr; gap: .5rem; }
  .footer-top { justify-self: start; }
  .collection { padding-left: var(--s13-gutter); padding-right: var(--s13-gutter); }
  .collection-hero { gap: 2rem; padding-top: 2rem; padding-bottom: 2.75rem; }
  .archive-select { padding-right: .75rem; padding-left: .75rem; }
  .archive-results--grid { grid-template-columns: 1fr; gap: 3.75rem; }
  .collection-hero > *,
  .author-profile-hero > *,
  .author-mix-archive > header > * { min-width: 0; }
  .collection-hero h1 { max-width: 100%; font-size: var(--s13-section-title-size); line-height: 1; letter-spacing: var(--s13-display-tracking); }
  .collection-feature-copy h2,
  .interview-card h2 { font-size: clamp(3rem, 16vw, 5.2rem); }
  .collection-row { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; padding: 1.5rem 0; }
  .collection-row > * { min-width: 0; }
  .collection-row-number { grid-column: 1; }
  .collection-row h3 { grid-column: 1; grid-row: 2; font-size: clamp(1.55rem, 8.1vw, 1.95rem); letter-spacing: var(--s13-display-tracking); }
  .collection-row time { grid-column: 2; grid-row: 1; }
  .collection-row .row-arrow { grid-column: 2; grid-row: 2; }
  .collection-row:hover { padding-left: 0; }
  .interview-card-art,
  .interview-card-art img { min-height: 320px; }
  .review-grid { grid-template-columns: 1fr; }
  .review-channels { gap: 1.4rem; }
  .collection-empty--large { grid-template-columns: 1fr; }
  .s13-author-panel { grid-template-columns: 1fr; align-items: start; gap: 0; }
  .s13-author-panel--text-only { grid-template-columns: 1fr; }
  .s13-author-panel--text-only .s13-author-copy { min-height: 0; padding: 2rem 0; border-left: 0; }
  .s13-author-portrait { width: min(100%,22rem); aspect-ratio: var(--s13-ratio-cover); }
  .s13-author-copy { padding: 2.25rem 0; border-top: 0; }
  .s13-author-copy .eyebrow { margin-bottom: 2.5rem; }
  .s13-author-channels { grid-column: 1; grid-template-columns: 1fr; grid-template-rows: auto; width: 100%; border-inline: 0; }
  .s13-author-channels > span { padding: 1rem 0; }
  .s13-author-channels a { min-height: 3.8rem; padding: .9rem 0; border-top: 1px solid var(--s13-line); border-left: 0; }
  .author-hero { grid-template-columns: 1fr; }
  .author-hero-copy { order: -1; }
  .author-hero .author-hero-portrait { width: 100%; }
  .author-hero .author-hero-mark { display: none; }
  .author-hero h1 { font-size: clamp(2.5rem, 11.6vw, 4rem); line-height: 1; }
  .author-archive-social { flex-direction: column; }
  .author-archive-social a { flex: 0 0 auto; min-height: 3.8rem; padding: .9rem 0; border-top: 1px solid var(--s13-line); border-left: 0; }
  .author-archive-social a:first-child { border-top: 0; }
  .authors-index-row { grid-template-columns: 5rem minmax(0,1fr) .8rem; gap: .7rem; padding: 1.2rem 0; }
  .authors-index-portrait { grid-column: 1; grid-row: 1 / 3; align-self: start; }
  .authors-index-identity { grid-column: 2; grid-row: 1; }
  .authors-index-publications { grid-column: 2; grid-row: 2; flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: .3rem; }
  .authors-index-publications strong { color: var(--s13-muted); font-size: var(--s13-type-meta); }
  .authors-index-publications small { letter-spacing: .04em; }
  .authors-index-row > .s13-icon-arrow { grid-column: 3; grid-row: 1 / 3; }
  .authors-index-identity { gap: .45rem; }
  .authors-index-identity strong { font-size: clamp(1.45rem, 6.5vw, 2.25rem); }
  .authors-index-identity small { font-size: var(--s13-type-meta); letter-spacing: .07em; }
  .about-ledger { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-hero .eyebrow { max-width: 100%; font-size: .5rem; letter-spacing: .09em; white-space: normal; }
  .about-hero h1 { max-width: 100%; font-size: clamp(3.3rem, 16vw, 4.4rem); line-height: 1; letter-spacing: var(--s13-display-tracking); }
  .about-hero-side { padding-top: 1.5rem; }
  .about-ledger > div,
  .about-ledger > div:not(:first-child) { min-height: 8rem; padding: 1.2rem 1rem 1.2rem 0; border-right: 1px solid var(--s13-line); border-bottom: 1px solid var(--s13-line); }
  .about-ledger > div:nth-child(even) { padding-left: 1rem; border-right: 0; }
  .about-ledger > div:nth-last-child(-n+2) { border-bottom: 0; }
  .about-ledger p { margin-top: 1.2rem; }
  .about-section { grid-template-columns: 1fr; gap: 3.5rem; }
  .about-section-index { position: static; }
  .about-section-index h2 { max-width: none; }
  .about-principle { grid-template-columns: 3rem minmax(0,1fr); }
  .about-principle p { grid-column: 2; }
  .about-history article { grid-template-columns: 1fr; gap: .85rem; }
  .about-history h3 { font-size: clamp(1.65rem, 8vw, 2.25rem); }
  .about-history p { grid-column: 1; }
  .about-people-grid,
  .about-field-links,
  .about-final { grid-template-columns: 1fr; }
  .about-person,
  .about-person:nth-child(even) { min-height: 0; padding: 1.5rem 0 2.5rem; border-right: 0; }
  .about-person h3 { margin-top: 2.5rem; }
  .about-field-links a,
  .about-field-links a:nth-child(even) { min-height: 104px; padding: 1.25rem 0; border-right: 0; }
  .archive-browser-head { grid-template-columns: 1fr; }
  .archive-browser-head h2 { max-width: 100%; font-size: clamp(1.9rem, 9vw, 2.7rem); letter-spacing: var(--s13-display-tracking); }
  .archive-browser-head--compact h2 { font: 600 .7rem/1.4 var(--s13-mono); letter-spacing: .12em; }
  .archive-browser-head p { display: none; }
  .archive-toolbar { grid-template-columns: 1fr 1fr; }
  .archive-search { grid-column: 1 / -1; }
  .archive-select { min-width: 0; padding-inline: 0; border-right: 0; border-bottom: 1px solid var(--s13-line); }
  .archive-select + .archive-select { padding-left: clamp(.65rem,3vw,1.3rem); }
  .archive-toolbar--extended .archive-select:last-of-type { grid-column: 1/-1; padding-left: 0; }
  .archive-view-switch,
  .archive-toolbar--extended .archive-view-switch { grid-column: 1 / -1; min-height: 58px; border-top: 0; }
  .archive-view-switch button { border-left: 0; font-size: .875rem; }
  .archive-toolbar .archive-search { min-height: 60px; }
  .archive-toolbar .archive-select { min-height: 56px; }
  .archive-toolbar .archive-view-switch { min-height: 48px; }
  .archive-result-meta { font-size: .52rem; }
  .archive-results--grid { grid-template-columns: 1fr; }
  .s13-related-head { align-items: flex-start; flex-direction: column; }
  .s13-related-grid, .s13-related-grid[data-related-count] { grid-template-columns: 1fr; max-width:none; }
  .s13-related-card:last-child { display: block; }
  .system-page-hero { padding-top: 2rem; }
  .system-page-hero h1 { font-size: clamp(3rem,17.5vw,5.1rem); }
  .contact-system,
  .policy-index { gap: 3.5rem; padding-top: 4rem; }
  .contact-ledger h2 { font-size: clamp(1.9rem,10vw,2.6rem); }
  .s13-contact-form { grid-template-columns: 1fr; }
  .s13-field,
  .s13-field--wide { grid-column: 1; }
  .policy-index article section { grid-template-columns: 2.25rem minmax(0,1fr); gap: .75rem; }
}

/* Display spacing is optical and component-specific: approved card/menu
 * tracking remains explicit above. Do not restore a global tracking reset;
 * solve long names with wrapping/available width, preserving A / Balance. */
/*
 * Hubot's capital height needs real vertical air when a title wraps. These
 * values apply after every breakpoint so a narrow viewport can never restore
 * the earlier, overlapping hero leading.
 */
:is(
  .home-intro h1,
  .s13-menu-primary a,
  .s13-search-idle strong,
  .home-lead-heading h1,
  .home-section-head h2,
  .home-archive-gateway h2,
  .home-about h2,
  .home-stream-title h3,
  .home-archive-gateway nav strong,
  .single-title,
  .editorial-hero h1,
  .interview-introduction h2,
  .archive-title,
  .collection-hero h1,
  .collection-feature-copy h2,
  .interview-card h2,
  .archive-browser-head h2,
  .s13-author-copy h2,
  .s13-related-head h2,
  .author-hero h1,
  .author-profile-title h1,
  .author-profile-body-head h2,
  .author-mix-archive h2,
  .about-hero h1,
  .about-final h2,
  .standard-page > header h1,
  .system-page-hero h1,
  .contact-ledger h2,
  .footer-wordmark
) {
  line-height: var(--s13-display-leading);
}

/* Hero names need cap-height room for Ü, Å and other marks at every width. */
:is(.home-lead-heading h1, .single-title, .editorial-hero h1, .collection-hero h1) {
  line-height: 1;
}
/* Collection heroes also outrank the broad display selector above. */
.collection .collection-hero h1 { line-height: 1; }
/* The broader display selector above has higher :is() specificity; pin the
   homepage's actual hero to the same leading used by mix feature titles. */
.home-journal .home-lead-heading h1,
.home-journal .home-section-head h2 { line-height: 1; }
/* Editorial names may contain diacritics on the second line. */
.s13-author-panel .s13-author-copy h2,
.author-archive .author-hero h1 { line-height: 1.16; }
.author-profile .author-profile-title h1 { line-height: 1; }
.author-archive .author-hero h1 { padding-top: .08em; }

@media (max-width: 360px) {
  .brand-name { font-size: .75rem; letter-spacing: .035em; }
  .brand-name--balance { font-size: .6875rem; letter-spacing: 0; }
}

/* The mobile toolbar scrolls away. Theme anchors already reserve the visible
   header, so WordPress's root padding would count its toolbar a second time. */
@media (max-width: 782px) {
  html:has(body.admin-bar) { scroll-padding-top: 0; }
}

:is(
  .story-title,
  .s13-search-result-title,
  .standard-content h3,
  .interview-exchange h2,
  .review-copy h2,
  .review-copy h3,
  .archive-row h2,
  .archive-cover-copy :is(h3,h4),
  .archive-no-results,
  .collection-row h3,
  .review-card h2,
  .collection-empty--large p,
  .s13-related-copy h3,
  .author-profile-copy h3,
  .about-section-index h2,
  .about-principle h3,
  .about-history h3,
  .about-person h3,
  .policy-index > aside strong,
  .policy-index h2,
  .s13-external-embed-control strong
) {
  line-height: var(--s13-display-leading-secondary);
}

/* Primary and embedded publication cards share the same leading. */
.home-stream-card .home-stream-title h3,
.archive-cover-card .archive-cover-copy :is(h3,h4) { line-height: 1; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
  .logo-stem { transform: none; }
  .logo-bar { opacity: 1; transform: none; }
  .brand-name { opacity: 1; }
  .brand-letter::before { animation: none; opacity: 0; }
  .brand-letter::after { animation: none; transform: none; }
}

@media (max-height: 680px) {
  .s13-search-query { padding-top: 1rem; padding-bottom: .8rem; }
  .s13-search-input-row { margin-top: .65rem; }
  .s13-search-input-row input { font-size: clamp(2.125rem, min(7vw, 11vh), 6rem); }
  .s13-search-filters { margin-top: .9rem; }
  .s13-search-filters button { min-height: 2rem; }
  .s13-search-idle { gap: 1rem; padding: .75rem 0; }
  .s13-search-idle strong { font-size: clamp(2.4rem, min(6.25vw, 9vh), 5rem); }
}

/* Keep the complete selected label legible on the narrowest phone screens. */
@media (max-width: 360px) {
  .archive-select { padding-right: .35rem; }
  .archive-select select { padding-right: .875rem; }
}

@media (max-height: 680px) and (max-width: 620px) {
  .s13-search-input-row input { font-size: clamp(2.125rem, min(10.7vw, 11vh), 4rem); }
  .s13-search-idle strong { font-size: clamp(2.25rem, min(11vw, 8vh), 3rem); }
}

@media (max-height: 480px) and (max-width: 620px) {
  .s13-search-panel .s13-menu-floor { display: none; }
  .s13-search-query { padding-top: .75rem; padding-bottom: .65rem; }
  .s13-search-input-row { margin-top: .5rem; }
  .s13-search-filters { margin-top: .6rem; }
  .s13-search-idle { gap: .5rem; padding: .5rem 0; }
  .s13-search-idle strong { font-size: 2rem; }
}


/* Editorial discovery crops keep their source master untouched. */
body img.s13-featured-detail { aspect-ratio: 16 / 9; object-fit: cover !important; object-position: var(--s13-detail-x,50%) var(--s13-detail-y,50%) !important; transform-origin: var(--s13-detail-x,50%) var(--s13-detail-y,50%) !important; }
/* Keep the editorial crop independent of the shared no-zoom hover treatment. */
body img.s13-featured-detail.s13-featured-detail.s13-featured-detail { transform: scale(var(--s13-detail-zoom,1)) !important; }
body :is(.story-image,.home-lead-art,.archive-cover-art,.s13-related-art,.collection-feature-art,.interview-card-art,.review-card-art,.s13-menu-feed-image) > img.s13-featured-detail { width: 100% !important; height: 100% !important; }

/* Text actions share the homepage CTA geometry. Submit controls carry no navigation arrow. */
.s13-text-action, .essential-text-link { display: inline-flex; align-items: center; gap: 1.25rem; min-height: 44px; max-width: 100%; width: fit-content; padding: .65rem 0; border-bottom: 1px solid var(--s13-link-line); color: var(--s13-ink); font: var(--s13-action-font); letter-spacing: var(--s13-action-tracking); text-transform: uppercase; }
.s13-text-action--compact { gap: .75rem; font-size: var(--s13-type-meta); }
.s13-text-action:is(:hover,:focus-visible), .essential-text-link:is(:hover,:focus-visible) { color: var(--s13-accent); border-color: var(--s13-accent); }
.s13-text-action .s13-icon-arrow { flex: 0 0 auto; }
.footer-letter-label { display: inline-flex; align-items: center; min-height: 44px; color: var(--s13-muted); font: var(--s13-type-meta)/1.4 var(--s13-body); letter-spacing: .1em; text-transform: uppercase; }
.footer-letter-label:hover { color: var(--s13-ink); }

/* Section heading sizes are shared across archive and standalone pages. */
@media (max-width: 960px) { :root { --s13-section-title-size: clamp(2.65rem, 10vw, 6rem); } }
@media (max-width: 620px) { :root { --s13-section-title-size: clamp(2.65rem, 13vw, 3.8rem); } }

/* Short display copy uses a balanced measure; long prose keeps natural flow. */
:where(.home-stream-title h3,.archive-cover-copy h3,.archive-cover-copy h4,.nb-edition-copy h3,.author-hero h1,.s13-author-copy h2,.authors-index-identity strong,.policy-index h2,.home-journal-copy h2,.home-section-head h2) { text-wrap: balance; }
.s13-title-unit { display: inline-block; white-space: nowrap; }

/* Mobile section rhythm: 64px before headings, 32px before the next image. */
@media (max-width: 620px) {
  .home-lead-layout > .home-lead-link { order: -1; }
  .home-lead-copy { padding-top: 0; }
  .home-lead + .home-journal-note { border-top: 0; }
  .home-lead-cta { width: 100%; justify-content: space-between; }
  .home-surprises-tools, .home-surprises-controls > .home-action-button { width: 100%; }
  .home-surprises-controls { grid-template-columns: minmax(0,1fr); }
  .home-surprises-controls > .home-stream-status:empty { display: none; }
  .home-surprises > .home-section-head,
  .home-curated > .home-section-head { border-block: 0; padding-block: 2rem 0; }
  .home-curated > .home-section-head { gap: 1rem; }
  .home-surprises > .home-stream-grid { padding-top: 2rem; }
  .home-curated > .home-stream-grid { padding-top: 2rem; }
  [data-home-recent] > .home-stream-actions { border-top: 0; }
  [data-home-recent] > .home-stream-actions > .home-stream-status:empty { display: none; }
  [data-home-recent], .home-surprises { padding-bottom: 2rem; }
  .home-curated { padding-bottom: 8rem; }
  .footer-core { border-bottom: 0; }
  .footer-manifesto { max-width: none; }
  .footer-manifesto > .s13-text-action { width: 100%; justify-content: space-between; }
  .footer-newsletter .s13-action-button { width: 100%; justify-content: space-between; }
  .footer-newsletter { border-bottom: 0; }
  .s13-menu-primary a { min-height: 4rem; font-size: clamp(1.75rem,8vw,2.25rem); line-height: 1; }
  .s13-menu-directory { row-gap: 0; }
  .s13-menu-directory > .s13-menu-feed { margin-top: 2rem; }
  .footer-floor {
    position: relative;
    grid-template-columns: auto minmax(0,1fr);
    column-gap: .75rem;
  }
  .footer-top { grid-column: 1; grid-row: 1; white-space: nowrap; }
  .footer-legal { grid-column: 2; grid-row: 1; justify-self: end; gap: .5rem; flex-wrap: nowrap; }
  .footer-privacy { gap: 0; }
  .footer-privacy-settings { position: absolute; right: var(--s13-gutter); bottom: 0; }
  .footer-copyright { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: .25em; min-height: 44px; padding-right: 44px; }
  [data-home-recent] > .home-section-head {
    border-block: 0;
    padding-block: 2rem 0;
  }
  [data-home-recent] > .home-stream-grid { padding-top: 2rem; }
}
:where(.collection-intro > p,.home-lead-deck,.home-journal-copy > p,.letter-manifesto > p,.recovery-lead,.about-editorial-hero > p,.policy-hero > p) { text-wrap: pretty; }