.promo-video-section { padding: 48px 0; background: #f3f7fb; scroll-margin-top: 110px; }
.promo-video-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; border: 1px solid #d5e3ec; border-radius: 22px; background: #001d40; box-shadow: 0 14px 36px rgba(0, 29, 64, .08); }
.promo-video-cover { position: relative; display: block; overflow: hidden; min-height: 270px; background: #dce8ef; }
.promo-video-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.promo-video-play { position: absolute; left: 50%; top: 50%; display: grid; width: 68px; height: 68px; place-items: center; border: 1px solid rgba(255, 255, 255, .8); border-radius: 50%; color: #fff; background: rgba(0, 29, 64, .85); transform: translate(-50%, -50%); }
.promo-video-platform { position: absolute; right: 16px; bottom: 16px; padding: 6px 12px; border-radius: 999px; color: #fff; background: #001d40; font-size: .8rem; }
.promo-video-copy { min-width: 0; padding: clamp(26px, 4vw, 42px); }
.promo-video-copy .promo-video-eyebrow { margin: 0 0 12px; color: #9edcff; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.promo-video-copy h2 { margin: 0; color: #fff; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.2; }
.promo-video-copy > p:not(.promo-video-eyebrow) { margin: 16px 0 24px; color: #c6d6e5; line-height: 1.7; }
.promo-video-copy small { display: block; margin-top: 12px; color: #b9cadd; font-size: .78rem; }
.promo-video-card[data-promo-theme="summer-school"] { border-top: 3px solid #d87618; }
.promo-video-card[data-promo-theme="summer-school"] .promo-video-eyebrow { color: #ffd49b; }
.promo-video-card[data-promo-theme="summer-school"] .promo-video-cover img { object-position: center top; }
@media (max-width: 760px) {
    .promo-video-card { grid-template-columns: 1fr; }
    .promo-video-cover { min-height: 0; aspect-ratio: 16 / 9; }
}
@media (max-width: 380px) {
    .promo-video-copy .btn { width: 100%; padding-inline: 12px; }
}