/* How it Works page */
.hero .as-h2 { font-size: var(--h2); }
.section-video.photo-text { padding: var(--sec-s) 0 var(--pad); }
.section-video.photo-text .pic { flex: 1 0 0; height: 684px; border-radius: var(--radius-m); overflow: hidden; box-shadow: var(--shadow-card); }
.section-video.photo-text .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.section-video.photo-text .content p { font-weight: 300; }
.split.steps .pic { height: 748px; }
.split.steps .text .step { margin-bottom: 24px; }
.split.steps .text .step h5 { font-size: var(--t-lg); margin: 0; }
.split.steps .text .step p { margin: 0; }
.split.steps .text .closing { font-weight: 700; font-size: var(--t-lg); color: var(--heading); }
.blurbs.no-icons .section-title p { font-size: var(--t-lg); }
.blurbs.no-icons .col h4 { margin-bottom: 18px; }
.blurbs.no-icons .col p { font-size: var(--t-md); }
.cta-band.cta-two-col { padding: var(--sec-l) 0; box-shadow: inset 6px 12px 6px rgba(0,0,0,.5); }
.cta-band.cta-two-col .container { padding: 20px var(--pad); align-items: flex-start; }
.cta-band.cta-two-col .text.right p { font-size: var(--t-lg); margin: 0 0 10px; }
.cta-band.cta-two-col .text.right .actions { margin-top: 24px; }
@media (max-width: 991px) {
    .section-video.photo-text .pic { width: 100%; flex: none; height: auto; aspect-ratio: 1 / 1; }
    .split.steps .pic { height: auto; }
    .cta-band.cta-two-col .container { flex-direction: column; gap: 24px; }
}
@media (max-width: 768px) {
    .section-video.photo-text { padding: 0 0 var(--sec-s); }
    .section-video.photo-text .pic { border-radius: 0; }
    .split.steps .pic { aspect-ratio: 747 / 1000; }
    .cta-band.cta-two-col { padding: 48px 0; }
    .cta-band.cta-two-col .text.right .actions .btn { width: 100%; }
}