/* 03 — ONE RED
   One colour for the whole series, a warm vermilion. Clear of the
   Couples burgundy, the manifesto aubergine and the Siblings greens.
   Every image is mounted the same way: a cream-bordered print, tilted a
   touch, so a photograph and an app icon read as one family. */

.th-red { --red: #C8442A; --cream: #FBF1E6; --deep: #2B1510; }

.th-red.cover { background: var(--red); color: var(--cover-ink, var(--cream)); --stage-mt: 48px; --photo-s: .9; --icon-s: .66; }
.th-red.cover::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background-image: var(--grain-url); background-size: 240px 240px;
  mix-blend-mode: soft-light; opacity: .18;
}
.th-red .series { opacity: .74; }
.th-red .hook { font-size: 62px; line-height: 1.14; font-weight: 600; letter-spacing: -1.4px; }
.th-red .stat { margin-top: 26px; font-size: 44px; line-height: 1.3; font-weight: 400; letter-spacing: -.4px; }

.th-red .plate .obj {
  transform: rotate(-2deg);
  box-shadow: 0 2px 6px rgba(60, 14, 4, .18), 0 28px 54px rgba(60, 14, 4, .32);
}
.th-red .plate .obj.photo { border: 18px solid var(--cream); border-radius: 6px; }
.th-red .plate .obj.icon { border: 18px solid var(--cream); }
.th-red .foot { opacity: .76; }

.th-red.origin { background: var(--cream); color: var(--deep); }
.th-red.origin .kicker { color: var(--red); }

.th-red.evolution { background: var(--red); color: var(--cream); }
.th-red.evolution .kicker { color: rgba(251, 241, 230, .70); }