/* Hallmark · product preview · existing Apple-inspired theme
 * Pre-emit critique: P5 H5 E4 S5 R5 V4 · one page, no unverified capability claims */
.perforation-page { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: var(--space-2xl); padding-block: var(--space-3xl); }
.perforation-kind { color: var(--color-accent); font-size: 14px; font-weight: 550; margin-bottom: var(--space-lg); }
.perforation-copy h1 { font-size: clamp(44px,5.5vw,76px); line-height: 1.15; }
.perforation-lead { margin-top: var(--space-xl); font-size: var(--text-lead); color: var(--color-muted); line-height: 1.8; }
.perforation-progress { margin-top: var(--space-lg); font-size: 12px; color: var(--color-muted); }
.perforation-copy .text-link { margin-top: var(--space-md); }
.perforation-figure { min-width: 0; }
.perforation-figure img { width: 100%; }
.perforation-figure figcaption { text-align: center; color: var(--color-muted); font-size: 11px; margin-top: var(--space-md); }
@media (max-width: 960px) {
  .perforation-page { gap: var(--space-lg); }
  .perforation-lead { font-size: 17px; }
}
@media (max-width: 700px) {
  .perforation-page { grid-template-columns: minmax(0,1fr); gap: var(--space-lg); padding-block: var(--space-2xl); }
  .perforation-copy h1 { font-size: clamp(44px,12vw,62px); }
  .perforation-lead { margin-top: var(--space-lg); }
  .perforation-figure { max-width: 460px; justify-self: center; }
}