/* Image-led water treatment banners. Keep the equipment visible on the right. */
.banner-one { background: #fff5f5; }
.banner-one .chemion-banner {
    background-size: cover;
    background-position: center;
    min-height: 580px;
    display: flex;
    align-items: center;
    padding: 34px 0 50px;
    position: relative;
    isolation: isolate;
}
.chemion-banner__content { width: 58%; max-width: 660px; color: #242a25; position: relative; z-index: 1; }
.chemion-banner__eyebrow {
    display: flex; align-items: center; gap: 12px;
    font-size: 16px; font-weight: 700; letter-spacing: 1.4px;
    text-transform: uppercase; margin-bottom: 22px;
}
.chemion-banner__eyebrow > span { width: 28px; height: 3px; background: var(--brand-red); flex-shrink: 0; }
.banner-one h1, .banner-one .chemion-banner__title {
    font-size: clamp(38px, 3.6vw, 64px); font-weight: 700;
    line-height: 1.09; letter-spacing: -2px; color: #242a25;
    margin: 0 0 22px;
}
.banner-one h1 span, .banner-one .chemion-banner__title span { color: var(--brand-red); }
.banner-one .chemion-banner__content > h2:not(.chemion-banner__title),
.banner-one .chemion-banner__content > h3 {
    font-size: clamp(18px, 1.5vw, 24px); line-height: 1.4;
    font-weight: 600; color: #242a25; margin: 0 0 14px;
}
.banner-one .chemion-banner__content > p { max-width: 540px; font-size: 18px; line-height: 1.75; margin: 0 0 28px; color: #454c46; }
.chemion-banner__cta:focus-visible { outline: 3px solid #242a25; outline-offset: 4px; }
.chemion-banner__footer { display: flex; align-items: center; gap: 18px; margin-top: 28px; font-size: 10px; letter-spacing: 1.4px; font-weight: 600;     display: none;}
.chemion-banner__footer > span:first-child { color: var(--brand-red); padding-right: 18px; border-right: 1px solid #d6b8ba; }
.chemion-banner__navigation { position: absolute; bottom: 28px; left: 0; right: 0; z-index: 2; }
.banner-one .banner-slider-pagination { display: flex; gap: 8px; width: auto; }
.banner-one .swiper-pagination-bullet { width: 24px; height: 4px; border-radius: 3px; background: #242a25; opacity: .25; margin: 0 !important; }
.banner-one .swiper-pagination-bullet-active { width: 46px; background: var(--brand-red); opacity: 1; }
@media (max-width: 1199px) {
    .chemion-banner__content { width: 60%; max-width: 600px; }
    .banner-one .chemion-banner { min-height: 600px; }
}
@media (max-width: 767px) {
    .banner-one .chemion-banner { min-height: 590px; padding: 48px 0 80px; background-position: 65% center; }
    .banner-one .chemion-banner::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,248,248,.97), rgba(255,248,248,.88) 60%, rgba(255,248,248,.3)); }
    .chemion-banner__content { width: 100%; max-width: 540px; }
    .banner-one h1, .banner-one .chemion-banner__title { letter-spacing: -1.3px; }
    .chemion-banner__eyebrow { font-size: 10px; letter-spacing: 1px; }
    .banner-one .chemion-banner__content > p { font-size: 16px; max-width: 480px; }
    .chemion-banner__footer { font-size: 9px; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .banner-one .banner-contents, .chemion-banner__cta { transition: none; }
}
/* A soft backing keeps copy legible over plant details without hiding equipment. */
@media (min-width: 768px) {
    .banner-one .chemion-banner::before {
        content: ''; position: absolute; inset: 0; z-index: -1;
        background: linear-gradient(90deg, rgba(255,248,248,.95) 0%, rgba(255,248,248,.85) 34%, rgba(255,248,248,.45) 49%, transparent 65%);
    }
}
.banner-one .chemion-banner__content > h2:not(.chemion-banner__title),
.banner-one .chemion-banner__content > h3 { max-width: 580px; }
.banner-one .chemion-banner__cta .button__label { position: relative; z-index: 1; }

/* One photographic background with diagonal industry divisions. */
.banner-one .chemion-banner--industries { background-color: #f3f8f5; background-position: center; }
.chemion-banner--industries .chemion-banner__content { width: 48%; max-width: 600px; }
.chemion-banner--industries h1 { font-size: clamp(36px, 3.2vw, 54px); }
.banner-one .chemion-banner--industries .chemion-banner__content > p,
.banner-one .chemion-banner--industries .chemion-banner__content > h2 { max-width: 460px; }
.banner-one .chemion-banner--industries::before { background: linear-gradient(90deg, #f8fbf9b3 0%, #f8fbf970 35%, transparent 53%); }
@media (max-width: 767px) {
    .chemion-banner--industries .chemion-banner__content { width: 100%; }
    .banner-one .chemion-banner--industries { background-position: 64% center; }
    .banner-one .chemion-banner--industries::before { background: linear-gradient(90deg, #f8fbf9f5, #f8fbf9dc 65%, #f8fbf980); }
}