/* free for education (views/site/pages/free-for-education-universities.php); site.css already has .quote */
.ed-hero { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 48px; align-items: center; padding-block: 56px 0; }
.ed-hero h1 { font-size: clamp(40px, 5.4vw, 64px); font-weight: 800; letter-spacing: -.045em; margin-top: 14px; }
.ed-hero .lead { margin-top: 18px; }
.ed-hero img { border-radius: var(--r-xl); width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.ed-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }

.ed-quote { margin: 96px 0 0; border-radius: 32px; background: var(--hero); color: var(--on-hero); padding: 48px; display: grid; gap: 18px; }
.ed-quote blockquote { margin: 0; }
.ed-quote p { font: 600 clamp(22px, 2.6vw, 30px)/1.3 var(--display); letter-spacing: -.02em; max-width: 40ch; text-wrap: balance; }
.ed-quote figcaption { color: var(--on-hero-muted); }

.ed-apply { padding-bottom: 120px; }
@media (max-width: 900px) { .ed-hero { grid-template-columns: 1fr; padding-top: 32px; } .ed-quote { padding: 28px 22px; margin-top: 72px; } }