:root {
  --background: #07090a;
  --foreground: #f3eadb;
  --card: #111315;
  --card-foreground: #f3eadb;
  --muted: #17191a;
  --muted-foreground: #b8ad9b;
  --primary: #c78335;
  --primary-foreground: #090807;
  --border: #493523;
  --ring: #d89a4b;
  --radius: 0;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--background); }
body { margin: 0; overflow-x: hidden; background: var(--background); color: var(--foreground); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
::selection { background: #c38339; color: #080807; }

.site-header { position: absolute; inset: 0 0 auto; z-index: 20; height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(20px, 5vw, 76px); border-bottom: 1px solid rgb(217 153 73 / 28%); background: linear-gradient(#050607ed, transparent); }
.brand { display: flex; align-items: center; gap: 12px; min-height: 44px; font-family: Georgia, serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.brand b { color: #dba04e; font-weight: 500; }
.brand-mark { position: relative; display: block; width: 34px; height: 28px; color: #e5ad5d; border-top: 4px solid currentColor; border-bottom: 4px double currentColor; }
.brand-mark::before, .brand-mark::after, .brand-mark span { content: ''; position: absolute; bottom: 4px; width: 3px; height: 13px; background: currentColor; }
.brand-mark::before { left: 5px; }.brand-mark span { left: 15px; }.brand-mark::after { right: 5px; }
nav { display: flex; align-items: center; gap: 28px; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
nav a { min-height: 44px; display: flex; align-items: center; }
.nav-watch { gap: 5px; color: #e3a351; }

.hero { min-height: 100svh; position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(400px, .62fr); align-items: center; gap: clamp(36px, 5vw, 88px); padding: 116px clamp(20px, 6vw, 96px) 72px; overflow: hidden; }
.hero-atmosphere { position: absolute; inset: 0; background: linear-gradient(90deg, #050607 8%, #080b0dd4 49%, #080b0d54), linear-gradient(180deg, transparent 58%, #07090a 100%), url('./tartarus-environment.png') center 28% / cover; opacity: .64; }
.hero-copy, .hero-poster { position: relative; z-index: 1; }
.hero-copy { max-width: 820px; }
.eyebrow { display: flex; gap: 20px; margin: 0 0 28px; color: #cf9a58; font: 600 10px/1 Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; }
.eyebrow span + span { padding-left: 20px; border-left: 1px solid #9c6836; }
h1 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3.1rem, 5.7vw, 7.4rem); line-height: .84; letter-spacing: -.055em; text-transform: uppercase; }
h1 > span { display: block; }
.material-glyphs { display: inline-grid; padding: .05em .025em .11em; filter: drop-shadow(0 8px 12px #000); }
.material-matte, .material-texture { grid-area: 1 / 1; }
.material-matte { color: #bd7735; -webkit-text-stroke: 5px #080706; text-shadow: 0 7px 0 #020202, 0 15px 28px #000; }
.material-texture { position: relative; color: #e0b06f; background-color: #ca8c49; background-image: linear-gradient(110deg, rgb(250 222 176 / 94%), rgb(187 102 38 / 84%) 35%, rgb(247 192 107 / 90%) 62%, rgb(136 75 31 / 82%)), url('./tartarus-heading-material.png'); background-position: 0 0, 50% 9%; background-size: 100% 100%, 180% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.5px #2a170d; }
.hero-deck { max-width: 580px; margin: 30px 0; color: #d1c6b5; font: 400 clamp(1rem, 1.2vw, 1.18rem)/1.7 Georgia, serif; }
.scroll-cue, .primary-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: #e7aa5a; font-size: 10px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; border-bottom: 1px solid #a96b2f; }
.hero-poster { justify-self: end; width: min(100%, 520px); margin: 0; box-shadow: 0 25px 80px #000, 0 0 0 1px #c0813c55; }
.hero-poster img { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; }
.hero-poster figcaption { position: absolute; left: -1px; bottom: -31px; padding: 9px 12px; color: #b9aa94; font-size: 9px; letter-spacing: .17em; text-transform: uppercase; }

.watch-section, .search-answer, .chapter, .faq, .sources, .door-beyond { position: relative; padding: clamp(72px, 10vw, 145px) clamp(20px, 8vw, 132px); }
.watch-section { background: #090b0d; border-top: 1px solid #3e2c1e; }
.section-kicker { display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #4e3824; color: #c68b45; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
.watch-grid { display: grid; grid-template-columns: minmax(280px, .62fr) minmax(320px, .75fr); gap: clamp(38px, 7vw, 110px); align-items: center; max-width: 1240px; margin: 42px auto 0; }
.reel-card { position: relative; display: block; height: min(68vw, 620px); min-height: 420px; overflow: hidden; border: 1px solid #7c562e; box-shadow: 0 24px 70px #000; }
.reel-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 45%, #050607e8); }
.reel-card img { width: 100%; height: 100%; object-fit: cover; }
.play-button { position: absolute; z-index: 1; left: 28px; bottom: 28px; display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 20px; background: #d09143; color: #080706; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transition: background .2s, transform .2s; }
.reel-card:hover .play-button, .reel-card:focus-visible .play-button { background: #efb76c; transform: translateY(-3px); }
.overline { margin: 0 0 18px; color: #d19851; font-size: 10px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.watch-copy h2, .chapter-copy h2, .faq h2, .sources h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(2rem, 3vw, 3.5rem); line-height: 1; letter-spacing: -.03em; text-transform: uppercase; }
.watch-copy > p:not(.overline) { max-width: 580px; margin: 28px 0 24px; color: #bdb2a2; font: 400 1.06rem/1.75 Georgia, serif; }

.search-answer { text-align: center; background: linear-gradient(#07090adf, #07090af7), url('./tartarus-environment.png') center 56% / cover fixed; }
.search-answer { padding-block: clamp(58px, 7vw, 92px); }
.search-answer h2 { max-width: 760px; margin-inline: auto; font: 400 clamp(1.65rem, 2.7vw, 2.8rem)/1.12 Georgia, serif; letter-spacing: -.02em; text-transform: none; }
.search-answer > p:last-child { max-width: 790px; margin: 30px auto 0; color: #c7bbab; font: 400 1.08rem/1.85 Georgia, serif; }

.chapter { max-width: 1500px; margin: 0 auto; }
.chapter-number { position: absolute; left: clamp(20px, 3.4vw, 54px); top: clamp(78px, 10.3vw, 150px); color: #75502e; font: 400 11px/1 Arial, sans-serif; letter-spacing: .15em; }
.chapter-copy { max-width: 920px; }
.chapter-copy.narrow { max-width: 790px; }
.lead { color: #e1d7c8; font: 400 clamp(1.25rem, 2vw, 1.8rem)/1.5 Georgia, serif; }
.chapter-copy .lead { margin: 30px 0 0; }
.chapter-copy > p:not(.overline):not(.lead) { color: #bdb2a2; font: 400 1.05rem/1.78 Georgia, serif; }
.investigation-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 38px; background: #4e3927; border: 1px solid #4e3927; }
.investigation-notes p { margin: 0; padding: 24px; background: #0e1011; color: #aea393; font: 400 .94rem/1.65 Georgia, serif; }
.investigation-notes strong { display: block; margin-bottom: 10px; color: #d79b50; font: 700 9px/1.3 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.finding { display: grid; grid-template-columns: 170px 1fr; gap: 24px; align-items: start; margin-top: 26px; padding: 22px 24px; border-left: 2px solid #bd7d38; background: #12100e; }
.finding span { color: #d59a50; font: 700 9px/1.4 Arial, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.finding p { margin: 0; color: #b8ad9d; font: 400 .96rem/1.65 Georgia, serif; }

.creatures { border-top: 1px solid #2a211a; }
.brother-grid { display: grid; grid-template-columns: 1.08fr 1.2fr 1fr; gap: 1px; margin-top: 62px; background: #684928; border: 1px solid #684928; }
.brother-card { position: relative; min-height: 360px; padding: clamp(30px, 4vw, 55px); background: linear-gradient(150deg, #171717, #0b0d0e); overflow: hidden; }
.brother-card::after { content: ''; position: absolute; inset: auto -20% -55% 20%; height: 95%; background: radial-gradient(circle, #bd6c2120, transparent 64%); }
.brother-card.briareus { background: linear-gradient(150deg, #20201f, #0b0d0e); }
.brother-index { color: #8c6236; font: 400 4rem/1 Georgia, serif; }
.greek { margin: 72px 0 10px; color: #bc7f3e; font-size: 10px; letter-spacing: .35em; }
.brother-card h3 { margin: 0; font: 400 clamp(1.7rem, 2.5vw, 2.6rem)/1 Georgia, serif; text-transform: uppercase; }
.brother-card h3 small { display: block; margin-top: 8px; color: #a59680; font: italic 400 .85rem/1.2 Georgia, serif; text-transform: none; }
.brother-card > p:last-child { position: relative; z-index: 1; color: #afa491; font: 400 .96rem/1.65 Georgia, serif; }
.fact-strip { display: flex; flex-wrap: wrap; gap: 1px; margin: 1px 0 28px; background: #4a3522; }
.fact-strip span { flex: 1; min-width: 200px; padding: 20px; background: #0c0e0f; color: #9e9281; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.fact-strip b { margin-right: 8px; color: #db9c4c; font: 400 1.4rem Georgia, serif; }
.source-link { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; color: #c88b45; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.prison { background: #0b0d0e; max-width: none; border-block: 1px solid #2e241b; }
.prison > * { max-width: 1240px; margin-inline: auto; }
.comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 55px; }
.evidence-card { min-width: 0; padding: clamp(28px, 4vw, 54px); border: 1px solid #4f3925; background: #101213; }
.evidence-card.later { border-style: dashed; background: #0d0f10; }
.evidence-label { display: flex; align-items: center; gap: 10px; color: #cf9248; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.evidence-card h3 { margin: 34px 0 6px; font: 400 2.5rem/1 Georgia, serif; text-transform: uppercase; }
.citation { color: #c58742; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.evidence-card > p:not(.citation) { color: #bfb4a4; font: 400 1rem/1.75 Georgia, serif; }
.evidence-rule { margin-top: 28px !important; padding: 22px 26px; color: #a99e8d; font: 400 .95rem/1.65 Georgia, serif; border-left: 2px solid #c58640; background: #12100e; }
.evidence-rule strong { color: #dfb272; }

.stalemate { text-align: center; }
.stalemate .chapter-copy { margin-inline: auto; }
.war-meter { display: grid; grid-template-columns: repeat(10, 1fr); gap: 5px; margin: 55px auto 0; max-width: 1000px; }
.war-meter span { padding: 18px 5px; color: #8c7f6d; font: 400 12px Georgia, serif; border-top: 1px solid #614528; background: #0c0e0f; }
.war-meter .last { color: #f0b665; border-color: #d38c3b; box-shadow: inset 0 -3px #d38c3b; }
.stalemate-word { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 4vw, 50px); margin: 38px auto 20px; }
.stalemate-word span { color: #807667; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.stalemate-word b { color: #e1d4c2; font: 400 clamp(2.2rem, 5vw, 5rem)/1 Georgia, serif; text-transform: uppercase; }

.cinematic-reveal { position: relative; overflow: hidden; }
.gaia-reveal { min-height: 650px; display: grid; align-items: center; padding: clamp(75px, 9vw, 120px) clamp(20px, 8vw, 132px); background: linear-gradient(90deg, #050709f2 5%, #070a0dd6 64%, #070a0d8a), url('./tartarus-environment.png') center 19% / cover; border-block: 1px solid #4a3321; }
.reveal-inner { max-width: 1300px; }
.cinematic-reveal h2 { max-width: 850px; margin: 0; font-family: Georgia, serif; font-size: clamp(2.25rem, 4.2vw, 4.8rem); line-height: .92; letter-spacing: -.04em; text-transform: uppercase; }
.reveal-line, .compact-callout { margin: 24px 0 0; color: #e6d6bf; font: italic 400 clamp(1.25rem, 2.3vw, 2.1rem)/1.25 Georgia, serif; }
.reveal-line { font-size: clamp(1.6rem, 3vw, 3rem); font-style: normal; text-transform: uppercase; }
.reveal-line .material-glyphs { max-width: 760px; }
.source-distinction { margin-top: 18px !important; color: #a99d8c !important; font-size: .94rem !important; }
.source-distinction b { color: #d5a366; }
.reveal-columns { display: grid; grid-template-columns: .7fr 1fr; gap: clamp(36px, 8vw, 120px); max-width: 1050px; margin-top: 56px; }
.reveal-columns p { margin: 0; color: #c3b6a4; font: 400 1rem/1.78 Georgia, serif; }
.reveal-columns .lead { color: #eadfce; font-size: clamp(1.25rem, 2vw, 1.65rem); }
.reveal-columns strong { color: #efc083; }
.dual-source { display: flex; flex-wrap: wrap; gap: 18px 30px; margin-top: 22px; }

.opening { display: grid; grid-template-columns: .85fr 1fr; gap: clamp(50px, 8vw, 120px); align-items: center; }
.opening .chapter-number { grid-column: 1; }
.environment-window { position: relative; margin: 0; height: 460px; overflow: hidden; border: 1px solid #4e3825; }
.environment-window::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 55%, #060708e6); }
.environment-window img { width: 100%; height: 100%; object-fit: cover; }
.environment-window figcaption { position: absolute; z-index: 1; left: 20px; bottom: 18px; color: #b8a991; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.opening > .dual-source { grid-column: 1 / -1; margin-top: -70px; max-width: calc(50% - 60px); }

.stones { min-height: 720px; display: grid; place-items: center; padding: clamp(80px, 10vw, 140px) 20px; text-align: center; background: radial-gradient(circle at 50% 45%, transparent 0 16%, #050708c8 55%, #050708fa 85%), linear-gradient(#06080aa8, #06080aee), url('./tartarus-environment.png') center 47% / cover; }
.stones::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, transparent 0 47px, rgb(230 146 58 / 4%) 48px 49px); }
.stones-content { position: relative; z-index: 1; max-width: 1150px; }
.stone-number { margin-bottom: -1.15em; color: transparent; font: 700 clamp(9rem, 25vw, 26rem)/1 Arial, sans-serif; letter-spacing: -.1em; -webkit-text-stroke: 1px #c47c2838; }
.stones h2 { font-size: clamp(2.5rem, 5vw, 5.6rem); }
.stones .lead { max-width: 790px; margin: 42px auto 14px; color: #d7caba; }
.battle-evidence { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; max-width: 900px; margin: 30px auto 8px; background: #654525; }
.battle-evidence p { margin: 0; padding: 20px; background: #0d0f10dc; color: #b4a897; font: 400 .9rem/1.55 Georgia, serif; }
.battle-evidence strong { display: block; margin-bottom: 7px; color: #e0a85f; font: 700 9px Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }

.reversal { background: #0a0c0d; }
.postwar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 52px; background: #533b27; border: 1px solid #533b27; }
.postwar-grid > div { padding: clamp(30px, 5vw, 60px); background: #101213; }
.postwar-grid h3 { margin: 10px 0 18px; font: 400 clamp(1.6rem, 3vw, 2.8rem)/1.1 Georgia, serif; text-transform: uppercase; }
.postwar-grid p:last-child { color: #b7ac9b; font: 400 1rem/1.75 Georgia, serif; }

.briareus-epilogue { display: grid; grid-template-columns: 1fr .55fr; gap: clamp(40px, 8vw, 120px); align-items: end; border-top: 1px solid #2b221a; }
.future-door { min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; padding: 38px; border: 1px solid #72502d; background: linear-gradient(145deg, #1c1813, #0b0d0e); }
.future-door span { color: #c58c49; font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }
.future-door p { font: 400 clamp(1.7rem, 3vw, 3rem)/1.05 Georgia, serif; text-transform: uppercase; }
.future-door svg { color: #dc9c4c; }

.verdict { position: relative; max-width: 1220px; margin: 50px auto clamp(90px, 12vw, 170px); padding: clamp(55px, 8vw, 100px); border: 1px solid #a16b31; background: linear-gradient(135deg, #1b1711, #0b0d0e 62%); box-shadow: 0 35px 90px #000; text-align: center; }
.verdict-icon { width: 64px; height: 64px; display: grid; place-items: center; margin: -132px auto 35px; border: 1px solid #c1843d; background: #0a0c0d; color: #d79a4c; transform: rotate(45deg); }
.verdict-icon svg { transform: rotate(-45deg); }
.verdict h2 { margin: 0; font: 400 clamp(2.6rem, 5vw, 6rem)/.95 Georgia, serif; text-transform: uppercase; }
.verdict h2 > .material-glyphs { display: inline-grid; }
.verdict h2 > .verdict-twist { display: block; margin-top: 12px; color: #d49a50; font-size: .55em; letter-spacing: .03em; }
.verdict > p:not(.overline):not(.interpretation-note) { max-width: 780px; margin: 32px auto; color: #c6b9a7; font: 400 1.08rem/1.8 Georgia, serif; }
.verdict-formula { display: flex; align-items: stretch; justify-content: center; gap: 8px; margin: 38px 0 28px; }
.verdict-formula span { flex: 1; display: grid; place-items: center; min-height: 90px; padding: 16px; color: #d9c9b4; border: 1px solid #5e4227; background: #0e1011; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.verdict-formula b { display: grid; place-items: center; color: #d99b4c; font: 400 1.5rem Georgia, serif; }
.interpretation-note { margin: 0; color: #918575; font: 400 .9rem/1.7 Georgia, serif; }
.interpretation-note strong { color: #c99b62; }

.faq { background: #0a0c0d; border-block: 1px solid #2e241b; }
.faq-list { max-width: 1000px; margin: 55px auto 0; border-top: 1px solid #503924; }
.faq details { border-bottom: 1px solid #503924; }
.faq summary { cursor: pointer; display: grid; grid-template-columns: 50px 1fr; gap: 18px; align-items: center; min-height: 80px; color: #e6dbca; font: 400 clamp(1.05rem, 1.7vw, 1.35rem)/1.3 Georgia, serif; }
.faq summary::marker { color: #bc7e39; }
.faq summary span { color: #9b6c38; font: 400 10px Arial, sans-serif; letter-spacing: .12em; }
.faq details p { margin: -5px 0 26px 68px; max-width: 780px; color: #aa9e8d; font: 400 .98rem/1.7 Georgia, serif; }

.sources { display: grid; grid-template-columns: .65fr 1fr; gap: clamp(40px, 8vw, 120px); max-width: 1400px; margin: auto; }
.sources ol { margin: 0; padding: 0; list-style: none; counter-reset: sources; }
.sources li { position: relative; display: grid; grid-template-columns: minmax(220px, .8fr) 1fr; gap: 28px; align-items: center; min-height: 86px; padding-left: 45px; border-bottom: 1px solid #33281f; counter-increment: sources; }
.sources li::before { content: '0' counter(sources); position: absolute; left: 0; color: #805a33; font: 400 10px Arial, sans-serif; }
.sources li span { color: #958978; font: 400 .9rem/1.55 Georgia, serif; }

.door-beyond { min-height: 820px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: linear-gradient(#060809d9, #060809f4), url('./tartarus-environment.png') center bottom / cover; border-top: 1px solid #46311f; }
.door-mark { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 35px; color: #6ab6ff; border: 1px solid #7c552e; transform: rotate(45deg); background: #0a0c0d; box-shadow: 0 0 35px #3a87e566; }
.door-mark svg { transform: rotate(-45deg); }
.door-beyond h2 { margin: 0; font: 400 clamp(2.8rem, 6.5vw, 7.5rem)/.92 Georgia, serif; text-transform: uppercase; letter-spacing: -.045em; }
.door-beyond > p:not(.overline) { max-width: 570px; margin: 38px auto 22px; color: #bfb2a0; font: 400 1.15rem/1.65 Georgia, serif; }

footer { min-height: 210px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; padding: 42px clamp(20px, 6vw, 96px); border-top: 1px solid #4c3522; background: #050607; }
footer > p { margin: 0; color: #8f7e68; font: 400 10px Georgia, serif; letter-spacing: .24em; text-align: center; text-transform: uppercase; }

:focus-visible { outline: 2px solid #e1a24f; outline-offset: 5px; }

@media (max-width: 900px) {
  .site-header { height: 66px; }
  .brand { font-size: 9px; max-width: 215px; }
  nav { gap: 16px; } nav a:not(.nav-watch) { display: none; }
  .hero { grid-template-columns: 1fr; gap: 42px; padding-top: 102px; }
  .hero-copy { order: 0; }
  .hero-poster { order: 1; justify-self: center; width: min(88vw, 500px); }
  h1 { font-size: clamp(2.85rem, 13.5vw, 6rem); line-height: .86; }
  .material-texture { -webkit-text-stroke-width: 1px; }
  .material-matte { -webkit-text-stroke-width: 3px; }
  .watch-grid, .comparison-grid, .opening, .reveal-columns, .postwar-grid, .briareus-epilogue, .sources { grid-template-columns: 1fr; }
  .reel-card { width: min(88vw, 500px); height: auto; aspect-ratio: 4 / 5; justify-self: center; }
  .opening > .dual-source { grid-column: 1; margin-top: -24px; max-width: none; }
  .environment-window { height: 420px; }
  .investigation-notes, .battle-evidence { grid-template-columns: 1fr; }
  .brother-grid { grid-template-columns: 1fr; }
  .brother-card { min-height: 300px; }
  .greek { margin-top: 52px; }
  .sources li { grid-template-columns: 1fr; gap: 2px; padding-block: 18px; }
  footer { grid-template-columns: 1fr; justify-items: center; }
}

@media (max-width: 600px) {
  .hero { padding-inline: 18px; }
  .hero-deck { margin-top: 22px; }
  .hero-poster { width: calc(100vw - 38px); }
  .watch-section, .search-answer, .chapter, .faq, .sources, .door-beyond { padding-inline: 20px; }
  .chapter-number { display: none; }
  .section-kicker span:last-child { display: none; }
  .play-button { left: 16px; bottom: 16px; }
  .brother-card { padding: 30px 24px; }
  .war-meter { grid-template-columns: repeat(5, 1fr); }
  .stalemate-word { flex-direction: column; }
  .cinematic-reveal h2, .stones h2 { font-size: clamp(2.3rem, 10.5vw, 4.25rem); }
  .gaia-reveal { min-height: 650px; padding-inline: 20px; }
  .finding { grid-template-columns: 1fr; gap: 10px; }
  .stone-number { font-size: 43vw; }
  .verdict { margin-inline: 14px; padding-inline: 22px; }
  .verdict-formula { flex-direction: column; }
  .verdict-formula b { min-height: 24px; }
  .faq summary { grid-template-columns: 38px 1fr; }
  .faq details p { margin-left: 56px; }
  .door-beyond h2 { font-size: clamp(2.55rem, 12.5vw, 5rem); }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-copy { animation: rise .8s ease-out both; }
  .hero-poster { animation: rise .8s .12s ease-out both; }
  @keyframes rise { from { opacity: 0; transform: translateY(18px); } }
}