@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&family=IBM+Plex+Mono:wght@300;400;500&family=Newsreader:opsz,wght@6..72,300;6..72,400&display=swap');

:root {
  --black: #111314;
  --heart-bg: #111314;
  --ink: #171816;
  --text-primary: #c4cdce;
  --text-secondary: #a4b0b2;
  --text-feature: #e0e3e1;
  --text-muted: color-mix(in srgb, var(--text-secondary) 72%, transparent);
  --text-faint: color-mix(in srgb, var(--text-secondary) 48%, transparent);
  --paper: var(--text-primary);
  --paper-dim: var(--text-secondary);
  --signal: #db495a;
  --beacon: #db495a;
  --signal-on-light: #9f2738;
  --amber: #db495a;
  --phosphor: #86a68d;
  --rule: rgba(221, 213, 196, 0.26);
  --mono: "IBM Plex Mono", monospace;
  --display: "Barlow Condensed", sans-serif;
  --story: "Newsreader", serif;
  --heart-inline-safe: clamp(1.5rem, 3vw, 4rem);
  --heart-title-size: clamp(6rem, 10.5vw, 12rem);
  --heart-title-top: clamp(9.5rem, 18vh, 11.5rem);
  --heart-collage-tilt: 1deg;
  --heart-tuner-height: 6.3rem;
  --heart-content-gutter: clamp(1.5rem, 8vw, 9rem);
  --heart-reading-measure: 62ch;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--heart-bg); }
html.is-manual-tuning { scroll-behavior: auto; }
body { margin: 0; overflow-x: hidden; background: var(--heart-bg); color: var(--paper); font-family: var(--mono); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

.broadcast-noise {
  position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: 0.042;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  mix-blend-mode: screen;
}

.receiver__lamp { width: .38rem; height: .38rem; border-radius: 50%; background: var(--beacon); box-shadow: 0 0 12px var(--beacon); animation: lamp 4.8s steps(1) infinite; }
@keyframes lamp { 0%, 91%, 94%, 100% { opacity: 1; } 92%, 95% { opacity: .15; } }

.heart-tuner { --needle: 10%; position: fixed; z-index: 90; top: 0; left: 0; right: 0; height: var(--heart-tuner-height); padding: .62rem 1rem .72rem; display: grid; grid-template-columns: 3.7rem minmax(0,1fr) 3.9rem 3.7rem; align-items: center; gap: .85rem; border-top: 1px solid #777267; border-bottom: 2px solid #070706; background: repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, rgba(0,0,0,.018) 1px 3px), linear-gradient(#4a4740 0, #2b2924 10%, #171713 69%, #0b0b09 100%); box-shadow: inset 0 1px rgba(255,255,255,.13), inset 0 -1px #4c4940, 0 .55rem 1.7rem rgba(0,0,0,.78); }
.heart-tuner::before { content: ""; position: absolute; inset: .48rem .55rem .58rem; pointer-events: none; background: radial-gradient(circle at .24rem .24rem,#aaa498 0 .07rem,#393730 .08rem .16rem,transparent .17rem), radial-gradient(circle at calc(100% - .24rem) .24rem,#aaa498 0 .07rem,#393730 .08rem .16rem,transparent .17rem), radial-gradient(circle at .24rem calc(100% - .24rem),#aaa498 0 .07rem,#393730 .08rem .16rem,transparent .17rem), radial-gradient(circle at calc(100% - .24rem) calc(100% - .24rem),#aaa498 0 .07rem,#393730 .08rem .16rem,transparent .17rem); }
.heart-tuner::after { content: ""; position: absolute; inset: auto 0 0; height: .35rem; background: linear-gradient(#323028,#11110e); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.heart-tuner__world { color: var(--text-muted); font-size: .5rem; letter-spacing: .14em; text-align: center; }
.heart-tuner__world:hover { color: var(--paper); }
.heart-tuner__face { position: relative; height: 4.75rem; display: grid; grid-template-columns: 8.4rem 1fr; align-items: center; border: 1px solid #777264; border-radius: .16rem; background: linear-gradient(180deg,rgba(44,45,37,.35),rgba(5,7,5,.92)), #080a08; box-shadow: inset 0 0 2.2rem rgba(0,0,0,.95), inset 0 1px rgba(225,211,177,.12), 0 1px rgba(255,255,255,.1), 0 .2rem .35rem rgba(0,0,0,.55); overflow: hidden; }
.heart-tuner__face::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(108deg,transparent 0 27%,rgba(255,255,255,.045) 28%,transparent 38% 69%,rgba(255,255,255,.025) 70%,transparent 78%); mix-blend-mode: screen; }
.heart-tuner__readout { position: relative; height: 100%; display: flex; align-items: center; gap: .65rem; padding-left: 1.1rem; border-right: 1px solid rgba(200,190,162,.2); color: var(--amber); font-size: .53rem; letter-spacing: .14em; }
.heart-tuner__readout > span:last-of-type { display: grid; gap: .22rem; }
.heart-tuner__readout b { color: var(--signal); font-size: .68rem; font-weight: 400; letter-spacing: .18em; text-shadow: 0 0 8px rgba(219,73,90,.28); }
.heart-tuner__readout small { color: var(--text-faint); font-size: .37rem; letter-spacing: .13em; }
.heart-tuner__home { display: none; }
.heart-tuner__scale { --scale-inset: 1.3rem; position: relative; height: 100%; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; padding: .45rem var(--scale-inset) .15rem; overflow: hidden; background: radial-gradient(ellipse at 50% 38%,rgba(178,139,72,.055),transparent 66%); }
.heart-tuner__scale::after { content: "FM   MHz"; position: absolute; left: .7rem; top: .34rem; color: var(--text-faint); font-size: .35rem; letter-spacing: .14em; }
.heart-tuner__ticks { position: absolute; inset: .35rem 1.3rem; opacity: .48; background: repeating-linear-gradient(90deg, rgba(218,210,191,.7) 0 1px, transparent 1px calc(2.5%)); mask-image: linear-gradient(180deg, transparent 0 8%, #000 8% 33%, transparent 33%); }
.heart-tuner__scale::before { content: ""; position: absolute; left: 1.3rem; right: 1.3rem; top: 48%; height: 1px; background: linear-gradient(90deg,transparent,rgba(218,210,191,.42) 4% 96%,transparent); }
.heart-tuner__scale a { --proximity: 0; position: relative; z-index: 2; display: grid; justify-items: center; gap: 1.12rem; color: var(--text-primary); opacity: calc(.3 + (var(--proximity) * .7)); font-size: .48rem; letter-spacing: .11em; transition: none; }
.heart-tuner__scale a b { text-shadow: 0 0 calc(var(--proximity) * 14px) rgba(238,216,167,var(--proximity)), 0 0 calc(var(--proximity) * 4px) rgba(255,245,216,var(--proximity)); }
.heart-tuner__scale a small { font-size: .46rem; color: rgba(219,73,90,.86); font-variant-numeric: tabular-nums; text-shadow: 0 0 calc(var(--proximity) * 9px) rgba(219,73,90,var(--proximity)); }
.heart-tuner__scale a b { font-weight: 400; }
.heart-tuner__scale a.is-tuned { color: var(--text-primary); }
.heart-tuner__needle { position: absolute; z-index: 5; left: var(--needle); top: .1rem; bottom: .1rem; width: 2px; padding: 0; border: 0; background: linear-gradient(90deg,#791c2b,var(--beacon),#701827); box-shadow: 0 0 7px rgba(219,73,90,.85), 1px 0 rgba(255,205,211,.28); transform: translateX(-1px); transition: left .12s linear; cursor: grab; touch-action: none; }
.heart-tuner.is-station-jump .heart-tuner__needle { transition: left .68s cubic-bezier(.4, 0, .2, 1); }
.heart-tuner.is-manual-tuning .heart-tuner__needle { transition: none; }
.heart-tuner__needle::before { content: ""; position: absolute; top: 0; bottom: 0; left: -11px; width: 24px; background: transparent; }
.heart-tuner__needle:active { cursor: grabbing; }
.heart-tuner__needle:focus-visible { outline: 1px solid rgba(219,73,90,.7); outline-offset: 5px; }
.heart-tuner__knob { position: relative; justify-self: center; width: 3.65rem; height: 3.65rem; padding: 0; border: 0; border-radius: 50%; background: #11110f; box-shadow: 0 .22rem .45rem #000; cursor: ew-resize; touch-action: none; }
.heart-tuner__knob::after { content: ""; position: absolute; z-index: 2; inset: .22rem; border-radius: 50%; pointer-events: none; background: linear-gradient(132deg,rgba(255,255,255,.14),transparent 30% 66%,rgba(0,0,0,.17)), radial-gradient(circle at 34% 28%,rgba(255,255,255,.1),transparent 35%); box-shadow: inset .08rem .08rem .12rem rgba(255,255,255,.09), inset -.1rem -.12rem .18rem rgba(0,0,0,.35); }
.heart-tuner__knob img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transform: rotate(var(--knob-angle, -130deg)); filter: brightness(.7) contrast(1.12); pointer-events: none; }
.heart-tuner__knob small { position: absolute; left: 50%; bottom: -.72rem; transform: translateX(-50%); color: var(--text-faint); font: .31rem var(--mono); letter-spacing: .12em; }
.heart-tuner__knob:focus-visible { outline: 1px solid var(--signal); outline-offset: 3px; }

.heart-field { position: relative; min-height: max(100svh, 56rem); overflow: hidden; isolation: isolate; background: var(--heart-bg); }
.heart-field::before { content: ""; position: absolute; inset: 2.6rem 0 0; opacity: .16; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(255,255,255,.09) 4px); pointer-events: none; }
.heart-field__spine { position: relative; z-index: 6; width: min(42vw, 48rem); margin-inline: auto; padding-top: clamp(8rem, 12vh, 9rem); display: flex; flex-direction: column; align-items: center; }
.heart-field__title { position: relative; z-index: 8; width: min(92vw, 54rem); text-align: center; }
.channel-code { margin: 0 0 .45rem; font-size: .56rem; letter-spacing: .22em; color: var(--signal); }
.heart-field h1 { margin: 0; font: 300 var(--heart-title-size)/.88 var(--display); letter-spacing: -.02em; color: var(--text-primary); transform: scaleX(.82); transform-origin: center; }
.heart-field__declaration {
  position: relative;
  z-index: 9;
  display: block;
  width: fit-content;
  max-width: min(92vw, 34rem);
  margin: 1.35rem auto 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--text-secondary);
  font: 400 clamp(.62rem, .7vw, .72rem)/1.5 var(--mono);
  letter-spacing: .13em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  transform: none;
}
.heart-field__declaration::before {
  content: none;
}

.heart-field__scatter { position: absolute; inset: 0; }
.artifact { position: absolute; z-index: 3; color: var(--paper); filter: drop-shadow(0 1rem 1.8rem rgba(0,0,0,.6)); transition: z-index 0s, transform .65s cubic-bezier(.2,.8,.2,1), filter .65s; }
@media (hover: hover) and (pointer: fine) {
  .artifact:hover { z-index: 20; transform: rotate(0deg) scale(1.01); filter: drop-shadow(0 1.15rem 2rem rgba(0,0,0,.68)) brightness(1.025); }
}
.artifact img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.52) contrast(1.06); }
.artifact__caption { position: absolute; left: 0; bottom: -1.15rem; max-width: 100%; font-size: .48rem; line-height: 1.45; letter-spacing: .15em; opacity: .66; white-space: normal; overflow-wrap: break-word; }
.artifact--hallway { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 9; inset: auto; margin: .75rem 0 0; transform: rotate(calc(var(--heart-collage-tilt) * -.35)); border: .45rem solid #171613; }
.artifact--hallway:hover { z-index: 3; transform: rotate(0deg) scale(1.01); }
.artifact--passes { width: min(21vw, 19rem); height: 49vh; right: 4%; top: 12%; transform: rotate(3.5deg); border: .38rem solid #181612; }
.artifact--passes img { object-position: 50% 35%; }
.artifact__tape { position: absolute; top: 8%; left: -12%; padding: .6rem 1.1rem; transform: rotate(-7deg); background: #d2c59b; color: #17130c; box-shadow: 0 3px 8px rgba(0,0,0,.3); font: 500 .65rem/1.4 var(--mono); letter-spacing: .08em; }
.artifact--live { width: min(28vw, 28rem); height: 25vh; left: var(--heart-inline-safe); bottom: 3%; transform: rotate(calc(var(--heart-collage-tilt) * 1.6)); border: .55rem solid #e0d9c9; }
.artifact--live img { filter: grayscale(1) contrast(1.12); }
.artifact--live .artifact__caption { bottom: -1.55rem; }
.artifact--record { width: min(16vw, 15rem); aspect-ratio: 1; right: 24%; bottom: 2%; transform: rotate(-5deg); padding: .3rem; background: #e0d8c4; }
.artifact--record .artifact__caption {
  top: .15rem;
  bottom: auto;
  left: calc(100% + .65rem);
  max-width: none;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  overflow-wrap: normal;
}
.artifact--tele { width: min(19vw, 18rem); height: 18vh; right: var(--heart-inline-safe); bottom: 4%; transform: rotate(calc(var(--heart-collage-tilt) * -1.6)); border: .3rem solid #d7cebb; }
.artifact--tele img { filter: saturate(.72) contrast(1.06) brightness(.9); }
.artifact--acoustic { width: min(18vw, 17rem); height: 24vh; right: var(--heart-inline-safe); top: 8rem; transform: rotate(calc(var(--heart-collage-tilt) * 1.8)); border: .35rem solid #171613; }
.artifact--acoustic img { object-position: 55% 45%; filter: saturate(.7) contrast(1.08) brightness(.82); }
.artifact--road-portrait { width: min(14vw, 13rem); height: 26vh; left: 3%; top: 48%; transform: rotate(-2.4deg); border: .35rem solid #d7cebb; }
.artifact--road-portrait img { object-position: 52% 48%; filter: none; }
.artifact--studio-room { width: min(21vw, 20rem); height: 24vh; left: var(--heart-inline-safe); top: 48%; transform: rotate(calc(var(--heart-collage-tilt) * -1.8)); border: .35rem solid #d7cebb; }
.artifact--studio-room img { object-position: 44% 50%; filter: saturate(.72) contrast(1.04) brightness(.9); }
.artifact--vocal { z-index: 2; width: min(9vw, 8.5rem); height: 23vh; left: var(--heart-inline-safe); top: 8.5rem; transform: rotate(calc(var(--heart-collage-tilt) * -2)); border: .28rem solid #171613; }
.artifact--vocal img { filter: grayscale(1) contrast(1.12) brightness(.86); }
.artifact--duo { z-index: 5; width: min(21vw, 20rem); height: 18vh; right: var(--heart-inline-safe); top: 39%; transform: rotate(calc(var(--heart-collage-tilt) * .7)); border: .3rem solid #d7cebb; }
.artifact--duo img { object-position: 50% 43%; filter: saturate(.68) contrast(1.08) brightness(.82); }
.artifact--les-paul { z-index: 2; width: min(15vw, 14rem); height: 18vh; left: calc(var(--heart-inline-safe) + min(10vw, 10rem)); top: 10rem; transform: rotate(1.15deg); border: .3rem solid #171613; }
.artifact--les-paul img { object-position: 50% 40%; filter: saturate(.72) contrast(1.08) brightness(.84); }
.field-note { position: absolute; z-index: 7; margin: 0; font: 300 italic 1rem/1.25 var(--story); color: var(--text-muted); }
.field-note--two { right: 22%; top: 18%; transform: rotate(2deg); }
.enter-path { position: relative; z-index: 21; display: grid; justify-items: center; gap: .7rem; margin-top: 1rem; font-size: .54rem; letter-spacing: .22em; }
.enter-path i { display: block; width: 2.244rem; height: 3.96rem; opacity: .9; filter: drop-shadow(0 0 .35rem rgba(224, 55, 73, .28)); }
.enter-path i img { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) saturate(100%) invert(42%) sepia(46%) saturate(1700%) hue-rotate(310deg) brightness(93%) contrast(84%); }

.station { position: relative; min-height: 100svh; padding: 8rem var(--heart-content-gutter); overflow: hidden; }
.station-heading p { margin: 0 0 .7rem; color: var(--signal); font-size: .58rem; letter-spacing: .22em; }
.station-heading h2 { margin: 0; font: 300 clamp(4.8rem, 10vw, 10rem)/.76 var(--display); letter-spacing: -.015em; transform: scaleX(.84); transform-origin: left; }
.station-heading blockquote { max-width: 30rem; margin: 2.3rem 0 0; font: 300 italic clamp(1.25rem,2vw,2rem)/1.3 var(--story); color: var(--paper-dim); }

/* A restrained radio-dial halo improves fine type without reading as neon. */
:where(.heart-field, .path-story, .performances, .studio)
  :where(h1, h2, h3, p, span, small, b, strong, dt, dd, figcaption, a, cite) {
  text-shadow: 0 0 .32rem color-mix(in srgb, currentColor 16%, transparent);
}

.path-story { min-height: 0; background: var(--heart-bg); }
.station-heading--path { position: sticky; z-index: 2; top: 5rem; width: 100%; min-height: 45rem; }
.path-youth { position: absolute; z-index: -1; top: -1.2rem; left: clamp(20rem, 30vw, 32rem); width: clamp(11rem, 17vw, 18rem); max-width: none; max-height: none; object-fit: contain; opacity: .86; filter: grayscale(.32) sepia(.08) saturate(.72) contrast(1.04) brightness(.84); pointer-events: none; }
.path-origin-story { position: absolute; top: 17.5rem; left: clamp(25rem, 39vw, 42rem); width: clamp(23rem, 31vw, 34rem); }
.path-origin-story__era { margin: 0 0 .65rem; color: var(--signal); font-size: .52rem; letter-spacing: .2em; }
.path-origin-story h3 { margin: 0 0 .8rem; font: 300 clamp(4.2rem, 6.6vw, 7rem)/.82 var(--display); letter-spacing: .015em; }
.path-origin-story > p:last-child { max-width: 32rem; margin: 0; color: var(--text-secondary); font: 300 clamp(1rem, 1.08vw, 1.1rem)/1.65 var(--mono); letter-spacing: normal; }
.path-origin-radio { position: relative; z-index: 1; margin: 0; transform: rotate(-.35deg); }
.path-origin-radio--heading { position: absolute; z-index: 3; top: 1.3rem; left: clamp(31rem, 47vw, 47rem); width: clamp(10rem, 15vw, 15rem); transform: rotate(1.2deg); }
.path-origin-radio--heading img { filter: saturate(1.18) contrast(1.04) brightness(1.03); box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.46); }
.path-origin-radio--heading figcaption { max-width: 13rem; opacity: .82; }
.path-origin-radio::before { content: ""; position: absolute; top: 42%; left: 96%; width: clamp(3rem, 8vw, 8rem); height: 1px; transform: rotate(-9deg); transform-origin: left center; opacity: .4; background: linear-gradient(90deg, var(--signal), rgba(219,73,90,.08)); }
.path-origin-radio img { display: block; width: 100%; height: auto; filter: saturate(1.08) contrast(1.03) brightness(1); box-shadow: 0 1.4rem 3rem rgba(0,0,0,.42); }
.path-origin-radio figcaption, .chapter__cassette-origin figcaption { margin-top: .65rem; color: var(--paper-dim); font-size: .46rem; line-height: 1.55; letter-spacing: .15em; }
.path-origin-radio figcaption span, .chapter__cassette-origin figcaption span { display: block; margin-bottom: .24rem; color: var(--signal); }
.path-story__chapters { position: relative; }
.road-line { position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; opacity: .34; background: repeating-linear-gradient(to bottom, transparent 0 14rem, rgba(219,73,90,.5) 14rem 14.18rem, transparent 14.18rem 27rem); }
.road-line::before { content: ""; position: absolute; inset: 0 auto 0 -3px; width: 7px; background: radial-gradient(circle, rgba(221,213,196,.42) 0 1px, transparent 1.5px) center top / 7px 27rem repeat-y; }
.road-line::after { content: none; }
.chapter { position: relative; z-index: 4; width: 47%; min-height: 28rem; margin-left: 53%; margin-bottom: 17vh; display: grid; grid-template-columns: 3rem 1fr; gap: 1.4rem; align-items: start; }
.chapter:first-of-type { margin-top: -7rem; }
.chapter:nth-of-type(even) { margin-left: 4%; }
.path-story .chapter--present { margin-left: 53%; }
.chapter__number { color: var(--signal); font-size: .55rem; line-height: 1.55; letter-spacing: .13em; }
.chapter__era { margin: 0 0 .8rem; font-size: .55rem; letter-spacing: .18em; color: var(--paper-dim); }
.chapter h3 { margin: 0 0 1rem; font: 300 clamp(3.4rem,6vw,6.5rem)/.85 var(--display); }
/* PATH typography follows meaning rather than a paragraph's DOM position. */
.chapter__copy > p:not(.chapter__era):not(.chapter__reflection),
.chapter__solo-copy > p:not(.chapter__era):not(.chapter__reflection) {
  max-width: 32rem;
  margin: 0 0 1.15rem;
  color: var(--text-primary);
  font: 400 1rem/1.62 var(--mono);
  letter-spacing: normal;
}
.chapter__copy > p:not(.chapter__era):not(.chapter__reflection):last-child,
.chapter__solo-copy > p:not(.chapter__era):not(.chapter__reflection):last-child { margin-bottom: 0; }
.chapter__copy > .chapter__reflection,
.chapter__solo-copy > .chapter__reflection {
  max-width: 30rem;
  margin: 1.35rem 0 0;
  color: var(--text-feature);
  font: 300 clamp(.98rem, 1.25vw, 1.18rem)/1.48 var(--story);
  letter-spacing: normal;
}
:where(.path-origin-story, .chapter__copy, .chapter__solo-copy) p {
  max-inline-size: var(--heart-reading-measure);
  overflow-wrap: break-word;
  word-break: normal;
}
:where(.heart-field h1, .station-heading h2, .chapter h3) { text-wrap: balance; }
.chapter > img, .chapter__media { grid-column: 2; margin-top: 2rem; }
.chapter img { width: min(100%, 33rem); max-height: 24rem; object-fit: cover; filter: grayscale(1) sepia(.12) contrast(1.08); }
.chapter--discovery { width: 74%; margin-left: 13%; grid-template-columns: 3rem minmax(17rem, .95fr) minmax(20rem, 1.05fr); column-gap: clamp(1.5rem, 3.5vw, 3.5rem); }
.chapter:first-of-type.chapter--discovery { margin-top: clamp(8rem, 13vh, 11rem); }
.chapter--discovery .chapter__origin-photo { grid-column: 2; grid-row: 1; align-self: start; width: 125%; margin-left: -25%; }
.chapter--discovery .chapter__copy { grid-column: 3; grid-row: 1; }
.chapter--discovery .chapter__copy h3 { margin-bottom: 1.35rem; }
.chapter__source-pair { grid-column: 2 / 4; display: grid; grid-template-columns: minmax(18rem, 34rem); justify-content: end; gap: clamp(1.4rem, 3vw, 3rem); align-items: start; width: 100%; margin-top: 3.5rem; }
.chapter__source-pair .path-origin-radio { width: 100%; }
.chapter__source-pair .path-origin-radio img { width: 100%; }
.chapter__cassette-origin { width: 100%; margin: 1.4rem 0 0; transform: rotate(.2deg); }
.chapter__cassette-origin img { display: block; width: 100%; max-height: none; object-fit: cover; filter: saturate(.78) contrast(1.07) brightness(.9); box-shadow: 0 1.5rem 3.2rem rgba(0,0,0,.42); }
.chapter__origin-photo { width: min(100%, 33rem); margin: 0; transform: rotate(-.35deg); }
.chapter__origin-photo img { display: block; width: 100%; max-height: none; filter: saturate(.62) contrast(1.08) brightness(.82); box-shadow: 0 1.5rem 3.4rem rgba(0,0,0,.4); }
.chapter__origin-photo figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__origin-photo figcaption span { margin-right: .8rem; color: var(--signal); }
.chapter__media { width: min(100%, 25rem); }
.chapter__media img { display: block; width: 100%; max-height: none; filter: saturate(.72) contrast(1.04); }
.chapter__media span { display: block; margin-top: .65rem; color: var(--paper-dim); font-size: .52rem; letter-spacing: .18em; }
.chapter--sweet-vine { width: 78%; margin-left: 4%; grid-template-columns: 3rem minmax(18rem, .84fr) minmax(25rem, 1.16fr); column-gap: clamp(1.4rem, 4vw, 4rem); }
.chapter--sweet-vine .chapter__copy { grid-column: 2; }
.chapter--sweet-vine .chapter__copy > p:not(.chapter__era):not(.chapter__reflection) { max-width: 34rem; }
.chapter--sweet-vine .chapter__media { grid-column: 3; grid-row: 1 / span 2; width: 100%; margin-top: 1.1rem; transform: rotate(1.1deg); }
.chapter--sweet-vine .chapter__media img { filter: grayscale(1) contrast(1.03) brightness(.9); box-shadow: 0 1.5rem 3.2rem rgba(0,0,0,.38); }
.chapter__facts { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 3rem 0 0; border-top: 1px solid rgba(231, 219, 194, .2); border-bottom: 1px solid rgba(231, 219, 194, .12); }
.chapter__facts div { display: grid; grid-template-columns: 6.5rem 1fr; gap: 1rem; padding: 1rem 1.2rem 1rem 0; border-bottom: 1px solid rgba(231, 219, 194, .08); }
.chapter__facts div:nth-child(odd) { border-right: 1px solid rgba(231, 219, 194, .1); }
.chapter__facts div:nth-child(even) { padding-left: 1.2rem; }
.chapter__facts dt { color: var(--signal); font-size: .5rem; letter-spacing: .18em; }
.chapter__facts dd { margin: 0; color: var(--text-secondary); font: 300 .86rem/1.4 var(--story); }
.chapter__facts cite { font-style: italic; }
.chapter__archive-pair { grid-column: 2 / 4; display: grid; grid-template-columns: minmax(9rem, .9fr) minmax(14rem, 1.2fr) minmax(9rem, .76fr); gap: clamp(1.2rem, 2.5vw, 2.4rem); align-items: end; width: min(100%, 57rem); margin: 2.8rem auto 0; }
.chapter__archive-pair figure { margin: 0; }
.chapter__archive-pair img { display: block; width: 100%; max-height: none; }
.chapter__album { transform: rotate(-1.6deg); }
.chapter__album img { filter: saturate(.72) contrast(1.06); box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, .34); }
.chapter__media--sweet-vine .chapter__picture-disc { width: min(82%, 24rem); margin: 5rem auto 0; transform: rotate(.4deg); }
.chapter--sweet-vine .chapter__picture-disc img { filter: grayscale(0) saturate(.96) contrast(1.03) drop-shadow(0 1.2rem 1.7rem rgba(0, 0, 0, .42)); }
.chapter__picture-disc figcaption { margin-top: .75rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__picture-disc figcaption a { color: inherit; border-bottom: 1px solid rgba(231, 219, 194, .28); text-decoration: none; }
.chapter__mentor { transform: rotate(.8deg); }
.chapter__mentor img { aspect-ratio: 1.34 / 1; object-fit: cover; object-position: 50% 42%; filter: grayscale(.65) sepia(.1) saturate(.68) contrast(1.07) brightness(.82); }
.chapter__kozik-poster { transform: rotate(-.55deg); }
.chapter__kozik-poster img { filter: saturate(.86) contrast(1.07) brightness(.92); box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, .34); }
.chapter__archive-pair figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__archive-pair figcaption a { color: inherit; text-decoration: none; opacity: .7; }
.chapter__archive-pair cite { font-style: normal; }
.chapter__sweet-vine-archive { grid-column: 2 / 4; display: grid; grid-template-columns: 17rem minmax(16rem, 22rem) 13rem; gap: clamp(1.2rem, 2.5vw, 2.4rem); align-items: end; width: min(100%, 57rem); margin: 4.4rem auto 0; }
.chapter__sweet-vine-archive figure { min-width: 0; margin: 0; }
.chapter__sweet-vine-archive img { display: block; width: 100%; max-height: none; }
.chapter__sweet-vine-archive .chapter__memory { grid-column: 1; width: 17rem; margin: 0; transform: rotate(-.45deg); }
.chapter__sweet-vine-archive .chapter__airport { grid-column: 2; width: 100%; margin: 0; transform: rotate(.3deg); }
.chapter__demo-tape { grid-column: 3; width: 13rem; justify-self: end; transform: rotate(.55deg); }
.chapter__demo-tape img { filter: saturate(.88) contrast(1.08) brightness(.9); box-shadow: 0 1.3rem 2.8rem rgba(0,0,0,.42); }
.chapter__sweet-vine-archive figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__sweet-vine-archive cite { font-style: normal; }
.chapter__memory { grid-column: 2 / 4; width: min(42%, 17rem); margin: 2.4rem 5% 0 auto; transform: rotate(-1.4deg); }
.chapter__memory img { display: block; width: 100%; max-height: none; filter: saturate(.65) contrast(1.08) brightness(.86); }
.chapter__memory figcaption { margin-top: .65rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__airport img { display: block; width: 100%; max-height: none; image-rendering: auto; filter: saturate(.68) contrast(1.07) brightness(.88); box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.34); }
.chapter__airport figcaption { margin-top: .65rem; color: var(--paper-dim); font-size: .47rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__airport figcaption span { display: block; margin-bottom: .3rem; color: var(--signal); }
.chapter__columbia-team { grid-column: 2 / 4; width: min(86%, 46rem); margin: 4rem auto 0; transform: rotate(-.35deg); }
.chapter__columbia-team img { display: block; width: 100%; filter: grayscale(.72) sepia(.08) contrast(1.04) brightness(.88); box-shadow: 0 1.7rem 3.8rem rgba(0,0,0,.38); }
.chapter__columbia-team figcaption { margin-top: .75rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__sweet-vine-curtain { grid-column: 2 / 4; width: min(62%, 35rem); margin: 5rem 3% 0 auto; transform: rotate(.45deg); }
.chapter__sweet-vine-curtain img { display: block; width: 100%; max-height: none; filter: saturate(.82) contrast(1.04) brightness(.9); box-shadow: 0 1.8rem 4rem rgba(0,0,0,.44); }
.chapter__sweet-vine-curtain figcaption { margin-top: .75rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__media--sweet-vine .chapter__sweet-vine-curtain { width: 92%; margin: 5rem 0 0 auto; transform: rotate(-.45deg); }
.chapter__media--sweet-vine .chapter__sweet-vine-curtain img { filter: saturate(.82) contrast(1.04) brightness(.88); }
.chapter__steve-slims { width: min(100%, 31rem); margin: 2.3rem 0 2rem; transform: rotate(-.35deg); }
.chapter__steve-slims img { display: block; width: 100%; filter: saturate(.86) contrast(1.04) brightness(.9); box-shadow: 0 1.5rem 3.4rem rgba(0,0,0,.38); }
.chapter__steve-slims figcaption { margin-top: .72rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__steve-slims figcaption span { margin-right: .9rem; color: var(--signal); }
.chapter__release-show { width: min(100%, 31rem); margin: 2.3rem 0 2rem auto; transform: rotate(.32deg); }
.chapter__release-show img { display: block; width: 100%; image-rendering: auto; filter: contrast(1.05) brightness(.94); box-shadow: 0 1.5rem 3.4rem rgba(0,0,0,.4); }
.chapter__release-show figcaption { margin-top: .72rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__release-show figcaption span { margin-right: .9rem; color: var(--signal); }
.chapter__rich-mcculley { grid-column: 2 / 4; display: grid; grid-template-columns: minmax(18rem, 1.2fr) minmax(15rem, .8fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; width: min(94%, 58rem); margin: 6rem auto 0; }
.chapter__rich-mcculley figure { margin: 0; transform: rotate(-.4deg); }
.chapter__rich-mcculley img { display: block; width: 100%; box-shadow: 0 2rem 4.5rem rgba(0,0,0,.46); }
.chapter__rich-mcculley figcaption { margin-top: .75rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__rich-mcculley figcaption span { display: block; margin-bottom: .32rem; color: var(--signal); }
.chapter__rich-mcculley p { margin: 0; color: var(--text-feature); font: 300 clamp(1rem, 1.35vw, 1.2rem)/1.72 var(--story); }
.chapter--looking-star { width: 78%; margin-left: 18%; grid-template-columns: 3rem minmax(22rem, 1.08fr) minmax(20rem, .92fr); column-gap: clamp(1.5rem, 4vw, 4rem); }
.chapter--looking-star .chapter__copy { grid-column: 3; grid-row: 1; }
.chapter__looking-star-photo { grid-column: 2; grid-row: 1; width: 100%; margin: 1.1rem 0 0; transform: rotate(-.45deg); }
.chapter__looking-star-photo img { display: block; width: 100%; max-height: none; object-fit: contain; filter: grayscale(1) contrast(1.04) brightness(.88); }
.chapter__looking-star-photo figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__looking-star-session { grid-column: 2 / 4; width: min(100%, 50rem); margin: 4rem auto 0; }
.chapter__looking-star-contact-sheet { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; align-items: start; }
.chapter__looking-star-contact-sheet img { display: block; width: 100%; object-fit: cover; filter: sepia(.1) saturate(.72) contrast(1.08) brightness(.88); box-shadow: 0 1.2rem 2.8rem rgba(0,0,0,.36); }
.chapter__looking-star-contact-sheet img:nth-child(-n+2) { aspect-ratio: 3 / 2; }
.chapter__looking-star-contact-sheet img:nth-child(n+3) { width: 82%; aspect-ratio: 2 / 3; }
.chapter__looking-star-contact-sheet img:nth-child(3) { justify-self: end; }
.chapter__looking-star-session figcaption { margin-top: .8rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__looking-star-session figcaption span { margin-right: .9rem; color: var(--signal); }
.chapter__lineup { grid-column: 2 / 4; display: grid; gap: 0; width: min(100%, 42rem); margin: 2.2rem auto 0; border-top: 1px solid rgba(231, 219, 194, .18); }
.chapter__lineup div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 1rem; padding: .72rem 0; border-bottom: 1px solid rgba(231, 219, 194, .08); }
.chapter__lineup dt { color: var(--signal); font-size: .48rem; letter-spacing: .16em; }
.chapter__lineup dd { margin: 0; color: var(--text-secondary); font: 300 .78rem/1.4 var(--story); }
.chapter__looking-star-live { grid-column: 2 / 4; width: min(72%, 36rem); margin: 3rem 0 0 auto; transform: rotate(.35deg); }
.chapter__looking-star-live-pair { display: grid; grid-template-columns: 1fr .66fr; gap: .7rem; align-items: end; }
.chapter__looking-star-live img { display: block; width: 100%; filter: saturate(.72) contrast(1.08) brightness(.9); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.42); }
.chapter__looking-star-live-pair img:first-child { aspect-ratio: 2 / 3; object-fit: cover; }
.chapter__looking-star-live-pair img:nth-child(2) { filter: saturate(.82) contrast(1.04) brightness(.88); }
.chapter__looking-star-live-pair img:last-child { grid-column: 1 / -1; margin-top: .15rem; filter: saturate(.58) contrast(1.08) brightness(.78); }
.chapter__looking-star-live figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .47rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__looking-star-live figcaption span { display: block; margin-bottom: .35rem; color: var(--signal); }
.path-snapshot { position: relative; z-index: 4; width: min(39vw, 36rem); margin: -5vh 0 15vh 7%; transform: rotate(-.7deg); }
.path-snapshot img { display: block; width: 100%; filter: saturate(.58) contrast(1.06) brightness(.82); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.42); }
.path-snapshot figcaption, .personal-roll figcaption { margin-top: .65rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.path-snapshot figcaption span, .personal-roll > p span { margin-right: 1rem; color: var(--signal); }
.personal-roll { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); width: 86%; margin: -4vh auto 16vh; align-items: start; }
.personal-roll > p { grid-column: 1 / -1; margin: 0 0 .5rem; color: var(--text-faint); font-size: .5rem; letter-spacing: .19em; }
.personal-roll figure { margin: 0; }
.personal-roll img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.62) contrast(1.06) brightness(.84); box-shadow: 0 1.4rem 3rem rgba(0,0,0,.42); }
.personal-roll__wide { grid-column: 1 / 5; }
.personal-roll__wide img { aspect-ratio: 4 / 3; }
.personal-roll__solo { grid-column: 5 / 9; }
.personal-roll__solo img {
  aspect-ratio: 4 / 5;
  object-position: 50% 43%;
}
.personal-roll__violin { grid-column: 2 / 7; margin-top: 2rem !important; }
.personal-roll__violin img { aspect-ratio: 4 / 3; }
.personal-roll__diner { grid-column: 7 / 13; margin-top: 2rem !important; }
.personal-roll__diner img { aspect-ratio: 16 / 9; }
.personal-roll__flyaway { grid-column: 9 / 13; }
.personal-roll__flyaway img { aspect-ratio: 9 / 16; }
.personal-roll__omansion { grid-column: 3 / 11; margin-top: 3rem !important; }
.personal-roll--lead { margin-top: 0 !important; margin-bottom: 7rem !important; }
.personal-roll--lead .personal-roll__omansion { grid-column: 5 / 13; margin-top: 0 !important; }
.personal-roll__omansion-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(8rem, .32fr); gap: .9rem; align-items: end; }
.personal-roll__omansion .personal-roll__omansion-primary { height: auto; aspect-ratio: 4 / 3; }
.personal-roll__omansion-evidence { padding: .45rem; background: rgba(15, 14, 12, .88); transform: translateY(-1rem) rotate(.6deg); box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .34); }
.personal-roll__omansion-evidence img { height: auto; aspect-ratio: 1; filter: saturate(.72) contrast(1.04) brightness(.92); box-shadow: none; }
.personal-roll__omansion-evidence span { display: block; margin-top: .45rem; color: var(--paper-dim); font-size: .4rem; line-height: 1.45; letter-spacing: .14em; }
.chapter--jackie { width: 78%; margin-left: 4%; grid-template-columns: 3rem minmax(22rem, 1.08fr) minmax(20rem, .92fr); column-gap: clamp(1.5rem, 4vw, 4rem); }
.chapter--jackie .chapter__copy { grid-column: 2; }
.chapter--jackie .chapter__copy > p:not(.chapter__reflection) { max-width: 36rem; }
.chapter__jackie-photo { grid-column: 3; grid-row: 1; align-self: start; justify-self: start; width: 115%; margin: 1.1rem 0 0; transform: rotate(1deg); }
.chapter__jackie-photo-stock { padding: .55rem .55rem .72rem; background: #d8d2c3; box-shadow: 0 1.7rem 3.8rem rgba(0, 0, 0, .46); }
.chapter__jackie-photo img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; filter: grayscale(1) sepia(.06) contrast(1.08) brightness(.84); }
.chapter__jackie-photo-stock span,
.chapter__jackie-photo-stock small { display: block; color: #171613; font-family: var(--mono); font-style: normal; }
.chapter__jackie-photo-stock span { margin-top: .55rem; font-size: clamp(.7rem, 1.05vw, .92rem); font-weight: 700; letter-spacing: .12em; }
.chapter__jackie-photo-stock small { margin-top: .18rem; font-size: .42rem; letter-spacing: .16em; opacity: .64; }
.chapter__jackie-photo figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__jackie-photo figcaption span { margin-right: .8rem; color: var(--signal); }
.chapter__jackie-ledger { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2.8rem 0 0; border-top: 1px solid rgba(231, 219, 194, .2); }
.chapter__jackie-ledger div { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding: .9rem 1.2rem .9rem 0; border-bottom: 1px solid rgba(231, 219, 194, .09); }
.chapter__jackie-ledger div:nth-child(odd) { border-right: 1px solid rgba(231, 219, 194, .1); }
.chapter__jackie-ledger div:nth-child(even) { padding-left: 1.2rem; }
.chapter__jackie-ledger dt { color: var(--signal); font-size: .48rem; letter-spacing: .17em; }
.chapter__jackie-ledger dd { margin: 0; color: var(--text-secondary); font: 300 .82rem/1.45 var(--story); }
.chapter__jackie-ledger cite { font-style: italic; }
.chapter__jackie-lineup { margin: 0; }
.chapter__jackie-lineup img { display: block; width: 100%; max-height: none; object-fit: contain; filter: saturate(.68) contrast(1.08) brightness(.88); box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, .4); }
.chapter__jackie-lineup figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__jackie-timeline .chapter__artifact--red-rocks { width: 100%; margin: 1rem auto 0; transform: none; }
.chapter__artifact--red-rocks img { filter: saturate(.82) contrast(1.06) brightness(.9); }
.chapter__artifact--current-band img { filter: saturate(.92) contrast(1.04) brightness(.9); }
.chapter__artifact { margin: 0; }
.chapter__artifact img { display: block; width: 100%; filter: saturate(.58) contrast(1.1) brightness(.84); }
.chapter__montreal-pair { display: grid; grid-template-columns: 1.18fr .82fr; gap: .8rem; align-items: stretch; }
.chapter__montreal-pair img { height: 100%; object-fit: cover; }
.chapter__artifact--montreal img { filter: saturate(.74) contrast(1.04) brightness(.98); }
.chapter__studio-pair { display: grid; grid-template-columns: 1.18fr .82fr; gap: .8rem; align-items: stretch; }
.chapter__studio-pair img { height: 100%; object-fit: cover; filter: contrast(1.02) brightness(.96); }
.chapter__studio-pair img:last-child { object-position: left center; }
.chapter__artifact--passes { transform: rotate(-1.2deg); }
.chapter__artifact--passes img { filter: grayscale(1) contrast(1.13) brightness(.8); }
.chapter__artifact--broadcast a { display: block; }
.chapter__artifact--conan-2006 { position: relative; }
.chapter__artifact--conan-2006 .chapter__broadcast-promo { position: absolute; z-index: 2; top: -1.4rem; right: -2.4rem; width: min(36%, 15rem); border: .28rem solid rgba(12, 11, 10, .9); filter: saturate(.72) contrast(1.06) brightness(.82); box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, .58); transform: rotate(1.2deg); }
.chapter__artifact figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .47rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__jackie-timeline { grid-column: 2 / 4; display: grid; gap: clamp(3.6rem, 7vw, 6.5rem); width: min(100%, 54rem); margin: 4rem 0 0; }
.chapter__jackie-timeline figure { width: 86%; }
.chapter__jackie-timeline figure:nth-child(odd) { margin-right: auto; transform: rotate(-.3deg); }
.chapter__jackie-timeline figure:nth-child(even) { margin-left: auto; transform: rotate(.3deg); }
.chapter__jackie-timeline figcaption span { margin-right: .9rem; color: var(--signal); }
.chapter__jackie-timeline .chapter__artifact--nye { width: min(76%, 40rem); margin-left: auto; }
.chapter__artifact--nye img { filter: saturate(.94) contrast(1.01); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.42); }
.chapter__jackie-timeline .chapter__artifact--rothbury { width: min(84%, 46rem); margin-right: auto; }
.chapter__artifact--rothbury img { filter: saturate(.82) contrast(1.04) brightness(.94); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.42); }
.chapter__jackie-timeline .chapter__artifact--first-bus { width: min(68%, 36rem); margin-right: auto; }
.chapter__artifact--first-bus img { filter: saturate(.68) contrast(1.08) brightness(.88); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.46); }
.chapter__jackie-timeline .chapter__artifact--oysterfest { width: min(72%, 38rem); margin-left: auto; }
.chapter__artifact--oysterfest img { filter: saturate(.76) contrast(1.08) brightness(.94); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.44); }
.chapter__jackie-timeline .chapter__artifact--troubadour { width: min(58%, 34rem); margin-right: auto; }
.chapter__artifact--troubadour img { max-height: none; object-fit: contain; filter: grayscale(1) contrast(1.05) brightness(.94); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.44); }
.chapter__jackie-timeline .chapter__artifact--full-stage { width: 100%; margin-right: auto; }
.chapter__artifact--full-stage img { filter: saturate(.82) contrast(1.06) brightness(.9); box-shadow: 0 2rem 4.5rem rgba(0,0,0,.5); }
.chapter__jackie-timeline .chapter__artifact--current-band { width: min(78%, 46rem); margin-right: 0; margin-left: auto; }
.chapter__artifact--crest img { max-height: none; object-fit: contain; }
.chapter__jackie-timeline .chapter__artifact--levon { position: relative; width: min(82%, 44rem); margin-left: auto; }
.chapter__artifact--levon > img:first-child { filter: saturate(.82) contrast(1.08) brightness(.9); box-shadow: 0 1.7rem 4rem rgba(0,0,0,.48); }
.chapter__artifact--levon .chapter__levon-logo {
  position: absolute;
  right: 2.2%;
  bottom: 2.8rem;
  width: min(23%, 10rem);
  height: auto;
  filter: drop-shadow(0 .18rem .32rem rgba(0,0,0,.72));
  box-shadow: none;
  pointer-events: none;
}
.chapter__big-sur-performance { grid-column: 1 / -1; width: min(88%, 58rem) !important; margin: 1rem auto 3.5rem; transform: rotate(.25deg); }
.chapter__big-sur-performance img { display: block; width: 100%; filter: saturate(.86) contrast(1.08) brightness(.88); box-shadow: 0 2rem 4.5rem rgba(0,0,0,.46); }
.chapter__big-sur-performance figcaption { margin-top: .75rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__big-sur-performance figcaption span { margin-right: 1rem; color: var(--signal); }
.chapter__crosby-performance { margin: 0; }
.chapter__crosby-performance img { display: block; width: 100%; max-height: none; filter: saturate(.72) contrast(1.1) brightness(.84); box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, .44); }
.chapter__crosby-performance figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .47rem; line-height: 1.55; letter-spacing: .15em; }
.chapter--present .chapter__number { grid-column: 1; grid-row: 1; }
.chapter--present .chapter__copy { grid-column: 2; }
.chapter__present-dues { grid-column: 2; grid-row: 1; width: min(100%, 33rem); margin: 0 0 3rem; transform: rotate(-.45deg); }
.chapter__present-dues img { display: block; width: 100%; max-height: none; object-fit: cover; filter: grayscale(.84) contrast(1.12) brightness(.82); box-shadow: 0 1.6rem 3.8rem rgba(0,0,0,.46); }
.chapter__present-dues figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .16em; }
.chapter__present-dues figcaption span { display: block; margin-bottom: .25rem; color: var(--signal); }
.chapter--wooden-revolt { width: 82%; margin-left: 10%; grid-template-columns: 3rem minmax(20rem, 1.08fr) minmax(19rem, .92fr); column-gap: clamp(1.8rem, 4vw, 4rem); align-items: start; }
.chapter--wooden-revolt .chapter__number { padding-top: .35rem; }
.chapter--wooden-revolt .chapter__copy { grid-column: 3; align-self: center; padding-top: 1.25rem; }
.chapter__wooden-revolt-intro-media { grid-column: 2; grid-row: 1; min-width: 0; }
.chapter__wooden-revolt-archive { grid-column: 2 / 4; display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; margin-top: 4rem; }
.chapter__caravan-pair { grid-column: 1; min-width: 0; }
.chapter__wooden-revolt-photo { position: relative; margin: 0; transform: rotate(.55deg); }
.chapter__wooden-revolt-photo--caravan-wide { width: 100%; transform: rotate(-.32deg); }
.chapter__wooden-revolt-photo--caravan-wide img { aspect-ratio: 4 / 3; object-fit: cover; object-position: center; filter: saturate(.62) contrast(1.08) brightness(.84); }
.chapter__wooden-revolt-photo--caravan-portrait { z-index: 2; width: 74%; margin: 2rem 0 0 auto; transform: rotate(.42deg); }
.chapter__wooden-revolt-photo--promo { width: 100%; margin: 0; align-self: center; transform: rotate(-.12deg); }
.chapter__wooden-revolt-photo--promo img { filter: none; box-shadow: 0 2rem 5rem rgba(0,0,0,.56); }
.chapter__wooden-revolt-photo--offset { grid-column: 2; margin-top: 5.5rem; transform: rotate(-.2deg); }
.chapter__wooden-revolt-photo img { display: block; width: 100%; filter: saturate(.7) contrast(1.06) brightness(.9); box-shadow: 0 1.7rem 3.8rem rgba(0,0,0,.44); }
.chapter__wooden-revolt-photo--live { grid-column: 2 / 4; width: min(68%, 44rem); margin: 5.5rem 0 0 auto; transform: rotate(.18deg); }
.chapter__wooden-revolt-photo--live img { max-height: none; object-fit: contain; filter: saturate(.76) contrast(1.1) brightness(.86); }
.chapter__wooden-revolt-photo figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .47rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__wooden-revolt-photo figcaption span { margin-right: .9rem; color: var(--signal); }
.chapter__gabe-credit { display: grid; grid-template-columns: minmax(8rem, .72fr) minmax(9rem, 1fr); gap: 1rem; align-items: end; margin: 2rem 0 0; padding-top: 1.2rem; border-top: 1px solid rgba(213, 202, 184, .14); }
.chapter__gabe-credit img { display: block; width: 100%; max-height: 16rem; object-fit: contain; object-position: center bottom; filter: none; box-shadow: none; }
.chapter__gabe-credit figcaption { margin: 0 0 .45rem; color: var(--paper-dim); font: 500 .46rem/1.6 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.chapter__gabe-credit figcaption span { display: block; margin: 0 0 .28rem; color: var(--signal); font-size: .48rem; letter-spacing: .18em; }
.chapter--mkp { width: 84%; min-height: 22rem; margin-left: 4%; margin-bottom: 10vh; grid-template-columns: 3rem minmax(17rem, .72fr) minmax(28rem, 1.28fr); column-gap: clamp(1.8rem, 4vw, 4.5rem); align-items: center; }
.chapter__solo-portrait { grid-column: 3; grid-row: 1; margin: 0; align-self: start; transform: rotate(.35deg); }
.chapter__solo-portrait img { display: block; width: 100%; min-height: 0; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; border: .45rem solid #d4cbbb; box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, .54); }
.chapter__solo-portrait figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.chapter__solo-portrait figcaption span { display: block; margin-bottom: .22rem; color: var(--signal); }
.chapter--mkp .chapter__solo-copy { grid-column: 2; grid-row: 1; align-self: center; }
.chapter__solo-copy > p:not(.chapter__era):not(.chapter__reflection) { max-width: 31rem; }
.mkp-session-photo { grid-column: 2 / 4; width: min(66%, 46rem); margin: 3.2rem 0 0 auto; transform: rotate(-.28deg); }
.mkp-session-photo img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: .45rem solid #d4cbbb; filter: saturate(.58) sepia(.08) contrast(1.08) brightness(.82); box-shadow: 0 1.5rem 3.4rem rgba(0,0,0,.5); }
.mkp-session-photo figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.mkp-session-photo figcaption span { display: block; margin-bottom: .22rem; color: var(--signal); }
.solo-live-archive { grid-column: 2 / 4; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.8rem); width: 100%; margin-top: 3.2rem; }
.solo-live-archive figure { margin: 0; }
.solo-live-archive__band { grid-column: 1 / -1; }
.solo-live-archive img { display: block; width: 100%; max-height: none; border: .45rem solid #d4cbbb; object-fit: cover; box-shadow: 0 1.5rem 3.4rem rgba(0, 0, 0, .5); }
.solo-live-archive__band img { aspect-ratio: 2 / 1; }
.solo-live-archive figure:not(.solo-live-archive__band) img { aspect-ratio: 3 / 4; }
.solo-live-archive figure:nth-child(2) { transform: rotate(-.45deg); }
.solo-live-archive figure:nth-child(3) { transform: translateY(1.25rem) rotate(.4deg); }
.solo-live-archive figcaption { margin-top: .7rem; color: var(--paper-dim); font-size: .48rem; line-height: 1.55; letter-spacing: .15em; }
.solo-live-archive figcaption span { display: block; margin-bottom: .22rem; color: var(--signal); }
.mkp-visual { grid-column: 2 / 4; width: 100%; margin: 2.8rem 0 0; }
.mkp-procession { position: relative; margin: 0; isolation: isolate; }
.mkp-panel-frame { position: relative; padding: .55rem; border: 1px solid rgba(224, 205, 169, .34); background: linear-gradient(105deg, #a6977d, #d4c5a6 48%, #897a67); box-shadow: 0 .45rem 0 #332b24, 0 2.4rem 5rem rgba(0, 0, 0, .62); transform: perspective(80rem) rotateX(1.2deg) rotateY(-.4deg) rotate(.15deg); transform-origin: center; }
.mkp-panel-frame::after { content: ""; position: absolute; inset: .55rem; pointer-events: none; background: linear-gradient(90deg, rgba(108, 25, 29, .08), transparent 28%, transparent 72%, rgba(41, 52, 79, .1)); box-shadow: inset 0 0 2.4rem rgba(36, 25, 18, .23); }
.chapter .mkp-panel-frame img { display: block; width: 100%; max-width: none; max-height: none; object-fit: contain; filter: sepia(.18) saturate(.72) contrast(1.1) brightness(.88); }
.mkp-procession figcaption { margin-top: 1rem; color: var(--text-faint); font-size: .48rem; letter-spacing: .2em; }
.mkp-procession figcaption span { margin-right: 1rem; color: var(--signal); }
.mkp-procession figcaption a { color: var(--text-muted); border-bottom: 1px solid var(--text-faint); }
.catalog { min-height: 230vh; background: #d4cbbb; color: #161411; }
.station-heading--catalog p { color: var(--signal-on-light); }
.listening-room { position: relative; z-index: 2; width: min(78rem, 88vw); margin: 4rem auto 0; }
.listening-room__intro { width: min(52rem, 72vw); margin: 0 auto 4.5rem; }
.listening-feature > div > p,
.record-card span,
.listening-paths span { display: block; color: var(--signal-on-light); font-size: .55rem; letter-spacing: .2em; }
.listening-room__intro p { margin: 0; color: rgba(22,20,17,.74); font: 300 clamp(1.35rem, 2vw, 1.9rem)/1.48 var(--story); letter-spacing: -.006em; }
.listening-feature { display: grid; grid-template-columns: minmax(18rem, .85fr) minmax(24rem, 1.15fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(1rem, 2.6vw, 2rem); border: 1px solid rgba(22,20,17,.26); background: linear-gradient(135deg, rgba(232,224,208,.82), rgba(197,186,166,.58)); box-shadow: 0 2rem 5rem rgba(35,26,18,.2); transform: rotate(-.18deg); }
.listening-feature > div { align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.listening-feature figure { margin: 0; padding: .7rem; background: #181611; box-shadow: 0 1.6rem 3.6rem rgba(35,26,18,.24); }
.listening-feature img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; filter: saturate(.82) contrast(1.06); }
.mkp-artwork-player { position: relative; overflow: hidden; isolation: isolate; }
.mkp-artwork-player img { transition: opacity .22s ease, filter .22s ease; }
.mkp-artwork-player.is-loading img { opacity: .82; }
.mkp-artwork-controls { position: absolute; inset: .7rem; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; pointer-events: none; }
.mkp-artwork-control { pointer-events: auto; display: grid; place-items: center; width: 100%; height: 42%; min-height: 6.4rem; padding: 0; border: 0; background: transparent; color: rgba(214, 214, 206, .1); cursor: pointer; filter: drop-shadow(0 .08rem .05rem rgba(15, 12, 9, .24)); transition: color .2s ease, opacity .2s ease, transform .2s ease, filter .2s ease; }
.mkp-artwork-control:hover,
.mkp-artwork-control:focus-visible,
.mkp-artwork-player:focus-within .mkp-artwork-control { color: rgba(232, 232, 224, .92); filter: drop-shadow(0 0 .12rem rgba(15, 12, 9, .9)) drop-shadow(0 .2rem .1rem rgba(15, 12, 9, .76)); }
.mkp-artwork-player:hover .mkp-artwork-control { color: rgba(232, 232, 224, .9); filter: drop-shadow(0 0 .12rem rgba(15, 12, 9, .86)) drop-shadow(0 .2rem .1rem rgba(15, 12, 9, .68)); }
.mkp-artwork-player:not(:hover):not(:focus-within) .mkp-artwork-control--toggle { color: rgba(232, 232, 224, .72); filter: drop-shadow(0 .12rem .1rem rgba(15, 12, 9, .7)); }
.mkp-artwork-player:hover .mkp-artwork-control--toggle,
.mkp-artwork-player:focus-within .mkp-artwork-control--toggle { color: rgba(245, 245, 238, .96) !important; }
.mkp-artwork-control:hover,
.mkp-artwork-control:focus-visible { transform: scale(1.035); }
.mkp-artwork-control:disabled { opacity: .16; cursor: default; transform: none; }
.mkp-artwork-player:hover .mkp-artwork-control:disabled,
.mkp-artwork-player:focus-within .mkp-artwork-control:disabled { opacity: .42; }
.mkp-artwork-control svg { display: block; width: clamp(3.05rem, 6.3vw, 5.45rem); height: clamp(4.95rem, 8.5vw, 7.25rem); overflow: visible; }
.mkp-artwork-control--toggle .mkp-icon--pause { display: none; width: clamp(2.3rem, 4.1vw, 3.5rem); }
.mkp-artwork-player.is-playing .mkp-artwork-control--toggle .mkp-icon--play { display: none; }
.mkp-artwork-player.is-playing .mkp-artwork-control--toggle .mkp-icon--pause { display: block; }
.mkp-artwork-control path,
.mkp-artwork-control line { fill: none; stroke: currentColor; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; }
.mkp-artwork-volume { position: absolute; z-index: 3; right: 1.2rem; bottom: 1.08rem; display: grid; grid-template-columns: auto minmax(5.5rem, 9.5rem); gap: .42rem; align-items: center; width: min(34%, 10.8rem); min-width: 8rem; color: rgba(235,231,218,.32); font-family: var(--mono); font-size: .44rem; letter-spacing: .14em; text-transform: uppercase; opacity: .52; transition: color .2s ease, opacity .2s ease; }
.mkp-artwork-player:hover .mkp-artwork-volume,
.mkp-artwork-player:focus-within .mkp-artwork-volume { color: rgba(235,231,218,.8); opacity: .96; }
.mkp-artwork-volume input { width: 100%; accent-color: #d8d8d0; opacity: .68; }
.mkp-artwork-volume input:hover,
.mkp-artwork-volume input:focus-visible { opacity: 1; }
.listening-feature h3 { margin: .55rem 0 .45rem; font-family: var(--display); font-size: clamp(3rem, 6.5vw, 6.7rem); line-height: .84; letter-spacing: -.04em; text-transform: uppercase; }
.listening-feature > div > span { display: block; max-width: 36rem; color: rgba(22,20,17,.54); font-size: .58rem; line-height: 1.6; letter-spacing: .18em; }
.listening-feature > div > p:last-of-type { max-width: 40rem; margin: 1.4rem 0 0; color: rgba(22,20,17,.74); font: 300 clamp(1.05rem, 1.35vw, 1.28rem)/1.55 var(--story); letter-spacing: 0; }
.listening-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: auto; padding-top: 1.6rem; }
.listening-actions a,
.record-card a { display: inline-flex; align-items: center; justify-content: center; min-height: 2.35rem; padding: .72rem .95rem; border: 1px solid rgba(22,20,17,.32); background: #181611; color: #f0e7d6; font-size: .55rem; letter-spacing: .14em; text-decoration: none; }
.listening-actions a:nth-child(2),
.record-card a { background: transparent; color: #181611; }
.record-console { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); margin-top: 5rem; }
.record-card { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 1rem; min-height: 14rem; padding: 1rem; border: 1px solid rgba(22,20,17,.24); background: rgba(226,217,199,.62); box-shadow: 0 1.2rem 2.6rem rgba(35,26,18,.12); }
.record-card > div:not(.stream-cover) { display: flex; flex-direction: column; min-height: 100%; }
.record-card img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; filter: saturate(.82) contrast(1.03); }
.stream-cover { position: relative; overflow: hidden; }
.stream-cover img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.stream-cover__links { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .42rem; padding: .8rem; background: linear-gradient(145deg, rgba(16, 14, 12, .9), rgba(16, 14, 12, .68)); opacity: 0; transform: scale(.98); transition: opacity .22s ease, transform .22s ease; }
.stream-cover:hover .stream-cover__links,
.stream-cover:focus-within .stream-cover__links { opacity: 1; transform: scale(1); }
.stream-cover__links span { display: block; color: var(--signal); font-size: .46rem; letter-spacing: .2em; text-align: center; }
.stream-cover__links a,
.record-card .stream-cover__links a { display: flex; align-items: center; justify-content: center; width: min(8.8rem, 100%); min-height: 1.85rem; margin: 0; padding: .5rem .35rem; border: 1px solid rgba(240,231,214,.34); background: rgba(240,231,214,.08); color: #f0e7d6; font-size: .48rem; letter-spacing: .13em; text-align: center; text-decoration: none; }
.stream-cover__links a:hover,
.stream-cover__links a:focus-visible { background: #f0e7d6; color: #181611; outline: 0; }
.record-card h3,
.listening-paths h3 { margin: .45rem 0 .7rem; font-family: var(--display); font-size: clamp(1.75rem, 2.6vw, 2.8rem); line-height: .9; letter-spacing: -.02em; text-transform: uppercase; }
.record-card h3 { min-height: 1.8em; }
.record-card p { margin: 0 0 1rem; color: rgba(22,20,17,.66); font: 300 .9rem/1.5 var(--story); }
.record-card a { align-self: flex-start; min-height: 2rem; margin-top: auto; padding: .55rem .7rem; }
.listening-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); margin-top: 2rem; }
.listening-paths article { padding: 1.35rem; background: rgba(24,22,18,.9); color: #efe6d5; box-shadow: 0 1.4rem 3rem rgba(35,26,18,.22); }
.listening-paths h3 { color: #efe6d5; font-size: clamp(1.6rem, 2.2vw, 2.35rem); }
.listening-paths ol { margin: 1rem 0 0; padding: 0; list-style: none; color: rgba(239,230,213,.68); font-size: .58rem; line-height: 1.45; letter-spacing: .16em; }
.listening-paths li + li { margin-top: .8rem; }
.listening-paths li strong, .listening-paths li small { display: block; }
.listening-paths li strong { color: rgba(239,230,213,.78); font-weight: 400; }
.listening-paths li small { margin-top: .18rem; color: rgba(239,230,213,.42); font-size: .46rem; letter-spacing: .14em; }
.record-shelf { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(.8rem, 1.4vw, 1.2rem); margin: 4rem 0 0; padding-top: 1.2rem; border-top: 1px solid rgba(22,20,17,.22); }
.record { position: relative; margin: 0; width: auto; box-shadow: none; }
.record img { aspect-ratio: 1; width: 100%; object-fit: cover; filter: saturate(.76) contrast(1.03); box-shadow: 0 1rem 2rem rgba(35,26,18,.18); }
.record figcaption { display: block; padding-top: .65rem; font-size: .48rem; line-height: 1.45; letter-spacing: .12em; }
.record figcaption strong,
.record figcaption span { display: block; }
.record figcaption span { margin-top: .25rem; opacity: .55; text-align: left; }
.record--endless { transform: rotate(-1.8deg); }
.record--rsd-live { transform: rotate(1.4deg); }
.record--back-to-birth-live { transform: rotate(-.9deg); }
.record--town-hall-live { transform: rotate(1.1deg); }
.record--silver-smoke { transform: rotate(-1.3deg); }
.record--recession-proof { transform: rotate(.8deg); }

.performances { min-height: 295vh; padding: 0 0 12rem; background: var(--heart-bg); }
.performance-frame { width: 100%; height: 108vh; object-fit: cover; filter: grayscale(1) contrast(1.2) brightness(.68); }
.performances::after { content: ""; position: absolute; inset: 0 0 auto; height: 108vh; background: linear-gradient(90deg, rgba(5,5,5,.55), transparent 48%, rgba(5,5,5,.2)), linear-gradient(0deg, #070707, transparent 35%); }
.performance-type { position: absolute; z-index: 2; top: 10rem; left: 8vw; }
.performance-type p { color: var(--signal); font-size: .58rem; letter-spacing: .2em; }
.performance-type h2 { margin: 0; font: 300 clamp(5rem,11vw,11rem)/.75 var(--display); transform: scaleX(.84); transform-origin: left; }
.live-calendar { position: relative; z-index: 3; width: min(70rem, 84vw); margin: -7rem auto 0; padding: 0 3rem 2.3rem; border-top: .35rem solid var(--signal); background: #d9d1c1; color: #151411; box-shadow: 0 2rem 4rem #000; transform: rotate(-.45deg); }
.live-calendar__header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding: 2.35rem 0 1.45rem; border-bottom: 2px solid #151411; }
.live-calendar__header p,
.past-live-dates__header p { margin: 0 0 .5rem; color: var(--signal-on-light); font-size: .58rem; letter-spacing: .2em; }
.live-calendar__header h3,
.past-live-dates__header h3 { margin: 0; font: 300 clamp(2.4rem, 4vw, 4rem)/.9 var(--display); letter-spacing: -.02em; }
.live-calendar__header > span { padding-bottom: .2rem; color: rgba(21,20,17,.52); font-size: .5rem; letter-spacing: .14em; }
.live-calendar__list { display: grid; }
.live-date { position: relative; grid-template-columns: 8rem minmax(0, 1fr) auto; gap: 1.7rem; align-items: center; min-height: 9rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(21,20,17,.24); }
.live-date:not([hidden]) { display: grid; }
.live-date__tags { display: none; }
.live-date__when { display: grid; grid-template-columns: 1rem auto; grid-template-rows: 1fr auto; align-items: center; column-gap: .65rem; font-style: normal; }
.live-date__when > span { grid-column: 1; grid-row: 1 / 3; color: var(--signal-on-light); font-size: .52rem; letter-spacing: .18em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
.live-date__when > strong { grid-column: 2; grid-row: 1; font: 300 4.5rem/.78 var(--display); letter-spacing: -.035em; }
.live-date__when > small { grid-column: 2; grid-row: 2; color: rgba(21,20,17,.52); font-size: .46rem; letter-spacing: .16em; }
.live-date__details h4 { margin: 0; font: 500 clamp(1.45rem, 2.2vw, 2rem)/1 var(--display); letter-spacing: .015em; text-transform: uppercase; }
.live-date__details p { max-width: 38rem; margin: .55rem 0 0; color: rgba(21,20,17,.67); font: 300 1rem/1.4 var(--story); }
.live-date__link { display: inline-flex; align-items: center; justify-content: center; min-width: 7.8rem; min-height: 2.8rem; padding: .7rem 1rem; border: 1px solid rgba(21,20,17,.72); font-size: .5rem; letter-spacing: .17em; transition: background-color .2s, color .2s; }
.live-date__link:hover,
.live-date__link:focus-visible { background: #151411; color: #efe7d7; outline: 0; }
.live-calendar__empty { margin: 0; padding: 2.2rem 0 .2rem; color: rgba(21,20,17,.66); font: 300 1.18rem/1.45 var(--story); }
.live-calendar__empty[hidden] { display: none; }
.past-live-dates { position: relative; z-index: 2; width: min(64rem, 78vw); margin: 6rem auto 0; }
.past-live-dates__header { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(196,205,206,.25); }
.past-live-dates__header p { color: var(--signal); }
.past-live-dates__list .live-date { color: var(--text-primary); border-bottom-color: rgba(196,205,206,.2); }
.past-live-dates__list .live-date__when > span { color: var(--signal); }
.past-live-dates__list .live-date__when > small,
.past-live-dates__list .live-date__details p { color: var(--text-muted); }
.past-live-dates__list .live-date__link { border-color: rgba(196,205,206,.52); }
.past-live-dates__list .live-date__link:hover,
.past-live-dates__list .live-date__link:focus-visible { background: var(--text-primary); color: var(--heart-bg); }
.broadcast-log { position: relative; z-index: 3; width: min(70rem,84vw); margin: -7rem auto 0; padding: 2.5rem 3rem 3rem; border-top: .35rem solid var(--signal); background: #d9d1c1; color: #151411; box-shadow: 0 2rem 4rem #000; transform: rotate(-.6deg); }
.live-calendar + .past-live-dates + .broadcast-log,
.live-calendar + .broadcast-log { margin-top: 7rem; }
.broadcast-log__header { display: flex; align-items: baseline; justify-content: space-between; gap: 2rem; padding-bottom: 1.3rem; border-bottom: 2px solid #151411; }
.broadcast-log__header p { margin: 0; font: .58rem var(--mono); letter-spacing: .2em; }
.broadcast-log__header h3 { margin: 0; font: 300 1.55rem var(--story); letter-spacing: .04em; }
.broadcast-log__entries { margin: 0; }
.broadcast-log__entries > div { display: grid; grid-template-columns: 10rem 1fr; gap: 1.5rem; padding: 1rem 0; border-bottom: 1px solid rgba(21,20,17,.22); }
.broadcast-log__entries > div:last-child { border-bottom: 0; }
.broadcast-log dt { padding-top: .3rem; font: .56rem var(--mono); letter-spacing: .16em; }
.broadcast-log dd { margin: 0; font: 300 1.2rem/1.45 var(--story); }
.broadcast-log small { margin-left: .45rem; font: .5rem var(--mono); letter-spacing: .1em; opacity: .62; white-space: nowrap; }
.broadcast-log cite { font-style: italic; }
.shared-stage-gallery { position: relative; z-index: 2; display: grid; gap: 7rem; margin-top: 8rem; }
.shared-stage { width: min(58rem, 72vw); margin: 0; }
.shared-stage--haynes { width: min(70rem, 82vw); margin: 0 auto; transform: rotate(-.2deg); }
.shared-stage--crosby { width: min(52rem, 68vw); margin-left: auto; margin-right: 9vw; transform: rotate(.22deg); }
.shared-stage--leisz { width: min(62rem, 76vw); margin-left: auto; margin-right: 7vw; transform: rotate(.18deg); }
.shared-stage--mule { width: min(62rem, 76vw); margin-left: 5vw; transform: rotate(.25deg); }
.shared-stage--russo { width: min(68rem, 80vw); margin: 0 auto; transform: rotate(-.18deg); }
.shared-stage--columbus { margin-left: 7vw; transform: rotate(-.35deg); }
.shared-stage--harrison { margin-left: auto; margin-right: 7vw; transform: rotate(.55deg); }
.shared-stage--osborne { margin-left: 7vw; transform: rotate(-.45deg); }
.shared-stage--weir { margin-left: auto; margin-right: 12vw; transform: rotate(.35deg); }
.shared-stage--deep-dark-woods { width: min(64rem, 78vw); margin-left: 6vw; transform: rotate(-.18deg); }
.shared-stage--lukas { width: min(62rem, 76vw); margin-left: auto; margin-right: 8vw; transform: rotate(.24deg); }
.shared-stage--tim-bluhm { width: min(34rem, 43vw); margin-left: auto; margin-right: 10vw; transform: rotate(.28deg); }
.shared-stage--weir-warfield { width: min(66rem, 78vw); margin-left: 7vw; transform: rotate(-.25deg); }
.shared-stage--karan { width: min(48rem, 62vw); margin-left: auto; margin-right: 8vw; transform: rotate(.3deg); }
.shared-stage--kaphan { width: min(66rem, 78vw); margin-left: 6vw; transform: rotate(-.18deg); }
.shared-stage img { display: block; width: 100%; filter: saturate(.78) contrast(1.08) brightness(.78); box-shadow: 0 2rem 5rem rgba(0, 0, 0, .65); }
.shared-stage--mule img { filter: saturate(.9) contrast(1.03) brightness(.92); }
.shared-stage--russo img { filter: none; }
.shared-stage--leisz img { filter: none; }
.shared-stage--columbus img { filter: saturate(.9) contrast(1.03) brightness(.9); }
.shared-stage--deep-dark-woods img { filter: saturate(.88) contrast(1.08) brightness(.9); }
.shared-stage--lukas img { filter: saturate(.68) contrast(1.08) brightness(.86); }
.shared-stage--tim-bluhm img { filter: saturate(.9) contrast(1.06) brightness(.9); }
.shared-stage--osborne img { filter: saturate(.82) contrast(1.06) brightness(.84); }
.shared-stage--kaphan img { filter: contrast(1.05) brightness(.92); }
.shared-stage figcaption { margin-top: .8rem; color: var(--text-faint); font-size: .5rem; line-height: 1.6; letter-spacing: .17em; }
.shared-stage figcaption span { margin-right: 1rem; color: var(--signal); }

.studio { min-height: 150vh; background: var(--heart-bg); }
.studio-monitor { width: min(50rem, 58vw); margin-left: 31%; padding: .7rem .7rem 2.4rem; border: 1px solid #575a4c; background: #171a16; box-shadow: 0 0 5rem rgba(112,146,111,.12); transform: rotate(1deg); }
.studio-monitor img { width: 100%; height: 58vh; object-fit: cover; filter: grayscale(.65) sepia(.15) hue-rotate(65deg) brightness(.7) contrast(1.15); }
.studio-monitor span { display: block; margin-top: .7rem; color: var(--phosphor); font-size: .55rem; letter-spacing: .15em; }
.station-heading--studio { margin-top: -17rem; position: relative; z-index: 3; }
.console-strip { margin: 9rem -8vw 0; padding: 2rem 8vw; display: flex; gap: 4rem; overflow: hidden; border-top: 1px solid #4d4b3d; border-bottom: 1px solid #4d4b3d; background: #171610; color: var(--amber); font-size: .58rem; letter-spacing: .16em; transform: rotate(-1deg); }
.studio-note { width: min(94rem,92vw); margin: 7rem auto 0; display: grid; grid-template-columns: minmax(20rem,.82fr) minmax(34rem,1.45fr); gap: clamp(1.5rem,2.4vw,3rem); align-items: start; font: 300 1.45rem/1.5 var(--story); color: var(--text-secondary); }
.studio-note__content { min-width: 0; }
.studio-note__intro { display: grid; grid-template-columns: minmax(15rem,.9fr) minmax(18rem,1.1fr); gap: clamp(1.5rem,3vw,3.5rem); align-items: start; }
.studio-note__intro > p { margin: 1.5rem 0 0; }
.studio-note__amplifiers { margin: 0; }
.studio-note__images { display: grid; }
.studio-note__signal-photo { position: relative; }
.studio-note__signal-photo img { display: block; width: 100%; object-fit: cover; filter: saturate(.78) contrast(1.04) brightness(.88); box-shadow: 0 1.8rem 4rem rgba(0,0,0,.38); }
.studio-note__signal-photo:first-child img { aspect-ratio: 4 / 5; object-position: center top; }
.studio-note__signal-photo:nth-child(n+2) { width: 86%; }
.studio-note__signal-photo:nth-child(n+2) img { aspect-ratio: 4 / 3; object-position: center; border: .28rem solid #10120f; }
.studio-note__signal-photo:nth-child(2) { margin: -1.25rem 0 0 auto; transform: rotate(.8deg); }
.studio-note__signal-photo:nth-child(3) { width: 82%; margin: .65rem auto 0 0; transform: rotate(-.6deg); }
.studio-note__signal-photo span { display: block; margin-top: .48rem; color: var(--text-faint); font: 400 .43rem/1.5 var(--mono); letter-spacing: .14em; }
.studio-note__amplifiers figcaption { margin-top: .75rem; color: var(--text-faint); font: 400 .48rem/1.5 var(--mono); letter-spacing: .17em; }
.studio-room-grid { margin-top: 2rem; display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); grid-template-rows: repeat(3, clamp(9rem,12vw,13rem)) clamp(7rem,9vw,10rem); gap: .5rem; }
.studio-room-grid figure { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #0d100d; }
.studio-room-grid img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.42) sepia(.1) hue-rotate(340deg) contrast(1.12) brightness(.7); transition: filter .35s ease; }
.studio-room-grid figure:hover img { filter: saturate(.62) sepia(.08) hue-rotate(340deg) contrast(1.08) brightness(.82); }
.studio-room-grid figcaption { position: absolute; inset: auto 0 0; padding: 1.6rem .6rem .52rem; color: rgba(232,225,211,.88); background: linear-gradient(0deg, rgba(7,8,7,.9), transparent); font: 400 .44rem/1.45 var(--mono); letter-spacing: .12em; text-shadow: 0 1px 1rem #000; }
.studio-room-grid__microphone { grid-column: 1 / 3; grid-row: 1 / 3; }
.studio-room-grid__drummer { grid-column: 3 / 5; grid-row: 1; }
.studio-room-grid__organ { grid-column: 5 / 7; grid-row: 1; }
.studio-room-grid__drum-room { grid-column: 3 / 7; grid-row: 2; }
.studio-room-grid__outboard { grid-column: 1 / 4; grid-row: 3; }
.studio-room-grid__bass { grid-column: 4 / 7; grid-row: 3; }
.studio-room-grid__sienna { grid-column: 1 / 7; grid-row: 4; }
.studio-room-grid__microphone img { object-position: 64% center; }
.studio-room-grid__organ img { object-position: center 44%; }
.studio-room-grid__bass img { object-position: center 42%; filter: grayscale(1) contrast(1.16) brightness(.7); }
.production-ledger { font-family: var(--mono); }
.production-ledger__heading, .production-ledger__subhead { margin: 0; font-size: .52rem; letter-spacing: .18em; color: var(--amber); }
.production-ledger__featured { margin: .8rem 0 1.35rem; border-top: 1px solid rgba(199,192,178,.18); }
.production-ledger__featured p { margin: 0; padding: .72rem 0 .68rem; border-bottom: 1px solid rgba(199,192,178,.12); }
.production-ledger strong, .production-ledger span { display: block; }
.production-ledger strong { color: var(--text-primary); font-size: .66rem; line-height: 1.4; letter-spacing: .14em; }
.production-ledger span { margin-top: .22rem; color: var(--phosphor); font-size: .46rem; line-height: 1.45; letter-spacing: .12em; }
.production-ledger__subhead { color: var(--phosphor); }
.production-ledger__subhead--collaborators { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(199,192,178,.18); }
.production-ledger ul { margin: .65rem 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .42rem 1rem; list-style: none; }
.production-ledger li { color: var(--text-secondary); font-size: .5rem; line-height: 1.55; letter-spacing: .1em; }
.studio-ledger { width: min(68rem, 82vw); margin: 7rem auto 0; padding: 1.25rem 1.5rem 1.6rem; border-top: 1px solid #4d4b3d; border-bottom: 1px solid #4d4b3d; background: linear-gradient(100deg, rgba(19,22,18,.92), rgba(28,27,20,.72)); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.2); transform: rotate(.18deg); }
.studio-ledger__heading { margin: 0 0 1.2rem; color: var(--amber); font-size: .56rem; letter-spacing: .18em; }
.studio-ledger ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; border-top: 1px solid rgba(199,192,178,.12); }
.studio-ledger li { min-height: 4.5rem; padding: 1rem .8rem .85rem; border-right: 1px solid rgba(199,192,178,.1); border-bottom: 1px solid rgba(199,192,178,.1); }
.studio-ledger li:nth-child(3n) { border-right: 0; }
.studio-ledger strong, .studio-ledger span { display: block; }
.studio-ledger strong { color: var(--text-primary); font-size: .63rem; line-height: 1.45; letter-spacing: .13em; }
.studio-ledger span { margin-top: .35rem; color: var(--phosphor); font-size: .48rem; line-height: 1.5; letter-spacing: .12em; }
.studio-ledger__coda { margin: 1.35rem 0 0 auto; width: fit-content; color: var(--text-muted); font: italic 300 1rem/1.4 var(--story); }
.studio-session-collage { width: min(62rem, 74vw); margin: 7rem auto 2rem; padding: .75rem .75rem 2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; align-items: start; border: 1px solid #4b5045; background: #141612; transform: rotate(-.35deg); box-shadow: 0 2rem 5rem rgba(0,0,0,.42); }
.studio-session-collage figure { margin: 0; }
.studio-session-collage__lead { grid-column: 1 / -1; }
.studio-session-collage img { display: block; width: 100%; filter: saturate(.3) contrast(1.07) brightness(.82); }
.studio-session-collage__lead img { filter: saturate(.72) contrast(1.05) brightness(.82); }
.studio-session-collage__bruce img { filter: saturate(.68) contrast(1.06) brightness(.84); }
.studio-session-collage figcaption { margin-top: .8rem; color: var(--text-faint); font-size: .5rem; line-height: 1.6; letter-spacing: .17em; }
.studio-session-collage figcaption span { margin-right: 1rem; color: var(--phosphor); }

.gratitude { min-height: 190vh; background: #d8d0c2; color: #171512; }
.station-heading--gratitude { position: relative; z-index: 4; margin-left: 36%; }
.station-heading--gratitude p { color: var(--signal-on-light); }
.gratitude-opening { display: grid; grid-template-columns: minmax(0, .86fr) minmax(20rem, 1fr); align-items: start; gap: clamp(3rem, 7vw, 8rem); margin: 3.5rem 7% 0 6%; }
.gratitude-support figcaption { margin-top: .8rem; color: rgba(23,21,18,.52); font-size: .5rem; letter-spacing: .18em; }
.gratitude-support { width: min(35rem,39vw); margin: 5rem 0 0 7%; transform: rotate(-.5deg); }
.gratitude-support img { display: block; width: 100%; filter: saturate(.7) contrast(1.04); box-shadow: 0 1.7rem 3.8rem rgba(36,28,20,.2); }
.gratitude-copy { width: 100%; margin: 1.25rem 0 0; position: relative; z-index: 5; padding: 2rem; background: rgba(221,213,197,.91); transform: rotate(-.65deg); font: 300 clamp(1.25rem,1.7vw,1.65rem)/1.45 var(--story); }
.gratitude-copy p:first-child { font-size: 2rem; }
.gratitude-section-label span { display: block; color: var(--signal-on-light); font-size: .56rem; letter-spacing: .22em; }
.gratitude-section-label p { margin: .7rem 0 0; color: rgba(23,21,18,.54); font-size: .54rem; line-height: 1.55; letter-spacing: .18em; }
.gratitude-section-label { position: relative; z-index: 4; width: min(44rem, 54vw); margin: 8rem 0 0 7%; padding-top: 1rem; border-top: 1px solid rgba(23,21,18,.24); }
.gratitude-section-label--peers { margin-top: 7rem; }
.gratitude-section-label--thanks { margin-left: auto; margin-right: 8%; }
.gratitude-peer-roll { position: relative; z-index: 3; margin-top: 2rem; }
.gratitude-personal-label { width: min(38rem, 48vw); margin: 8rem 0 0 7%; padding-top: 1rem; border-top: 1px solid rgba(23,21,18,.24); }
.gratitude-personal-label span { color: var(--signal-on-light); font-size: .52rem; letter-spacing: .2em; }
.gratitude-personal-label p { margin: .65rem 0 0; color: rgba(23,21,18,.48); font-size: .52rem; letter-spacing: .18em; }
.gratitude .path-snapshot { width: min(42rem, 46vw); margin: 3rem 0 7rem 5%; }
.gratitude .path-snapshot--2000 { margin-bottom: 2rem; }
.gratitude .personal-roll { width: 92%; margin: 0 auto 9rem; }
.gratitude .path-snapshot img, .gratitude .personal-roll img { filter: saturate(.78) contrast(1.03) brightness(.96); box-shadow: 0 1.5rem 3.5rem rgba(36,28,20,.22); }
.gratitude .personal-roll__solo img { filter: saturate(.82) contrast(1.02) brightness(1.1); }
.gratitude .path-snapshot figcaption, .gratitude .personal-roll figcaption, .gratitude .personal-roll > p { color: rgba(23,21,18,.52); }
.gratitude .path-snapshot figcaption span, .gratitude .personal-roll > p span { color: var(--signal-on-light); }
.gratitude-friend { width: min(39rem, 43vw); margin: 6rem 0 0 7%; transform: rotate(-.55deg); }
.gratitude-friend img { display: block; width: 100%; filter: saturate(.78) contrast(1.03); box-shadow: 0 1.7rem 3.8rem rgba(36,28,20,.22); }
.gratitude-friend figcaption { margin-top: .8rem; color: rgba(23,21,18,.52); font-size: .5rem; letter-spacing: .18em; }
.gratitude-friend figcaption span { margin-right: 1rem; color: var(--signal-on-light); }
.gratitude-friend--marty { width: min(47rem, 52vw); margin: 4rem 7% 0 auto; transform: rotate(.4deg); }
.gratitude-friend--marty img { filter: saturate(.82) contrast(1.04) brightness(.98); }
.gratitude-friend--tim { width: min(31rem, 34vw); margin: -12rem 7% 0 auto; transform: rotate(.55deg); }
.gratitude-friend--vivino { width: min(29rem, 32vw); margin: 7rem 0 0 12%; transform: rotate(-.45deg); }
.gratitude-friend--robinson { width: min(34rem, 38vw); margin: -10rem 7% 9rem auto; transform: rotate(.3deg); }
.gratitude-friend--dean { width: min(43rem, 48vw); margin: -3rem 0 9rem 10%; transform: rotate(-.35deg); }
.gratitude-friend--outside-lands { width: min(58rem, 64vw); margin: -2rem 6% 9rem auto; transform: rotate(.25deg); }
.gratitude-friend--outside-lands img { filter: none; }
.gratitude-opening .gratitude-friend--outside-lands { width: 100%; margin: 0; transform: rotate(.25deg); }
.gratitude-friend--joe-caravello { width: 100%; margin: 0; transform: rotate(.3deg); }
.gratitude > .gratitude-friend--joe-caravello { width: min(42rem, 46vw); margin: 4rem auto 0 7%; }
.gratitude-friend--fraire { width: min(56rem, 62vw); margin: 2rem 6% 8rem auto; transform: rotate(.45deg); }
.gratitude-friend--fraire img { filter: none; box-shadow: 0 2.2rem 5rem rgba(36,28,20,.3); }
.gratitude-friend--fraire figcaption { padding-left: 9%; }
.gratitude-friend--juice { width: min(34rem, 38vw); margin: 3rem 9% 7rem auto; transform: rotate(-.4deg); }
.gratitude-friend--juice img { filter: contrast(1.02); }
.gratitude-mvp-image { position: relative; overflow: hidden; background: #17120d; box-shadow: 0 1.9rem 4.2rem rgba(36,28,20,.26); }
.gratitude-mvp-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(145deg, rgba(190,130,45,.18), rgba(70,105,118,.11) 52%, rgba(139,52,30,.13)); mix-blend-mode: color; }
.gratitude-mvp-image img { filter: contrast(1.08) brightness(.98) sepia(.08); box-shadow: none; }
.gratitude-road-coda { width: min(78rem, 88vw); margin: 2rem auto 9rem; transform: rotate(-.12deg); }
.gratitude-road-coda img { display: block; width: 100%; box-shadow: 0 2rem 4rem rgba(36,28,20,.2); }
.gratitude-road-coda figcaption { margin-top: .8rem; color: rgba(23,21,18,.52); font-size: .5rem; letter-spacing: .18em; }
.gratitude-road-coda figcaption span { margin-right: 1rem; color: var(--signal-on-light); }
.gratitude-road-coda figcaption a { color: inherit; border-bottom: 1px solid rgba(23,21,18,.22); }
.gratitude-road-coda__thanks { max-width: 48rem; margin-top: 1rem; color: rgba(23,21,18,.78); }
.gratitude-road-coda__thanks strong { display: block; font-weight: 500; line-height: 1.65; letter-spacing: .15em; }
.gratitude-road-coda__thanks p { margin: .8rem 0 0; font-family: var(--serif); font-size: clamp(.95rem, 1.25vw, 1.18rem); line-height: 1.55; letter-spacing: 0; text-transform: none; }
.end-transmission { position: absolute; left: 8vw; right: 8vw; bottom: 3rem; display: flex; justify-content: space-between; padding-top: 1rem; border-top: 1px solid rgba(23,21,18,.3); font-size: .55rem; letter-spacing: .16em; }

@media (min-width: 761px) and (max-width: 1399px) {
  .heart-field {
    --heart-inline-safe: clamp(2rem, 5vw, 3.75rem);
    --heart-title-size: clamp(7rem, 15vw, 9rem);
    --heart-collage-tilt: .55deg;
    min-height: 72rem;
  }
  .heart-field__spine { width: min(64vw, 38rem); padding-top: 9.5rem; }
  .heart-field__title { width: 100%; }
  .heart-field__declaration { max-width: min(100%, 22rem); }
  .artifact--hallway {
    width: 100%;
    height: auto;
    inset: auto;
    margin: .75rem 0 0;
    transform: rotate(calc(var(--heart-collage-tilt) * -1));
  }
  .artifact--hallway:hover { transform: rotate(0deg) scale(1.01); }
  .artifact--vocal,
  .artifact--les-paul {
    width: clamp(6rem, 12vw, 11rem);
    height: clamp(7rem, 10vw, 8.5rem);
    top: 9rem;
  }
  .artifact--vocal { left: var(--heart-inline-safe); }
  .artifact--les-paul { right: var(--heart-inline-safe); left: auto; }
  .artifact--duo,
  .artifact--studio-room {
    width: clamp(9rem, 18vw, 13rem);
    top: 47rem;
  }
  .artifact--duo { right: var(--heart-inline-safe); height: 11rem; }
  .artifact--studio-room { left: var(--heart-inline-safe); height: 14rem; }
  .artifact--acoustic,
  .artifact--road-portrait,
  .artifact--live,
  .artifact--record,
  .artifact--tele { display: none; }
  .station-heading--path {
    position: relative;
    z-index: 5;
    top: auto;
    width: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(12rem, .72fr) minmax(22rem, 1.28fr);
    grid-template-rows: auto auto 1fr;
    gap: 1.5rem clamp(2rem, 5vw, 4rem);
    align-items: start;
  }
  .station-heading--path > p { grid-column: 1; grid-row: 1; }
  .station-heading--path > h2 { grid-column: 1; grid-row: 2; }
  .station-heading--path blockquote { max-width: 19rem; }
  .path-youth { position: relative; inset: auto; z-index: 1; grid-column: 1; grid-row: 3; width: min(100%, 15rem); }
  .path-origin-story { position: relative; inset: auto; grid-column: 2; grid-row: 3; width: min(100%, 34rem); }
  .path-origin-radio--heading { position: relative; inset: auto; grid-column: 2; grid-row: 1 / 3; width: min(42%, 13rem); margin-left: auto; }
  .chapter,
  .chapter > *,
  .chapter__copy,
  .chapter__copy > * { min-width: 0; }
  .chapter p,
  .chapter figcaption { overflow-wrap: break-word; word-break: normal; }
  .chapter--discovery { width: 88%; margin: 5rem 0 0 4%; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: 2rem; }
  .chapter--discovery .chapter__number { grid-column: 1; }
  .chapter--discovery .chapter__origin-photo,
  .chapter--discovery .chapter__copy,
  .chapter--discovery .chapter__source-pair { grid-column: 2; grid-row: auto; }
  .chapter--discovery .chapter__origin-photo { width: min(100%, 38rem); margin: 0 0 2.8rem; }
  .chapter--discovery .chapter__copy,
  .chapter--discovery .chapter__copy > p:not(.chapter__reflection) { max-width: 44rem; }
  .chapter--discovery .chapter__source-pair { grid-template-columns: minmax(0, 44rem); justify-content: start; }
  .chapter__copy { position: relative; z-index: 4; }
  .chapter figure,
  .chapter__media { position: relative; z-index: 2; }
  .chapter--sweet-vine,
  .chapter--looking-star,
  .chapter--wooden-revolt,
  .chapter--mkp,
  .chapter--present { width: 88%; margin-left: 4%; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: 2rem; }
  .chapter--sweet-vine .chapter__copy,
  .chapter--sweet-vine .chapter__media,
  .chapter--sweet-vine .chapter__facts,
  .chapter--sweet-vine .chapter__archive-pair,
  .chapter--sweet-vine .chapter__sweet-vine-archive,
  .chapter--sweet-vine .chapter__columbia-team,
  .chapter--sweet-vine .chapter__sweet-vine-curtain,
  .chapter--sweet-vine .chapter__rich-mcculley,
  .chapter--looking-star .chapter__copy,
  .chapter--looking-star .chapter__looking-star-photo,
  .chapter--looking-star .chapter__looking-star-session,
  .chapter--looking-star .chapter__lineup,
  .chapter--looking-star .chapter__looking-star-live,
  .chapter--wooden-revolt .chapter__copy,
  .chapter--wooden-revolt .chapter__wooden-revolt-intro-media,
  .chapter--wooden-revolt .chapter__wooden-revolt-archive,
  .chapter--wooden-revolt .chapter__wooden-revolt-photo--live,
  .chapter--mkp .chapter__solo-portrait,
  .chapter--mkp .chapter__solo-copy,
  .chapter--mkp .solo-live-archive,
  .chapter--mkp .mkp-visual,
  .chapter--present .chapter__copy,
  .chapter--present .chapter__present-dues { grid-column: 2; grid-row: auto; }
  .chapter--sweet-vine .chapter__media { width: min(100%, 34rem); margin-top: 2.5rem; }
  .chapter--looking-star .chapter__looking-star-photo { width: min(100%, 34rem); margin: 0 0 2.5rem; }
  .chapter__sweet-vine-archive { grid-template-columns: minmax(0, .8fr) minmax(0, 1.15fr) minmax(0, .7fr); }
  .chapter__sweet-vine-archive .chapter__memory,
  .chapter__sweet-vine-archive .chapter__airport,
  .chapter__sweet-vine-archive .chapter__demo-tape { width: 100%; min-width: 0; }
  .chapter__rich-mcculley { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .chapter__present-dues { width: min(100%, 36rem); margin-top: 2.5rem; }
  .chapter__wooden-revolt-archive { margin-top: 2.5rem; }
  .chapter__wooden-revolt-intro-media { width: min(100%, 48rem); margin: 0 0 2.5rem; }
  .chapter__wooden-revolt-photo--offset { width: 100%; margin-left: 0; }
  .chapter--jackie { width: 88%; margin-left: 4%; grid-template-columns: 2.5rem minmax(0, 1fr); column-gap: 2rem; }
  .chapter--jackie .chapter__copy,
  .chapter--jackie .chapter__jackie-photo,
  .chapter--jackie .chapter__jackie-ledger,
  .chapter--jackie .chapter__jackie-timeline { grid-column: 2; }
  .chapter--jackie .chapter__number { grid-column: 1; }
  .chapter--jackie .chapter__copy,
  .chapter--jackie .chapter__copy > p:not(.chapter__reflection) { max-width: 44rem; }
  .chapter--jackie .chapter__jackie-photo { grid-row: auto; width: min(100%, 38rem); margin: 2.8rem 0 0; }
  .record-console { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .record-card { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .gratitude-friend--tim,
  .gratitude-friend--robinson,
  .gratitude-friend--dean,
  .gratitude-friend--juice { margin-top: 5rem; }
  .gratitude-copy { position: relative; z-index: 5; }
}

@media (max-width: 760px) {
  :root { --heart-mobile-gutter: clamp(1.15rem, 5.5vw, 1.45rem); --heart-tuner-height: 7.1rem; --heart-content-gutter: var(--heart-mobile-gutter); }
  .heart-tuner { height: var(--heart-tuner-height); padding: .45rem .5rem .7rem; grid-template-columns: minmax(0, 1fr) 3.5rem; gap: .45rem; }
  .heart-tuner__world { display: none; }
  .heart-tuner__face { height: 5.8rem; grid-template-columns: 1fr; }
  .heart-tuner__readout { padding: .35rem .65rem 0; }
  .heart-tuner__home {
    position: absolute;
    z-index: 4;
    top: .28rem;
    right: .45rem;
    display: grid;
    justify-items: end;
    align-content: center;
    min-width: 7.2rem;
    min-height: 2.75rem;
    padding: .35rem .55rem .3rem .8rem;
    border-left: 1px solid rgba(196, 205, 206, .24);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.025));
  }
  .heart-tuner__home b {
    padding-bottom: .18rem;
    border-bottom: 1px solid rgba(196, 205, 206, .38);
    color: var(--text-primary);
    font-size: .52rem;
    font-weight: 500;
    letter-spacing: .19em;
    text-shadow: 0 0 .35rem rgba(196, 205, 206, .14);
  }
  .heart-tuner__home:focus-visible { outline: 1px solid var(--text-primary); outline-offset: 2px; }
  .heart-tuner__scale { --scale-inset: .3rem; grid-template-columns: repeat(5, minmax(0, 1fr)); padding-top: .2rem; padding-bottom: .35rem; }
  .heart-tuner__ticks, .heart-tuner__scale::before { left: .3rem; right: .3rem; }
  .heart-tuner__scale a { gap: .75rem; font-size: .42rem; letter-spacing: .03em; }
  .heart-tuner__knob { width: 3.1rem; height: 3.1rem; }
  .heart-field {
    --heart-title-size: clamp(5.75rem, 27vw, 7rem);
    min-height: 0;
    padding: calc(7.1rem + clamp(1.75rem, 6vw, 2.5rem)) var(--heart-mobile-gutter) clamp(2.5rem, 8vw, 4rem);
    overflow: visible;
  }
  .artifact--vocal,
  .artifact--duo,
  .artifact--les-paul { display: none; }
  .heart-field__spine { width: 100%; padding-top: 0; }
  .heart-field__title { position: relative; order: 1; width: 100%; }
  .heart-field h1 { font-size: var(--heart-title-size); }
  .heart-field__declaration { order: 2; max-width: min(100%, 22rem); margin-top: clamp(.75rem, 3vw, 1rem); }
  .artifact--hallway {
    display: block;
    position: relative;
    order: 3;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    inset: auto;
    margin: clamp(1.25rem, 5vw, 2rem) 0 0;
    transform: rotate(-.35deg);
  }
  .field-note--two { display: none; }
  .enter-path { order: 4; display: grid; margin-top: 1.25rem; }
  .station { min-height: 0; padding: calc(var(--heart-tuner-height) + 1.75rem) var(--heart-mobile-gutter) 5rem; }
  .station-heading h2 { font-size: 5.1rem; }
  .path-story { min-height: auto; }
  .station-heading--path { position: relative; top: 0; width: 100%; min-height: 0; display: flex; flex-direction: column; }
  .station-heading--path > p { order: 1; }
  .station-heading--path > h2 { order: 2; }
  .path-youth { position: relative; order: 3; z-index: 1; top: auto; right: auto; left: auto; align-self: center; width: min(52vw, 13rem); margin: 1.5rem 0 1rem; opacity: .88; }
  .path-origin-story { position: relative; order: 5; z-index: 2; top: auto; left: auto; width: 100%; margin-top: 1.5rem; padding-right: 0; }
  .path-origin-story h3 { font-size: clamp(3rem, 14vw, 4.7rem); }
  .path-origin-radio--heading { position: relative; order: 4; top: auto; left: auto; width: 100%; margin: .5rem 0 1.5rem; transform: rotate(.25deg); }
  .road-line { display: none; }
  .chapter, .chapter:nth-of-type(even) { width: 100%; min-height: 0; margin: 5.5rem 0 0; grid-template-columns: 1fr; gap: .85rem; }
  .chapter--discovery { grid-template-columns: 2rem minmax(0, 1fr); }
  .chapter--discovery .chapter__origin-photo, .chapter--discovery .chapter__copy, .chapter__source-pair { grid-column: 2; grid-row: auto; }
  .chapter--discovery .chapter__origin-photo { width: min(78%, 19rem); margin-left: 0; margin-bottom: 2.4rem; }
  .chapter__source-pair { grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: 2.8rem; }
  .path-origin-radio { width: 100%; margin: 0; }
  .chapter__cassette-origin { margin-top: 1rem; }
  .path-origin-radio::before { display: none; }
  .path-story .chapter--present { margin-left: 0; }
  .chapter--sweet-vine { grid-template-columns: 2rem minmax(0, 1fr); }
  .chapter--sweet-vine .chapter__copy, .chapter--sweet-vine .chapter__media, .chapter__facts, .chapter__archive-pair, .chapter__sweet-vine-archive, .chapter__columbia-team, .chapter__sweet-vine-curtain, .chapter__rich-mcculley { grid-column: 2; }
  .chapter--sweet-vine .chapter__media { grid-row: auto; width: min(100%, 25rem); transform: rotate(.7deg); }
  .chapter__facts { grid-template-columns: 1fr; width: 100%; }
  .chapter__facts div, .chapter__facts div:nth-child(even) { padding: .9rem 0; border-right: 0; }
  .chapter__archive-pair { grid-template-columns: 1fr; gap: 2.4rem; width: 100%; }
  .chapter__archive-pair .chapter__album { width: min(82%, 17rem); }
  .chapter__media--sweet-vine .chapter__picture-disc { width: min(76%, 18rem); margin-top: 3.5rem; }
  .chapter__archive-pair .chapter__mentor { width: min(100%, 24rem); margin-left: auto; }
  .chapter__archive-pair .chapter__kozik-poster { width: min(68%, 13rem); margin: 0 auto; }
  .chapter__sweet-vine-archive { grid-template-columns: 1fr; gap: 2.4rem; width: 100%; margin-left: 0; }
  .chapter__sweet-vine-archive .chapter__memory { grid-column: 1; grid-row: auto; width: min(100%, 17rem); }
  .chapter__sweet-vine-archive .chapter__airport { grid-column: 1; grid-row: auto; width: min(100%, 22rem); margin: 0 0 0 auto; }
  .chapter__sweet-vine-archive .chapter__demo-tape { grid-column: 1; grid-row: auto; width: min(68%, 13rem); margin: 0 auto; }
  .chapter__memory { width: min(72%, 17rem); margin-right: 0; }
  .chapter__columbia-team { width: 100%; margin-top: 4rem; }
  .chapter__sweet-vine-curtain { width: 88%; margin: 4rem 0 0 auto; }
  .chapter__rich-mcculley { grid-template-columns: 1fr; width: 100%; margin-top: 5rem; }
  .chapter:first-of-type { margin-top: 7rem; }
  .chapter--looking-star { width: auto; grid-template-columns: 2rem minmax(0, 1fr); }
  .chapter--looking-star .chapter__copy,
  .chapter--looking-star .chapter__looking-star-photo,
  .chapter--looking-star .chapter__looking-star-session,
  .chapter--looking-star .chapter__lineup,
  .chapter--looking-star .chapter__looking-star-live { grid-column: 2; grid-row: auto; }
  .chapter--looking-star .chapter__looking-star-photo { width: 100%; margin-top: 2.2rem; }
  .chapter__looking-star-session { width: 100%; }
  .chapter__looking-star-live { width: min(78%, 20rem); }
  .path-snapshot { width: 100%; margin: 5rem 0 7rem; }
  .personal-roll { grid-template-columns: 1fr; width: 100%; margin: 6rem 0 8rem; }
  .personal-roll > p, .personal-roll figure { grid-column: 1; transform: none; }
  .personal-roll__solo { width: 74%; margin-left: auto !important; }
  .personal-roll__diner { margin-top: 0 !important; }
  .personal-roll__flyaway { width: 74%; margin: 0 0 0 auto !important; }
  .personal-roll__omansion-pair { grid-template-columns: 1fr; }
  .personal-roll__omansion-evidence { width: 42%; margin: -.5rem 0 0 auto; transform: rotate(.6deg); }
  .chapter--jackie { width: auto; grid-template-columns: 2rem minmax(0, 1fr); }
  .chapter--jackie .chapter__copy, .chapter__jackie-photo, .chapter__jackie-ledger, .chapter__jackie-timeline { grid-column: 2; }
  .chapter--jackie .chapter__jackie-photo { grid-row: auto; width: 100%; margin-top: 2.4rem; transform: rotate(.45deg); }
  .chapter__jackie-ledger { grid-template-columns: 1fr; width: 100%; }
  .chapter__jackie-ledger div, .chapter__jackie-ledger div:nth-child(even) { padding: .85rem 0; border-right: 0; }
  .chapter__jackie-timeline figure { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--nye { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--rothbury { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--first-bus { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--oysterfest { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--dean-delray { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--troubadour { width: 100%; }
  .chapter__jackie-timeline .chapter__artifact--current-band { width: 100%; }
  .chapter__montreal-pair { grid-template-columns: 1fr; }
  .chapter__studio-pair { grid-template-columns: 1fr; }
  .chapter__artifact--conan-2006 .chapter__broadcast-promo { position: relative; top: auto; right: auto; width: min(72%, 15rem); margin: .8rem 0 0 auto; }
  .chapter__big-sur-performance { grid-column: 1; width: 100% !important; margin-bottom: 2rem; }
  .chapter--wooden-revolt { width: auto; grid-template-columns: 2rem minmax(0, 1fr); }
  .chapter--wooden-revolt .chapter__copy, .chapter__wooden-revolt-intro-media, .chapter__wooden-revolt-archive, .chapter__wooden-revolt-photo--live { grid-column: 2; }
  .chapter__wooden-revolt-archive { grid-template-columns: 1fr; margin-top: 2.5rem; gap: 4rem; }
  .chapter__caravan-pair { grid-column: 1; width: 100%; }
  .chapter__wooden-revolt-photo,
  .chapter__wooden-revolt-photo--offset { width: min(90%, 32rem); margin: 0 0 0 auto; }
  .chapter__wooden-revolt-photo--caravan-wide,
  .chapter__wooden-revolt-photo--caravan-portrait,
  .chapter__wooden-revolt-photo--offset { grid-column: 1; grid-row: auto; }
  .chapter__wooden-revolt-photo--caravan-portrait { width: 78%; margin: 1.5rem 0 0 auto; }
  .chapter__wooden-revolt-photo--offset { width: min(92%, 32rem); margin: 0; }
  .chapter__wooden-revolt-intro-media { width: 100%; margin: 0 0 2rem; }
  .chapter__wooden-revolt-photo--live { width: 100%; margin: 3.5rem 0 0; }
  .chapter__gabe-credit { grid-template-columns: minmax(7rem, 10rem) minmax(0, 1fr); margin-left: 0; }
  .chapter--mkp { width: auto; min-height: 0; margin-bottom: 10vh; grid-template-columns: 2rem minmax(0, 1fr); }
  .chapter--mkp .chapter__solo-portrait,
  .chapter--mkp .chapter__solo-copy { grid-column: 2; grid-row: auto; }
  .chapter__solo-portrait { width: min(100%, 34rem); margin-bottom: 2.6rem; }
  .chapter__solo-portrait img { min-height: 0; max-height: none; }
  .mkp-session-photo { grid-column: 2; width: 100%; margin: 2.5rem 0 0; }
  .solo-live-archive { grid-column: 2; }
  .mkp-visual { grid-column: 2; margin: 2rem 0 0 -1rem; width: calc(100% + 1rem); }
  .mkp-panel-frame { padding: .3rem; transform: rotate(.15deg); }
  .mkp-panel-frame::after { inset: .3rem; }
  .chapter img { max-height: 20rem; }
  .solo-live-archive { grid-template-columns: 1fr; gap: 2rem; margin-top: 2.4rem; }
  .solo-live-archive__band { grid-column: 1; }
  .solo-live-archive img,
  .solo-live-archive__band img,
  .solo-live-archive figure:not(.solo-live-archive__band) img { aspect-ratio: auto; max-height: none; }
  .solo-live-archive figure:nth-child(2),
  .solo-live-archive figure:nth-child(3) { transform: none; }
  .catalog { min-height: 0; }
  .listening-room { width: 92vw; margin-top: 4rem; }
  .listening-room__intro { width: auto; margin: 0 0 3rem; }
  .listening-feature,
  .record-console,
  .listening-paths,
  .record-shelf { grid-template-columns: 1fr; }
  .listening-feature h3 { font-size: clamp(3rem, 17vw, 5rem); }
  .mkp-artwork-control { min-height: 6rem; }
  .mkp-artwork-volume { width: min(40%, 9rem); min-width: 7rem; font-size: .39rem; }
  .record-card { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .record-card h3 { min-height: 0; }
  .record-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stream-cover__links { inset: auto 0 0; padding: .45rem; gap: .28rem; opacity: 1; transform: none; background: linear-gradient(0deg, rgba(16,14,12,.92), rgba(16,14,12,.5)); }
  .stream-cover__links span { font-size: .38rem; }
  .stream-cover__links a,
  .record-card .stream-cover__links a { min-height: 1.45rem; padding: .34rem .2rem; font-size: .38rem; }
  .performance-frame { height: 78vh; }
  .performances::after { height: 78vh; }
  .performance-type { top: 8rem; left: 7vw; }
  .performance-type h2 { font-size: 5rem; }
  .live-calendar { width: 100%; margin-top: -3rem; padding: 0 1.4rem 1.4rem; }
  .live-calendar__header { display: block; padding-top: 1.5rem; }
  .live-calendar__header > span { display: block; margin-top: .7rem; }
  .live-date { grid-template-columns: 5.5rem minmax(0, 1fr); gap: .9rem; padding: 1.25rem 0; }
  .live-date__when > strong { font-size: 3.55rem; }
  .live-date__details h4 { font-size: 1.5rem; }
  .live-date__link { grid-column: 2; justify-self: start; min-width: 6.8rem; min-height: 2.45rem; }
  .past-live-dates { width: 100%; margin-top: 4.5rem; }
  .past-live-dates__header { display: block; }
  .past-live-dates__header h3 { margin-top: .35rem; }
  .broadcast-log { margin-top: -3rem; padding: 1.4rem; }
  .live-calendar + .past-live-dates + .broadcast-log,
  .live-calendar + .broadcast-log { margin-top: 4.5rem; }
  .broadcast-log__header { display: block; }
  .broadcast-log__header h3 { margin-top: .55rem; }
  .broadcast-log__entries > div { grid-template-columns: 1fr; gap: .4rem; }
  .broadcast-log small { display: inline-block; margin: .3rem 0 0; }
  .shared-stage-gallery { gap: 4rem; }
  .shared-stage, .shared-stage--harrison, .shared-stage--osborne, .shared-stage--lukas { width: 86vw; margin-right: auto; margin-left: auto; }
  .studio-monitor { width: 92vw; margin-left: 0; }
  .studio-monitor img { height: 20rem; }
  .station-heading--studio { margin-top: 4rem; }
  .console-strip { gap: 2rem; white-space: nowrap; overflow-x: auto; }
  .studio-note { width: auto; margin: 5rem 0 0; grid-template-columns: 1fr; gap: 2rem; }
  .studio-note__intro { grid-template-columns: 1fr; gap: 2rem; }
  .studio-note__intro > p { margin-top: 0; }
  .studio-room-grid { grid-template-columns: repeat(2, minmax(0,1fr)); grid-template-rows: repeat(4, 10rem) 7rem; gap: .4rem; }
  .studio-room-grid__microphone { grid-column: 1; grid-row: 1 / 3; }
  .studio-room-grid__drummer { grid-column: 2; grid-row: 1; }
  .studio-room-grid__organ { grid-column: 2; grid-row: 2; }
  .studio-room-grid__drum-room { grid-column: 1 / 3; grid-row: 3; }
  .studio-room-grid__outboard { grid-column: 1; grid-row: 4; }
  .studio-room-grid__bass { grid-column: 2; grid-row: 4; }
  .studio-room-grid__sienna { grid-column: 1 / 3; grid-row: 5; }
  .studio-ledger { width: 92vw; margin: 5rem 0 0; }
  .studio-ledger ul { grid-template-columns: 1fr; }
  .studio-ledger li, .studio-ledger li:nth-child(3n) { border-right: 0; }
  .studio-ledger__coda { width: auto; }
  .studio-session-collage { width: 92vw; margin: 5rem auto 2rem; grid-template-columns: 1fr; }
  .studio-session-collage__lead { grid-column: 1 / -1; grid-row: auto; }
  .gratitude { min-height: 295rem; }
  .station-heading--gratitude { margin-left: 0; }
  .gratitude-opening { display: block; margin: 4rem 0 0; }
  .gratitude-support { width: 86vw; margin: 5rem 0 0 6%; }
  .gratitude-copy { width: 88vw; margin: 0 0 0 2%; }
  .gratitude-section-label,
  .gratitude-section-label--thanks,
  .gratitude-personal-label { width: 92vw; margin: 6rem 0 0; }
  .gratitude-opening .gratitude-friend--outside-lands { width: 92vw; margin: 4rem 0 0; }
  .gratitude > .gratitude-friend--joe-caravello { width: 92vw; margin: 5rem 0 0; }
  .gratitude .path-snapshot, .gratitude .personal-roll { width: 92vw; margin-left: 0; }
  .gratitude .path-snapshot { margin-top: 3rem; margin-bottom: 6rem; }
  .gratitude .personal-roll { margin-bottom: 7rem; }
  .gratitude-friend { width: 92vw; margin: 5rem 0 0; }
  .gratitude-friend--marty { width: 92vw; margin: 5rem 0 0; }
  .gratitude-friend--fraire { width: 92vw; margin: 6rem 0 7rem; }
  .gratitude-friend--fraire figcaption { padding-left: 0; }
  .gratitude-friend--juice { width: 84vw; margin: 5rem 0 8rem 4vw; }
  .gratitude-road-coda { width: 92vw; margin: 4rem 0 8rem; }
  .end-transmission { bottom: 5rem; gap: 1rem; }

  /* Phone art direction: dense photo bays without desktop-style collisions. */
  .heart-field { min-height: 0; }
  .artifact--acoustic,
  .artifact--road-portrait,
  .artifact--studio-room,
  .artifact--live,
  .artifact--record,
  .artifact--tele { display: none; }

  .heart-field__scatter {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.35rem, 6vw, 2.5rem);
    width: 100%;
    margin-top: 2.25rem;
  }
  .heart-field__scatter .artifact--vocal,
  .heart-field__scatter .artifact--studio-room {
    display: block;
    position: relative;
    inset: auto;
    width: 100%;
    height: clamp(8.5rem, 42vw, 11rem);
  }
  .heart-field__scatter .artifact--vocal { transform: rotate(-1.4deg); }
  .heart-field__scatter .artifact--studio-room { transform: rotate(1.1deg); }

  /* A single reading rail replaces the offset desktop chapter grids. */
  .path-story .chapter,
  .path-story .chapter--discovery,
  .path-story .chapter--sweet-vine,
  .path-story .chapter--looking-star,
  .path-story .chapter--jackie,
  .path-story .chapter--wooden-revolt,
  .path-story .chapter--mkp,
  .path-story .chapter--present {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  .path-story .chapter > * { grid-column: 1 !important; }
  .path-story .chapter__number {
    grid-row: auto;
    width: auto;
    margin: 0 0 .15rem;
    padding: 0;
    white-space: nowrap;
  }
  .path-story .chapter__copy { grid-row: auto; padding-left: 0; }
  .path-story .chapter__copy > p { max-width: none; }

  /* Every station uses the same outer edge; subordinate prose may indent. */
  .listening-room,
  .studio-monitor,
  .studio-note,
  .studio-ledger,
  .studio-session-collage,
  .gratitude-support,
  .gratitude-copy,
  .gratitude-section-label,
  .gratitude-section-label--thanks,
  .gratitude-personal-label,
  .gratitude-friend,
  .gratitude-friend--marty,
  .gratitude-friend--fraire,
  .gratitude-friend--juice,
  .gratitude-road-coda,
  .gratitude .path-snapshot,
  .gratitude .personal-roll,
  .gratitude .personal-roll--lead {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .chapter__archive-pair,
  .chapter__sweet-vine-archive { gap: 1.6rem; }
  .chapter__wooden-revolt-archive { gap: 2.5rem; }
  .chapter__looking-star-session,
  .chapter__looking-star-live,
  .mkp-session-photo,
  .solo-live-archive { margin-top: 2rem; }

  .shared-stage-gallery { gap: 2.75rem; }

  .gratitude-friend,
  .gratitude-friend--marty,
  .gratitude-friend--tim,
  .gratitude-friend--vivino,
  .gratitude-friend--robinson,
  .gratitude-friend--dean,
  .gratitude-friend--outside-lands,
  .gratitude-friend--joe-caravello,
  .gratitude-friend--juice,
  .gratitude-friend--fraire,
  .gratitude-support,
  .gratitude-road-coda { transform: none; }

  .gratitude-friend,
  .gratitude-friend--marty,
  .gratitude-friend--tim,
  .gratitude-friend--vivino,
  .gratitude-friend--robinson,
  .gratitude-friend--dean,
  .gratitude-friend--joe-caravello { margin-top: 3.5rem; }
  .gratitude-friend--juice { margin-top: 3.5rem; margin-bottom: 5rem; }
  .gratitude-friend--fraire { margin-top: 4rem; margin-bottom: 5rem; }

  .gratitude .personal-roll--lead { width: 92vw; margin: 0 0 5rem; }
  .personal-roll--lead .personal-roll__omansion {
    grid-column: 1;
    width: 100%;
    margin: 0 !important;
  }
  .personal-roll__omansion-pair {
    grid-template-columns: minmax(0, 1fr) minmax(5.5rem, 30%);
    gap: .65rem;
    align-items: end;
  }
  .personal-roll__omansion-evidence {
    width: auto;
    margin: 0;
    transform: none;
  }

  .gratitude .personal-roll:not(.personal-roll--lead) { gap: 1.6rem; }
  .gratitude .personal-roll:not(.personal-roll--lead) figure { width: 100%; margin: 0 !important; }
  .gratitude .personal-roll:not(.personal-roll--lead) .personal-roll__solo,
  .gratitude .personal-roll:not(.personal-roll--lead) .personal-roll__flyaway {
    width: 78%;
    margin-left: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* Keep the solo-career portrait beside its narrative on desktop and tablets. */
@media (min-width: 87.5rem) {
    .artifact--vocal {
        left: 1.5rem;
        width: min(6vw, 7rem);
    }

    .chapter--mkp {
        grid-template-columns: 3rem minmax(17rem, 0.72fr) minmax(28rem, 1.28fr);
        align-items: center;
    }

    .chapter--mkp .chapter__solo-copy {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }

    .chapter--mkp .chapter__solo-portrait {
        grid-column: 3;
        grid-row: 1;
        align-self: center;
    }

    .chapter--mkp .chapter__solo-portrait img {
        min-height: 0;
        max-height: 32rem;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
}

/* Launch legibility pass: lift only the microtype tier by roughly 1–2px. */
.heart-tuner__world { font-size: .54rem !important; }
.heart-tuner__readout { font-size: .57rem !important; }
.heart-tuner__readout small { font-size: .42rem !important; }
.heart-tuner__scale::after { font-size: .4rem !important; }
.heart-tuner__scale a { font-size: .52rem !important; }
.heart-tuner__scale a small { font-size: .5rem !important; }
.heart-tuner__knob small { font-size: .37rem !important; }

/* Keep in-page destinations clear of the fixed radio tuner. */
.chapter[id],
.station[id],
#my-radio {
  scroll-margin-top: 7.4rem;
}

@media(max-width:700px) {
  .chapter[id],
  .station[id],
  #my-radio {
    scroll-margin-top: 8.1rem;
  }
}

/* Intrinsic section heights prevent content-dependent reflow from leaving voids. */
.catalog,
.performances,
.studio,
.gratitude { min-height: 0; }

@media (max-width: 760px) {
  .heart-tuner__scale a { min-width: 0; font-size: .48rem !important; letter-spacing: .015em; }
  .heart-tuner__scale a small { font-size: .45rem !important; }
  .artifact--hallway { margin-bottom: 1.5rem; }
}

:where(
  .artifact__caption,
  .path-origin-story__era,
  .chapter__number,
  .chapter__era,
  .chapter dt,
  .personal-roll > p,
  .catalog-list li span,
  .broadcast-log small,
  .production-ledger__heading,
  .production-ledger__subhead,
  .production-ledger span,
  .production-ledger li,
  .studio-ledger span,
  .gratitude-personal-label span,
  .gratitude-personal-label p
) { font-size: .54rem !important; }

:where(
  .channel-code,
  .enter-path,
  .station-heading > p,
  .catalog-list > p,
  .performance-type p,
  .broadcast-log__header p,
  .broadcast-log dt,
  .studio-monitor span,
  .console-strip,
  .studio-ledger__heading,
  .end-transmission
) { font-size: .61rem !important; }

figcaption { font-size: .52rem !important; }
.chapter__gabe-credit figcaption { font-size: .52rem !important; }
.chapter__jackie-photo-stock small { font-size: .47rem !important; }
.record figcaption { font-size: .59rem !important; }

@media (max-width: 760px) {
  :where(
    .artifact__caption,
    .path-origin-story__era,
    .chapter__number,
    .chapter__era,
    .chapter figcaption
  ) { font-size: .625rem !important; line-height: 1.5; }
}