/* Quotation page photography, matching the About and Portfolio hero cards. */
.page-hero.quote-hero { padding: clamp(2.75rem, 5vw, 4.5rem) 0; background: #24485f; color: #fff; text-align: left; }
.quote-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.quote-hero-copy { min-width: 0; }
.quote-hero h1 { margin: 0 0 1.4rem; max-width: none; font-size: clamp(2rem, 3.4vw, 3.3rem); line-height: 1.14; letter-spacing: -.025em; color: #fff; text-align: left; text-shadow: none; }
.quote-hero h1::after { display: none; }
.quote-hero .lead { margin: 0; max-width: 560px; color: #fff; opacity: 1; font-size: 1.05rem; line-height: 1.7; text-align: left; }
.quote-hero-visual { margin: 0; min-width: 0; overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 14px 40px #10283933; }
.quote-hero-visual img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.quote-hero-visual figcaption { padding: .9rem 1.1rem; color: #24485f; font-size: .9rem; font-weight: 600; line-height: 1.5; text-align: center; }
@media (max-width: 900px) { .quote-hero-layout { grid-template-columns: 1fr; gap: 2rem; } }