:root{color-scheme:dark;--bg:#151619;--panel:#202125;--line:#33353b;--text:#f5f4f2;--muted:#b1b1b5;--accent-color:#ff9649;--ink:#251307;font-family:Geist,Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% 0,#25272c 0,transparent 550px),var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.shell{width:min(1296px,calc(100% - 80px));margin-inline:auto}.top{border-bottom:1px solid #ffffff14;background:#18191ce8}.nav,.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:14px;letter-spacing:.06em;white-space:nowrap}.logo{display:grid;place-items:center;width:34px;height:34px;background:var(--accent-color);border-radius:11px;color:var(--ink);font-size:13px;padding-left:2px}.muted{color:var(--muted)}.accent,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 17px;min-height:44px;border-radius:10px;font-weight:750;font-size:14px;border:1px solid transparent;white-space:nowrap}.accent{background:var(--accent-color);color:var(--ink)}.accent:hover{background:#ffad72}.secondary{background:#24262b;color:var(--text);border-color:#3b3d44}.secondary:hover{background:#303239}.hero{margin:32px 0 54px;min-height:374px;border:1px solid #36373d;border-radius:23px;background:#202125;overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:center}.hero-img{position:absolute;inset:0 0 0 35%;z-index:-2;background-position:center;background-size:cover;background-color:#34363d}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#202125 26%,#202125f5 43%,#20212554 76%),linear-gradient(0deg,#141518e8,transparent 44%);pointer-events:none}.hero-content{padding:46px clamp(26px,5vw,72px)}.eyebrow{display:flex;align-items:center;gap:9px;color:#ffae72;font-weight:800;letter-spacing:.15em;font-size:11px;margin:0 0 16px}.eyebrow span{display:block;width:8px;height:8px;border-radius:50%;background:#ff9649;box-shadow:0 0 12px #d3732e}.hero h1,h1{font-family:Manrope,Geist,sans-serif;font-size:clamp(46px,7vw,99px);font-weight:800;letter-spacing:-.085em;margin:0;line-height:1.05}.hero h1 em{color:var(--accent-color);font-style:normal}.intro{font-size:16px;color:#dbdbde;line-height:1.55;max-width:340px;margin:20px 0 26px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-caption{position:absolute;bottom:20px;right:25px;max-width:34%;font-size:12px;color:#f1eee9;text-align:right;text-shadow:0 1px 5px #151619}.hero-caption:hover{text-decoration:underline}.catalog-top,.toolbar,.callout{display:flex;align-items:center;justify-content:space-between;gap:20px}.small{margin-bottom:8px}.catalog-top h2,.callout h2,.dialog-title h2{font-family:Manrope,Geist,sans-serif;font-size:clamp(27px,4vw,41px);letter-spacing:-.055em;line-height:1.05;margin:0}.search{background:var(--panel);border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:10px;width:min(100%,290px);padding:0 13px;color:var(--muted)}.search span{font-size:26px;line-height:1}.search input{width:100%;height:44px;background:none;color:var(--text);border:0;outline:none}.search:focus-within{border-color:var(--accent-color)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 14px}.chip{border:1px solid var(--line);background:#202125;color:var(--muted);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:650}.chip:hover{border-color:#777981;color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-color);color:var(--ink);border-color:var(--accent-color)}.toolbar{color:var(--muted);font-size:13px;min-height:48px;margin-bottom:12px}.toolbar>div,.check{display:flex;align-items:center;gap:10px}.check input{accent-color:var(--accent-color)}select{border:1px solid var(--line);border-radius:8px;padding:7px;background:var(--panel);color:var(--text);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:hidden;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#666970}.thumb{position:relative;display:block;aspect-ratio:16/9;background:radial-gradient(ellipse at 25% 15%,#41444b,#222327 75%);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111215b3);pointer-events:none}.play,.time{position:absolute;z-index:1;bottom:9px;background:#121317db;border-radius:6px;font-size:12px;padding:4px 7px}.play{left:9px;color:var(--accent-color)}.time{right:9px}.card-info{padding:13px 13px 15px}.card-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--accent-color);font-weight:700}.card-meta span+span::before{content:"·";margin-right:7px;color:var(--muted)}.card h3{font-size:15px;line-height:1.35;margin:7px 0 0;overflow-wrap:anywhere}.card h3 a:hover,.reaction:hover,.footer a:hover{text-decoration:underline}.reaction{display:inline-block;color:#ffae72;font-size:12px;margin-top:10px}.card-info p{font-size:13px;color:var(--muted);line-height:1.45;margin:9px 0 0}.more{display:flex;margin:26px auto 0}.empty{border:1px dashed var(--line);border-radius:12px;padding:25px;color:var(--muted);text-align:center}.callout{margin:55px 0 28px;padding:25px 30px;border:1px solid #393b42;border-radius:16px;background:linear-gradient(105deg,#27292f,#202125)}.callout h2{font-size:27px}.callout p,.dialog-title+p,.footer{color:var(--muted);font-size:13px}.callout p{margin:8px 0 0}.footer{border-top:1px solid var(--line);padding:12px 0;flex-wrap:wrap}.footer .brand{font-size:11px}.footer .logo{width:26px;height:26px;border-radius:8px}.footer p{margin:0}.admin{min-height:65vh;padding:36px 0}.admin h1{font-size:52px}.admin h2{margin-top:32px}.admin-form{display:grid;gap:12px;max-width:560px;margin:24px 0}.admin-toolbar,.pending-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pending{padding:14px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.pending p{color:var(--muted)}.card button{margin-top:10px;padding:6px 9px;min-height:32px;font-size:11px}dialog{width:min(490px,calc(100% - 30px));padding:24px;border:1px solid #42454d;border-radius:19px;color:var(--text);background:#212227}dialog::backdrop{background:#0c0c0ec9;backdrop-filter:blur(5px)}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialog-title h2{font-size:30px}.close{font-size:26px;background:none;color:var(--muted);border:0;padding:0 6px}form label{display:grid;gap:7px;margin:12px 0;font-size:13px;font-weight:650}form label span{color:var(--muted);font-weight:400}form input,form textarea{width:100%;padding:10px;border:1px solid #41434a;border-radius:8px;color:var(--text);background:#18191d}form textarea{resize:vertical}.feedback{min-height:17px;margin-bottom:0;color:var(--accent-color);font-size:13px}.trap{position:absolute;left:-9999px}
@media(max-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{width:calc(100% - 48px)}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shell{width:calc(100% - 32px)}.nav{min-height:64px}.hero{margin:20px 0 38px;min-height:320px}.hero-img{inset:0}.hero::after{background:linear-gradient(90deg,#202125f2,#20212589),linear-gradient(0deg,#202125,transparent 65%)}.hero-caption{display:none}.hero-content{padding:28px 19px}.catalog-top{align-items:stretch;flex-direction:column;gap:13px}.search{width:100%}.filters{margin:16px 0 6px}.toolbar{gap:5px}.toolbar>div{gap:4px}.card-info{padding:9px}.card h3{font-size:14px}.callout{align-items:flex-start;flex-direction:column;padding:19px}.footer{gap:10px}.nav .accent{padding-inline:10px}.nav .muted{display:none}}@media(max-width:360px){.grid{grid-template-columns:1fr}.toolbar>div{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Translucent surfaces sit over the same coloured light as the hero. */
:root {
  --bg:#0b0c0e;
  --text:#f5f4f2;
  --muted:#bcbcc1;
  --accent-color:#ff7426;
  --ink:#1d0b02;
  --line:#d7d9e026;
  --glass:linear-gradient(145deg,#eff0ff0e 0%,#71757f0e 46%,#565a640a 100%),#15171b;
  --rim:inset 0 1px 0 #ffffff38,inset 1px 0 0 #ffffff0a,0 14px 38px #08090b38;
}
body {
  background:radial-gradient(ellipse at 12% 7%,#23262e64,transparent 44rem),
    radial-gradient(ellipse at 90% 28%,#1c1d2355,transparent 45rem),
    radial-gradient(ellipse at 65% 76%,#201b1a44,transparent 49rem),var(--bg);
}
.top {
  position:sticky;
  top:0;
  z-index:5;
  background:#0d0e11e8;
  border-color:var(--line);
  box-shadow:0 8px 30px #07080938;
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  backdrop-filter:blur(22px) saturate(140%);
}
.logo,.accent {
  background:linear-gradient(155deg,#ff954f,#ff7426 62%,#fb610c);
  box-shadow:inset 0 1px 0 #fff,0 4px 20px #e76a2430;
}
.accent,.secondary,.search,select {border-radius:999px}
.accent:hover {background:linear-gradient(145deg,#ffa66b,#ff8138)}
.secondary,.search,select,.chip {
  background:linear-gradient(160deg,#d4d6dd1c,#bec1c90b 55%),#22242aaf;
  border:1px solid var(--line);
  box-shadow:inset 0 1px 0 #ffffff26;
}
.secondary:hover,.chip:hover {background:#55596468}
.hero {
  border-color:#d9dbe23b;
  border-radius:32px;
  margin-bottom:24px;
  box-shadow:var(--rim),0 28px 70px #0a0a0c63;
  background:#24262b;
}
.hero::after {
  background:linear-gradient(90deg,#101115 15%,#13151aee 40%,#35384022 78%),
    linear-gradient(0deg,#111215c7,transparent 54%);
}
.hero::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 2px 0 #ffffff31,inset 0 -1px 0 #e09b6433;
  pointer-events:none;
}
.hero h1 em {
  color:#ff9d56;
  background:linear-gradient(120deg,#ff9b54 10%,#ff7b2b 52%,#ff641c);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-caption {
  padding:8px 12px;
  background:#18191dc2;
  border:1px solid var(--line);
  border-radius:999px;
  backdrop-filter:blur(15px);
}
dialog {
  background:var(--glass);
  border:1px solid var(--line);
  box-shadow:var(--rim);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}
.card {
  display:flex;
  flex-direction:column;
  background:var(--glass);
  border-color:var(--line);
  border-radius:20px;
  box-shadow:var(--rim);
}
.card-info {display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:0}
.card h3 {margin-bottom:12px}
.card .reaction {margin:0 0 12px}
.card-info>p {margin:0 0 12px}
.card-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px 8px;align-self:stretch;margin-top:auto}
.fire,.card .fire {display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-width:44px;min-height:44px;margin:0;padding:4px 5px;color:var(--muted);background:transparent;border:0;border-radius:4px;box-shadow:none;font-size:13px;font-weight:750;line-height:1.1;white-space:nowrap;transition:color 140ms ease}
.fire:hover,.fire:focus-visible,.fire[aria-pressed=true] {color:var(--accent-color)}
.fire:active .fire-emoji {transform:scale(.87)}
.fire-emoji {display:inline-block;transition:transform 160ms ease,filter 160ms ease}
.fire:hover .fire-emoji,.fire:focus-visible .fire-emoji {filter:drop-shadow(0 0 6px #ff873d70)}
.fire[aria-pressed=true] .fire-emoji {filter:drop-shadow(0 0 5px #ff873d60)}
.fire[aria-disabled=true] {cursor:default}
.fire-count {display:inline-flex;height:1.1em;min-width:2.6em;overflow:hidden;font-variant-numeric:tabular-nums}
.fire-digit {display:inline-block;position:relative;height:1.1em;overflow:hidden}
.fire-digit-value,.fire-digit-old {display:block;height:1.1em;line-height:1.1}
.fire-digit-old {position:absolute;top:0;left:0}
.card .card-watch {margin:0;padding:0 2px;min-height:44px;border:0;background:none;color:var(--muted);font-size:11px;text-align:left}
.card-watch:hover {color:var(--accent-color)}
.vote-status {margin:0;color:#ffcfb3;font-size:13px}
.vote-status:not(.vote-error) {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.vote-error:not(:empty) {margin-bottom:12px}
#catalog {scroll-margin-top:90px}
.callout {border-radius:23px}
dialog {background:linear-gradient(145deg,#1f2127,#141519)}
form input,form textarea {background:#151619ad;border-color:var(--line)}
form select {min-height:44px;width:100%;padding-inline:12px;border-radius:9px}
.edit-fields {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 12px;align-items:end}
.edit-fields .secondary {justify-self:start}
.pending details {margin-top:12px}
.pending summary {cursor:pointer;padding-block:6px}
.catalog-nav {display:flex;gap:8px;margin:0 0 18px}
.catalog-nav .chip {display:inline-flex;align-items:center;min-height:40px}
.chip[aria-current="page"] {background:var(--accent-color);color:var(--ink);border-color:var(--accent-color)}
.card .highlight {white-space:normal;min-height:38px;margin-top:auto;padding:6px 10px;text-align:center}
.highlight-editor {display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:10px}
.highlight-editor label {flex:1 1 230px;margin:0}
#admin-catalog {margin-bottom:24px}
#admin-status:not(:empty) {position:sticky;top:76px;z-index:2;padding:9px 12px;border-radius:10px;background:#2a2c32;color:#f5f4f2}
@media(max-width:700px) {
  .hero {border-radius:25px;margin-bottom:16px}
  .hero::after {background:linear-gradient(90deg,#101115f5,#1113189f),linear-gradient(0deg,#111216,transparent 65%)}
  .card {border-radius:15px}
  .card .fire {gap:5px}
  .edit-fields {grid-template-columns:1fr}
  #admin-status:not(:empty) {top:64px}
  #catalog {scroll-margin-top:76px}
}
@media(prefers-reduced-transparency:reduce) {
  :root {--glass:#27292e}
  .top,dialog {backdrop-filter:none;-webkit-backdrop-filter:none}
}
.fire,.card .fire {min-width:64px;padding-inline:9px;border-radius:12px;background:transparent;transition:color 150ms ease,background-color 150ms ease,box-shadow 150ms ease}
.fire:focus-visible,.fire:active {background:#ff74261d;box-shadow:0 0 16px #ff742617}
@media(hover:hover) {
  .fire:hover {background:#ff74261d;box-shadow:0 0 16px #ff742617}
}
.catalog-top {align-items:baseline;margin-bottom:16px}
.catalog-top #count {color:var(--muted);font-size:13px;margin:0;white-space:nowrap}
#main {margin-bottom:30px}
body:has(#feed-dock:not([hidden])) {padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.feed-dock {
  position:fixed;
  z-index:8;
  bottom:calc(12px + env(safe-area-inset-bottom));
  left:50%;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(460px,calc(100% - 24px));
  padding:5px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#111216ef;
  box-shadow:0 12px 32px #0009;
  backdrop-filter:blur(18px);
}
.feed-dock>a,.feed-dock>button {
  display:grid;
  place-items:center;
  align-content:center;
  gap:3px;
  min-height:52px;
  padding:3px;
  position:relative;
  border:0;
  border-radius:13px;
  color:var(--muted);
  background:none;
  font-size:clamp(10px,2.9vw,12px);
  font-weight:650;
}
.feed-dock span {font-size:21px;line-height:1}
.feed-dock [aria-current=page],.feed-dock .suggest {color:var(--accent-color)}
.feed-dock :is(a,button):hover,.feed-dock :is(a,button):focus-visible {color:var(--accent-color);background:#ff74261a}
.feed-dock .has-filters::after {content:"";position:absolute;top:7px;left:calc(50% + 9px);width:6px;height:6px;border-radius:50%;background:var(--accent-color)}
#feed-filters {position:fixed;inset:auto 0 0;margin:0 auto;width:min(540px,100%);max-height:min(80dvh,600px);overflow:auto;border-radius:22px 22px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
#feed-filters .search {width:100%;margin-top:18px}
#feed-filters .filters {margin-block:16px}
.sort-field {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
#round-end {font-size:12px;margin:14px 0}
.filters-actions {display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
@media(max-width:700px) {
  .catalog-top {flex-direction:row;align-items:baseline;gap:8px}
  .feed-dock {bottom:0;width:100%;border-radius:0;border-width:1px 0 0;padding-bottom:calc(5px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-transparency:reduce) {
  .feed-dock {background:#111216;backdrop-filter:none}
}
.brand .logo {
  padding: 0;
  background: none;
  box-shadow: none;
  object-fit: contain;
}
.section-switch {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #202126;
  box-shadow: inset 0 1px 0 #ffffff20;
}
.section-switch::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 3px auto 3px 3px;
  width: calc(50% - 3px);
  border: 1px solid var(--accent-outline, transparent);
  border-radius: 999px;
  background: var(--accent-fill, var(--accent-color));
  transform: translateX(100%);
  transition: transform 180ms ease;
}
.section-switch:has(#mj-tab[aria-current])::before {transform: translateX(0)}
.section-switch a {
  display: grid;
  place-items: center;
  min-height: 38px;
  padding-inline: 11px;
  border-radius: inherit;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}
.section-switch a:hover {color: var(--text)}
.section-switch a[aria-current] {color: var(--ink)}
.episode-section .hero h1 {
  font-size: clamp(33px, 6.2vw, 77px);
  letter-spacing: -.065em;
  max-width: 7.7em;
}
.episode-section .hero-img {
  inset: 0 0 0 40%;
  background-image: url("/mj-hosts.jpg");
  background-position: center 24%;
}
.episode-section .hero::after {
  background: linear-gradient(90deg,#111216 23%,#111216 38%,#11121633 58%,transparent 75%),linear-gradient(0deg,#10111580,transparent 48%);
}
@media(max-width:700px) {
  .episode-section .hero {align-items: end;min-height: 416px}
  .episode-section .hero-img {inset: 0 0 auto;height: 68%;background-position: center 16%}
  .episode-section .hero::after {background: linear-gradient(0deg,#101115 27%,#101115 32%,#101115c9 43%,transparent 72%)}
  .episode-section .hero h1 {max-width: none}
}
.episode-cover {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at 75% 15%, #5c3527, #252128 78%);
  color: #f7bd95;
  font-size: clamp(24px, 4vw, 54px);
  font-weight: 800;
  letter-spacing: -.07em;
}
.episode-section .thumb img { position: relative; }

[data-theme="deep-purple"] {--accent-color:#b99af3;--accent-fill:#4b286f;--accent-outline:#8762bd;--ink:#fff}
[data-theme="violet"] {--accent-color:#cf9fff;--accent-fill:#ad50fa;--accent-outline:#d69bff;--ink:#190725}
[data-theme="burgundy"] {--accent-color:#f6a4bc;--accent-fill:#76213f;--accent-outline:#ae5672;--ink:#fff}
[data-theme="red"] {--accent-color:#ff8792;--accent-fill:#d82940;--accent-outline:#ff798a;--ink:#fff}
[data-theme="black"] {--accent-color:#e2e3e6;--accent-fill:#09090b;--accent-outline:#92959f;--ink:#fff}
[data-theme="yellow"] {--accent-color:#ffe580;--accent-fill:#ffda4f;--accent-outline:#fff0a0;--ink:#231a04}

body[data-theme]:not([data-theme=""]) .hero {
  border-color: color-mix(in srgb,var(--accent-outline) 53%,var(--line));
  box-shadow: var(--rim),0 22px 68px color-mix(in srgb,var(--accent-fill) 18%,transparent);
}
body[data-theme]:not([data-theme=""]) .hero h1 em {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--accent-color);
}
body[data-theme]:not([data-theme=""]) .accent,
.chip[aria-pressed="true"][data-theme]:not([data-theme=""]) {
  background: var(--accent-fill);
  color: var(--ink);
  border-color: var(--accent-outline);
  box-shadow: inset 0 1px 0 #ffffff36;
}
body[data-theme]:not([data-theme=""]) .accent:hover {filter: brightness(1.12)}
.chip[data-theme]:not([data-theme=""]):not([aria-pressed="true"]) {
  color: var(--accent-color);
  border-color: color-mix(in srgb,var(--accent-outline) 52%,transparent);
}
.chip[data-theme=""] {--accent-color:#ff7426;--ink:#1d0b02}
body[data-theme]:not([data-theme=""]) .feed-dock :is(a,button):hover,
body[data-theme]:not([data-theme=""]) .fire:is(:hover,:focus-visible,:active) {
  background: color-mix(in srgb,var(--accent-color) 13%,transparent);
  box-shadow: none;
}

.quick-categories {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 5px 4px 8px;
  margin: 0 -4px 10px;
  scrollbar-width: thin;
}
.quick-categories .chip {flex: none; min-height: 44px; white-space: nowrap}
.sort-summary {margin: 0 0 12px; font-size: 13px}
.hero {min-height: 215px; margin-top: 20px}
.hero-content {padding-block: 28px}
.hero h1 {font-size: clamp(39px, 5.4vw, 78px)}
body[data-theme]:not([data-theme=""]) .hero {
  border-color: #d9dbe23b;
  box-shadow: var(--rim);
}
body[data-theme]:not([data-theme=""]) .hero h1 em {color:#ff9649}
.hero .accent, body[data-theme]:not([data-theme=""]) .hero .accent {
  background: #ff7426;
  color: #1d0b02;
  border-color: transparent;
}
@media(max-width:700px) {
  .hero {margin-top: 12px; min-height: 190px}
  .hero-content {padding-block: 19px}
  .hero .intro {margin: 10px 0 14px}
  .episode-section .hero {align-items: end; min-height: 268px}
  .episode-section .hero-img {height: 80%; background-position: center 15%}
  .episode-section .hero::after {
    background: linear-gradient(0deg,#101115 18%,#101115f0 35%,#10111570 56%,transparent 80%);
  }
  .episode-section .hero h1 {font-size: clamp(29px, 8vw, 42px)}
}