/* 01 — PEDESTAL
   The nearest sibling to Letters: the same beige, the same Lexend, the
   same plum. What changes is the picture. The real thing in full colour,
   crisp, set on the paper, instead of a duotone photograph dissolving into it. */

.th-pedestal.cover {
  background: linear-gradient(162deg, #F6EBE0 0%, #EEDCD2 46%, #E2CDC4 100%);
  color: #2A122A;
  --stage-mt: 44px;
}
.th-pedestal.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: multiply; opacity: .085;
}
.th-pedestal .series { color: rgba(42, 18, 42, .58); }
.th-pedestal .hook { font-size: 62px; line-height: 1.14; font-weight: 600; letter-spacing: -1.4px; }
.th-pedestal .stat {
  margin-top: 26px; font-size: 44px; line-height: 1.3; font-weight: 400;
  letter-spacing: -.4px; color: rgba(42, 18, 42, .80);
}
.th-pedestal .stat b { color: #2A122A; }
.th-pedestal .plate .obj { box-shadow: 0 2px 6px rgba(42, 18, 42, .10), 0 26px 50px rgba(42, 18, 42, .20); }
.th-pedestal .plate .obj.photo { border-radius: 22px; }
.th-pedestal .foot { color: rgba(42, 18, 42, .58); }

.th-pedestal.origin { background: #FBF5EC; color: #2A122A; }
.th-pedestal.origin .kicker { color: #9B5B6A; }

.th-pedestal.evolution {
  background: radial-gradient(128% 96% at 50% 34%, #2E1330 0%, #190A1B 62%, #120714 100%);
  color: #F6EDE4;
  --copy-weight: 300;
}
.th-pedestal.evolution .kicker { color: rgba(246, 237, 228, .56); }