/* The press kit is a document page, widened for its file gallery. */
.press { max-width: 1080px; }
.press .press-pitch { max-width: 34em; margin: 0 0 10px; color: var(--ink); font-size: clamp(18px, 2.1vw, 22px); line-height: 1.5; text-wrap: pretty; }
.press-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
/* The hero button's shape, in the page's own theme instead of the hero's fixed dark one. */
.press .press-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; padding: 14px 25px; border: 1px solid var(--cta); border-radius: 99px; background: var(--cta); color: var(--cta-ink); font-size: 14px; font-weight: 650; line-height: 1.5; text-decoration: none; white-space: nowrap; transition: translate .3s ease; }
.press .press-cta:hover { translate: 0 -3px; }
.press-cta svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.press .press-cta-alt { border-color: var(--line); background: none; color: var(--ink); }
/* site.js gives the store link its address only once GOOGLE_PLAY_URL is set. */
.press-actions [data-store-link]:not([href]) { display: none; }
.press section { margin-top: 48px; border-top: 1px solid var(--line); }
.press section h2 { margin-top: 30px; }
.press .press-note { margin: 0 0 20px; font: 11px/1.6 ui-monospace, monospace; }
.press ul { margin: 0; padding: 0; list-style: none; }
.press li { padding: 0; }
.press small { display: block; font: 11px/1.6 ui-monospace, monospace; }
.press-facts { margin: 0; }
.press-facts div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-top: 1px solid var(--line); }
.press-facts div:first-child { padding-top: 0; border-top: 0; }
.press-facts dt { padding-top: 3px; font: 600 11px/1.4 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
.press-facts dd { margin: 0; color: var(--ink); font-size: 15px; line-height: 1.55; }
.press-clip video, .press-shots img { display: block; width: 100%; border: 1px solid var(--line); border-radius: 4px; background: #02060b; }
.press-clip video { max-width: 270px; height: auto; aspect-ratio: 624 / 1350; }
.press-clip .press-note { max-width: 270px; margin: 12px 0 6px; }
.press .press-files a { display: inline-block; padding: 8px 0; font-size: 14px; text-decoration: none; }
.press-files span { text-decoration: underline; }
.press-files small { color: var(--muted); }
.press-shots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 16px; }
.press .press-shots a { display: block; color: var(--ink); text-decoration: none; }
.press-shots a:hover img { border-color: var(--accent); }
.press-shots b { display: block; margin-top: 10px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.press-shots small { color: var(--accent); }
.press-art { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) {
  .press-facts div { grid-template-columns: 132px minmax(0, 1fr); }
  .press-shots { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 20px; }
}
@media (min-width: 900px) {
  .press-brief { display: grid; grid-template-columns: minmax(0, 1fr) 270px; column-gap: 72px; }
  .press-shots { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .press-art { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}