/* Press kit page. Builds on /styles.css (same palette, type and bands). */
.press-hero .band-copy { padding-block: clamp(3rem, 6vw, 5rem) clamp(3.5rem, 6vw, 5rem); }
.press-hero .band-lede { max-width: 40rem; }
.press-hero .band-media { align-items: center; padding-block: 2rem; }
.press-icon { width: clamp(180px, 22vw, 280px); border-radius: 22.5%; transform: rotate(8deg); box-shadow: 0 30px 60px #0008, 0 0 0 2px #ffffff40; }
.press-actions { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; align-items: center; margin-top: 2rem; }
.btn { display: inline-flex; align-items: center; gap: .6rem; background: var(--teal); color: #061010; text-decoration: none; font-weight: 850; font-size: .95rem; padding: .85rem 1.25rem; border-radius: 999px; transition: filter .2s ease; }
.btn:hover { filter: brightness(1.08); }
.btn-ghost { background: transparent; color: #fff; border: 1.5px solid #ffffff80; }
.btn-ghost:hover { background: #ffffff14; filter: none; }

.press-section { padding-block: clamp(4rem, 7vw, 6rem); border-top: 1px solid #202423; }
.press-section h2.display { font-size: clamp(2.8rem, 5vw, 4.6rem); line-height: .96; margin: 0 0 2rem; }
.press-section .lede { margin-top: 0; }

.facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2.5rem; margin: 0; border-top: 1px solid var(--line); }
.facts div { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.facts dt { color: var(--muted); font-size: .78rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; padding-top: .2rem; }
.facts dd { margin: 0; color: #e7e9e5; font-size: 1rem; line-height: 1.5; }
.facts a, .press-section p a, .contact a { color: var(--teal); }

.feature-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.feature-grid li { background: var(--panel); border: 1px solid var(--line); border-radius: 22px; padding: 1.3rem 1.3rem 1.4rem; }
.feature-grid .feature-number { display: block; margin-bottom: .8rem; color: var(--teal); }
.feature-grid h3 { font-size: 1.18rem; letter-spacing: -.02em; margin: 0 0 .45rem; }
.feature-grid p { color: #c5cac6; font-size: .96rem; line-height: 1.5; margin: 0; }
.feature-grid li:nth-child(6n+1) .feature-number { color: var(--yellow); }
.feature-grid li:nth-child(6n+2) .feature-number { color: #58aeff; }
.feature-grid li:nth-child(6n+3) .feature-number { color: #ff7a4d; }
.feature-grid li:nth-child(6n+4) .feature-number { color: #bb97ff; }
.feature-grid li:nth-child(6n+5) .feature-number { color: var(--f-green); }

.asset-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; margin-bottom: 2.5rem; }
.asset-card { display: flex; gap: 1.3rem; align-items: center; background: var(--panel); border: 1px solid var(--line); border-radius: 22px; padding: 1.2rem; }
.asset-card > img { flex: none; }
.asset-card .icon-thumb { width: 112px; height: 112px; border-radius: 22.5%; }
.asset-card h3 { font-size: 1.1rem; margin: 0 0 .3rem; }
.asset-card p { color: var(--muted); font-size: .9rem; margin: 0 0 .7rem; line-height: 1.45; }
.dl { display: inline-flex; align-items: center; gap: .4rem; color: var(--teal); font-weight: 800; font-size: .92rem; text-decoration: none; }
.dl:hover { text-decoration: underline; text-underline-offset: .25em; }
.dl::before { content: "↓"; font-weight: 950; }
.asset-video { align-items: flex-start; }
.video-thumb { position: relative; flex: none; display: block; width: 168px; border-radius: 18px; overflow: hidden; background: #000; }
.video-thumb img { width: 100%; aspect-ratio: 886 / 1920; object-fit: cover; }
.video-thumb span { position: absolute; inset: 0; margin: auto; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: #000a; color: #fff; font-size: 1.3rem; box-shadow: 0 0 0 2px #ffffff80; }

.shots { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem 1rem; }
.shots img { width: 100%; aspect-ratio: 400 / 869; border-radius: 16px; background: #1a1d1d; box-shadow: 0 14px 30px #0007; }
.shots p { margin: .7rem 0 0; font-size: .88rem; font-weight: 700; color: #dfe2de; }
.shots .dl { font-size: .84rem; margin-top: .25rem; }
.asset-note { color: #8d958f; font-size: .85rem; line-height: 1.55; margin: 1.6rem 0 0; max-width: 46rem; }

.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; align-items: stretch; }
.contact { background: var(--teal); color: #071210; border-radius: 24px; padding: 1.8rem; }
.contact .section-kicker { color: #065f59; margin-bottom: 1rem; }
.contact p { margin: 0 0 .6rem; font-size: 1.05rem; line-height: 1.5; font-weight: 600; }
.contact a { color: #071210; font-weight: 900; font-size: clamp(1.3rem, 2.4vw, 1.7rem); letter-spacing: -.02em; }
.honesty { background: var(--panel); border: 1px solid var(--line); border-left: 5px solid var(--yellow); border-radius: 24px; padding: 1.8rem; }
.honesty h3 { margin: 0 0 .6rem; font-size: 1.2rem; }
.honesty p { margin: 0; color: #c5cac6; line-height: 1.55; }

@media (max-width: 1040px) {
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shots { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .press-hero .band-media { padding-block: 1rem 3.5rem; }
  .facts, .asset-row, .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .press-hero h1 { font-size: clamp(3.4rem, 17vw, 5.6rem); }
  .feature-grid { grid-template-columns: 1fr; }
  .shots { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem .75rem; }
  .facts div { grid-template-columns: 1fr; gap: .25rem; padding: .85rem 0; }
  .asset-card { flex-direction: column; align-items: flex-start; }
  .video-thumb { width: min(200px, 55vw); }
  .press-icon { width: 150px; }
}

/* Oct 2026 refresh: 1.0 / 1.1 screenshot sets, motion stills, What's next */
.shots-title { font-size: 1.15rem; letter-spacing: -.015em; margin: 2.8rem 0 1.2rem; }
.shots-title:first-of-type { margin-top: 0; }
.shots-title span { color: var(--muted); font-weight: 650; }
.shots-stills { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.shots-stills img { aspect-ratio: 300 / 652; border-radius: 12px; }
.stills-note { margin: -.4rem 0 1.2rem; }
.stills-note .dl { margin-left: .5rem; }
.features-lede { max-width: 48rem; margin-bottom: 2rem; }
@media (max-width: 1040px) { .shots-stills { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { .shots-stills { grid-template-columns: repeat(2, minmax(0, 1fr)); } }