@font-face { font-family: "DM Serif Display"; src: url('/assets/brand/dm-serif-display-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url('/assets/brand/manrope-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url('/assets/brand/manrope-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: Manrope; src: url('/assets/brand/manrope-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }

:root {
  --serif: "DM Serif Display", Georgia, serif;
  --sans: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-display: clamp(44px, 5.3vw, 72px); --fs-hero: var(--t-h1-rubrique); --fs-h1: 48px; --fs-h2: 36px; --fs-h3: 28px; --fs-lead: 18px; --fs-body: 16px; --fs-small: 14px; --fs-micro: 13px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1); --t-react: 240ms; --t-enter: 600ms; --t-grand: 900ms;
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 48px; --s6: 64px; --s7: 80px;
  --ink: #061e4c; --ink-500: #526078; --ink-300: #8a95ab; --line: #d6dce8;
  --navy: #061e4c; --navy-100: #ced5e6; --blue: #284ec5; --blue-dark: #1e3da0; --lav: #b4c4fa; --soft: #edf1fe; --yellow: #ffe14d; --paper: #fff8ee; --cream: #fff8ee; --white: #ffffff;
  --wrap: 1160px; --measure: 40rem; --radius: var(--r-image);
  --u: var(--navy); --u-ink: var(--white); --u-accent: var(--navy);
}
.u-gm { --u: #1f3bc9; --u-ink: #ffffff; --u-accent: #1f3bc9; }
.u-arene { --u: #5655fc; --u-ink: #ffffff; --u-accent: #5655fc; }
.u-ateam { --u: #fff024; --u-ink: #0b0b0d; --u-accent: #c9a800; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--sans); font-size: var(--fs-body); line-height: 1.65; color: var(--ink); background: var(--paper); }
h1, h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; color: var(--ink); margin: 0; text-wrap: balance; }
h1 { font-size: var(--fs-h1); line-height: 1.08; }
h2 { font-size: var(--fs-h2); line-height: 1.12; margin-bottom: var(--s3); }
h3 { font-family: var(--serif); font-weight: 400; font-size: var(--fs-h3); line-height: 1.15; letter-spacing: -0.01em; margin: 0 0 var(--s2); color: var(--ink); }

.picks h3, .hubshows h2, .rv .rt, .epside h2, .formcard h3, .sidehead, .othertopics h2, .hosts h3 { font-family: var(--sans); font-weight: 600; font-size: var(--fs-body); line-height: 1.35; letter-spacing: 0; margin-bottom: var(--s1); }
p { margin: 0 0 1em; text-wrap: pretty; }
ul, ol { margin: 0 0 1em; padding-left: 1.2em; }
li { margin-bottom: 0.35em; }
img, svg { max-width: 100%; display: block; }
img { height: auto; }
strong, b { font-weight: 600; color: var(--ink); }
a { color: var(--blue); text-decoration: none; }
a:hover, a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
button, input, select { font-family: inherit; }
::selection { background: var(--yellow); color: var(--ink); }
[hidden] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.wrap { max-width: calc(var(--wrap) + 2 * var(--s4)); margin: 0 auto; padding: 0 var(--s4); }
@media (max-width: 760px) { .wrap { padding: 0 20px; } }
.measure { max-width: var(--measure); }
section { padding: var(--section-m) 0; }
.intro { display: flex; justify-content: space-between; align-items: end; gap: var(--s4); margin-bottom: var(--s4); }
.intro h2 { margin: 0; }
.intro p { max-width: 370px; font-size: var(--fs-small); color: var(--ink-500); margin: 0; }
section + section { padding-top: 0; }
section[id] { scroll-margin-top: calc(var(--rub) + var(--s2)); }
.lead { font-size: var(--fs-lead); line-height: 1.6; color: var(--ink-500); margin: var(--s2) 0 var(--s4); max-width: 56ch; }
.muted { color: var(--ink-500); }
.mk { color: inherit; }
.num, .meta, .times, .cur, .tot { font-variant-numeric: tabular-nums; }


.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 54px; padding: 0 28px; border-radius: 6px; border: 0; font-weight: 700; font-size: var(--fs-body); line-height: 1.2; cursor: pointer; text-decoration: none; white-space: nowrap; transition: background-color var(--t-react) var(--ease), color var(--t-react) var(--ease); }
.btn:hover { text-decoration: none; }
.btn svg { width: 14px; height: 14px; fill: currentColor; flex: none; }
.btn-b { background: var(--blue); color: var(--white); }
.btn-b:hover, .btn-b:focus-visible { background: var(--blue-dark); color: var(--white); }
.btn-y { background: var(--white); color: var(--ink); }
.btn-y:hover, .btn-y:focus-visible { background: var(--lav); color: var(--ink); }
.btn-u, .btn-t, .btn-tb, .btn-k, .btn-o, .btn-w { background: var(--u); color: var(--u-ink); }
.btn-u:hover, .btn-t:hover, .btn-tb:hover, .btn-k:hover, .btn-o:hover, .btn-w:hover { opacity: 0.92; color: var(--u-ink); }
.arrowlink, .go { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: var(--fs-body); color: var(--blue); }
.arrowlink:hover, .go:hover { color: var(--blue-dark); text-decoration: none; }
.txtlink { color: var(--white); font-weight: 600; font-size: var(--fs-small); text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--lav); }
.ctas { display: flex; gap: var(--s3); flex-wrap: wrap; align-items: center; }


:root { --rub: 52px; }
.rub { position: sticky; top: 0; z-index: 90; background: var(--white); }
.rub .wrap { display: flex; align-items: center; gap: var(--s3); height: var(--rub); }
.rub .home { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-small); font-weight: 700; color: var(--ink); flex: none; margin-right: var(--s1); }
.rub .home .mark { width: 20px; height: 20px; color: var(--ink); }
.rub .home .mark .acc { fill: var(--lav); }
.rub .home:hover { text-decoration: none; }
.rub nav { display: flex; gap: 4px; padding: 4px; background: var(--soft); border-radius: 30px; flex: none; }
.rub nav a { color: var(--ink-500); font-weight: 600; font-size: var(--fs-micro); line-height: 28px; padding: 0 14px; border-radius: 30px; }
.rub nav a[aria-current] { background: var(--ink); color: var(--white); }
.rub nav a:hover { color: var(--ink); text-decoration: none; }
.rub nav a[aria-current]:hover { color: var(--white); }
.rub .search { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-micro); font-weight: 600; color: var(--ink-500); flex: none; }
.rub .search svg { width: 14px; height: 14px; }
.rub .search:hover { text-decoration: none; color: var(--ink); }

.crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: var(--fs-micro); color: var(--ink-500); margin: 0 0 var(--s3); padding: 0; list-style: none; }
.crumbs li { margin: 0; }
.crumbs li + li::before { content: "›"; margin-right: 6px; }
.crumbs a { color: var(--ink-500); }


.hero, .subhead, .showhero, .avishead, .sshero, .cohead, .ephead { padding: var(--s5) 0 0; }
.hero .grid, .showhero .grid { display: grid; grid-template-columns: minmax(0, 1fr) 352px; gap: var(--s6); align-items: center; }
.hero h1 { max-width: 20ch; }
.hero .photo img { width: 100%; max-width: 352px; margin-left: auto; aspect-ratio: 640 / 826; object-fit: cover; border-radius: var(--radius); }
.subhead h1, .avishead h1 { max-width: 20ch; }
.subhead .lead { margin-bottom: 0; }
.showhero .art img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius); }
.showhero .host { font-size: var(--fs-small); color: var(--ink-500); margin: 0 0 var(--s4); }
.stars { color: var(--u-accent); letter-spacing: 1px; }
.showhero .ctas { margin-bottom: var(--s2); }
.listen { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1); margin: 0; padding: 0; list-style: none; }
.listen li { margin: 0; }
.plat { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--white); }
.plat:hover { background: var(--lav); text-decoration: none; }
.plat img { width: 22px; height: 22px; }
.playrow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin: 0; }


.eplist { list-style: none; padding: 0; margin: 0; }
.eplist li { display: grid; grid-template-columns: 72px 1fr; gap: var(--s2); align-items: center; margin: 0; padding: var(--s2) 0; }
.eplist .pic img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--r-image); }
.eplist .pic img.por { border-radius: 50%; }
.eplist .chip { margin-top: 6px; }
.eplist div > a:first-child { font-weight: 600; color: var(--ink); font-size: var(--fs-body); line-height: 1.35; }
.eplist div > a:first-child:hover { color: var(--blue); text-decoration: none; }
.eplist .who, .eplist .meta { display: block; font-size: var(--fs-small); color: var(--ink-500); margin-top: 4px; }
.year { font-family: var(--serif); font-weight: 400; font-size: var(--fs-h2); color: var(--ink); margin: var(--s5) 0 var(--s2); }
.year:first-of-type { margin-top: 0; }
.subsec { padding-top: 0; }
.subsec h2 { margin-bottom: var(--s1); }


.picks, .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s5) var(--s4); list-style: none; padding: 0; margin: 0; }
.picks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s5) var(--s6); }
.epcard { display: grid; grid-template-columns: 72px 1fr; gap: var(--s2); align-items: start; }
.epcard .pic img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--r-image); margin: 0; }
.epcard .pic img.por { border-radius: 50%; }
.epcard .t { display: block; font-size: var(--fs-body); font-weight: 600; line-height: 1.35; color: var(--ink); }
.epcard .t:hover { color: var(--blue); text-decoration: none; }
.epcard .who { display: block; font-size: var(--fs-small); color: var(--ink-500); margin-top: 4px; }
.chip { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 30px; background: var(--soft); color: var(--ink); font-size: var(--fs-micro); font-weight: 600; margin-top: 10px; }
.chip:hover { background: var(--lav); text-decoration: none; color: var(--ink); }
.chip img { max-height: 26px; max-width: 96px; }
.picks li, .cards li { margin: 0; }
.picks .art img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius); margin-bottom: var(--s2); }
.cards { grid-template-columns: repeat(3, 1fr); gap: var(--s4); }
.picks h3 { font-size: var(--fs-body); line-height: 1.35; margin: 0 0 4px; }
.picks h3 a, .cards a { color: var(--ink); }
.picks h3 a:hover { color: var(--blue); text-decoration: none; }
.picks .co { font-weight: 600; font-size: var(--fs-small); margin: 0 0 4px; }
.picks .topic { font-size: var(--fs-small); color: var(--ink-500); margin: 0 0 4px; }
.picks .show, .cards .num { font-size: var(--fs-micro); color: var(--ink-500); margin: 0; }
.cards .num { display: block; margin-top: 6px; }
.epcard .chip + .num { margin-top: 8px; }
.browsehead { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; margin-bottom: var(--s3); }
.browsehead h2 { margin: 0; }
.tools { display: flex; gap: var(--s2); flex-wrap: wrap; }
.tools input, .tools select { font: inherit; font-size: var(--fs-body); color: var(--ink); background: var(--white); border: 0; border-radius: 6px; padding: 0 var(--s2); height: 44px; }
.tools input { width: 280px; max-width: 100%; }
.tools input:focus:not(:focus-visible) { outline: 0; }
.tools select { padding-right: 36px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23141414' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; cursor: pointer; }
.browse .count { font-size: var(--fs-small); color: var(--ink-500); margin: 0 0 var(--s4); }
.browse .empty { margin: var(--s3) 0 0; color: var(--ink-500); }
.moreline { margin: var(--s5) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.browse:not(.is-js) .moreline [data-more] { display: none; }
.archive-link { margin: 0; font-size: var(--fs-small); }
.morelist { display: none; margin: var(--s4) 0 0; }
.js .morelist { display: block; }
.archive-link a { color: var(--ink-500); }


.hero2 { overflow-x: clip; }
.hero2 .inner { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: var(--s6); align-items: center; padding-top: var(--s6); padding-bottom: var(--s4); }
.hero2 h1 { font-size: var(--fs-hero); line-height: 1.08; max-width: 17ch; letter-spacing: -0.02em; }
.hero2 h1 em { font-style: normal; background: linear-gradient(transparent 73%, var(--lav) 73%, var(--lav) 93%, transparent 93%); }
.hero2 .lead { max-width: 50ch; }
.hero2 .txtlink { color: var(--ink); }
.hero2 .proofline { margin-top: var(--s4); color: var(--ink-500); }
.hero2 .proofline b { color: var(--ink); }
.studio { position: relative; aspect-ratio: 4 / 3; width: 100%; max-width: 600px; justify-self: end; }
.studio .sheet { position: absolute; display: block; }
.studio .lav { --r: -4deg; --k: 0; background: var(--lav); inset: -6% -5% 22% 18%; transform: rotate(var(--r)); clip-path: polygon(105.3% 50.0%, 92.7% 76.3%, 67.4% 95.5%, 33.8% 92.1%, 5.7% 77.3%, -8.7% 50.0%, 2.6% 20.8%, 33.9% 8.1%, 65.8% 8.7%, 94.0% 22.9%); }
.studio .ink { --r: 5deg; --k: 1; background: var(--ink); inset: 34% 36% -5% -4%; transform: rotate(var(--r)); clip-path: polygon(105.0% 50.0%, 88.3% 77.2%, 60.1% 98.3%, 26.2% 84.9%, 1.4% 65.0%, -3.9% 33.4%, 25.1% 13.4%, 59.1% 6.3%, 93.1% 19.4%); }
.studio .photo { --k: 2; position: absolute; inset: 4%; display: block; overflow: hidden; clip-path: polygon(108.8% 50.0%, 102.8% 66.3%, 93.5% 81.0%, 79.0% 92.6%, 59.8% 97.0%, 39.8% 98.9%, 21.3% 92.1%, 7.5% 80.2%, -2.9% 66.3%, -8.4% 50.0%, -3.6% 33.5%, 7.0% 19.4%, 21.1% 7.6%, 39.9% 1.4%, 59.9% 2.3%, 77.9% 9.1%, 93.5% 19.1%, 104.1% 33.3%); }
.studio .photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.proofline { display: flex; align-items: center; gap: var(--s2); font-size: var(--fs-small); }
.proofline .plats { display: flex; gap: 6px; flex: none; }
.proofline .plats img { width: 24px; height: 24px; }
.proofline p { margin: 0; line-height: 1.4; }
.proofline b { display: block; }
.pressband { padding: var(--s3) 0 var(--s5); }
.pressband .wrap { display: flex; flex-direction: column; gap: var(--s2); }
.pressband p { margin: 0; font-size: var(--fs-small); color: var(--ink-500); }
.pressband ul { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s3) var(--s5); list-style: none; padding: 0; margin: 0; }
.pressband li { margin: 0; }
.pressband img.dark { filter: brightness(0); opacity: 0.85; }

.marquee { padding: 0 0 var(--s7); overflow: hidden; }
.marquee .wrap p { margin: 0 0 var(--s3); }
.marquee .track { display: flex; width: max-content; animation: marquee 48s linear infinite; }
.marquee:hover .track { animation-play-state: paused; }
.marquee ul { display: flex; align-items: center; gap: var(--s6); list-style: none; padding: 0 var(--s4) 0 0; margin: 0; }
.marquee li { margin: 0; flex: none; }
.marquee a { display: flex; align-items: center; height: 48px; }
@keyframes marquee { to { transform: translateX(-50%); } }
.needsband { padding: var(--s5) 0; }
.homesearch { display: flex; gap: var(--s2); max-width: 640px; margin: 0; }
.homesearch label { flex: 1; }
.homesearch input { width: 100%; font: inherit; font-size: var(--fs-body); color: var(--ink); background: var(--white); border: 0; border-radius: 6px; padding: 0 var(--s2); height: 54px; }
.needs { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s3); margin: var(--s3) 0 0; }
.needs > p:first-child { margin: 0; color: var(--ink-500); }
.needlinks { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); margin: 0; font-weight: 600; font-size: var(--fs-small); }
.hubpods { padding: var(--section-m) 0; }
.hubshows { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s5) var(--s4); list-style: none; padding: 0; margin: 0; }
.hubshows { row-gap: 0; }
.hubshows > li { margin: 0 0 var(--s5); display: grid; grid-row: span 5; grid-template-rows: subgrid; align-content: start; }
.hubshows .art img { width: 100%; max-width: 280px; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius); margin-bottom: var(--s3); }
.hubshows h2 { font-family: var(--sans); font-weight: 700; font-size: var(--fs-h3); margin: 0 0 var(--s1); }
.hubshows h2 a { color: var(--ink); }
.hubshows .line { color: var(--ink-500); margin: 0 0 var(--s2); }
.hubshows .facts { font-size: var(--fs-small); color: var(--ink-500); margin: 0 0 var(--s2); }
.hubshows .label { display: none; }
.wall { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--s4); list-style: none; padding: 0; margin: 0; align-items: center; }
.wall li { margin: 0; }
.wall a { display: flex; align-items: center; height: 48px; }


.love { padding: 0 0 var(--section-m); }
.lovehead { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; margin-bottom: var(--s5); }
.lovehead h2 { margin: 0; }
.wall-love { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s6) var(--s5); list-style: none; padding: 0; margin: 0; }
.rv { margin: 0; }
.rv .stars-img { width: 84px; height: 16px; margin-bottom: var(--s1); }
.rv .rt { font-weight: 700; font-size: var(--fs-body); line-height: 1.35; margin: 0 0 var(--s1); color: var(--ink); }
.rv .tx { font-size: var(--fs-small); line-height: 1.55; margin: 0 0 var(--s1); }
.rv .by { font-size: var(--fs-micro); color: var(--ink-500); margin: 0; }
.love .more { margin: var(--s5) 0 0; }
.lovefull { padding-top: var(--s5); }
.avisnext { margin-top: var(--s7); }
.nextlinks { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); margin: 0; }


.newsletter { background: var(--navy); color: var(--white); padding: var(--section-m) 0; }
.newsletter .grid { display: grid; grid-template-columns: 5fr 6fr; gap: var(--s6); align-items: start; }
.newsletter h2 { color: var(--white); }
.newsletter .lead { color: var(--navy-100); margin-bottom: 0; }
.formcard { margin: 0; }
.formcard h3 { color: var(--white); }
.formcard .sub { font-size: var(--fs-small); color: var(--navy-100); margin: 0 0 var(--s3); }
.fields { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); margin-bottom: var(--s2); }
.field { display: grid; gap: 6px; }
.field label { font-size: var(--fs-micro); font-weight: 600; line-height: 1.5; color: var(--navy-100); }
.field input { font: inherit; font-size: var(--fs-body); height: 54px; padding: 0 var(--s2); border: 0; border-radius: 6px; color: var(--ink); background: var(--white); width: 100%; }
.field input::placeholder { color: var(--ink-300); }
.consent { font-size: var(--fs-micro); color: var(--navy-100); margin: var(--s2) 0 0; line-height: 1.5; }
.hp { position: absolute; left: -9999px; }
.formcard .lbl-wait, .formcard.is-sending .lbl { display: none; }
.formcard.is-sending .lbl-wait { display: inline; }
.formcard .formerr { font-size: var(--fs-small); color: var(--yellow); margin: var(--s2) 0 0; }


.about .measure h2 { margin-top: var(--s6); }
.about .hosts { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s4); margin: 0 0 var(--s3); }
.about .hosts img { width: 96px; height: 96px; object-fit: cover; border-radius: 50%; margin-bottom: var(--s2); }
.about .hosts b { display: block; }
.final h2 { max-width: 24ch; }
.final p { max-width: 56ch; margin-bottom: var(--s4); }


.spicks h2, .browse h2, .sstories h2, .svideos h2, .sabout h2 { margin-bottom: var(--s4); }
.sstories .lead { margin-top: 0; }
.sstories .wall { margin-bottom: var(--s4); }
.vids { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s4); list-style: none; padding: 0; margin: 0 0 var(--s4); }
.vids li { margin: 0; }
.vids a { display: block; color: var(--ink); font-weight: 600; font-size: var(--fs-small); }
.vids a:hover { text-decoration: none; color: var(--blue); }
.vids img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--radius); margin-bottom: var(--s2); }
.svideos .sub { color: var(--ink-500); margin: 0 0 var(--s4); }
.sabout p { color: var(--ink-500); }
.sabout .wrap.measure { max-width: calc(var(--wrap) + 2 * var(--s4)); }
.sabout .wrap.measure > * { max-width: var(--measure); }
.sstories .names { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); list-style: none; padding: 0; margin: 0 0 var(--s4); }
.sstories .names a { font-family: var(--serif); font-size: var(--fs-h3); color: var(--ink); }
.dark .sstories .names a { color: #ffffff; }
.themes { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); margin: 0; }
.themes a { font-weight: 600; font-size: var(--fs-small); }
.othertopics { margin-top: var(--s6); }
.othertopics h2 { font-size: var(--fs-h3); font-family: var(--sans); font-weight: 700; margin-bottom: var(--s2); }
.latest { padding-top: var(--s5); }


.ephead .grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); column-gap: var(--s6); align-items: center; }
.ephead .kick { font-size: var(--fs-small); color: var(--ink-500); margin: 0 0 var(--s2); }
.ephead .kick b { color: var(--u-accent); font-weight: 600; }
.guestline { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 14px; margin: var(--s3) 0 0; font-size: var(--fs-body); }
.ephead .playrow { margin-top: var(--s4); }
.guestline .chip { margin-top: 0; }
.linkedin { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--white); }
.linkedin:hover { background: var(--blue); color: var(--white); text-decoration: none; }
.linkedin svg { width: 14px; height: 14px; fill: currentColor; }
.btn .lbl-pause, body[data-playing] .btn .lbl-play { display: none; }
body[data-playing] .btn .lbl-pause { display: inline; }
.portrait { position: relative; aspect-ratio: 1; width: 100%; max-width: 400px; justify-self: end; }
.portrait .disc { position: absolute; right: 0; top: 0; width: 78%; aspect-ratio: 1; border-radius: 50%; background: var(--lav); }
.portrait img { position: absolute; left: 0; bottom: 0; width: 78%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; }
.portrait.art img { border-radius: var(--radius); }
.wavebox { margin-top: var(--s5); }
.band { position: relative; color: var(--u-accent); }
.band .wave, .bar .line .wave { display: block; width: 100%; height: auto; }
.band .wave.base { opacity: 0.3; }
.band .wave.played, .bar .line .wave.played { position: absolute; inset: 0; height: 100%; clip-path: inset(0 calc(100% - var(--p, 0%)) 0 0); }
.band .wave .mk, .bar .line .wave .mk { fill: var(--paper); }
.band .head { position: absolute; top: -8px; bottom: -8px; left: var(--p, 0%); width: 2px; margin-left: -1px; background: var(--ink); opacity: 0; }
body[data-playing] .band .head { opacity: 1; }

.chapline ol { position: relative; height: 1px; margin: var(--s2) 0 32px; padding: 0; list-style: none; }
.chapline li { position: absolute; top: 0; left: var(--x, 0); width: 0; margin: 0; }
.chapline li::before { content: ""; position: absolute; left: 0; top: 6px; width: 1px; height: 8px; background: var(--u-accent); }
.chapline a { position: absolute; left: 0; top: 0; display: block; padding: 14px 0 0 8px; white-space: nowrap; font-size: var(--fs-micro); line-height: 1.35; color: var(--ink-500); }
.chapline li.g a { left: auto; right: 0; padding: 14px 8px 0 0; }
.chapline li.sh a { left: -8px; width: 17px; height: 24px; padding: 0; }
.chapline li.sh .tc { display: none; }
.chapline li.p0 { --x: 0%; }
.chapline li.p1 { --x: 1%; }
.chapline li.p2 { --x: 2%; }
.chapline li.p3 { --x: 3%; }
.chapline li.p4 { --x: 4%; }
.chapline li.p5 { --x: 5%; }
.chapline li.p6 { --x: 6%; }
.chapline li.p7 { --x: 7%; }
.chapline li.p8 { --x: 8%; }
.chapline li.p9 { --x: 9%; }
.chapline li.p10 { --x: 10%; }
.chapline li.p11 { --x: 11%; }
.chapline li.p12 { --x: 12%; }
.chapline li.p13 { --x: 13%; }
.chapline li.p14 { --x: 14%; }
.chapline li.p15 { --x: 15%; }
.chapline li.p16 { --x: 16%; }
.chapline li.p17 { --x: 17%; }
.chapline li.p18 { --x: 18%; }
.chapline li.p19 { --x: 19%; }
.chapline li.p20 { --x: 20%; }
.chapline li.p21 { --x: 21%; }
.chapline li.p22 { --x: 22%; }
.chapline li.p23 { --x: 23%; }
.chapline li.p24 { --x: 24%; }
.chapline li.p25 { --x: 25%; }
.chapline li.p26 { --x: 26%; }
.chapline li.p27 { --x: 27%; }
.chapline li.p28 { --x: 28%; }
.chapline li.p29 { --x: 29%; }
.chapline li.p30 { --x: 30%; }
.chapline li.p31 { --x: 31%; }
.chapline li.p32 { --x: 32%; }
.chapline li.p33 { --x: 33%; }
.chapline li.p34 { --x: 34%; }
.chapline li.p35 { --x: 35%; }
.chapline li.p36 { --x: 36%; }
.chapline li.p37 { --x: 37%; }
.chapline li.p38 { --x: 38%; }
.chapline li.p39 { --x: 39%; }
.chapline li.p40 { --x: 40%; }
.chapline li.p41 { --x: 41%; }
.chapline li.p42 { --x: 42%; }
.chapline li.p43 { --x: 43%; }
.chapline li.p44 { --x: 44%; }
.chapline li.p45 { --x: 45%; }
.chapline li.p46 { --x: 46%; }
.chapline li.p47 { --x: 47%; }
.chapline li.p48 { --x: 48%; }
.chapline li.p49 { --x: 49%; }
.chapline li.p50 { --x: 50%; }
.chapline li.p51 { --x: 51%; }
.chapline li.p52 { --x: 52%; }
.chapline li.p53 { --x: 53%; }
.chapline li.p54 { --x: 54%; }
.chapline li.p55 { --x: 55%; }
.chapline li.p56 { --x: 56%; }
.chapline li.p57 { --x: 57%; }
.chapline li.p58 { --x: 58%; }
.chapline li.p59 { --x: 59%; }
.chapline li.p60 { --x: 60%; }
.chapline li.p61 { --x: 61%; }
.chapline li.p62 { --x: 62%; }
.chapline li.p63 { --x: 63%; }
.chapline li.p64 { --x: 64%; }
.chapline li.p65 { --x: 65%; }
.chapline li.p66 { --x: 66%; }
.chapline li.p67 { --x: 67%; }
.chapline li.p68 { --x: 68%; }
.chapline li.p69 { --x: 69%; }
.chapline li.p70 { --x: 70%; }
.chapline li.p71 { --x: 71%; }
.chapline li.p72 { --x: 72%; }
.chapline li.p73 { --x: 73%; }
.chapline li.p74 { --x: 74%; }
.chapline li.p75 { --x: 75%; }
.chapline li.p76 { --x: 76%; }
.chapline li.p77 { --x: 77%; }
.chapline li.p78 { --x: 78%; }
.chapline li.p79 { --x: 79%; }
.chapline li.p80 { --x: 80%; }
.chapline li.p81 { --x: 81%; }
.chapline li.p82 { --x: 82%; }
.chapline li.p83 { --x: 83%; }
.chapline li.p84 { --x: 84%; }
.chapline li.p85 { --x: 85%; }
.chapline li.p86 { --x: 86%; }
.chapline li.p87 { --x: 87%; }
.chapline li.p88 { --x: 88%; }
.chapline li.p89 { --x: 89%; }
.chapline li.p90 { --x: 90%; }
.chapline li.p91 { --x: 91%; }
.chapline li.p92 { --x: 92%; }
.chapline li.p93 { --x: 93%; }
.chapline li.p94 { --x: 94%; }
.chapline li.p95 { --x: 95%; }
.chapline li.p96 { --x: 96%; }
.chapline li.p97 { --x: 97%; }
.chapline li.p98 { --x: 98%; }
.chapline li.p99 { --x: 99%; }
.chapline li.p100 { --x: 100%; }
.chapline a:hover, .chapline li.on a { color: var(--ink); text-decoration: none; }
.chapline .tc { display: block; color: var(--u-accent); font-weight: 700; margin-bottom: 2px; font-variant-numeric: tabular-nums; }
.chaplist { display: none; }
.epbody { display: grid; grid-template-columns: minmax(0, 1fr) 352px; column-gap: var(--s6); align-items: start; margin-top: var(--s5); }
.notes { max-width: var(--measure); }

.notes .video { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; margin: 0 0 var(--s4); border-radius: var(--radius); overflow: hidden; background: #000000; }
.notes .video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.chapters { list-style: none; padding: 0; margin: 0 0 var(--s3); }
.chapters li { display: grid; grid-template-columns: 56px 1fr; gap: var(--s2); margin: 0; padding: 10px 0; }
.chapters a { color: var(--u-accent); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.eplinks { margin-top: var(--s5); }
.eplinks h2 { margin-bottom: var(--s2); }
.eplinks ul { list-style: none; padding: 0; margin: 0; }
.eplinks .cited li { margin: 0 0 var(--s1); }
.epside { position: sticky; top: calc(var(--rub) + var(--s3)); }
.epside h2 { font-family: var(--sans); font-weight: 700; font-size: var(--fs-body); margin-bottom: var(--s2); }
.epside .eplist li { grid-template-columns: 56px 1fr; gap: var(--s2); padding: 10px 0; }
.epside .eplist .pic img { width: 56px; height: 56px; border-radius: var(--r-image); }
.epside .eplist .pic img.por { border-radius: 50%; }
.epside .eplist div > a:first-child { font-size: var(--fs-small); }
.epside .eplist .who { font-size: var(--fs-micro); margin-top: 2px; }
.epside .eplist li { align-items: start; }
.epside .further { margin-top: var(--s5); }
.epside .further p { font-size: var(--fs-small); color: var(--ink-500); }
.nextsec { padding: var(--section-m) 0; }
.pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s3) var(--s5); margin: 0 0 var(--s5); padding: 0; list-style: none; }
.pair li { margin: 0; }
.pair a { display: block; font-weight: 600; color: var(--ink); font-size: var(--fs-body); line-height: 1.35; }
.pair a:hover { color: var(--blue); text-decoration: none; }
.pair .dir { display: block; font-size: var(--fs-micro); font-weight: 400; color: var(--ink-500); margin-bottom: 4px; }
.nextsec .story { display: grid; grid-template-columns: 120px 1fr; gap: var(--s3); align-items: center; }
.nextsec .story img { max-height: 40px; width: auto; max-width: 120px; }
.nextsec .story b { display: block; margin-bottom: 4px; }


.bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: var(--u); color: var(--u-ink); transform: translateY(100%); transition: transform var(--t-enter) var(--ease); }
.bar.is-on, .bar[data-playing] { transform: none; }
body.bar-on { padding-bottom: 64px; }
.bar .wrap { display: grid; grid-template-columns: auto 1fr auto; gap: var(--s2); align-items: center; height: 64px; }
.bar .play { width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--u-ink); color: var(--u); cursor: pointer; display: grid; place-items: center; padding: 0; }
.bar .play svg { width: 16px; height: 16px; fill: currentColor; }
.bar .play .pause, .bar[data-playing] .play .go { display: none; }
.bar[data-playing] .play .pause { display: block; }
.bar .track { min-width: 0; }
.bar .title { font-size: var(--fs-small); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 6px; }
.bar .line { position: relative; height: 24px; cursor: pointer; color: var(--u-ink); }
.bar .line .wave.base { opacity: 0.35; }
.bar .times { font-size: var(--fs-micro); white-space: nowrap; margin: 0; }
.bar audio { display: none; }
html:not(.js) .bar:not([data-js]) { transform: none; }
html:not(.js) .bar:not([data-js]) .play, html:not(.js) .bar:not([data-js]) .line, html:not(.js) .bar:not([data-js]) .times, html:not(.js) .bar:not([data-js]) .title { display: none; }
@property --p { syntax: "<percentage>"; inherits: true; initial-value: 0%; }
.band.jump, .bar.jump { transition: --p var(--t-enter) var(--ease); }
html:not(.js) .bar:not([data-js]) audio { display: block; width: 100%; }
html:not(.js) .bar:not([data-js]) .wrap { grid-template-columns: 1fr; }


.storyfeed { padding: var(--s6) 0 0; }
.storyfeed h2 { margin-bottom: var(--s4); }
.feedcards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s6) var(--s4); }
.feedcards li { margin: 0; }
.feedcards a { display: flex; flex-direction: column; gap: var(--s2); color: var(--ink); }
.feedcards a:hover { text-decoration: none; }
.feedcards a:hover .ttl { text-decoration: underline; text-underline-offset: 3px; }
.feedcards .art img { width: 100%; height: auto; border-radius: var(--radius); }

.logotile { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: var(--cream); border-radius: var(--radius); }
.logotile img { display: block; max-width: 62%; height: auto; }
.feedcards .ttl { font-family: var(--serif); font-size: var(--fs-h2); line-height: 1.18; }
.feedcards .lede { font-size: var(--fs-small); line-height: 1.55; color: var(--ink-500); }
.feedcards .kicker, .feedcards .foot, .feedcards .go { display: none; }
.feedcards .people { display: flex; align-items: center; gap: var(--s2); }
.feedcards .names { font-size: var(--fs-micro); line-height: 1.4; color: var(--ink-500); }
.feedcards.journal li.une { grid-column: 1 / -1; }
.feedcards.journal li.une a { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); column-gap: var(--s6); row-gap: var(--s2); align-items: start; }
.feedcards.journal li.une .art { grid-row: 1 / span 4; }
.feedcards.journal li.une .ttl { font-size: var(--fs-h1); line-height: 1.1; }
.feedcards.journal li.une .lede { font-size: var(--fs-body); }
.avstack { display: flex; flex: none; }
.avstack img, .avstack .ini { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-left: -10px; outline: 3px solid var(--white); background: var(--navy); flex: none; }
.avstack img:first-child, .avstack .ini:first-child { margin-left: 0; }
.avstack .ini { display: grid; place-items: center; color: var(--white); font-size: var(--fs-micro); font-weight: 600; }
.avstack .face { position: relative; display: block; margin-left: -10px; }
.avstack .face:first-child { margin-left: 0; }
.avstack .face img, .avstack .face .ini { margin-left: 0; }
.avstack .tip { display: none; }

.sshero .crumbs { margin-bottom: var(--s4); }
.sshero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); gap: var(--s6); align-items: start; }
.sshero h1 { max-width: 18em; }
.sshero .lead { max-width: 36em; }
.sshero .lead + .lead-suite { margin-top: calc(-1 * var(--s2)); font-size: var(--fs-body); }
.sujets { margin: 0; font-size: var(--fs-small); line-height: 1.6; color: var(--ink-500); max-width: 40em; }
ul.sujets { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s1) var(--s2); }
ul.sujets li { margin: 0; padding: 4px 12px; border-radius: 30px; background: var(--soft); color: var(--ink); font-size: var(--fs-micro); font-weight: 600; }
.dark ul.sujets li { background: #ffffff; }
ul.sujets li::before { content: ""; }
.sshero .sujets { margin: 0 0 var(--s4); }
.ssguestline { display: flex; align-items: center; gap: var(--s2); margin: 0; font-size: var(--fs-small); line-height: 1.5; color: var(--ink-500); }
.ssguestline > span:last-child { white-space: nowrap; }
.today .sart { display: block; width: 100%; height: auto; border-radius: var(--radius); }
.today .tlogo { display: block; max-width: 280px; height: auto; }
.today .tname { display: block; font-family: var(--serif); font-size: var(--fs-h1); color: var(--ink); }
.figband { padding: var(--s6) 0 0; }
.figband .tfigs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); max-width: var(--wrap); }
.figband .tfigs li { margin: 0; }
.figband .tfigs b { display: block; font-family: var(--serif); font-size: var(--fs-display); line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.figband .tfigs span { display: block; margin-top: var(--s1); font-size: var(--fs-small); color: var(--ink-500); }
.filmobwrap { display: none; }
.storyart { padding: var(--s6) 0 var(--section-m); }
.storygrid { display: grid; grid-template-columns: minmax(0, var(--measure)) 280px; gap: var(--s7); align-items: start; }
.storybody h2 { scroll-margin-top: calc(var(--rub) + var(--s3)); }

.notes .quote figcaption, .storybody .quote figcaption { display: flex; align-items: center; gap: var(--s2); }
.notes .quote figcaption img, .storybody .quote figcaption img { width: 40px; height: 40px; border-radius: 50%; flex: none; }
.notes .quote figcaption b, .storybody .quote figcaption b { display: block; }
.notes .quote figcaption span span, .storybody .quote figcaption span span { display: block; }
.storybody .figsrc { margin-top: var(--s5); font-size: var(--fs-micro); color: var(--ink-500); }
.epembed { margin: var(--s5) 0 var(--s6); }
.epembed .am { display: block; width: 100%; height: 150px; border: 0; border-radius: var(--radius); background: var(--white); clip-path: inset(2px round 8px); }
.epembed figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px var(--s2); margin-top: var(--s2); font-size: var(--fs-small); color: var(--ink-500); }
.epembed figcaption a { font-weight: 600; white-space: nowrap; }
.epembed .sujets { margin-top: var(--s2); }
.epfallback { display: flex; gap: var(--s2); align-items: center; color: var(--ink); }
.epfallback img { width: 72px; height: 72px; border-radius: 8px; }
.storyside { position: sticky; top: calc(var(--rub) + var(--s3)); }
.sidehead { font-family: var(--sans); font-weight: 700; font-size: var(--fs-h3); margin: 0 0 var(--s2); }
.filwrap { display: block; }
.filtrack { display: none; }
.filtrack i { position: absolute; left: 0; top: 0; width: 100%; height: 0; border-radius: 2px; background: var(--u-accent); }
.sidelist { list-style: none; padding: 0; margin: 0; }
.sidelist li { margin: 0; }
.sidelist a { display: block; padding: 10px 0; font-size: var(--fs-small); line-height: 1.45; color: var(--ink-500); font-weight: 600; }
.sidelist li.on a { color: var(--ink); }
.sidelist a:hover { color: var(--blue); text-decoration: none; }
.sidelist .y { display: block; font-size: var(--fs-micro); font-weight: 400; margin-top: 2px; }
.hovercover { display: none; }
.chapbar { display: none; }
.storynext { padding: var(--section-m) 0 var(--s7); }
.snrel h2 { margin-bottom: var(--s4); }
.relcards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5) var(--s4); }
.relcards li { margin: 0; }
.relcards a { display: flex; flex-direction: column; gap: var(--s2); color: var(--ink); }
.relcards a:hover { text-decoration: none; }
.relcards a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.relcards .art img { width: 100%; height: auto; border-radius: var(--radius); }
.relcards b { font-family: var(--serif); font-weight: 400; font-size: var(--fs-h3); line-height: 1.25; }
.companies h2 { margin-bottom: var(--s4); }
.stories { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--s4); list-style: none; padding: 0; margin: 0; }
.stories li { margin: 0; }
.stories li[hidden] { display: none; }
.stories a { display: flex; flex-direction: column; gap: 6px; color: var(--ink); }
.stories a:hover { text-decoration: none; }
.stories .tile { display: flex; align-items: center; height: 48px; margin-bottom: 4px; }
.stories .tile img { max-height: 40px; width: auto; max-width: 100%; }
.stories .nm { font-family: var(--serif); font-size: var(--fs-h3); }
.stories b { font-size: var(--fs-small); }
.stories .meta { font-size: var(--fs-micro); color: var(--ink-500); }
.companies .more { margin-top: var(--s4); }
.formations3 h2 { margin-bottom: var(--s2); }
.formations3 .lead { margin-bottom: var(--s5); }
.formations3 ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); }
.formations3 li { margin: 0; }
.formations3 a { display: flex; flex-direction: column; gap: var(--s2); color: var(--ink); }
.formations3 a:hover { text-decoration: none; }
.formations3 a:hover b { color: var(--blue); }
.formations3 .ill { display: flex; align-items: flex-end; height: 112px; }
.formations3 img { display: block; width: auto; max-width: 100%; height: 100%; }
.formations3 b { font-size: var(--fs-body); }
.cohead h1 { max-width: 18em; }
.cohead .colog { max-width: 220px; height: auto; margin-bottom: var(--s3); }
.timeline-sec { padding-top: var(--s5); }
.trajectory { list-style: none; padding: 0; margin: 0; }
.trajectory > li { display: grid; grid-template-columns: 120px 1fr; gap: var(--s3); margin: 0; padding: var(--s3) 0; }
.trajectory .year { margin: 0; }
.voicesline { margin-top: var(--s3); }
.voices { list-style: none; padding: 0; margin: 0; }
.voices li { margin: 0 0 4px; font-size: var(--fs-small); color: var(--ink-500); }


.kpal { position: fixed; inset: 0; z-index: 100; background: rgba(40, 44, 75, 0.72); display: grid; place-items: start center; padding: 12vh var(--s2) 0; }
.kpal[hidden] { display: none; }
html.kpal-open { overflow: hidden; }
.kbox { width: min(640px, 100%); background: var(--white); border-radius: var(--radius); overflow: hidden; }
.kbox input { width: 100%; border: 0; outline: 0; padding: var(--s3) var(--s4); font: 600 var(--fs-lead) var(--sans); color: var(--ink); background: var(--white); -webkit-appearance: none; appearance: none; }
.kbox ol { list-style: none; margin: 0; padding: 0 var(--s2) var(--s1); max-height: 52vh; overflow: auto; }
.kbox li { margin: 0; }
.kbox li a { display: grid; grid-template-columns: 48px 1fr; gap: var(--s2); align-items: center; padding: 10px var(--s2); border-radius: 8px; color: var(--ink); }
.kbox li a:hover, .kbox li.sel a { text-decoration: none; background: var(--soft); }
.kbox li img { width: 48px; height: 48px; border-radius: var(--r-image); object-fit: cover; }
.kbox li img[src$=".svg"] { object-fit: contain; padding: 6px; }
.kbox li b { display: block; font-weight: 600; font-size: var(--fs-small); line-height: 1.3; }
.kbox li a > span > span { font-size: var(--fs-micro); color: var(--ink-500); }
.kbox li.none { padding: var(--s2); font-size: var(--fs-small); color: var(--ink-500); }
.khint { display: flex; justify-content: space-between; gap: var(--s2); flex-wrap: wrap; margin: 0; padding: var(--s2) var(--s4); font-size: var(--fs-micro); color: var(--ink-500); background: var(--soft); }
.khint a { font-weight: 600; }


body.dark { background: #0b0b0d; color: #e8e8e6; --u-accent: #fff024; --cream: #1a1a1e; --line: #2a2a2e; }
.dark h1, .dark h2, .dark h3, .dark strong, .dark b, .dark .year, .dark .rub .home, .dark .eplist div > a:first-child, .dark .picks h3 a, .dark .cards a, .dark .pair a, .dark .listen a, .dark .relcards a, .dark .stories a, .dark .feedcards a, .dark .formations3 a, .dark .epfallback, .dark .sidelist li.on a, .dark .today .tname { color: #ffffff; }
.dark .muted, .dark .lead, .dark .crumbs, .dark .crumbs a, .dark .epmeta, .dark .eplist .who, .dark .eplist .meta, .dark .picks .topic, .dark .picks .show, .dark .cards b, .dark .cards .num, .dark .rv .by, .dark .pair .dir, .dark .showhero .host, .dark .hubshows .line, .dark .browse .count, .dark .archive-link a, .dark .rub nav a, .dark .sabout p, .dark .svideos .sub, .dark .epside .further p, .dark .sidelist a, .dark .notes .muted, .dark .listen { color: #b5b5b0; }
.dark .rub { background: #0b0b0d; }
.dark .rub nav { background: #1f1f24; }
.dark .rub nav a[aria-current] { background: #fff024; color: #141414; }
.dark .rub .home .mark .acc { fill: #fff024; }
.dark .rub .home, .dark .rub .home .mark { color: #ffffff; }
.dark .rub .search { color: #ffffff; }
.dark a, .dark .arrowlink, .dark .go, .dark .notes a, .dark .themes a, .dark .needlinks a { color: #fff024; }
.dark .arrowlink:hover, .dark .go:hover { color: #ffffff; }
.dark .tools input, .dark .tools select, .dark .homesearch input { color: var(--ink); }
.dark .btn-u, .dark .btn-u:hover, .dark .btn-t, .dark .btn-tb { color: #0b0b0d; }
.dark .btn-b { background: #fff024; color: #141414; }
.dark .btn-b:hover { background: #ffffff; color: #141414; }
.dark .newsletter .btn-b { background: var(--blue); color: var(--white); }
.dark .bar { background: #fff024; color: #141414; }
.dark .bar .play { background: #141414; color: #fff024; }
.dark .bar .line { color: #141414; }

.bar[data-show="growthmakers"] { --u: #1f3bc9; --u-ink: #ffffff; }
.bar[data-show="dans-larene"] { --u: #5655fc; --u-ink: #ffffff; }
.bar[data-show="a-team"] { --u: #fff024; --u-ink: #141414; }
.dark .bar[data-show] { background: var(--u); color: var(--u-ink); }
.dark .bar[data-show] .play { background: var(--u-ink); color: var(--u); }
.dark .bar[data-show] .line { color: var(--u-ink); }

.dark .notes .quote figcaption { color: #b5b5b0; }
.dark a.chip, .dark .plat { background: #ffffff; color: var(--ink); }
.dark a.chip:hover, .dark .plat:hover { background: #fff024; color: #141414; }
.dark .linkedin { background: #fff024; color: #141414; }
.dark .portrait .disc { background: #fff024; }
.dark .band .wave .mk, .dark .bar .line .wave .mk { fill: #0b0b0d; }
.dark .band .head { background: #ffffff; }
.dark .band .wave.base { opacity: 0.5; }
.dark .kick, .dark .guestline, .dark .epcard .who, .dark .chapline a { color: #b5b5b0; }
.dark .epcard .t, .dark .guestline strong, .dark .chapline li.on a { color: #ffffff; }

@media (max-width: 960px) {
  :root { --fs-display: 44px; --fs-h1: 34px; --fs-h2: 28px; --fs-h3: 24px; --fs-lead: 16px; --s7: 48px; }
  .wrap { padding: 0 20px; }
  :root { --rub: 48px; }
  .rub .wrap { gap: var(--s1); }
  .rub .home { margin-right: 0; }
  .rub .home span, .rub .search span { display: none; }
  .rub nav a { padding: 0 10px; line-height: 26px; }
  .hero .grid, .showhero .grid, .ephead .grid, .epbody, .newsletter .grid, .sshero-grid, .storygrid, .hero2 .inner, .about .hosts, .pair, .nextsec .story { grid-template-columns: 1fr; }
  .intro { flex-direction: column; align-items: start; gap: var(--s2); }
  .hero .photo { display: none; }
  .studio { max-width: 100%; justify-self: start; }
  .portrait { max-width: 280px; justify-self: start; margin-top: var(--s4); }
  .chapline { display: none; }
  .chaplist { display: block; }
  .band { margin-top: var(--s4); }
  .picks { grid-template-columns: 1fr; }
  .marquee ul { gap: var(--s4); }
  .showhero .grid { grid-template-columns: minmax(0, 1fr) 96px; gap: var(--s2); align-items: start; }
  .showhero .art { margin-top: var(--s5); }
  .hero2 .inner { padding-top: var(--s5); padding-bottom: var(--s6); }
  .hubshows { grid-template-columns: 1fr; }
  .hubshows .art img { max-width: 200px; }
  .wall { grid-template-columns: repeat(3, 1fr); gap: var(--s3) var(--s2); }
  .wall-love, .vids, .stories, .feedcards, .relcards, .formations3 ul, .figband .tfigs { grid-template-columns: repeat(2, 1fr); gap: var(--s4) var(--s2); }
  .cards { grid-template-columns: 1fr; gap: var(--s3); }
  .feedcards { grid-template-columns: 1fr; }
  .feedcards.journal li.une a { display: flex; flex-direction: column; }
  .feedcards .art, .feedcards .art img, .relcards .art img { width: 100%; max-width: 100%; }
  .feedcards.journal li.une .ttl { font-size: var(--fs-h2); }
  .fields { grid-template-columns: 1fr; }
  .epside { position: static; margin-top: var(--s6); }
  .storyside { display: none; }
  .filmobwrap { display: block; margin: 0 auto var(--s5); }
  .filmob summary { cursor: pointer; padding: var(--s2) 0; font-weight: 600; color: var(--ink); list-style-position: inside; }
  .filmob ol { margin: 0; padding: 0 0 0 var(--s3); }
  .filmob li { margin: 0; }
  .filmob a { display: block; padding: 10px 0; color: var(--ink); }
  .today { order: -1; }
  .today .tlogo { max-width: 200px; }
  .ssguestline { flex-wrap: wrap; row-gap: var(--s1); }
  .ssguestline > span:last-child { white-space: normal; flex-basis: 100%; }
  .pressband ul { gap: var(--s2) var(--s3); }
  .pressband img { max-height: 24px; width: auto; }
  .tools, .tools label, .tools input, .tools select { width: 100%; }
  .browsehead { flex-direction: column; align-items: stretch; }
  .homesearch { flex-direction: column; }
  .bar .times { display: none; }
  .trajectory > li { grid-template-columns: 1fr; gap: var(--s2); }
}
@media (max-width: 560px) {
  .btn { height: auto; min-height: 54px; max-width: 100%; padding: 8px 20px; white-space: normal; text-align: center; }
  .wall-love, .vids, .relcards, .formations3 ul, .figband .tfigs { grid-template-columns: 1fr; }
  .epcard { grid-template-columns: 56px 1fr; } .epcard .pic img { width: 56px; height: 56px; }
  .stories { grid-template-columns: repeat(3, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
  .marquee .track { animation: none; flex-wrap: wrap; width: auto; }
  .marquee ul[aria-hidden] { display: none; }
}


.hubstories .wall { margin: var(--s4) 0; }
.hosts .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s5); margin-bottom: var(--s4); }
.hosts .host { display: grid; grid-template-columns: 96px 1fr; gap: var(--s3); align-items: start; }
.hosts img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
@media (max-width: 960px) { .hosts .grid { grid-template-columns: 1fr; } }


@keyframes up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes settle { from { opacity: 0; transform: translateY(36px) rotate(calc(var(--r, 0deg) + 7deg)); } to { opacity: 1; transform: translateY(0) rotate(var(--r, 0deg)); } }
@keyframes sweep { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.js .hero2 .txt > *, .js .ephead .txt > *, .js .ephead .crumbs { animation: up var(--t-enter) var(--ease) both; animation-delay: calc(var(--k, 0) * 90ms + 60ms); }
.hero2 .txt > :nth-child(2), .ephead .txt > :nth-child(2) { --k: 1; } .hero2 .txt > :nth-child(3), .ephead .txt > :nth-child(3) { --k: 2; } .hero2 .txt > :nth-child(4), .ephead .txt > :nth-child(4) { --k: 3; }
.js .studio > * { animation: settle var(--t-grand) var(--ease) both; animation-delay: calc(var(--k, 0) * 90ms + 140ms); }
.js .portrait .disc { animation: settle var(--t-grand) var(--ease) both; animation-delay: 60ms; }
.js .portrait img { animation: up var(--t-grand) var(--ease) both; animation-delay: 180ms; }
.js .band .wave.base { animation: sweep var(--t-grand) var(--ease) both; animation-delay: 240ms; }
.js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity var(--t-enter) var(--ease), transform var(--t-enter) var(--ease); transition-delay: calc(var(--n, 0) * 70ms); }
.js [data-reveal].in { opacity: 1; transform: none; }
.epcard .pic img, .eplist .pic img, .hubshows .art img, .picks .art img { transition: transform var(--t-react) var(--ease); }
.epcard:hover .pic img, .eplist li:hover .pic img { transform: scale(1.06); }
.hubshows li:hover .art img { transform: scale(1.02); }
.chip, .plat, .linkedin, .wall a, .marquee a, .stories a { transition: transform var(--t-react) var(--ease), background-color var(--t-react) var(--ease); }
.wall a:hover, .marquee a:hover, .linkedin:hover { transform: translateY(-2px); }
.arrowlink span, .go span { display: inline-block; transition: transform var(--t-react) var(--ease); }
.arrowlink:hover span, .go:hover span { transform: translateX(4px); }
.rub nav { position: relative; }
.rub nav .ind { position: absolute; top: 4px; left: 0; width: 0; height: 28px; border-radius: 30px; background: var(--ink); opacity: 0; transition: left var(--t-react) var(--ease), width var(--t-react) var(--ease), opacity var(--t-react) var(--ease); }
.rub nav a { position: relative; z-index: 1; transition: color var(--t-react) var(--ease); }
.rub nav.glide a[aria-current] { background: transparent; color: var(--ink-500); box-shadow: none; }
.rub nav.glide a.lit, .rub nav.glide a.lit:hover { color: var(--white); }
.dark .rub nav .ind { background: #fff024; }
.dark .rub nav.glide a.lit, .dark .rub nav.glide a.lit:hover { color: #141414; }
.band .wave .mk { transition: width var(--t-react) var(--ease); }
.band .wave .mk.on { width: 5px; }
@keyframes pulse { from { opacity: 0.12; } to { opacity: 0.28; } }
body[data-playing] .band .head::after { content: ""; position: absolute; inset: -4px -5px; border-radius: 4px; background: var(--ink); animation: pulse var(--t-grand) var(--ease) infinite alternate; }