@media (min-width: 769px) {
    .hydro-conversion--distributor .hydro-hero__content {
        min-width: 0;
    }

    .hydro-conversion--distributor .hydro-hero__title {
        font-size: clamp(38px, 3.35vw, 44px);
        line-height: 1.06;
    }
}

@media (max-width: 768px) {
    .hydro-conversion--distributor .hydro-hero__grid,
    .hydro-conversion--distributor .hydro-request__grid,
    .hydro-conversion--distributor .hydro-trust__grid,
    .hydro-conversion--distributor .hydro-final__inner,
    .hydro-conversion--distributor .hydro-form__fields,
    .hydro-conversion--distributor .hydro-fit__steps,
    .hydro-conversion--distributor .hydro-faq__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .hydro-conversion--distributor .hydro-hero__content,
    .hydro-conversion--distributor .hydro-hero__media,
    .hydro-conversion--distributor .hydro-request__form-card,
    .hydro-conversion--distributor .hydro-request__messengers,
    .hydro-conversion--distributor .hydro-section-heading,
    .hydro-conversion--distributor .hydro-final__copy,
    .hydro-conversion--distributor .hydro-final__actions {
        min-width: 0;
        max-width: 100%;
    }

    .hydro-conversion--distributor .hydro-hero__title,
    .hydro-conversion--distributor .hydro-section-heading h2,
    .hydro-conversion--distributor .hydro-trust h2,
    .hydro-conversion--distributor .hydro-final h2 {
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}

@media (max-width: 420px) {
    .hydro-conversion--distributor .hydro-hero__title {
        font-size: 24px;
        overflow-wrap: normal;
        hyphens: none;
    }
}
