.section__hp-callouts {
 background-color: var(--cream);
 padding-top: 6rem;
 padding-bottom: 6rem;
}

.hp-callout__item {
 justify-content: space-between;
 align-items: center;
 margin-top: 6rem;
 margin-bottom: 6rem;
 display: flex;
}

.hp-callout__item:nth-child(2n) {
 flex-direction: row-reverse;
}

.hp-callout__text-wpr {
 width: 40%;
 max-width: 48rem;
}

.hp-callout__title {
 font-family: 'Recursive', sans-serif !important;
 font-size: 6.4rem !important;
 font-style: italic !important;
 font-weight: 600 !important;
 line-height: 1.2 !important;
 color: var(--dark-spruce) !important;
 text-transform: none !important;
 letter-spacing: -.05rem !important;
}

.hp-callout__title-service {
 font-family: 'Recursive', sans-serif !important;
 font-size: 6.4rem !important;
 font-style: italic !important;
 font-weight: 600 !important;
 line-height: 1.2 !important;
 color: var(--clear-sky) !important;
 text-transform: none !important;
 letter-spacing: -.05rem !important;
}

.hp-callout__cat-wpr {
 flex-wrap: wrap;
 align-items: center;
 display: flex;
}

.hp-callout__cat-text {
 margin-right: .8rem;
 color: var(--forest) !important;
 font-family: Golos Text; 
 font-size: 2.8rem !important;
 font-weight: 500 !important;
 text-transform: none !important;
 display: block;
}

.hp-callout__cat-divider {
 color: var(--dark-spruce);
 flex: none;
 width: 1rem;
 margin-top: .8rem;
 margin-right: .8rem;
 display: inline-block;
}

.hp-callout__img-wpr {
 justify-content: center;
 align-items: center;
 width: 40%;
 display: flex;
}

.hp-callout__img {
 mix-blend-mode: darken;
}

.landing-text-wrapper {
 z-index: 1;
 max-width: 37rem;
 display: block;
 position: relative;
}

.landing-scene {
 justify-content: center;
 align-items: center;
 width: 105vw;
 height: 50vw;
 margin-bottom: -2vh;
 margin-left: -2.5vw;
 display: block;
 position: absolute;
 inset: auto 0% 0%;
}

.landing-scene-layer {
 z-index: 6;
 background-image: url('https://www.sefiles.net/merchant/5376/images/template/BSC-HP-Scene-1.svg');
 background-position: 50% 100%;
 background-repeat: no-repeat;
 background-size: cover;
 width: 100%;
 max-width: none;
 height: 100%;
 display: block;
 position: absolute;
 inset: auto 0% 0%;
 transition-timing-function: ease-out;
 transition-duration: .7s;
}

.landing-scene-layer.is--6 {
 z-index: 1;
 background-image: url('https://www.sefiles.net/merchant/5376/images/template/BSC-HP-Scene-6.svg');
 background-position: 50% 100%;
 background-repeat: no-repeat;
}

.landing-scene-layer.is--3 {
 z-index: 4;
 background-image: url('https://www.sefiles.net/merchant/5376/images/template/BSC-HP-Scene-3.svg');
 background-position: 50% 100%;
 background-repeat: no-repeat;
}

.landing-scene-layer.is--2 {
 z-index: 5;
 background-image: url('https://www.sefiles.net/merchant/5376/images/template/BSC-HP-Scene-2.svg');
}

.landing-scene-layer.is--5 {
 z-index: 2;
 background-image: url('https://www.sefiles.net/merchant/5376/images/template/BSC-HP-Scene-5.svg');
 background-position: 50% 100%;
 background-repeat: repeat-x;
}

.landing-scene-layer.is--4 {
 z-index: 3;
 background-image: url('https://www.sefiles.net/merchant/5376/images/template/BSC-HP-Scene-4.svg');
 background-position: 50% 100%;
 background-repeat: no-repeat;
}

.landing-scene-wrapper {
 z-index: -1;
 background-color: var(--cream);
 position: absolute;
 inset: 0%;
 overflow: hidden;
}

.hp-landing {
 z-index: 1;
 justify-content: flex-end;
 align-items: flex-start;
 height: 100vh;
 min-height: 55rem;
 padding-top: 9rem;
 padding-left: 30px;
 padding-right: 30px;
 display: flex;
 position: relative;
 overflow: hidden;
}

.landing-container {
 justify-content: center;
 align-items: center;
 width: 60%;
 min-width: 35rem;
 margin-top: 6vh;
 display: flex;
}

.section__hp-service {
 background-color: var(--forest);
 padding-top: 6rem;
 padding-bottom: 8rem;
}

.hp-landing__heading {
 color: var(--forest) !important;
 text-align: left;
 letter-spacing: -.03rem;
 text-wrap: balance;
 margin-bottom: 2rem;
 font-family: 'Recursive', sans-serif !important;
 font-size: 5rem;
 font-style: italic;
 font-weight: 600;
 line-height: 1;
}

.hp-callout__button {
 margin-top: 1.5rem;
}

.hp-service-cta {
 justify-content: space-between;
 align-items: center;
 display: flex;
}

.hp-service-cta__sub-text {
 margin-right: .8rem;
 color: var(--cream) !important;
 font-family: 'Golos Text'; 
 font-size: 2.8rem !important;
 font-weight: 500 !important;
 text-transform: none !important;
 display: block; 
}

.hp-service-cta__heading-wpr {
 max-width: 64rem;
 margin-bottom: 1.6rem;
}

.hp-service-cta__cat-wpr {
 flex-wrap: wrap;
 align-items: center;
 display: flex;
}

.hp-service-cta__button {
 margin-top: 2rem;
}

.serv-carte__drop-button {
 background-color: var(--dark-spruce);
 color: var(--cream);
 cursor: pointer;
 border-radius: 50vw;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 5px;
 padding: 8px 15px;
 line-height: 1.3;
 display: flex;
}

.serv-callout__pic {
 mix-blend-mode: darken;
 object-fit: contain;
 width: 100%;
 max-width: 650px;
 position: relative;
}

.serv-callout__details {
 color: #120a8f;
 font-size: 16px;
 line-height: 20px;
}

.serv-callout__details h1 {
 color: var(--forest);
 font-size: 2rem;
}

.serv-callout__details h3 {
 color: var(--clay);
 font-family: Recursive Sans Casual, sans-serif;
 font-size: 1.125rem;
 font-style: italic;
 font-weight: 600;
}

.serv-callout__details h4 {
 color: var(--forest);
 margin-top: .75rem;
 font-size: 1.25rem;
}

.serv-callout__details p {
 color: var(--forest);
 font-size: .9rem;
 line-height: 1.4;
}

.serv-callout__details a {
 color: var(--bright-spruce);
 text-decoration: none;
 transition: color .2s;
}

.serv-callout__details a:hover {
 color: var(--pine);
}

.serv-callout__details h5 {
 color: var(--pine);
 margin-bottom: .5rem;
 font-size: 1rem;
 font-weight: 500;
}

.serv-callout__details h6 {
 color: var(--pine);
 font-size: 1rem;
 font-weight: 500;
}

.serv-callout__details ol, .serv-callout__details ul {
 color: var(--forest);
 font-size: 1rem;
 font-weight: 500;
 line-height: 1.3;
}

.serv-callout__details h2 {
 color: var(--forest);
 font-size: 2rem;
}

.bbaf-marquee__text {
 color: var(--pine);
 text-transform: uppercase;
 white-space: nowrap;
 margin-right: .75rem;
 font-size: 5rem;
 font-weight: 600;
 line-height: 1;
}

.hp-landing__sticky-wpr {
 position: relative;
}

.hp-vid {
 height: 100vh;
 min-height: 55rem;
 position: relative;
 inset: 0%;
}

.hp-vid__container {
 justify-content: center;
 align-items: center;
 width: 50%;
 min-width: 550px;
 padding: 75px 40px 25px;
 display: flex;
 position: absolute;
 inset: 0% auto 0% 0%;
}

.hp-vid__text-wpr {
 max-width: 500px;
}

.h-style-h2-recursive.is--hp-vid {
 color: var(--cream) !important;
 margin-bottom: 1.6rem;
}

.hp-vid__vid-wpr {
 z-index: -1;
 object-fit: cover;
 background-color: #19233b;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
 display: flex;
 position: absolute;
 inset: 0%;
 overflow: hidden;
}

.hp-vid__vid-embed {
 object-fit: cover;
 flex: none;
 width: 177.778vh;
 min-width: 100vw;
 height: 100vh;
 min-height: 56.26vw;
 position: relative;
 inset: 0%;
 overflow: hidden;
}

.hp-vid__filter {
 z-index: 0;
 background-color: var(--forest);
 opacity: .35;
 mix-blend-mode: multiply;
 position: absolute;
 inset: 0%;
}

.hp-landing__scroll-trigger {
 height: 100vh;
}

.section__featured {
 display: none;
}

._3d-button__wpr {
 margin-top: 1rem;
 margin-bottom: 1rem;
 display: inline-block;
 position: relative;
}

.is--hp-landing-sub {
 margin-bottom: .5rem;
 font-family: Golos Text, sans-serif;
 font-size: 1.5rem;
 font-style: normal;
 display: block;
}

@media screen and (max-width: 991px) {

 .section__hp-callouts {
 padding-top: 2rem;
 padding-bottom: 2rem;
 }

 .hp-callout__item {
 grid-column-gap: 20px;
 grid-row-gap: 20px;
 flex-flow: wrap;
 justify-content: space-around;
 }

 .hp-callout__text-wpr {
 width: 60%;
 }

 .hp-callout__cat-text {
 font-size: 1.625rem;
 }

 .hp-callout__cat-divider {
 width: .6rem;
 }

 .hp-callout__img-wpr {
 order: -1;
 min-width: 250px;
 }

 .landing-text-wrapper {
 max-width: 28rem;
 }

 .landing-scene-layer.is--1 {
 background-image: url('../images/BSC-HP-Scene-1.svg');
 background-repeat: no-repeat;
 background-size: cover;
 }

 .hp-landing {
 padding-top: 110px;
 padding-left: 20px;
 padding-right: 20px;
 }

 .section__hp-service {
 padding-top: 4rem;
 padding-bottom: 6rem;
 }

 .hp-landing__heading {
 font-size: 3.75rem;
 }

 .hp-service-cta__sub-text {
 font-size: 1.625rem;
 }
}

@media screen and (max-width: 767px) {

 .section__hp-callouts {
 padding-top: 1rem;
 padding-bottom: 1rem;
 }

 .hp-callout__text-wpr {
 width: 100%;
 }

 .hp-callout__cat-text {
 font-size: 1.5rem;
 }

 .hp-callout__cat-divider {
 width: .6rem;
 }

 .landing-scene {
 width: 100vw;
 margin-top: 0;
 margin-bottom: -.2vh;
 margin-left: 0;
 }

 .hp-landing {
 justify-content: flex-start;
 min-height: 48rem;
 padding-left: 15px;
 padding-right: 15px;
 position: relative;
 }

 .landing-container {
 width: auto;
 min-width: auto;
 margin-top: 5vh;
 }

 .section__hp-service {
 padding-top: 3rem;
 padding-bottom: 4rem;
 }

 .hp-service-cta__sub-text {
 font-size: 1.5rem;
 }

 .hp-service-cta__heading-wpr {
 margin-bottom: .75rem;
 }

 .bbaf-marquee__text {
 font-size: 2.75rem;
 }

 .hp-landing__sticky-wpr {
 position: relative;
 }

 .hp-vid {
 text-align: center;
 justify-content: center;
 align-items: center;
 display: none;
 }

 .hp-vid__container {
 width: 100%;
 min-width: auto;
 }

 .hp-landing__scroll-trigger {
 display: none;
 }
}

@media screen and (max-width: 479px) {

 .hp-callout__cat-divider {
 width: .5rem;
 }

 .landing-text-wrapper {
 overflow: scroll;
 }

 .hp-landing {
 min-height: 36rem;
 padding-left: 10px;
 padding-right: 10px;
 }

 .landing-container {
 margin-top: 5vh;
 }

 .hp-landing__heading {
 font-size: 2.5rem;
 }

 .hp-service-cta__sub-text {
 font-size: 1.25rem;
 }

 .hp-service-cta__heading-wpr {
 margin-bottom: .5rem;
 }

 .hp-vid__vid-embed {
 max-height: none;
 }
}