.reading-invitation { background: var(--cream, #f6f1ea); padding: 72px 0; }
.reading-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; gap: clamp(32px, 6vw, 80px); }
.reading-eyebrow { display: block; color: var(--navy, #16324e); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 14px; }
.reading-copy h2 { font-size: clamp(32px, 4vw, 46px); margin-bottom: 24px; }
.reading-copy p { font-size: 17px; line-height: 1.8; margin-bottom: 20px; }
.reading-button { background: var(--navy, #16324e); color: white; white-space: normal; flex-wrap: wrap; margin-top: 8px; }
.reading-button:hover { background: var(--navy-soft, #1d3d5c); }
.reading-button span { font-size: 12px; font-weight: 400; }
.reading-button:focus-visible { outline: 3px solid var(--coral, #e2855f); outline-offset: 4px; }
.reading-video { width: 100%; max-width: 340px; margin: 0 auto; }
.reading-video video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; border-radius: 18px; background: #16324e; box-shadow: 0 16px 40px rgba(22, 50, 78, .15); }
@media (max-width: 760px) {
  .reading-grid { grid-template-columns: minmax(0, 1fr); }
  .reading-invitation { padding: 48px 0; }
  .reading-copy p { font-size: 16px; }
}