.promo-section {
    scroll-margin-top: 5rem;
    border-bottom: 1px solid var(--line);
}

.promo-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(224px, 300px);
    align-items: center;
    gap: clamp(1.75rem, 6vw, 5rem);
    padding: clamp(1.25rem, 5vw, 4rem);
    border-radius: 1.25rem;
    background: radial-gradient(ellipse at top right, #265a4d, #123c32 62%);
    color: #f8faf4;
}

.promo-panel .eyebrow { color: var(--mint); }
.promo-panel h2 { margin: .6rem 0; font-size: clamp(1.7rem, 4vw, 3rem); }
.promo-panel p { color: #ddede5; line-height: 1.65; }
.promo-panel .button { background: var(--mint); color: var(--ink); }
.promo-panel .button:hover { background: #d6fae8; }
.promo-panel .promo-note { margin: 1.1rem 0 0; font-size: .875rem; }
.promo-panel video {
    display: block;
    width: 100%;
    max-height: 68vh;
    aspect-ratio: 9 / 16;
    object-fit: contain;
    border-radius: .75rem;
    background: #0b1715;
}

@media (max-width: 680px) {
    .promo-panel { grid-template-columns: 1fr; }
    .promo-panel video { width: min(100%, 300px); justify-self: center; }
}