.dc-reveal-page {
  --dc-black: #090b0d;
  --dc-charcoal: #121518;
  --dc-panel: #1a1d20;
  --dc-yellow: #f2c438;
  --dc-gold: #d8a91e;
  --dc-paper: #f4f0e5;
  --dc-silver: #c8c5b9;
  background: var(--dc-black);
}

.dc-reveal-page .reveal-header.scrolled { border-color: rgba(242, 196, 56, .22); background: rgba(7, 9, 10, .95); }
.dc-reveal-page .reveal-brand .brand-mark { background: linear-gradient(145deg, #ffe775, #c48e09); color: #111; }
.dc-reveal-page .reveal-overline { color: var(--dc-yellow); }
.dc-reveal-page .reveal-hero-image { object-position: center; filter: saturate(.88) contrast(1.05); }
.dc-reveal-page .reveal-hero-shade { background: linear-gradient(90deg, rgba(4, 5, 6, .95), rgba(4, 5, 6, .64) 50%, rgba(4, 5, 6, .12)), linear-gradient(0deg, rgba(4, 5, 6, .85), transparent 58%); }
.dc-reveal-page .reveal-hero-copy { transform: translateX(min(-10vw, -65px)); }
.dc-reveal-page .reveal-clue-section { background: radial-gradient(circle at 76% 18%, rgba(242, 196, 56, .12), transparent 31%), linear-gradient(145deg, #f5f1e7, #ded8c8); }
.dc-reveal-page .reveal-name strong { color: #6e570c; font-size: clamp(3.4rem, 8vw, 7.6rem); }
.dc-reveal-page .reveal-character-card { border-color: rgba(178, 139, 20, .35); background: #111; box-shadow: 0 30px 90px rgba(0, 0, 0, .25); }
.dc-reveal-page .reveal-character-card img { aspect-ratio: 3 / 2; object-fit: cover; background: #0a0b0c; }
.dc-reveal-page .reveal-character-card figcaption { background: #f8f4e9; }

.dc-pattern-section,
.dc-copilot-section { background: radial-gradient(circle at 12% 12%, rgba(242, 196, 56, .11), transparent 28%), var(--dc-charcoal); color: #fff; }
.dc-reveal-page .dc-pattern-section .reveal-heading h2,
.dc-reveal-page .dc-copilot-section .reveal-heading h2 { color: #fff; }
.dc-reveal-page .dc-pattern-section .reveal-heading > p:last-child,
.dc-reveal-page .dc-copilot-section .reveal-heading > p:last-child { color: rgba(255, 255, 255, .64); }
.dc-triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }
.dc-image-card,
.dc-split-image,
.dc-moodboard { overflow: hidden; margin: 0; border: 1px solid rgba(242, 196, 56, .26); border-radius: 26px; background: #0a0b0c; box-shadow: 0 28px 70px rgba(0, 0, 0, .28); }
.dc-image-card img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.dc-lantern-card img { filter: saturate(.22); }
.dc-image-card figcaption { padding: 16px 18px; color: #efe7ce; font-family: var(--serif); font-size: 1.02rem; }

.dc-cinematic-panel { position: relative; display: grid; min-height: 94svh; place-items: end start; isolation: isolate; overflow: hidden; background: #050607; color: #fff; }
.dc-cinematic-panel > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dc-panel-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(3, 4, 5, .93), rgba(3, 4, 5, .38) 67%, transparent), linear-gradient(0deg, rgba(3, 4, 5, .82), transparent 58%); }
.dc-panel-copy { width: min(760px, calc(100% - 40px)); margin-left: max(20px, calc((100vw - 1120px) / 2)); padding: 110px 0; }
.dc-panel-copy h2 { max-width: 730px; margin: 0; font-family: var(--serif); font-size: clamp(3.7rem, 8vw, 7.6rem); font-weight: 500; letter-spacing: -.055em; line-height: .9; }
.dc-panel-copy p:not(.reveal-overline) { max-width: 610px; margin: 28px 0 0; color: rgba(255, 255, 255, .72); font-size: clamp(1rem, 1.8vw, 1.22rem); line-height: 1.7; }
.dc-panel-copy strong { display: block; margin-top: 30px; color: var(--dc-yellow); font-family: var(--serif); font-size: clamp(1.5rem, 3vw, 2.55rem); font-weight: 500; }
.dc-door-panel > img { object-position: center; }

.dc-reveal-page .dc-years-section { background: radial-gradient(circle at 50% 0, rgba(242, 196, 56, .1), transparent 30%), #080a0c; }
.dc-reveal-page .dc-story-carousel .moodboard-stage { border-color: rgba(242, 196, 56, .3); background: #090b0d; }
.dc-reveal-page .dc-story-carousel .moodboard-slide img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

.dc-waiting-section { background: linear-gradient(145deg, #f4f0e5, #dcd5c5); }
.dc-split { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(45px, 7vw, 90px); align-items: center; }
.dc-split-image { transform: rotate(-1deg); }
.dc-split-image img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.dc-split-copy h2,
.dc-studio-copy h2,
.dc-chaos-copy h2 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: clamp(2.8rem, 5.8vw, 5.2rem); font-weight: 500; letter-spacing: -.05em; line-height: .95; }
.dc-split-copy > p:not(.reveal-overline),
.dc-studio-copy > p:not(.reveal-overline) { margin: 21px 0 0; color: var(--muted); line-height: 1.8; }
.dc-split-copy blockquote { margin: 32px 0 0; padding: 21px 0 21px 24px; border-left: 3px solid var(--dc-gold); color: #5e4b13; font-family: var(--serif); font-size: clamp(1.35rem, 2.7vw, 2rem); line-height: 1.25; }

.dc-chaos-section { background: radial-gradient(circle at 75% 26%, rgba(242, 196, 56, .14), transparent 32%), #07090a; }
.dc-chaos-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(50px, 8vw, 105px); align-items: center; }
.dc-chaos-copy h2 { color: #fff; font-size: clamp(4.4rem, 9vw, 8.5rem); }
.dc-chaos-copy > p:not(.reveal-overline) { color: rgba(255, 255, 255, .68); line-height: 1.75; }
.dc-chaos-copy > p strong { color: var(--dc-yellow); }
.dc-chaos-copy blockquote { margin: 30px 0 0; color: #f5df8d; font-family: var(--serif); font-size: clamp(1.35rem, 2.8vw, 2.1rem); line-height: 1.3; }
.dc-chaos-images { display: grid; }
.dc-chaos-images img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border: 1px solid rgba(242, 196, 56, .25); border-radius: 24px; }

.dc-studio-section { background: radial-gradient(circle at 82% 16%, rgba(242, 196, 56, .15), transparent 30%), #f5f0e3; }
.dc-studio-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(45px, 7vw, 90px); align-items: center; }
.dc-studio-copy .button { margin-top: 30px; }
.dc-moodboard { background: #0b0d0f; transform: rotate(1deg); }
.dc-moodboard img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: contain; }
.dc-moodboard figcaption { padding: 17px 20px; color: #d9d1b8; font-size: .76rem; }

.dc-song-section { background: #f8f4e9; }
.dc-reveal-page .dc-song-section .reveal-wave-card { background: radial-gradient(circle at 78% 16%, rgba(242, 196, 56, .27), transparent 34%), linear-gradient(145deg, #24272a, #080a0b); }
.dc-reveal-page .dc-song-section .reveal-waveform i { background: linear-gradient(#ffe477, #a77b08); }
.dc-reveal-page .reveal-song-tease { border-color: var(--dc-gold); }

.dc-reveal-page .dc-meaning-section .reveal-flight-shade { background: linear-gradient(90deg, rgba(3, 4, 5, .94), rgba(3, 4, 5, .48) 64%, rgba(3, 4, 5, .16)), linear-gradient(0deg, rgba(3, 4, 5, .75), transparent 58%); }
.dc-reveal-page .dc-meaning-section .reveal-payoff-lines { max-width: 820px; gap: 9px; }
.dc-reveal-page .reveal-premiere-section { background: radial-gradient(circle at 50% 0, rgba(242, 196, 56, .18), transparent 35%), #060809; }
.dc-reveal-page .reveal-premiere-transition img { object-position: center; }

.dc-film-premiere { max-width: 1080px; }
.dc-film-premiere video { aspect-ratio: 16 / 9; object-fit: contain; }
.dc-dedication { background: radial-gradient(circle at 50% 0, rgba(242, 196, 56, .13), transparent 30%), linear-gradient(145deg, #f5f0e4, #dcd4c2); }
.dc-reveal-page .dc-dedication .reveal-afterword-inner > strong { color: #6b540d; }
.dc-reveal-page .reveal-story-dialog { border-color: rgba(242, 196, 56, .3); }
.dc-reveal-page .reveal-story-dialog .story-dialog-header .eyebrow { color: #8a6a0b; }

@media (max-width: 900px) {
  .dc-triptych { grid-template-columns: 1fr 1fr; }
  .dc-triptych .dc-image-card:last-child { grid-column: 1 / -1; width: calc(50% - 9px); justify-self: center; }
  .dc-split,
  .dc-chaos-grid,
  .dc-studio-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .dc-reveal-page .reveal-hero-copy { transform: none; }
  .dc-reveal-page .reveal-hero-image { object-position: 62% center; }
  .dc-cinematic-panel { min-height: 86svh; }
  .dc-cinematic-panel > img { object-position: 60% center; }
  .dc-panel-copy { width: calc(100% - 30px); margin: 0 auto; padding: 92px 0 68px; }
  .dc-panel-copy h2 { font-size: clamp(3.2rem, 15vw, 5rem); }
}

@media (max-width: 640px) {
  .dc-reveal-page .reveal-nav { gap: 8px; }
  .dc-reveal-page .reveal-nav a { font-size: .48rem; }
  .dc-reveal-page .reveal-nav a:nth-child(2) { display: block; }
  .dc-triptych { grid-template-columns: 1fr; }
  .dc-triptych .dc-image-card:last-child { grid-column: auto; width: 100%; }
  .dc-image-card,
  .dc-split-image,
  .dc-moodboard { border-radius: 21px; transform: none; }
  .dc-film-premiere video { aspect-ratio: 16 / 9; }
}

@media (prefers-reduced-motion: reduce) {
  .dc-split-image,
  .dc-moodboard { transform: none; }
}