/* Press kit: four fixed US Letter sheets (816 × 1056 CSS px).
   Sizes follow reference/presskit/*.dc.html. Sheets clip, so the PDF build
   checks for overflow and fails rather than printing cut-off text. */

@page { size: Letter; margin: 0; }

body.presskit { background: #E4E1D9; }
.pk-toolbar {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  max-width: calc(816px * var(--pk-zoom, 1)); margin: 0 auto; padding: 20px 0 16px;
  font: 600 12px/1.3 var(--sans); letter-spacing: 0.16em; text-transform: uppercase;
}
.pk-toolbar a:not(.button) { text-decoration: none; }
@media (max-width: 848px) { .pk-toolbar { padding-inline: 16px; max-width: none; } }
.pk-pages { display: grid; justify-content: center; gap: 24px; padding-bottom: 48px; }

.pk-sheet {
  zoom: var(--pk-zoom, 1);
  width: 816px; height: 1056px; overflow: hidden;
  box-sizing: border-box; padding: 56px 64px;
  background: var(--paper); color: var(--ink);
  font-family: var(--sans); font-size: 13px; line-height: 1.5;
  display: flex; flex-direction: column; gap: 20px;
  box-shadow: 0 1px 2px rgba(22, 21, 15, 0.12);
}
.pk-sheet[data-page="1"] { gap: 16px; }
.pk-sheet[data-page="3"] { gap: 22px; }
.pk-sheet a { color: var(--ink); text-decoration: none; }
.pk-sheet a:hover { color: var(--accent); }
.pk-sheet h1, .pk-sheet h2, .pk-sheet p, .pk-sheet figure, .pk-sheet blockquote { margin: 0; }
.pk-sheet strong { font-weight: 600; }

@media print {
  body.presskit { background: var(--paper); }
  .pk-toolbar { display: none; }
  .pk-pages { display: block; padding: 0; }
  .pk-sheet { zoom: 1; box-shadow: none; break-after: page; }
  .pk-sheet:last-child { break-after: auto; }
}

/* Shared bits */
.pk-top { display: flex; justify-content: space-between; align-items: baseline; font: 600 12px/1.3 var(--sans); letter-spacing: 0.16em; text-transform: uppercase; }
.pk-accent { color: var(--accent); }
.pk-label { font: 600 11px/1.3 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
.pk-inline { margin-right: 4px; }
.pk-muted { color: var(--muted); }
.pk-muted-label { color: var(--muted); }
.pk-small { font-size: 13px; line-height: 1.5; text-wrap: pretty; }
.pk-stack { display: flex; flex-direction: column; gap: 6px; }
.pk-gap-lg { gap: 18px; }
.pk-list { display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.45; }
.pk-list-14 { gap: 4px; font-size: 14px; }
.pk-ruled { border-top: 1px solid var(--ink); padding-top: 12px; }
.pk-ruled2 { border-top: 2px solid var(--ink); padding-top: 14px; }
.pk-foot { display: flex; justify-content: space-between; margin-top: auto; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.pk-head { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 2px solid var(--ink); padding-bottom: 12px; }
.pk-head h2 { font: 400 72px/0.9 var(--serif); }
.pk-head span { font-size: 13px; color: var(--muted); }

.pk-rule { position: relative; height: 24px; flex: none; }
.pk-rule::before { content: ''; position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: var(--ink); }
.pk-rule span { position: absolute; }
.pk-sq { top: 6px; width: 10px; height: 10px; background: var(--ink); }
.pk-ci { top: 2px; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid var(--accent); border-radius: 50%; background: var(--paper); }
.pk-tk { top: 0; width: 2px; height: 24px; background: var(--ink); }

/* 1. About */
.pk-mast { font: 400 132px/0.86 var(--serif); letter-spacing: -0.02em; }
.pk-photo { display: flex; flex-direction: column; gap: 6px; }
.pk-photo img { width: 688px; height: 318px; object-fit: cover; object-position: 50% 38%; }
.pk-photo figcaption { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); }
.pk-about { display: grid; grid-template-columns: 1.7fr 1fr; gap: 40px; }
.pk-about-text { display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 1.5; text-wrap: pretty; }
.pk-tagline { font: 400 24px/1.25 var(--serif); }
.pk-members { display: flex; flex-direction: column; gap: 20px; font-size: 13px; line-height: 1.5; border-top: 2px solid var(--ink); padding-top: 14px; }
.pk-members > div { display: flex; flex-direction: column; gap: 4px; }
.pk-name { font: 400 22px/1.1 var(--serif); }

/* 2. Releases */
.pk-intro { font: 400 18px/1.3 var(--serif); text-wrap: pretty; }
.pk-releases { display: flex; flex-direction: column; gap: 14px; }
.pk-release { display: grid; grid-template-columns: 96px 1fr; gap: 22px; align-items: start; }
.pk-release img { width: 96px; height: 96px; object-fit: cover; }
.pk-release > div { display: flex; flex-direction: column; gap: 3px; }
.pk-rtitle { font: 400 24px/1.1 var(--serif); }
.pk-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.pk-highlights > div { display: flex; flex-direction: column; gap: 6px; }
.pk-hl { font: 400 22px/1.15 var(--serif); }
.pk-hl strong { font-weight: 400; }

/* 3. Press */
.pk-q { display: flex; flex-direction: column; gap: 8px; }
.pk-q blockquote { font-family: var(--serif); text-wrap: pretty; }
.pk-q figcaption { font: 600 12px/1.3 var(--sans); letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
.pk-q figcaption a { color: inherit; }
.pk-q-lead { gap: 10px; }
.pk-q-lead blockquote { font-size: 45px; line-height: 1.02; letter-spacing: -0.01em; }
.pk-q-mid blockquote { font-size: 30px; line-height: 1.1; }
.pk-q-short blockquote { font-size: 26px; line-height: 1.1; }
.pk-q-long blockquote { font-size: 19px; line-height: 1.15; }
.pk-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 40px; }
.pk-press-foot { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; }
.pk-press-foot .pk-stack:first-child { gap: 10px; }

/* 4. Live */
.pk-live { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; flex-grow: 1; line-height: 1.4; }
.pk-col { display: flex; flex-direction: column; gap: 14px; }
.pk-year { display: flex; flex-direction: column; gap: 8px; }
.pk-yh { font: 400 28px/1 var(--serif); color: var(--accent); }
.pk-shows { display: grid; grid-template-columns: 64px 1fr; gap: 5px 12px; }
.pk-push { margin-top: auto; }