@font-face {
    font-display: swap;
    font-family: November;
    font-style: normal;
    font-weight: 300;
    src: url(/static/november-pro-light-c9c4788cb38464462f5cbae31577c1b1.woff2) format("woff2"),
    url(/static/november-pro-light-8835e3f5a561e6a53acfc270156fa038.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: November;
    font-style: normal;
    font-weight: 400;
    src: url(/static/november-pro-regular-b8a45196ee92b574e7ea92586fdb9768.woff2) format("woff2"),
    url(/static/november-pro-regular-fd753989087da580e76fdcb6bc31c8fb.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: November;
    font-style: normal;
    font-weight: 500;
    src: url(/static/november-pro-medium-2550c811f51243d3f94ba3a57daad426.woff2) format("woff2"),
    url(/static/november-pro-medium-458703083e556c4b111c422949f468e3.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: November;
    font-style: normal;
    font-weight: 700;
    src: url(/static/november-pro-bold-b6dd1e4b7a47473eed3a699053840071.woff2) format("woff2"),
    url(/static/november-pro-bold-a712374883433a1d7612899d518885f5.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: November;
    font-style: normal;
    font-weight: 800;
    src: url(/static/november-pro-heavy-bd59abfc1aa2f0b0304d76fc8425abb0.woff2) format("woff2"),
    url(/static/november-pro-heavy-bbd9caef0ab12b1ea7c2bbdea846ec29.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: November;
    font-style: normal;
    font-weight: 900;
    src: url(/static/november-pro-black-0fd46f5aeebd8a84bcf4db8cfd5ca8ad.woff2) format("woff2"),
    url(/static/november-pro-black-853060687b102ce6d9e2222fa6b8f7d8.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: Sometype Mono;
    font-style: normal;
    font-weight: 500;
    src: url(/static/sometype-mono-medium-a7f912462d58e5e4f920d25be347fd36.woff2) format("woff2"),
    url(/static/sometype-mono-medium-b8eb8002e8e47de6b952db86261a344b.woff) format("woff");
}

/*! Breakpoints */ /*! Media queries */

.btn-text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.color-black {
    color: #323232;
}

.hide-br br {
    display: none;
}

sup {
    font-size: 50%;
    vertical-align: super;
}

.homepage h1 {
    line-height: 72px;
}

.homepage .main-navigation-link {
    color: #fff;
}

.homepage .header.static {
    background: transparent;
}

.homepage .header.sticky .header-clone {
    padding: 20px 44px;
}

.homepage .header .header-clone {
    max-width: none;
    padding: 38px 44px;
}

.homepage .header .container {
    max-width: none;
    /* //padding: 0 44px; */
}

@media only screen and (max-width: 479px) {
    .homepage .header .container:first-child {
        margin: 0;
        padding: 0 20px;
    }
}

.homepage-title {
    color: #737373;
    font-size: 40px;
    font-weight: 900;
    line-height: 0.92;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1340px) {
    .homepage-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 1280px) {
    .homepage-title {
        font-size: 40px;
        line-height: 72px;
    }
}

@media only screen and (max-width: 767px) {
    .homepage-title {
        float: none;
        margin-bottom: 40px;
        padding-left: 20px;
        text-align: left;
    }
}

@media only screen and (max-width: 570px) {
    .homepage-title {
        font-size: 36px;
        line-height: 43px;
    }
}

.home-tabs-vertical .homepage-title {
    float: right;
    margin-bottom: 48px;
    padding-right: 63px;
    padding-top: 80px;
    text-align: right;
}

.homepage-industries-section .homepage-title {
    color: #fff;
    opacity: 0.8;
}

.homepage-grid {
    display: flex;
}





@media only screen and (max-width: 1279px) {
    .homepage-at-glance .homepage-grid {
        flex-direction: column;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1280px) {
    .homepage-at-glance .homepage-grid .homepage-section {
        padding: 60px 0 100px;
    }
}


.homepage .learn-more-link {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 32px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.homepage .learn-more-link-text {
    color: #f17223;
    display: inline-block;
    margin-right: 16px;
}

.homepage-header-wrapper {
    background: #000;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.homepage-header-wrapper .gatsby-image-wrapper {
    z-index: 1;
}

.homepage-header-wrapper:after {
    background: linear-gradient(
        to bottom right,
        #49432c 1%,
        #402812 25%,
        #2e1d0d 36%,
        transparent 50%
    ) 100% 100%,
    linear-gradient(
        to bottom left,
        #49432c 1%,
        #402812 25%,
        #2e1d0d 40%,
        transparent 60%
    ) 0 100%,
    linear-gradient(
        to top left,
        #49432c 1%,
        #402812 25%,
        #2e1d0d 33%,
        transparent 45%
    ) 0 0,
    linear-gradient(
        to top right,
        #49432c 1%,
        #402812 25%,
        #2e1d0d 40%,
        transparent 60%
    ) 100% 0;
    background-repeat: no-repeat;
    background-size: 50.025% 50.047%;
    content: "";
    display: block;
    height: 100%;
    left: -5vw;
    position: absolute;
    top: 0;
    transform: rotate(-28deg) scale(1.9);
    width: 80%;
    z-index: 0;
}

@media only screen and (max-width: 1920px) {
    .homepage-header-wrapper:after {
        background-size: 50.08% 50.1%;
        width: 90%;
    }
}

@media only screen and (max-width: 1440px) {
    .homepage-header-wrapper:after {
        background-size: 50.1% 50.1%;
        left: -7vw;
        width: 100%;
    }
}

@media only screen and (max-width: 1280px) {
    .homepage-header-wrapper:after {
        background-size: 50.1% 50.1%;
    }
}

@media only screen and (max-width: 1024px) {
    .homepage-header-wrapper:after {
        background-size: 50.1% 50.1%;
        left: -5vw;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) and (orientation: portrait) {
    .homepage-header-wrapper:after {
        background-size: 50.2% 50.07%;
    }
}

.homepage-header-content {
    color: #fff;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}

@media only screen and (max-width: 627px) {
    .homepage-header-content {
        padding-top: 255px;
    }
}

@media only screen and (min-width: 628px) and (max-width: 767px) {
    .homepage-header-content {
        padding-top: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .homepage-header-content {
        padding-top: 512px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1535px) {
    .homepage-header-content {
        padding-top: 400px;
    }
}

@media only screen and (min-width: 1536px) and (max-width: 1919px) {
    .homepage-header-content {
        padding-top: 500px;
    }
}

@media only screen and (min-width: 1920px) {
    .homepage-header-content {
        padding-top: 540px;
    }
}

.mix-blend-wrapper {
    position: relative;
}

.clients-served-container {
    background: #323232;
}

@media only screen and (max-width: 1280px) {
    .clients-served-container .homepage-grid {
        padding-bottom: 30px;
    }
}

.homepage .gradient {
    background: linear-gradient(
        279.09deg,
        #0b75fd 49%,
        #007aff 50%,
        #2767f8 57.85%,
        #8938e5 75.6%,
        #ff00cf 95.5%
    );
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0;
}

@media only screen and (max-width: 1280px) {
    .homepage .gradient {
        background: linear-gradient(
            9.09deg,
            #0b75fd 49%,
            #007aff 50%,
            #2767f8 57.85%,
            #8938e5 75.6%,
            #ff00cf 95.5%
        );
    }
}

.homepage-industries-section {
    height: 740px;
    position: relative;
}

@media only screen and (max-width: 1280px) {
    .homepage-industries-section {
        max-height: 650px;
    }
}

@media only screen and (max-width: 1024px) {
    .homepage-industries-section {
        max-height: 740px;
    }
}

.homepage-industries-section .homepage-industries-title {
    left: 314px;
    pointer-events: none;
    position: absolute;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2;
}

@media only screen and (min-width: 1920px) {
    .homepage-industries-section .homepage-industries-title {
        left: 24%;
    }
}

@media only screen and (min-width: 1280px) {
    .homepage-industries-section .homepage-industries-title {
        top: 80px;
    }
}

@media only screen and (max-width: 1920px) {
    .homepage-industries-section .homepage-industries-title {
        left: 114px;
    }
}

.homepage-industries-section .homepage-industries-title .homepage-title {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .homepage-industries-section .homepage-industries-title .homepage-title {
        padding-left: 0;
    }
}

@media only screen and (max-width: 479px) {
    .homepage-industries-section .homepage-industries-title .homepage-title {
        font-size: 36px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 1280px) {
    .homepage-industries-section .homepage-industries-title {
        top: 48px;
    }
}

@media only screen and (max-width: 1024px) {
    .homepage-industries-section .homepage-industries-title {
        left: 20px;
        top: 60px;
        width: inherit;
    }
}

.homepage-industries-section .swiper-container {
    height: 100%;
    width: 100%;
}

.homepage-industries-section .swiper-container .icon-arrow-svg {
    height: 30px;
    width: 32px;
}

@media (max-width: 767px) {
    .homepage-industries-section .swiper-wrapper {
        max-width: 100%;
    }
}

.homepage-industries-section .swiper-slide {
    background: transparent;
    border-right: 1px solid transparent;
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .homepage-industries-section .swiper-slide {
        width: 85% !important;
    }
}

.homepage-industries-section .swiper-slide:before {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.32),
        rgba(0, 0, 0, 0.64)
    );
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.homepage-industries-section .swiper-slide-active:before,
.homepage-industries-section .swiper-slide:hover:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8));
}

.homepage-industries-section
.swiper-slide-active
.homepage-slide-hidden-content,
.homepage-industries-section
.swiper-slide:hover
.homepage-slide-hidden-content {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
}

.homepage-industries-section .swiper-button-prev {
    left: 24px;
}

.homepage-industries-section .swiper-button-next {
    right: 24px;
}

.homepage-industries-section .swiper-button-next,
.homepage-industries-section .swiper-button-prev {
    align-items: center;
    background-color: unset;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 30px;
    z-index: 10;
}

.homepage-industries-section .swiper-button-next:after,
.homepage-industries-section .swiper-button-prev:after {
    display: none;
}

.homepage-industries-section .swiper-button-next .icon-arrow-svg,
.homepage-industries-section .swiper-button-prev .icon-arrow-svg {
    opacity: 0.5;
}

@media only screen and (max-width: 1024px) {
    .homepage-industries-section .swiper-button-next,
    .homepage-industries-section .swiper-button-prev {
        display: none;
    }
}

.homepage-industries-section .swiper-button-next:hover,
.homepage-industries-section .swiper-button-prev:hover {
    background-color: unset;
}

.homepage-industries-section
.swiper-button-disabled
:is(.swiper-button-prev, .swiper-button-next) {
    opacity: 0;
}

.homepage-industries-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.homepage-industries-background .current,
.homepage-industries-background .next {
    background-position: 50% 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.homepage-industries-background .current {
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.homepage-industries-background .next {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.homepage-industries-background .next.show {
    opacity: 1;
}

.homepage-slide-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 0 72px 100px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 1280px) {
    .homepage-slide-content {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 1024px) {
    .homepage-slide-content {
        padding: 0 20px 60px;
    }
}

.homepage-slide-content * {
    color: #fff;
}

.homepage-slide-content .homepage-slide-title {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .homepage-slide-content .homepage-slide-title {
        font-size: 32px;
        font-weight: 900;
        line-height: 1.2;
    }
}

.homepage-slide-content .homepage-slide-description {
    margin-top: 24px;
}

@media only screen and (max-width: 1024px) {
    .homepage-slide-content .homepage-slide-description {
        font-weight: 400;
    }
}

.homepage-slide-content .learn-more-link-text {
    color: #f17223;
}

.homepage-slide-content .homepage-slide-hidden-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out 0.15s;
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
    background-color: red;
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode > .swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.section.cards {
    margin-bottom: 60px
}

@media only screen and (min-width: 1280px) {
    .section.cards {
        margin-bottom: 100px
    }
}

.gatsby-image-wrapper noscript [data-main-image] {
    opacity: 1 !important
}

.gatsby-image-wrapper [data-placeholder-image] {
    opacity: 0 !important
}