@keyframes color-transition-151bf605 {
    0% {
        color: var(--c-light-light-gray)
    }

    30% {
        color: var(--c-lime)
    }

    to {
        color: var(--c-dark-green)
    }
}

.feature-section[data-v-151bf605] {
    background-color: var(--c-black);
    color: var(--c-white);
    overflow: hidden;
    padding-bottom: 8.75rem;
    padding-top: 8.75rem;
    position: relative;
    width: 100%
}

.feature-section__image-wrapper[data-v-151bf605] {
    min-height: 50vh;
    min-height: calc(var(--vh, 1vh)*50);
    overflow: hidden
}

.feature-section__image-transform[data-v-151bf605],.feature-section__image-wrapper[data-v-151bf605] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform
}

.feature-section__image-transform[data-v-151bf605] {
    transform: scale(1.1)
}

.feature-section__image[data-v-151bf605] {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.feature-section__content[data-v-151bf605] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50vh;
    min-height: calc(var(--vh, 1vh)*50);
    padding: 4rem 5.128vw;
    position: relative;
    z-index: 2
}

.feature-section__headline[data-v-151bf605] {
    color: var(--c-white);
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: -.02875rem;
    line-height: 120%;
    margin-bottom: 2rem;
    max-width: 100%
}

.feature-section__description[data-v-151bf605] {
    color: var(--c-white);
    font-size: 1.25rem;
    letter-spacing: -.014375rem;
    line-height: 126%;
    margin-bottom: 2rem;
    max-width: 37.6875rem;
    opacity: .9
}

.feature-section__description[data-v-151bf605] p {
    margin-bottom: 1.25rem
}

.feature-section__description[data-v-151bf605] p:last-child {
    margin-bottom: 0
}

.feature-section__button[data-v-151bf605] {
    align-self: flex-start;
    -webkit-backdrop-filter: blur(5.5px);
    backdrop-filter: blur(5.5px);
    background: var(--c-white-30);
    border-radius: .5rem;
    color: var(--c-white);
    font-family: var(--font-mono);
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .14625rem;
    line-height: 81%;
    max-width: 25rem;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .feature-section[data-v-151bf605],.feature-section__content[data-v-151bf605],.feature-section__image-wrapper[data-v-151bf605] {
        min-height:100vh;
        min-height: calc(var(--vh, 1vh)*100)
    }

    .feature-section__content[data-v-151bf605] {
        height: 100%;
        left: 0;
        padding: 5rem min(3.646vw,93.3333333333px);
        position: absolute;
        top: 0
    }

    .feature-section__headline[data-v-151bf605] {
        font-size: 2.875rem;
        margin-bottom: 2.5rem;
        max-width: 51.0625rem
    }

    .feature-section__description[data-v-151bf605] {
        font-size: 1.4375rem;
        margin-bottom: 3rem;
        max-width: 37.6875rem
    }
}