/* Doomed Interactive — warm editorial studio identity. */
:root {
  --studio-paper: #e9e3d5;
  --studio-paper-2: #dcd3c0;
  --studio-ink: #11110d;
  --studio-gold: #d7aa32;
}

body {
  background: var(--studio-paper);
  color: var(--studio-ink);
}

body::before {
  opacity: .48;
  background:
    linear-gradient(rgba(30, 27, 18, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 27, 18, .045) 1px, transparent 1px),
    radial-gradient(circle at 8% 40%, rgba(215, 170, 50, .16), transparent 28%);
  background-size: 48px 48px, 48px 48px, auto;
}

body::after { opacity: .05; }

.site-header {
  background: rgba(8, 8, 6, .94);
  border-color: rgba(215, 170, 50, .2);
  color: #f2ecde;
}

.site-header.scrolled,
.site-header.open { background: rgba(8, 8, 6, .98); }

.hero {
  color: #f3eee1;
  background:
    linear-gradient(90deg, #090907 0 56%, #000 56%),
    #090907;
  border-bottom: 1px solid rgba(215, 170, 50, .28);
}

.hero::after { border-left-color: rgba(215, 170, 50, .26); }
.hero-kicker { color: #9b927f; }
.hero-lead { color: #b8b0a2; }
.hero-title { letter-spacing: -.072em; }
.hero-title strong { text-shadow: 0 0 54px rgba(215, 170, 50, .16); }

.signal-strip {
  color: #12110d;
  border: 0;
  background: var(--studio-gold);
}

.signal-item,
.signal-item:first-child { border-color: rgba(17, 17, 13, .22); }
.signal-num { color: #5c4610; }
.signal-copy span { color: rgba(17, 17, 13, .64); }

.section { position: relative; }
.section-head { border-bottom: 1px solid rgba(17, 17, 13, .18); padding-bottom: 28px; }
.eyebrow { color: #745914; }
.eyebrow::before { background: #9d791c; }
.section-intro { color: #5e594f; }

.games {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: stretch;
}

.game-card { min-height: 610px; border-color: rgba(17, 17, 13, .28); }
.game-card:nth-child(1) { grid-column: span 7; }
.game-card-march { grid-column: span 5; }
.game-card-leak {
  grid-column: 1 / -1;
  min-height: 480px;
  border-color: rgba(62, 142, 184, .5);
  background: #02080c;
}

.game-card-leak::after {
  background: linear-gradient(90deg, rgba(1, 5, 8, .98) 0 32%, rgba(1, 5, 8, .7) 56%, rgba(1, 5, 8, .1) 100%);
}

.game-card-leak .game-image {
  object-position: 72% center;
  filter: saturate(.78) contrast(1.1) brightness(.78);
}

.game-card-leak:hover { border-color: #6dc8ef; }
.game-card-leak:hover .game-image { filter: saturate(.98) contrast(1.08) brightness(.88); }
.game-card-leak .game-body { max-width: 590px; }
.game-card-leak h3 { font-family: "JetBrains Mono", monospace; letter-spacing: -.075em; color: #e9f7ff; }
.game-card-leak .game-num,
.game-card-leak .game-link { color: #77d2f4; }
.game-card-leak .status::before { background: #5cc8f4; box-shadow: 0 0 18px rgba(92, 200, 244, .72); }

.manifesto {
  color: #f1ecdf;
  border-color: rgba(215, 170, 50, .28);
  background:
    linear-gradient(135deg, rgba(215, 170, 50, .09), transparent 42%),
    #0e0e0a;
}

.manifesto .eyebrow,
.manifesto .principle::before { color: var(--studio-gold); }
.manifesto-copy,
.manifesto .principle p { color: #aaa293; }
.manifesto .principle { border-color: rgba(255, 255, 255, .1); }

.contact-panel {
  color: #11110d;
  border-color: #11110d;
  background: var(--studio-gold);
  box-shadow: 14px 14px 0 #11110d;
}

.contact-panel .eyebrow,
.contact-panel p { color: #44350e; }
.contact-panel .eyebrow::before { background: #11110d; }
.contact-panel .btn { border-color: #11110d; color: #11110d; }
.contact-panel .btn:hover { background: #11110d; color: var(--studio-gold); }

footer { color: #837c6e; background: #080806; border-color: rgba(215, 170, 50, .18); }

@media (max-width: 900px) {
  .hero { background: #090907; }
  .games { grid-template-columns: 1fr; }
  .game-card:nth-child(1),
  .game-card-march,
  .game-card-leak { grid-column: auto; }
  .game-card-leak { min-height: 540px; }
  .game-card-leak::after { background: linear-gradient(to top, rgba(1, 5, 8, .98), rgba(1, 5, 8, .18)); }
  .game-card-leak .game-image { object-position: center; }
}

@media (max-width: 600px) {
  .hero { min-height: auto; }
  .game-card-leak { min-height: 500px; }
  .game-card-leak h3 { font-size: 2.75rem; }
  .contact-panel { box-shadow: 7px 7px 0 #11110d; }
}