/* =========================================================
   Coach Nate Garner - Press Kit page
   ========================================================= */

.cng-pk { display: block; }

.pk-hero {
  padding: clamp(9rem, 18vw, 14rem) var(--gutter) clamp(3rem, 6vw, 5rem);
  background: var(--cng-surface);
  border-bottom: 1px solid var(--cng-line);
}
.pk-hero__inner { max-width: var(--wrap); margin: 0 auto; }
.pk-hero__title {
  font-family: var(--ff-display);
  font-weight: 800;
  font-size: clamp(3rem, 8vw, 6.5rem);
  letter-spacing: -0.025em;
  line-height: 0.95;
  margin: 0 0 1.5rem;
}
.pk-hero__sub { max-width: 56ch; color: var(--cng-ink-dim); font-size: var(--fs-lede); line-height: 1.5; }
.pk-hero__sub a { color: var(--cng-gold); border-bottom: 1px solid currentColor; }

.pk-bios { padding: var(--section-y) var(--gutter); background: var(--cng-black); }
.pk-bios__inner { max-width: 880px; margin: 0 auto; display: grid; gap: 3rem; }
.pk-bio { position: relative; padding: 2rem 1.75rem; background: var(--cng-surface); border-left: 3px solid var(--cng-red); }
.pk-bio__body { color: var(--cng-ink); line-height: 1.65; margin: 0 0 1.25rem; font-size: 1.0625rem; }
.pk-bio__body + .pk-bio__body { margin-top: -0.25rem; }
.pk-bio__copy {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  min-height: 44px;
  font: 700 0.6875rem/1 var(--ff-body);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--cng-ink);
  background: var(--cng-surface-2);
  border: 1px solid var(--cng-line-hi);
  transition: background 200ms var(--ease), color 200ms var(--ease), border-color 200ms var(--ease);
}
.pk-bio__copy:hover,
.pk-bio__copy:focus-visible { background: var(--cng-gold); color: var(--cng-black); border-color: var(--cng-gold); }
.pk-bio__copy.is-copied { background: var(--cng-gold); color: var(--cng-black); border-color: var(--cng-gold); }

.pk-shots { padding: var(--section-y) var(--gutter); background: var(--cng-surface); border-top: 1px solid var(--cng-line); border-bottom: 1px solid var(--cng-line); }
.pk-shots__inner { max-width: var(--wrap); margin: 0 auto; }
.pk-shots__title {
  font-family: var(--ff-display);
  font-weight: 800;
  font-size: var(--fs-display);
  letter-spacing: -0.022em;
  line-height: 1.05;
  margin: 0 0 0.75rem;
}
.pk-shots__note { color: var(--cng-ink-mute); font-size: var(--fs-small); margin: 0 0 2.5rem; }
.pk-shots__grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  background: var(--cng-line);
  border: 1px solid var(--cng-line);
}
.pk-shot { position: relative; overflow: hidden; aspect-ratio: 4 / 5; background: var(--cng-surface); }
.pk-shot img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--ease); }
.pk-shot:hover img { transform: scale(1.03); }
.pk-shot figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 1rem 1.25rem;
  background: linear-gradient(to top, rgba(10,11,13,0.9), transparent);
  font-size: var(--fs-small);
  color: var(--cng-ink-dim);
  font-family: var(--ff-display);
  letter-spacing: 0.05em;
}

.pk-rider { padding: var(--section-y) var(--gutter); background: var(--cng-black); }
.pk-rider__inner { max-width: 880px; margin: 0 auto; }
.pk-rider__title {
  font-family: var(--ff-display);
  font-weight: 800;
  font-size: var(--fs-display);
  letter-spacing: -0.022em;
  margin: 0 0 2.5rem;
  line-height: 1.02;
}
.pk-rider__list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--cng-line);
}
.pk-rider__list > div {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--cng-line);
}
@media (min-width: 768px) {
  .pk-rider__list > div { grid-template-columns: 180px 1fr; gap: 2rem; align-items: baseline; }
}
.pk-rider__list dt {
  font: 700 var(--fs-eyebrow)/1.4 var(--ff-body);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--cng-gold);
}
.pk-rider__list dd { margin: 0; color: var(--cng-ink); }

.pk-cta { padding: var(--section-y) var(--gutter); background: var(--cng-surface-2); text-align: center; }
.pk-cta__title {
  font-family: var(--ff-display);
  font-weight: 800;
  font-size: var(--fs-display);
  letter-spacing: -0.022em;
  line-height: 1.02;
  margin: 0 0 2rem;
}
.pk-cta__actions { display: inline-flex; flex-wrap: wrap; gap: 14px; justify-content: center; }