.pk-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 56px;
  padding: clamp(32px, 6vw, 60px) 0;
  border-bottom: 1px solid var(--border-soft);
  align-items: start;
}
.pk-row:first-child { border-top: 1px solid var(--border-soft); }
@media (max-width: 880px) { .pk-row { grid-template-columns: 1fr; gap: 24px; } }

.pk-row__title { font-family: var(--font-display); font-size: clamp(24px, 2.6vw, 34px); font-weight: 600; line-height: 1.2; }
.pk-row__sub { color: var(--text-muted); font-size: 14px; line-height: 1.6; margin-top: 12px; max-width: 36ch; }

.pk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 540px) { .pk-grid { grid-template-columns: 1fr; } }

.pk-card { background: var(--bg-card); border: 1px solid var(--border-soft); padding: 22px; display: flex; flex-direction: column; gap: 10px; transition: border-color var(--t-fast); }
.pk-card:hover { border-color: var(--border); }
.pk-card__name { font-family: var(--font-display); font-size: 16px; font-weight: 500; }
.pk-card__meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--text-faint); }
.pk-card__dl { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--accent); margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border-soft); display: flex; justify-content: space-between; }

.pk-banner-meta { margin-top: 32px; }

.lockup { aspect-ratio: 16 / 9; background: var(--bg-primary); border: 1px solid var(--border-soft); display: grid; place-items: center; padding: 24px; }
.lockup--light { background: var(--text-primary); color: var(--bg-primary); }
.lockup__inner { display: flex; align-items: center; gap: 12px; }
.lockup__mark { width: 40px; height: 40px; border: 1.5px solid currentColor; display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-size: 18px; }
.lockup__mark--accent { color: var(--accent); }
.lockup__type { font-family: var(--font-display); font-size: 18px; font-weight: 600; line-height: 1.1; }
.lockup__type small { display: block; font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.2em; opacity: 0.6; margin-top: 4px; text-transform: uppercase; }
.lockup__type--primary { color: var(--text-primary); }

.lockup__inner--logo-image { justify-content: center; width: 100%; min-height: 120px; }
.pk-lockup-preview-img { max-width: 100%; height: auto; max-height: 140px; width: auto; object-fit: contain; display: block; margin: 0 auto; }
.pk-lockup-placeholder { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; color: var(--text-muted); text-align: center; padding: 12px; }
.pk-card__dl-link { display: flex; justify-content: space-between; align-items: center; width: 100%; color: inherit; text-decoration: none; }
.pk-card__dl-link:hover { color: var(--accent); }

.swatch { aspect-ratio: 1.2 / 1; padding: 16px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--border-soft); }
.swatch__name { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }
.swatch__hex { font-family: var(--font-mono); font-size: 11px; opacity: 0.7; }
.pk-swatches { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
@media (max-width: 540px) { .pk-swatches { grid-template-columns: 1fr 1fr; } }

.swatch--black { background: var(--bg-primary); color: var(--text-primary); }
.swatch--navy  { background: var(--bg-secondary); color: var(--text-on-secondary); }
.swatch--gold  { background: var(--accent-gold); color: var(--bg-primary); }
.swatch--red   { background: var(--accent-red); color: var(--text-primary); }
.swatch--hex { border-color: var(--border-soft); }
.swatch--hex .swatch__hex { opacity: 0.85; }

.contacts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 720px) {
  .contacts { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; margin: 0 calc(var(--gutter) * -1); padding: 8px var(--gutter) 32px; scrollbar-width: none; }
  .contacts::-webkit-scrollbar { display: none; }
  .contact { flex: 0 0 80%; max-width: 320px; scroll-snap-align: center; display: flex; flex-direction: column; align-items: center; text-align: center; }
}
.contact { background: var(--bg-card); border: 1px solid var(--border-soft); padding: 24px; }
.contact__role { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--accent); text-transform: uppercase; }
.contact__name { font-family: var(--font-display); font-size: 18px; margin-top: 10px; }
.contact__email { font-family: var(--font-mono); font-size: 13px; color: var(--text-muted); margin-top: 8px; word-break: break-all; }

