:root {
  --bg: #070709;
  --bg-2: #111116;
  --panel: #17171d;
  --panel-2: #21181a;
  --paper: #f0e4ca;
  --paper-deep: #d7c29b;
  --ink: #101014;
  --text: #f7f0e1;
  --muted: #b4a995;
  --red: #9f1524;
  --red-2: #d3273a;
  --gold: #d2a74d;
  --green: #1e5a4a;
  --line: rgba(247, 240, 225, .22);
  --shadow: 12px 12px 0 rgba(159, 21, 36, .75);
  --max: 1180px;
  --radius: 24px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 15% 10%, rgba(159, 21, 36, .25), transparent 25rem),
    radial-gradient(circle at 85% 15%, rgba(30, 90, 74, .18), transparent 22rem),
    radial-gradient(circle at 55% 70%, rgba(210, 167, 77, .08), transparent 34rem),
    linear-gradient(135deg, #050506, #101015 42%, #070709);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  z-index: -2;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.18) 1px, transparent 1.5px),
    repeating-linear-gradient(45deg, rgba(210,167,77,.06) 0 2px, transparent 2px 18px),
    repeating-linear-gradient(-45deg, rgba(159,21,36,.07) 0 2px, transparent 2px 24px);
  background-size: 9px 9px, 220px 220px, 260px 260px;
}

.site-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 50;
  opacity: .04;
  background:
    repeating-radial-gradient(circle at 20% 20%, #fff 0 1px, transparent 1px 4px),
    repeating-linear-gradient(0deg, transparent 0 2px, #fff 2px 3px);
  mix-blend-mode: screen;
}

a { color: inherit; }
img { max-width: 100%; display: block; }
code {
  padding: .15rem .35rem;
  border: 1px solid var(--line);
  border-radius: .35rem;
  background: rgba(0,0,0,.25);
  color: var(--gold);
}

.skip-link {
  position: absolute;
  left: 1rem;
  top: -4rem;
  padding: .8rem 1rem;
  background: var(--paper);
  color: var(--ink);
  z-index: 999;
  transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 74px;
  padding: .65rem clamp(1rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--line);
  background: rgba(7, 7, 9, .8);
  backdrop-filter: blur(14px);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  text-decoration: none;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.brand img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(211,39,58,.35));
}
.site-nav {
  display: flex;
  align-items: center;
  gap: .25rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.site-nav a,
.nav-toggle,
.btn,
.tiny-action {
  border: 2px solid rgba(247, 240, 225, .82);
  background: rgba(17, 17, 22, .68);
  color: var(--text);
  box-shadow: 4px 4px 0 rgba(159, 21, 36, .62);
  text-decoration: none;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .055em;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.site-nav a {
  padding: .55rem .7rem;
  font-size: .76rem;
}
.site-nav a:hover,
.site-nav a:focus-visible,
.nav-toggle:hover,
.btn:hover,
.tiny-action:hover {
  transform: translate(-2px, -2px);
  background: var(--red);
  box-shadow: 6px 6px 0 rgba(0,0,0,.7);
}
.lang-link { color: var(--gold) !important; }
.nav-toggle { display: none; padding: .65rem .85rem; cursor: pointer; }

.section-wrap {
  width: min(var(--max), calc(100% - 2rem));
  margin-inline: auto;
  padding-block: clamp(4rem, 9vw, 7rem);
  position: relative;
}
.section-wrap::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
  height: 16px;
  opacity: .45;
  background:
    radial-gradient(circle at 8px 8px, transparent 0 7px, rgba(210,167,77,.95) 7px 8px, transparent 8px),
    linear-gradient(90deg, transparent, rgba(159,21,36,.8), transparent);
  background-size: 32px 16px, 100% 2px;
  background-repeat: repeat-x, no-repeat;
  background-position: top left, center;
}
.eyebrow {
  margin: 0 0 .85rem;
  color: var(--gold);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .22em;
}
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 {
  line-height: .98;
  text-wrap: balance;
}
h1 {
  font-size: clamp(3.2rem, 9vw, 7.6rem);
  letter-spacing: -.07em;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  text-shadow: 5px 5px 0 rgba(159,21,36,.75), 0 0 28px rgba(211,39,58,.2);
}
h2 {
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  letter-spacing: -.055em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
h3 { font-size: clamp(1.25rem, 2vw, 1.8rem); }
p { line-height: 1.72; color: var(--muted); }
.lead {
  color: var(--text);
  font-size: clamp(1.1rem, 2.2vw, 1.55rem);
  max-width: 60ch;
}
.center { text-align: center; max-width: 850px; margin-inline: auto; }

.hero {
  min-height: calc(100vh - 74px);
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  padding-top: clamp(4rem, 7vw, 6rem);
}
.hero::after {
  content: "VIO-LENCE";
  position: absolute;
  inset: auto -8vw 8vh auto;
  font-size: clamp(5rem, 17vw, 16rem);
  font-weight: 1000;
  letter-spacing: -.12em;
  color: transparent;
  -webkit-text-stroke: 1px rgba(247,240,225,.07);
  z-index: -1;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: .9rem; margin: 1.6rem 0 1.2rem; }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .95rem 1.15rem;
  cursor: pointer;
}
.btn.primary { background: var(--red); }
.btn.secondary { background: rgba(30,90,74,.5); }
.btn.mini { padding: .68rem .8rem; font-size: .76rem; }
.btn.ghost { background: rgba(7,7,9,.45); }
.content-note {
  border-left: 4px solid var(--gold);
  padding: .85rem 1rem;
  background: rgba(0,0,0,.26);
  color: #d9cfbd;
  max-width: 62ch;
}
.hero-art {
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
}
.hero-logo {
  position: absolute;
  width: min(75%, 520px);
  opacity: .33;
  filter: drop-shadow(0 0 30px rgba(211,39,58,.35));
  z-index: 0;
}
.hero-character {
  width: min(82%, 520px);
  position: relative;
  z-index: 1;
  border: 4px solid rgba(247,240,225,.86);
  border-radius: 50% 50% 44% 56%;
  aspect-ratio: 1;
  object-fit: cover;
  background: #0a0a0c;
  box-shadow: var(--shadow), inset 0 0 80px rgba(0,0,0,.8);
}
.koru-orbit {
  position: absolute;
  width: 98%;
  aspect-ratio: 1;
  border: 2px solid rgba(210,167,77,.35);
  border-radius: 56% 44% 48% 52%;
  transform: rotate(-18deg);
}
.koru-orbit::before,
.koru-orbit::after {
  content: "";
  position: absolute;
  border: 22px solid rgba(159,21,36,.38);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
}
.koru-orbit::before { width: 160px; height: 160px; right: 5%; top: 6%; }
.koru-orbit::after { width: 110px; height: 110px; left: 8%; bottom: 13%; transform: rotate(180deg); }

.story-grid,
.two-column,
.thanks-section {
  display: grid;
  grid-template-columns: .72fr 1.28fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
}
.section-title h2 { color: var(--text); }
.paper-panel {
  position: relative;
  background:
    radial-gradient(circle at 10% 10%, rgba(159,21,36,.16), transparent 35%),
    var(--paper);
  color: var(--ink);
  padding: clamp(1.3rem, 4vw, 3rem);
  box-shadow: var(--shadow);
  clip-path: polygon(0 4%, 5% 0, 13% 3%, 20% 0, 28% 5%, 37% 1%, 44% 4%, 53% 1%, 61% 5%, 70% 0, 80% 4%, 91% 1%, 100% 5%, 100% 95%, 93% 100%, 84% 96%, 73% 100%, 63% 96%, 52% 100%, 43% 96%, 33% 100%, 22% 95%, 12% 100%, 0 95%);
}
.paper-panel::after,
.thanks-card::after,
.contact-card::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 2px dashed rgba(16,16,20,.28);
  pointer-events: none;
}
.paper-panel p { color: #20191a; font-weight: 750; }
.big-text p { font-size: clamp(1.15rem, 2vw, 1.55rem); }

.text-flow {
  position: relative;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(0,0,0,.15));
}
.text-flow::before,
.reader-shell::before,
.contact-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  border-radius: inherit;
  background-image:
    repeating-linear-gradient(90deg, transparent 0 24px, rgba(210,167,77,.7) 24px 26px),
    repeating-linear-gradient(0deg, transparent 0 24px, rgba(159,21,36,.75) 24px 26px);
}
.text-flow p { position: relative; }
.sticky-title { position: sticky; top: 100px; }

.episodes-section { --max: 1260px; }
.reader-shell {
  position: relative;
  border: 4px solid rgba(247,240,225,.86);
  background:
    radial-gradient(circle at top left, rgba(159,21,36,.24), transparent 30%),
    linear-gradient(135deg, rgba(33,24,26,.92), rgba(7,7,9,.95));
  box-shadow: var(--shadow);
  padding: clamp(.85rem, 2vw, 1.25rem);
  margin: 2rem auto 2.4rem;
  border-radius: 8px;
}
.reader-toolbar {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid var(--line);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.reader-kicker {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 900;
  font-size: .72rem;
}
.reader-toolbar h3 { margin: .25rem 0 0; }
.reader-actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.pdf-frame-wrap {
  position: relative;
  z-index: 1;
  height: min(78vh, 840px);
  min-height: 520px;
  background: #0a0a0c;
  border: 2px solid rgba(247,240,225,.72);
  overflow: hidden;
}
.pdf-frame-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #111;
}
.reader-help {
  position: relative;
  z-index: 1;
  margin: .9rem 0 0;
  font-size: .92rem;
}
.reader-shell.is-fullscreen-reader {
  padding: 1rem;
  background: #050506;
  width: 100vw;
  height: 100vh;
  max-width: none;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.reader-shell.is-fullscreen-reader .pdf-frame-wrap { height: calc(100vh - 148px); }
.episode-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(135px, 1fr));
  gap: 1rem;
}
.episode-card {
  border: 2px solid var(--line);
  background: rgba(255,255,255,.05);
  box-shadow: 7px 7px 0 rgba(0,0,0,.45);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.episode-card.active,
.episode-card:hover {
  border-color: rgba(210,167,77,.9);
  background: rgba(159,21,36,.15);
  transform: translateY(-4px);
}
.episode-cover {
  display: block;
  width: 100%;
  aspect-ratio: .72;
  padding: 0;
  border: 0;
  background: #000;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.episode-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.episode-card:hover img { transform: scale(1.04); filter: contrast(1.1); }
.issue-number {
  position: absolute;
  left: .5rem;
  top: .5rem;
  padding: .32rem .5rem;
  color: var(--paper);
  background: rgba(159,21,36,.9);
  border: 1px solid rgba(247,240,225,.8);
  font-weight: 950;
  text-transform: uppercase;
  font-size: .7rem;
}
.episode-meta { padding: .9rem; }
.episode-meta span {
  color: var(--gold);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .72rem;
}
.episode-meta h3 { margin: .3rem 0 .8rem; font-size: 1rem; line-height: 1.1; }
.episode-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.tiny-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .48rem .55rem;
  font-size: .68rem;
  cursor: pointer;
}
.tiny-action.ghost { background: rgba(0,0,0,.25); }

.lore-section::after {
  content: "";
  position: absolute;
  inset: 8rem auto auto 50%;
  width: 58vw;
  height: 58vw;
  max-width: 740px;
  max-height: 740px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(210,167,77,.16);
  z-index: -1;
}
.lore-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.lore-item {
  position: relative;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.045);
  border-radius: 18px;
  overflow: hidden;
}
.lore-item::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 11px;
  background:
    radial-gradient(circle at 50% 10px, transparent 0 5px, var(--gold) 5px 6px, transparent 7px),
    repeating-linear-gradient(0deg, var(--red) 0 18px, var(--green) 18px 36px, var(--gold) 36px 54px);
  opacity: .9;
}
.lore-item summary {
  list-style: none;
  cursor: pointer;
  padding: 1.1rem 1.2rem 1.1rem 2rem;
  color: var(--text);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.lore-item summary::-webkit-details-marker { display: none; }
.lore-item summary::after {
  content: "+";
  float: right;
  color: var(--gold);
  font-size: 1.2rem;
}
.lore-item[open] summary::after { content: "–"; }
.lore-body {
  padding: 0 1.2rem 1.2rem 2rem;
}
.lore-body p { margin-bottom: .85rem; }

.creator-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}
.creator-card {
  position: relative;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    var(--panel);
  border: 2px solid var(--line);
  padding: 1rem;
  overflow: hidden;
  box-shadow: 7px 7px 0 rgba(0,0,0,.45);
}
.creator-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(135deg, transparent 0 16px, rgba(210,167,77,.09) 16px 18px, transparent 18px 32px);
  opacity: .7;
}
.creator-card img {
  position: relative;
  z-index: 1;
  aspect-ratio: 1;
  width: 100%;
  object-fit: cover;
  border-radius: 50% 45% 52% 48%;
  border: 3px solid rgba(247,240,225,.86);
  background: #fff;
  margin-bottom: .9rem;
}
.creator-card div { position: relative; z-index: 1; }
.creator-card h3 { margin-bottom: .35rem; font-size: 1.08rem; }
.creator-card p { font-size: .93rem; margin: 0; }

.thanks-card,
.contact-card {
  position: relative;
  background: var(--paper);
  color: var(--ink);
  padding: clamp(1.3rem, 4vw, 2.5rem);
  box-shadow: var(--shadow);
  border-radius: 2px;
}
.thanks-card h2,
.thanks-card p,
.contact-card h2,
.contact-card p { color: var(--ink); }
.thanks-card .eyebrow,
.contact-card .eyebrow { color: var(--red); }
.thanks-list {
  columns: 2;
  padding-left: 1.2rem;
  margin: 0;
  color: var(--ink);
  line-height: 1.7;
  font-weight: 720;
}
.thanks-img {
  border: 4px solid rgba(247,240,225,.78);
  box-shadow: 12px 12px 0 rgba(0,0,0,.5);
  transform: rotate(1deg);
  align-self: center;
}
.contact-section { padding-top: 3rem; }
.contact-card { text-align: center; }
.contact-line a { color: var(--red); font-weight: 950; }
.social-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1.5rem;
}
.social-card {
  display: grid;
  gap: .55rem;
  text-decoration: none;
  color: var(--ink);
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.social-card img {
  aspect-ratio: 1;
  width: 100%;
  object-fit: cover;
  border: 3px solid var(--ink);
  background: #fff;
  filter: saturate(.92) contrast(1.05);
  transition: transform .18s ease;
}
.social-card:hover img { transform: rotate(-2deg) translateY(-4px); }

.site-footer {
  border-top: 1px solid var(--line);
  padding: 2rem 1rem 2.4rem;
  text-align: center;
  background: #050506;
}
.site-footer img {
  max-width: 420px;
  margin-inline: auto;
  opacity: .9;
}
.site-footer p { margin: .8rem 0 0; font-size: .9rem; }

@media (max-width: 1080px) {
  .episode-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .creator-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .social-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .nav-toggle { display: inline-flex; }
  .site-nav {
    position: fixed;
    inset: 74px 1rem auto 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
    background: rgba(7,7,9,.96);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
  }
  .site-nav.is-open { display: flex; }
  .hero,
  .story-grid,
  .two-column,
  .thanks-section {
    grid-template-columns: 1fr;
  }
  .hero { min-height: auto; }
  .hero-art { min-height: 420px; order: -1; }
  .hero-character { width: min(74%, 430px); }
  .sticky-title { position: relative; top: 0; }
  .lore-grid { grid-template-columns: 1fr; }
  .pdf-frame-wrap { min-height: 440px; height: 68vh; }
  .reader-toolbar { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .section-wrap { width: min(100% - 1rem, var(--max)); }
  h1 { font-size: clamp(2.7rem, 14vw, 4.4rem); }
  h2 { font-size: clamp(2rem, 10vw, 3.1rem); }
  .site-header { padding-inline: .75rem; }
  .brand span { display: none; }
  .hero-art { min-height: 330px; }
  .content-note { font-size: .92rem; }
  .episode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .creator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .thanks-list { columns: 1; }
  .pdf-frame-wrap { min-height: 360px; height: 64vh; }
  .reader-actions { width: 100%; }
  .reader-actions .btn { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* --- V2: uploaded header artwork + color palette update --- */
:root {
  --bg: #05070b;
  --bg-2: #0b121d;
  --panel: #121620;
  --panel-2: #1c1719;
  --paper: #f0dfbd;
  --paper-deep: #d0a56b;
  --text: #f7efe2;
  --muted: #b8ac9d;
  --red: #a51d2d;
  --red-2: #df3346;
  --gold: #e28d22;
  --green: #7bbf3f;
  --cyan: #26b8d6;
  --line: rgba(247, 239, 226, .22);
  --shadow: 12px 12px 0 rgba(165, 29, 45, .72);
}

body {
  background:
    radial-gradient(circle at 20% 8%, rgba(226, 141, 34, .16), transparent 26rem),
    radial-gradient(circle at 78% 22%, rgba(38, 184, 214, .13), transparent 24rem),
    radial-gradient(circle at 86% 36%, rgba(123, 191, 63, .12), transparent 18rem),
    radial-gradient(circle at 52% 80%, rgba(165, 29, 45, .16), transparent 34rem),
    linear-gradient(135deg, #05070b, #101622 44%, #05070b);
}

.hero.section-wrap {
  width: 100%;
  max-width: none;
  margin: 0;
  min-height: calc(100vh - 74px);
  padding: clamp(5.5rem, 9vw, 8rem) max(1rem, calc((100vw - var(--max)) / 2 + 1rem));
  grid-template-columns: minmax(280px, 720px) 1fr;
  background:
    linear-gradient(90deg, rgba(5, 7, 11, .98) 0%, rgba(5, 7, 11, .84) 36%, rgba(5, 7, 11, .45) 58%, rgba(5, 7, 11, .12) 100%),
    linear-gradient(0deg, rgba(5, 7, 11, .92) 0%, rgba(5, 7, 11, 0) 28%, rgba(5, 7, 11, .18) 100%),
    url('../img/hero/violence-header.jpg') center right / cover no-repeat;
  overflow: hidden;
  border-bottom: 1px solid rgba(226, 141, 34, .25);
}

.hero.section-wrap::before {
  display: none;
}

.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 9rem;
  z-index: 0;
  background:
    linear-gradient(180deg, transparent, rgba(5, 7, 11, .94)),
    radial-gradient(circle at 14px 14px, transparent 0 11px, rgba(226, 141, 34, .55) 11px 12px, transparent 12px);
  background-size: auto, 56px 28px;
  opacity: .75;
  pointer-events: none;
}

.hero-copy {
  position: relative;
  z-index: 1;
  max-width: 720px;
  padding: clamp(1rem, 2.5vw, 1.7rem);
  border-left: 5px solid var(--gold);
  background: linear-gradient(90deg, rgba(5, 7, 11, .62), rgba(5, 7, 11, .16));
  box-shadow: -18px 0 52px rgba(5, 7, 11, .55);
  backdrop-filter: blur(2px);
}

.hero-art {
  display: none;
}

h1 {
  text-shadow:
    5px 5px 0 rgba(165, 29, 45, .76),
    0 0 34px rgba(38, 184, 214, .12),
    0 0 20px rgba(226, 141, 34, .12);
}

.btn.primary,
.reader-actions a,
.reader-actions button,
.tiny-action,
.site-nav a:hover,
.site-nav a:focus-visible {
  border-color: rgba(247, 239, 226, .9);
}

.btn.primary {
  background: linear-gradient(135deg, var(--red), var(--red-2));
}

.btn.secondary {
  background: linear-gradient(135deg, rgba(22, 82, 79, .72), rgba(38, 184, 214, .28));
}

.episode-card.active .episode-meta,
.reader-shell {
  box-shadow:
    var(--shadow),
    0 0 38px rgba(38, 184, 214, .08),
    0 0 42px rgba(226, 141, 34, .06);
}

.reader-kicker,
.eyebrow,
.lang-link {
  color: var(--gold) !important;
}

@media (max-width: 780px) {
  .hero.section-wrap {
    grid-template-columns: 1fr;
    min-height: 78vh;
    background:
      linear-gradient(180deg, rgba(5, 7, 11, .92) 0%, rgba(5, 7, 11, .72) 42%, rgba(5, 7, 11, .86) 100%),
      url('../img/hero/violence-header.jpg') center top / cover no-repeat;
  }

  .hero-copy {
    margin-top: 12rem;
    background: rgba(5, 7, 11, .72);
  }
}


/* ===== V3: valódi kép-header réteg ===== */
.hero.section-wrap {
  position: relative;
  isolation: isolate;
  background: #05070b !important;
  overflow: hidden;
}

.hero-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  z-index: 0;
  opacity: 1;
  filter: saturate(1.06) contrast(1.03) brightness(.92);
}

.hero.section-wrap::before {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5,7,11,.98) 0%, rgba(5,7,11,.84) 34%, rgba(5,7,11,.34) 58%, rgba(5,7,11,.05) 100%),
    linear-gradient(0deg, rgba(5,7,11,.92) 0%, rgba(5,7,11,.2) 32%, rgba(5,7,11,.32) 100%);
}

.hero.section-wrap::after {
  z-index: 1;
}

.hero-copy {
  z-index: 2 !important;
}

.hero-art {
  display: none !important;
}

@media (max-width: 900px) {
  .hero-bg-image {
    object-position: 64% center;
  }
  .hero.section-wrap::before {
    background:
      linear-gradient(180deg, rgba(5,7,11,.55) 0%, rgba(5,7,11,.74) 48%, rgba(5,7,11,.96) 100%),
      linear-gradient(90deg, rgba(5,7,11,.70) 0%, rgba(5,7,11,.18) 100%);
  }
  .hero-copy {
    margin-top: min(42vh, 18rem) !important;
  }
}