.fh-summit-live-banner { background: var(--slate_normal_hover); color: var(--ivory_light); min-height: clamp(480px, 36.05vw, 692px); padding: 64px 0; display: flex; align-items: center; }
.fh-summit-copy { max-width: 1100px; }
.fh-summit-copy h1 { color: var(--sky_light, #ebf2f7); }
.fh-summit-copy > p { color: var(--ivory_light); }
.fh-summit-wave { position:absolute; width:124.48%; aspect-ratio:2390 / 690; left:-24.48%; top:calc(50% + 1.31vw); background:url('wave.svg') left top / contain no-repeat; pointer-events:none; }
.btn.fh-summit-live-cta .btn__bg { background: var(--sky_normal); }
.btn.fh-summit-live-cta .btn__bg::before, .btn.fh-summit-live-cta .btn__bg::after { background: var(--sky_normal_hover) !important; }
.btn.fh-summit-live-cta .btn__text { color: var(--slate_normal); }
.btn.fh-summit-live-cta:disabled { opacity:1; pointer-events:auto; }
.btn.fh-summit-live-cta:focus-visible { outline:2px solid var(--ivory_light); outline-offset:4px; }
@media(max-width:767.98px) {
    .fh-summit-live-banner { min-height:480px; padding:56px 0; }
    .fh-summit-wave { width:240%; left:-90%; top:60%; }
}
@media(prefers-reduced-motion:reduce) {
    .btn.fh-summit-live-cta .btn__bg, .btn.fh-summit-live-cta .btn__bg::before, .btn.fh-summit-live-cta .btn__bg::after { transition:none !important; }
}

.btn.fh-summit-live-cta .btn__icon img { display:block; width:16px; height:16px; }
@media(prefers-reduced-motion:reduce) { .btn.fh-summit-live-cta .btn__icon span { animation:none !important; } }

/* === Fluid hero scaling (Figma 1920px canvas) — START ===
   Sizes hit the Figma values at 1920px and scale down proportionally on smaller screens.
   To revert: delete everything between START and END. */
@media (min-width: 768px) {
    .fh-summit-live-banner .fh-summit-copy { gap: clamp(12px, 0.8333vw, 16px) !important; }
    .fh-summit-live-banner .fh-summit-copy h1 { font-size: clamp(48px, 4.1667vw, 80px) !important; line-height: 1.1 !important; color: #ebf2f7; }
    .fh-summit-live-banner .fh-summit-copy > p:first-of-type { font-size: clamp(24px, 2.0833vw, 40px) !important; line-height: 1.3 !important; color: #f8fbfc; }
    .fh-summit-live-banner .fh-summit-copy > p:nth-of-type(2) { font-size: clamp(16px, 1.0417vw, 20px) !important; line-height: 1.4 !important; }
    .fh-summit-live-banner .btn.fh-summit-live-cta {
        display: inline-flex; align-items: center; justify-content: center;
        height: clamp(40px, 2.7083vw, 52px);
        padding: 0 clamp(18px, 1.25vw, 24px) 0 clamp(24px, 1.6667vw, 32px);
        gap: clamp(8px, 0.5208vw, 10px);
    }
    .fh-summit-live-banner .btn.fh-summit-live-cta .btn__text { font-size: clamp(14px, 0.9375vw, 18px); line-height: 1.2; }
    .fh-summit-live-banner .btn.fh-summit-live-cta .btn__icon,
    .fh-summit-live-banner .btn.fh-summit-live-cta .btn__icon span,
    .fh-summit-live-banner .btn.fh-summit-live-cta .btn__icon img { width: clamp(18px, 1.25vw, 24px); height: clamp(18px, 1.25vw, 24px); }
    .fh-summit-live-banner .btn.fh-summit-live-cta .btn__icon { align-items: center; justify-content: center; }
}
/* === Fluid hero scaling — END === */