.SubscribeBar {
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: grid;
    grid-column: full;
    padding-bottom: calc(6.2069vw + 45.86207px);
    position: relative;
}
@media (min-width: 4069px) {
    .SubscribeBar {
        --max-grid: calc(var(--six-site-max-width) / 2 + var(--six-site-margin) + var(--six-gutter) * 2);
        grid-template-columns: [full-start] var(--six-site-margin) calc(50vw - var(--max-grid)) [content-start] repeat(
                var(--six-cols),
                1fr
            ) [content-end] calc(50vw - var(--max-grid)) var(--six-site-margin) [full-end];
    }
}
@media (max-width: 4068px) {
    .SubscribeBar {
        --col-spacer: calc(var(--six-site-margin) - var(--six-gutter));
        grid-template-columns: [full-start] var(--col-spacer) [content-start] repeat(var(--six-cols), 1fr) [content-end] var(
                --col-spacer
            ) [full-end];
    }
}
@supports not (display: grid) {
    .SubscribeBar {
        display: block;
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .SubscribeBar {
        padding-bottom: 170px;
    }
}
@media (max-width: 739px) {
    .SubscribeBar {
        padding-bottom: 80px;
    }
}
.wp-admin .SubscribeBar p {
    margin-bottom: 0;
    margin-top: 0;
}
.SubscribeBar > div {
    box-sizing: border-box;
    column-gap: var(--six-gutter);
    display: flex;
    display: grid;
    grid-column: content;
    grid-template-columns: [content-start] repeat(var(--six-cols), 1fr) [content-end];
    justify-content: space-between;
    padding-bottom: calc(0.68966vw + 6.2069px);
}
@media (min-width: 1440px) {
    .SubscribeBar > div {
        padding-bottom: 20px;
    }
}
@media (max-width: 739px) {
    .SubscribeBar > div {
        padding-bottom: 10px;
    }
}
@supports not (display: grid) {
    .SubscribeBar > div {
        display: block;
        width: 100%;
    }
}
.SubscribeBar > div > form,
.SubscribeBar > div > p {
    position: relative;
}
.SubscribeBar > div > form:after,
.SubscribeBar > div > p:after {
    background-color: #dedede;
    bottom: calc(-0.68966vw - 6.2069px);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
@media (min-width: 1440px) {
    .SubscribeBar > div > form:after,
    .SubscribeBar > div > p:after {
        bottom: -20px;
    }
}
@media (max-width: 739px) {
    .SubscribeBar > div > form:after,
    .SubscribeBar > div > p:after {
        bottom: -10px;
    }
}
.SubscribeBar > div > p {
    --line-height: 1.3;
    flex: 1 0 auto;
    font-family: "Atacama VAR",serif;
    font-size: calc(0.48276vw + 22.34483px);
    font-style: normal;
    font-weight: 700;
    font-stretch:200%;
    grid-column: 1/-1;
    line-height: 1.3;
    color: #EBEBEB;
}
.SubscribeBar > div > p b,
.SubscribeBar > div > p strong {
    font-weight: 700;
    text-transform: uppercase;
}
.SubscribeBar > div > p em {
    font-family: "Atacama VAR",serif;
    font-style: italic;
}
@media (min-width: 1440px) {
    .SubscribeBar > div > p {
        font-size: 32px;
    }
}
@media (max-width: 739px) {
    .SubscribeBar > div > p {
        font-size: 20px;
    }
}
@media (min-width: 1600px) {
    .SubscribeBar > div > p {
        --line-height: 1.15;
        font-size: calc(1.03448vw + 19.31034px);
        line-height: 1.15;
    }
}
@media (min-width: 1600px) and (min-width: 1440px) {
    .SubscribeBar > div > p {
        font-size: 34px;
    }
}
@media (min-width: 1600px) and (max-width: 739px) {
    .SubscribeBar > div > p {
        font-size: 25px;
    }
}
@media (min-width: 1024px) {
    .SubscribeBar > div > p {
        grid-column: 1 / span 16;
    }
}
@media (max-width: 1023px) {
    .SubscribeBar > div > p {
        grid-column: content;
        margin-bottom: 38px;
    }
    .SubscribeBar > div > p:after {
        content: none;
    }
}
.SubscribeBar form {
    align-self: flex-end;
    display: flex;
    grid-column: 1/-1;
    justify-content: flex-end;
}
@media (min-width: 1024px) {
    .SubscribeBar form {
        grid-column: span 8/-1;
    }
}
.SubscribeBar form > p {
    align-self: flex-start;
    position: relative;
    width: 100%;
}
.SubscribeBar form input[type="email"] {
    border: none;
    border-radius: unset;
    height: 38px;
    width: 100%;
}
.SubscribeBar form input[type="email"]:focus,
.SubscribeBar form input[type="email"]:focus-visible {
    outline: none;
}
.SubscribeBar form label {
    color: #898989;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}
.SubscribeBar form button[type="submit"],
.SubscribeBar form input[type="submit"] {
    background-color: unset;
    border: none;
    color: #000;
    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    transition: color 0.3s ease;
    transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (hover: hover) and (pointer: fine) {
    .SubscribeBar form button[type="submit"]:hover,
    .SubscribeBar form input[type="submit"]:hover {
        opacity: 0.4;
    }
}
.SubscribeBar form button[type="submit"],
.SubscribeBar form input[type="submit"],
.SubscribeBar form label {
    top: 50%;
    transform: translateY(-50%);
}
.SubscribeBar form button[type="submit"],
.SubscribeBar form input[type="email"],
.SubscribeBar form input[type="submit"],
.SubscribeBar form label {
    --line-height: 1.3333333333;
    font-family: "Atacama VAR",serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 700;
    font-stretch: 180%;
    line-height: 1.3333333333;
}
@media (min-width: 1440px) {
    .SubscribeBar form button[type="submit"],
    .SubscribeBar form input[type="email"],
    .SubscribeBar form input[type="submit"],
    .SubscribeBar form label {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .SubscribeBar form button[type="submit"],
    .SubscribeBar form input[type="email"],
    .SubscribeBar form input[type="submit"],
    .SubscribeBar form label {
        font-size: 13px;
    }
}
.SubscribeBar form button[type="submit"] em,
.SubscribeBar form input[type="email"] em,
.SubscribeBar form input[type="submit"] em,
.SubscribeBar form label em {
    font-family: "Atacama VAR",serif;
    font-style: italic;
}
.SubscribeBar form input[type="email"]:active + label,
.SubscribeBar form input[type="email"]:focus + label,
.SubscribeBar form input[type="email"]:not(:placeholder-shown) + label {
    opacity: 0;
    transform: translateY(-40%);
}
.SubscribeBar .hf-fields-wrap {
    align-items: flex-start;
    column-gap: unset;
    display: flex;
    position: relative;
    row-gap: unset;
    width: 100%;
}
.SubscribeBar .hf-fields-wrap > p {
    width: 100%;
}
.SubscribeBar .hf-fields-wrap input[type="submit"] {
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    padding-top: 0 !important;
    text-transform: none;
    width: auto;
    color: #EBEBEB;
}
@media (hover: hover) and (pointer: fine) {
    .SubscribeBar .hf-fields-wrap input[type="submit"]:hover {
        background-color: unset;
        color: #dedede;
    }
}
.SubscribeBar .hf-fields-wrap input[type="email"] {
    padding: 0 !important;
}
.SubscribeBar .hf-fields-wrap input[type="email"]::placeholder {
    color: #898989 !important;
}
.SubscribeBar .hf-fields-wrap label {
    color: #898989 !important;
    left: 0 !important;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease !important;
}
.SubscribeBar .hf-message {
    --line-height: 1.3333333333;
    background-color: #f7f4f2;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    font-family: "Atacama VAR",serif;
    font-size: calc(0.13793vw + 12.24138px);
    font-style: normal;
    font-weight: 700;
    height: fit-content;
    left: var(--six-site-margin);
    line-height: 1.3333333333;
    max-width: 450px;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: left;
    transform: translateY(100%);
    width: 100%;
    z-index: 10;
}
@media (min-width: 1440px) {
    .SubscribeBar .hf-message {
        font-size: 15px;
    }
}
@media (max-width: 739px) {
    .SubscribeBar .hf-message {
        font-size: 13px;
    }
}
.SubscribeBar .hf-message em {
    font-family: "Atacama VAR",serif;
    font-style: italic;
}