/* ============================================================
   KMMG  -  Kent Ministries Media Group
   Tokens only. Every colour below is sampled from the KMMG
   logo files, by way of the palette already used across the
   Verse to Life production code, so the web build and the
   video builds cannot drift apart.
   ============================================================ */

:root {
  /* ground */
  --ink:        #0B0806;
  --ink-2:      #14100B;

  /* text */
  --paper:      #F2E7D5;
  --paper-dim:  rgba(242, 231, 213, .74);
  --muted:      #9A8A72;
  --line:       rgba(242, 231, 213, .14);

  /* accent */
  --accent:      #D59332;
  --accent-soft: #E8C07A;

  /* surfaces */
  --pill-bg:      rgba(11, 8, 6, .5);
  --scrim-strong: rgba(11, 8, 6, .93);
  --scrim-soft:   rgba(11, 8, 6, .58);

  /* Stands in until the hero video decodes. Taken from the
     KMMG banner gradient so the swap is not a colour jump. */
  --hero-fallback: linear-gradient(105deg, #0B0806 0%, #241608 52%, #5A3A15 100%);

  /* type */
  --font-wordmark: "Cinzel", "Trajan Pro", Georgia, serif;
  --font-display:  "Spectral", Constantia, "Iowan Old Style", Georgia, serif;
  --font-body:     "Source Sans 3", Corbel, "Segoe UI", system-ui, sans-serif;
  --font-mono:     "JetBrains Mono", Consolas, ui-monospace, monospace;

  --wordmark-weight: 600;
  --display-weight:  300;
  --display-tracking: -.015em;
  --brand-tracking:   .06em;
}

/* The wordmark is set in caps, so it needs open tracking to
   read the way the logo lettering does. */
.nav__brand { text-transform: uppercase; }

/* Key art plate under the studio section. */
.plate {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 var(--gutter) clamp(4rem, 9vw, 7rem);
}

.plate img {
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: 3px;
}

.plate figcaption {
  margin-top: .9rem;
  font-family: var(--font-mono);
  font-size: .625rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--muted);
}