/* The Collector — press kit layout.
   Relies on css/main.css for the :root custom properties and base mood.
   Fallbacks are provided so this page still reads if main.css is absent. */

.presskit {
  --pk-night: var(--night, #0B0E14);
  --pk-night-2: var(--night-2, #131720);
  --pk-fog: var(--fog, #6E7787);
  --pk-fog-light: var(--fog-light, #9AA3B2);
  --pk-porcelain: var(--porcelain, #EDEAE4);
  --pk-porcelain-dim: var(--porcelain-dim, #C9C3B8);
  --pk-amber: var(--amber, #E8A33D);
  --pk-brass: var(--brass, #8B6914);
  --pk-blood: var(--blood, #7A1E1E);

  background: var(--pk-night);
  color: var(--pk-porcelain);
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  margin: 0;
}

.pk-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* ---------- Header ---------- */

.pk-header {
  border-bottom: 1px solid color-mix(in srgb, var(--pk-fog) 25%, transparent);
  background: var(--pk-night-2);
}

.pk-header-inner {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  flex-wrap: wrap;
}

.pk-wordmark {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.65rem;
  margin: 0;
  letter-spacing: 0.02em;
  line-height: 1.05;
}

.pk-wordmark .wordmark-main {
  display: block;
}

.pk-wordmark .wordmark-sub {
  display: block;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--pk-amber, #e1bd61);
}

.pk-back {
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pk-amber);
  text-decoration: none;
}

.pk-back:hover,
.pk-back:focus-visible {
  text-decoration: underline;
}

/* ---------- Section cards ---------- */

.pk-card {
  background: color-mix(in srgb, var(--pk-night-2) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--pk-fog) 18%, transparent);
  border-radius: 0;
  padding: 1.75rem 2rem;
  margin: 1.75rem 0;
}

.pk-card h2 {
  margin: 0 0 1rem;
}

.pk-eyebrow {
  display: block;
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--pk-fog-light);
  border-bottom: 1px solid color-mix(in srgb, var(--pk-fog) 20%, transparent);
  padding-bottom: 0.6rem;
}

.pk-card p {
  margin: 0 0 1rem;
}

.pk-card p:last-child {
  margin-bottom: 0;
}

.pk-card a {
  color: var(--pk-amber);
}

/* ---------- Factsheet ---------- */

.pk-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.9rem 2rem;
  margin: 0;
}

.pk-fact {
  margin: 0;
}

.pk-fact dt {
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pk-fog-light);
  margin-bottom: 0.15rem;
}

.pk-fact dd {
  margin: 0;
  color: var(--pk-porcelain);
}

/* ---------- Description ---------- */

.pk-tagline {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.7rem;
  line-height: 1.5;
  color: var(--pk-porcelain);
}

/* ---------- Features ---------- */

.pk-features {
  margin: 0;
  padding-left: 1.4rem;
}

.pk-features li {
  margin-bottom: 0.6rem;
}

.pk-features li::marker {
  color: var(--pk-brass);
}

/* ---------- Story ---------- */

.pk-endings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-top: 1.25rem;
}

.pk-ending {
  border: 1px solid color-mix(in srgb, var(--pk-fog) 20%, transparent);
  border-radius: 4px;
  padding: 1rem 1.25rem;
}

.pk-ending h3 {
  font-family: 'Manrope', system-ui, sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.2em;
  margin: 0 0 0.5rem;
  color: var(--pk-amber);
}

.pk-ending:last-child h3 {
  color: var(--pk-blood);
}

.pk-ending p {
  font-style: italic;
  margin: 0;
  color: var(--pk-porcelain-dim);
}

/* ---------- Characters ---------- */

.pk-character {
  border-top: 1px solid color-mix(in srgb, var(--pk-fog) 15%, transparent);
  padding-top: 1.1rem;
  margin-top: 1.1rem;
}

.pk-character:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.pk-character h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.7rem;
  font-weight: normal;
  margin: 0 0 0.4rem;
}

.pk-character strong {
  color: var(--pk-fog-light);
  font-weight: 600;
}

.pk-quotes {
  font-style: italic;
  color: var(--pk-porcelain-dim);
}

/* ---------- Gallery ---------- */

.pk-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

.pk-figure {
  margin: 0;
}

.pk-figure-key-art { grid-column: 1 / -1; }

.pk-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid color-mix(in srgb, var(--pk-fog) 25%, transparent);
  border-radius: 0;
  background: var(--pk-night);
}

.pk-figure-portrait img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.pk-figure figcaption {
  font-size: 0.85rem;
  color: var(--pk-fog-light);
  margin-top: 0.5rem;
  line-height: 1.45;
}

.pk-reference-downloads {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--pk-fog) 22%, transparent);
}

.pk-reference-downloads h3 {
  margin-bottom: 0.35rem;
  color: var(--pk-porcelain);
  font-size: 1.35rem;
}

.pk-reference-downloads p,
.pk-art-note {
  color: var(--pk-fog-light);
  font-size: 0.9rem;
}

.pk-reference-downloads ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid color-mix(in srgb, var(--pk-fog) 18%, transparent);
}

.pk-reference-downloads li {
  padding: 0.65rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--pk-fog) 18%, transparent);
}

.pk-reference-downloads li:nth-child(odd) { padding-right: 1rem; }
.pk-reference-downloads li:nth-child(even) { padding-left: 1rem; }
.pk-art-note { margin: 1.35rem 0 0; }

/* ---------- Footer ---------- */

.pk-footer {
  border-top: 1px solid color-mix(in srgb, var(--pk-fog) 25%, transparent);
  margin-top: 2.5rem;
  padding: 1.5rem 0 2rem;
  font-size: 0.85rem;
  color: var(--pk-fog-light);
}

.pk-footer p {
  margin: 0 0 0.35rem;
}

/* ---------- Responsive ---------- */

@media (max-width: 720px) {
  .pk-facts,
  .pk-endings,
  .pk-gallery {
    grid-template-columns: 1fr;
  }

  .pk-card {
    padding: 1.25rem 1.25rem;
  }

  .pk-reference-downloads ul { grid-template-columns: 1fr; }
  .pk-reference-downloads li:nth-child(odd),
  .pk-reference-downloads li:nth-child(even) { padding-left: 0; padding-right: 0; }
}

/* ---------- Print ---------- */

@media print {
  .presskit {
    background: #fff;
    color: #111;
    font-size: 11pt;
  }

  .pk-header {
    background: #fff;
    border-bottom: 2px solid #111;
  }

  .pk-back {
    display: none;
  }

  .pk-card {
    background: #fff;
    border: none;
    border-top: 1px solid #bbb;
    border-radius: 0;
    padding: 1rem 0;
    margin: 0;
    break-inside: avoid;
  }

  .pk-eyebrow {
    color: #333;
    border-bottom: 1px solid #bbb;
  }

  .pk-fact dt,
  .pk-eyebrow,
  .pk-figure figcaption,
  .pk-footer,
  .pk-quotes,
  .pk-character strong {
    color: #444;
  }

  .pk-ending h3,
  .pk-ending:last-child h3,
  .pk-card a,
  .pk-back {
    color: #111;
  }

  .pk-ending p {
    color: #222;
  }

  .pk-gallery {
    grid-template-columns: 1fr 1fr;
  }

  .pk-figure img {
    border: 1px solid #999;
    background: #fff;
    max-height: 8cm;
    object-fit: contain;
  }

  .pk-footer {
    border-top: 2px solid #111;
  }
}