.full-banner {
position: relative;
color: #FDFDFD;
background: #011F3D; /* deep navy fallback */
min-height: 260px;
display: grid;
place-items: center;
text-align: center;
padding: 2rem 1.25rem;
overflow: hidden;
left: 50%;            /* center relative to container */
transform: translateX(-50%);
width: 100vw;         /* full page width */
max-width: 100vw;
}
.full-banner--img {
/* // background-image: url("/assets/img/full-width-banner.png"); */
background-size: cover;
background-position: center;
}
.full-banner::after {
content: "";
position: absolute; inset: 0;
background: rgba(0,0,0,.35); /* overlay */
}
.full-banner__content { position: relative; z-index: 1; max-width: 820px; }
.full-banner__logo { display: inline-block; margin-bottom: 0.75rem; height: 36px; }
.full-banner__heading { 
    font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem); 
    margin: 0 0 1rem;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
}
.highlight { color: #00CED0; font-weight: 700 !important; }

/* NEW: dual background images pinned TL / BR */
.full-banner__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.full-banner__bg-img { position: absolute; height: auto; max-width: 50vw;  filter: brightness(750%) }
.full-banner__bg-img--tl { top: -100px; left: 0; width: 420px; max-width: 42vw; transform: scale(2.35);}
.full-banner__bg-img--br { right: 0; bottom: -120px; width: 520px; max-width: 48vw; transform: scale(2.35);}

/* Optional: scale images on small screens */
@media (max-width: 640px) {
.full-banner__bg-img--tl { width: 40vw; }
.full-banner__bg-img--br { width: 55vw; }
}

/* Polish CSS */
:root{--ease:cubic-bezier(.22,.61,.36,1)}

.full-banner__bg-img--tl,.full-banner__bg-img--br{will-change:transform}
.full-banner__bg-img--tl{animation:banner-float 18s ease-in-out infinite alternate}
.full-banner__bg-img--br{animation:banner-float 22s ease-in-out infinite alternate-reverse}
@keyframes banner-float{to{transform:translateY(8px) scale(2.35)}}

.full-banner__content{transition:transform .45s var(--ease)}
.full-banner:hover .full-banner__content{transform:translateY(-2px)}

@media (prefers-reduced-motion:reduce){.full-banner__bg-img--tl,.full-banner__bg-img--br{animation:none}.full-banner__content{transition:none}}