.page-background:where(.astro-jbh5vzik) {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none
}

.bg-top:where(.astro-jbh5vzik),
.bg-bottom:where(.astro-jbh5vzik) {
    position: absolute;
    left: 0;
    right: 0;
    aspect-ratio: 1728 / 992;
    background-image: var(--bg-desktop);
    background-size: cover;
    background-position: center
}

.bg-top:where(.astro-jbh5vzik) {
    top: 0;
    transform: scaleY(-1);
}

.bg-bottom:where(.astro-jbh5vzik) {
    bottom: 0
}

@media (max-width: 800px) {
    .bg-top:where(.astro-jbh5vzik),
    .bg-bottom:where(.astro-jbh5vzik) {
        aspect-ratio: 564 / 1002;
        background-image: var(--bg-mobile)
    }
}

.bg-grain:where(.astro-jbh5vzik) {
    position: absolute;
    inset: 0;
    filter: url(#grain)
}

._section_x2pw1_1 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    margin: 60px auto;
    padding: 0 20px;
    max-width: 1440px;
    line-height: 1.33
}

@media (max-width: 800px) {
    ._section_x2pw1_1 {
        margin: 24px auto;
        gap: 24px
    }
}

._sectionTitle_x2pw1_18 {
    font-family: var(--font-family-exposure);
    font-size: 48px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.48px;
    color: var(--color-gray-800);
    text-align: left;
    margin: 0 auto
}

@media (max-width: 800px) {
    ._sectionTitle_x2pw1_18 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .24px;
        font-weight: 500
    }
}

._cards_x2pw1_39 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px
}

@media (max-width: 800px) {
    ._cards_x2pw1_39 {
        grid-template-columns: 1fr
    }
}

._card_x2pw1_39 {
    border-radius: 32px;
    background-color: var(--color-air);
    display: flex;
    flex-direction: column;
    padding: 20px 20px 40px;
    gap: 40px;
    color: var(--color-gray-600)
}

._cardContent_x2pw1_61 {
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

._cardTitle_x2pw1_69 {
    font-family: var(--font-family-denim);
    font-size: 24px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.24px;
    color: var(--color-gray-800)
}

._cardDescription_x2pw1_79 {
    font-family: var(--font-family-denim);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: var(--color-gray-600)
}

._graphic_x2pw1_87 {
    border-radius: 12px;
    overflow: hidden;
    background: #fff
}

@media (max-width: 800px) {
    ._graphic_x2pw1_87 {
        place-self: center;
        height: auto;
        width: calc(100dvw - 80px)
    }
}

._graphicImage_x2pw1_101 {
    max-width: 500px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block
}

.logos-section:where(.astro-rlzhg7ni) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 60px;
    text-align: center;
    padding: 60px 0
}

.logos-section:where(.astro-rlzhg7ni) p:where(.astro-rlzhg7ni) {
    padding: 0 20px
}

.logos-container:where(.astro-rlzhg7ni) {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden
}

.logos:where(.astro-rlzhg7ni) {
    display: flex;
    gap: 80px;
    flex-shrink: 0;
    padding: 0 40px;
    animation: marquee 20s linear infinite
}

.logo:where(.astro-rlzhg7ni) {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (prefers-reduced-motion: reduce) {
    .logos:where(.astro-rlzhg7ni) {
        animation: none
    }
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

._section_16lso_1 {
    position: relative;
    padding: 150px 20px;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    overflow: hidden
}

@media (max-width: 800px) {
    ._section_16lso_1 {
        padding: 0 20px 80px;
        margin-top: 0
    }
}

._content_16lso_17 {
    display: flex;
    align-items: center;
    gap: 80px;
    width: 100%;
    max-width: 1200px
}

@media (max-width: 800px) {
    ._content_16lso_17 {
        flex-direction: column;
        gap: 40px
    }
}

._textColumn_16lso_32 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 620px;
    width: 100%
}

@media (max-width: 800px) {
    ._textColumn_16lso_32 {
        order: 2
    }
}

._imageColumn_16lso_46 {
    flex-shrink: 0;
    width: 100%;
    max-width: 500px
}

@media (max-width: 1140px) {
    ._imageColumn_16lso_46 {
        max-width: 450px
    }
}

@media (max-width: 800px) {
    ._imageColumn_16lso_46 {
        order: 1;
        max-width: 350px
    }
}

._title_16lso_65 {
    font-family: var(--font-family-exposure);
    font-size: 48px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -.48px;
    color: var(--color-gray-800)
}

@media (max-width: 800px) {
    ._title_16lso_65 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .24px;
        font-weight: 500
    }
}

._description_16lso_85 {
    font-family: var(--font-family-denim);
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    color: var(--color-gray-600)
}

._description_16lso_85 a {
    text-decoration: underline
}

._description_16lso_85 a:hover {
    opacity: .8
}

._ctaContainer_16lso_101 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: flex-start
}

@media (max-width: 800px) {
    ._ctaContainer_16lso_101 {
        align-self: stretch
    }
}

._primaryButton_16lso_114 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 219px;
    padding: 14px 20px;
    border-radius: 15px;
    background-color: var(--color-gray-800);
    color: var(--color-white);
    font-family: var(--font-family-denim);
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    gap: 8px;
    transition: background-color .15s
}

._primaryButton_16lso_114:hover {
    background-color: var(--color-gray-700)
}

._secondaryButton_16lso_136 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 219px;
    padding: 14px 20px;
    gap: 8px;
    border-radius: 15px;
    border: 1px solid var(--color-gray-800);
    background: transparent;
    color: var(--color-gray-800);
    font-family: var(--font-family-denim);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all .15s
}

._secondaryButton_16lso_136:hover {
    background-color: var(--color-gray-100)
}

._image_16lso_46 {
    width: 100%;
    height: auto;
    border-radius: 12px
}

@media (max-width: 800px) {
    ._image_16lso_46 {
        max-width: calc(100vw - 96px);
        margin: 0 auto;
        display: block
    }
}

.page-wrapper:where(.astro-j7pv25f6) {
    position: relative;
    isolation: isolate;
    background-color: #f7f5f7
}

@media (max-width: 800px) {
    .page-wrapper:where(.astro-j7pv25f6) {
        background-color: #e7eff2
    }
}

.page-content:where(.astro-j7pv25f6) {
    position: relative
}

.studio-hero:where(.astro-j7pv25f6) {
    width: 100%;
    min-height: 100dvh
}

.hero-title:where(.astro-j7pv25f6) {
    font-family: var(--font-family-exposure);
    font-size: 48px;
    font-weight: 400;
    line-height: 1.41;
    letter-spacing: -.48px;
    color: var(--color-gray-800);
    text-align: center;
    max-width: 705px;
    margin: 0 auto;
    padding: 207px 16px 0
}

@media (max-width: 600px) {
    .hero-title:where(.astro-j7pv25f6) {
        font-size: 32px;
        line-height: 1.35;
        letter-spacing: -.32px;
        max-width: 100%;
        padding-top: calc(env(safe-area-inset-top) + 120px)
    }
}

.extended-content:where(.astro-j7pv25f6) {
    width: 100%;
    display: flex;
    flex-direction: column
}