/* This file is used as dependency in:
   ../../modules/coming-soon.module/module.html */

.pwr-sec-coming-soon {
    overflow: hidden;
    padding: 125px 0 140px;
    position: relative;
    z-index: 0;
}

.pwr-sec-coming-soon__title-intro {
    display: block;
    font-size: 18px; /* fallback */
    font-size: var(--fs-intro-title-sec);
    line-height: 1.6em;
}

.pwr-sec-coming-soon__title {
    margin: 0;
    line-height: 1.14em;
}

.pwr-sec-coming-soon__desc {
    display: block;
    font-size: 26px;
}

.pwr-sec-coming-soon__title + .pwr-sec-coming-soon__desc {
    margin-top: 20px;
}

.pwr-sec-coming-soon__form-title {
    margin: 0 0 45px;
}

.pwr-sec-coming-soon__form {
    margin-top: 70px;
}

@media (max-width: 767px ) {
    .pwr-sec-coming-soon {
        padding: calc(125px * var(--sp-reduction-factor)) 0 calc(140px * var(--sp-reduction-factor));
    }

    .pwr-sec-coming-soon__title-intro {
        font-size: var(--fs-intro-title-sec-tablet);
        letter-spacing: var(--ls-intro-title-sec-tablet);
        line-height: var(--lh-intro-title-sec-tablet);
    }

    .pwr-sec-coming-soon__desc {
        font-size: 26px;
        font-size: max(var(--fs-min), calc(26px * var(--fs-reduction-factor)));
    }

    .pwr-sec-coming-soon__title + .pwr-sec-coming-soon__desc {
        margin-top: calc(20px * var(--sp-reduction-factor));
    }

    .pwr-sec-coming-soon__form-title {
        margin-bottom: calc(45px * var(--sp-reduction-factor));
    }

    .pwr-sec-coming-soon__form {
        margin-top: calc(70px * var(--sp-reduction-factor));
    }
}

@media (max-width: 575px ) {
    .pwr-sec-coming-soon__title-intro {
        font-size: var(--fs-intro-title-sec-mobile);
        letter-spacing: var(--ls-intro-title-sec-mobile);
        line-height: var(--lh-intro-title-sec-mobile);
    }
}