/* thereish.work/press: the press kit. Works with site.css. */
.press-section { padding-block: 1.5rem 0.5rem; }
.press-section h3 { margin-top: 1.75rem; }
.facts, .press-links, .swatches { padding-left: 1.2rem; }
.facts li + li, .swatches li + li { margin-top: 0.4rem; }
.press-links { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }

.kit-grid { list-style: none; padding: 0; margin: 0.75rem 0 0; display: grid; gap: 1.25rem; }
.kit-icons { grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); }
.kit-shots { grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); }
.kit-wide, .kit-photos { grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
.kit-item { margin: 0; }
.kit-preview { display: grid; place-items: center; background: var(--card); border-radius: 14px; padding: 0.75rem; aspect-ratio: 4 / 3; overflow: hidden; }
.kit-icons .kit-preview { aspect-ratio: 1 / 1; }
.kit-shots .kit-preview { aspect-ratio: 9 / 16; padding: 0.5rem; }
.kit-photos .kit-preview { padding: 0; }
.kit-photos .kit-preview img { width: 100%; height: 100%; object-fit: cover; }
.kit-preview img { max-width: 100%; max-height: 100%; height: auto; display: block; }
.kit-icons .kit-preview img { border-radius: 22%; width: 75%; }
.on-light .kit-preview { background: #F6F8F7; border: 1px solid var(--line); }
.on-dark .kit-preview { background: #0F1B2E; }
.kit-name { margin: 0.5rem 0 0; font-weight: 600; }
.kit-meta { margin: 0.15rem 0 0; font-size: 0.875rem; color: var(--text-3); }

.swatches { list-style: none; padding: 0; }
.swatch { display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 50%; vertical-align: -0.35rem; margin-right: 0.5rem; border: 1px solid var(--line); }
.swatch-ink { background: #172A46; }
.swatch-field { background: #3FA97F; }
.swatch-paper { background: #F6F8F7; }
.swatch-hivis { background: #F5D04C; }
.press-download { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; }