/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/hero/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.wp-block-frs-blocks-hero {
  --hero-background-image-src: url(data:image/gif;base64,R0lGODlhAQABAPAAAAAAACZFySH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==);
  --hero-background-image-src-md: url(data:image/gif;base64,R0lGODlhAQABAPAAAAAAACZFySH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==);
  --hero-background-image-src-sm: url(data:image/gif;base64,R0lGODlhAQABAPAAAAAAACZFySH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==);
  --hero-background-position: center right;
  --layer-1-color: var(--wp--preset--color--accent-secondary-1);
  --layer-2-color: var(--wp--preset--color--neutral);
  --layer-3-color: var(--wp--preset--color--main-secondary-medium);
  --layer-4-color: var(--wp--preset--color--accent-secondary-6);
  --easing-function: cubic-bezier(0.66, 0, 0.34, 1);
  --long-animation-length: 2.5s;
  --short-animation-length: 1.25s;
  --title-color: var(--wp--preset--color--main-primary);
  --text-color: var(--wp--preset--color--copy-primary);
  --content-offset: 28.8%;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero {
    --layer-4-color: var(--wp--preset--color--main-primary-medium);
    --title-color: var(--wp--preset--color--neutral);
    --text-color: var(--wp--preset--color--neutral);
    --content-offset: 100%;
  }
}
.wp-block-frs-blocks-hero {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: var(--layer-4-color);
}
.wp-block-frs-blocks-hero[data-flip-background=true]:before {
  transform: scaleX(-1);
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero:not(.is-style-compact) {
    min-height: clamp(250px, 15.625rem + (1vw - 7.67px) * 37.147, 500px);
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-compact {
    min-height: clamp(195px, 12.188rem + (1vw - 7.67px) * 15.602, 300px);
  }
}
.wp-block-frs-blocks-hero div[class*=content-section] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex-grow: 1;
}
.wp-block-frs-blocks-hero:not(.is-style-non-branded) div[class*=content-section] {
  --vertical-padding: clamp(38px, 2.375rem + ((1vw - 10.25px) * 15.181), 101px);
}
.wp-block-frs-blocks-hero.is-style-compact div[class*=content-section] {
  --vertical-padding: clamp(38px, 2.375rem + ((1vw - 10.25px) * 2.41), 48px);
}
.wp-block-frs-blocks-hero .hero-content-blocks--wrapper {
  width: 51.75%;
}
@media (max-width: 1024px) {
  .wp-block-frs-blocks-hero .hero-content-blocks--wrapper {
    width: 55.75%;
  }
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero .hero-content-blocks--wrapper {
    width: 100%;
    position: relative;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):before, .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background-image: var(--hero-background-image-src);
    background-position: var(--hero-background-position);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50.63%;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):before, .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):after {
    background-image: var(--hero-background-image-src-md);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):before, .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):after {
    background-image: var(--hero-background-image-src-sm);
  }
}
.wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded):after {
  transform: scaleX(-1);
  left: 50.63%;
}
.wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded)[data-flip-background=true]:after {
  transform: scaleX(1);
}
.wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded) div[class*=content-section] {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded) .hero-content-blocks {
    position: relative;
    z-index: 3;
    transform: skew(26deg);
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded) .hero-content-blocks:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100.1%;
    pointer-events: none;
    transform: skew(26deg) translateX(0);
    transform-origin: center;
    background-color: var(--layer-1-color);
    z-index: 3;
    width: 100vw;
    top: 50%;
    height: 200vh;
    transform: translate(100%, -50%);
    right: 115.5%;
    margin-left: -8%;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero:not(.is-style-animated):not(.is-style-non-branded) .hero-content-blocks:after {
    width: clamp(16px, 2.5vw, 36px);
    background-color: var(--layer-2-color);
    opacity: 1;
    box-sizing: content-box;
    z-index: 4;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100.1%;
    pointer-events: none;
    transform: skew(26deg) translateX(0);
    transform-origin: center;
    top: 50%;
    height: 200vh;
    transform: translate(100%, -50%);
    right: 120.1%;
    margin-left: calc(-8% - clamp(15px, 2.43055556vw, 35px));
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated .hero-content-blocks--wrapper {
    width: 45%;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated:before, .wp-block-frs-blocks-hero.is-style-animated:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100.1%;
    pointer-events: none;
    transform: skew(26deg) translateX(0);
    transform-origin: center;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated:before {
    background-color: var(--layer-1-color);
    z-index: 3;
    left: 0;
    width: 54.85%;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated:after {
    width: clamp(16px, 2.5vw, 36px);
    background-color: var(--layer-2-color);
    opacity: 1;
    box-sizing: content-box;
    z-index: 4;
    left: 54.8%;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:before,
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100.1%;
    pointer-events: none;
    transform: skew(26deg) translateX(0);
    transform-origin: center;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:before, .wp-block-frs-blocks-hero.is-style-animated.is-style-animated:before {
    background-color: var(--layer-1-color);
    z-index: 3;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:before, .wp-block-frs-blocks-hero.is-style-animated.is-style-animated:before {
    animation: hero-animation-1 var(--short-animation-length) var(--easing-function) forwards;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated:after {
    animation: hero-animation-2 var(--short-animation-length) var(--easing-function) forwards;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:after {
    width: clamp(16px, 2.5vw, 36px);
    background-color: var(--layer-2-color);
    opacity: 1;
    box-sizing: content-box;
    z-index: 4;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:after {
    animation: hero-animation-1 var(--short-animation-length) var(--easing-function) forwards;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:before {
    background: var(--layer-1-color);
    opacity: 1;
    z-index: 1;
    left: -25vw;
    padding-left: 25vw;
    box-sizing: content-box;
    width: 54.85%;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:before {
    animation: hero-animation-6 var(--long-animation-length) var(--easing-function) forwards;
    z-index: 4;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:after {
    margin-left: clamp(16px, 2.5vw, 36px);
    background-color: var(--layer-3-color);
    border-right: 0px solid var(--layer-3-color);
    z-index: 1;
    left: 54.75%;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated .wp-block-frs-blocks-hero--content:after {
    animation: hero-animation-7 var(--long-animation-length) var(--easing-function) forwards;
    z-index: 5;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated div[class*=content-section]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100.1%;
    width: 45%;
    background-color: var(--layer-1-color);
    opacity: 1;
    z-index: 2;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated div[class*=content-section]:before {
    animation: hero-animation-3 var(--short-animation-length) var(--easing-function) forwards;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated div[class*=content-section]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background-image: var(--hero-background-image-src);
    background-position: var(--hero-background-position);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated div[class*=content-section]:after {
    background-image: var(--hero-background-image-src-md);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .wp-block-frs-blocks-hero.is-style-animated.is-style-animated div[class*=content-section]:after {
    background-image: var(--hero-background-image-src-sm);
  }
}
.wp-block-frs-blocks-hero.is-style-animated[data-flip-background=true] div[class*=content-section]:after {
  transform: scaleX(-1);
}
.wp-block-frs-blocks-hero.is-style-animated div[class*=content-section] {
  transform: none;
  padding: var(--vertical-padding) var(--horizontal-padding);
  align-items: flex-start;
  position: static;
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .wp-block-frs-blocks-hero.is-style-animated div[class*=content-section] .wp-block-frs-blocks-hero--content [class*=wp-block],
  .wp-block-frs-blocks-hero.is-style-animated div[class*=content-section] .wp-block-frs-blocks-hero--actions {
    animation: hero-animation-5 var(--long-animation-length) var(--easing-function) forwards;
  }
}
.wp-block-frs-blocks-hero:not(.is-style-non-branded) {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded):before, .wp-block-frs-blocks-hero:not(.is-style-non-branded).is-style-animated:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background-image: var(--hero-background-image-src);
    background-position: var(--hero-background-position);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 257px;
    transform: none;
    position: relative;
    border-bottom: 4px solid var(--layer-2-color);
  }
}
@media (max-width: 767px) and (max-width: 1920px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded):before, .wp-block-frs-blocks-hero:not(.is-style-non-branded).is-style-animated:before {
    background-image: var(--hero-background-image-src-md);
  }
}
@media (max-width: 767px) and (max-width: 1024px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded):before, .wp-block-frs-blocks-hero:not(.is-style-non-branded).is-style-animated:before {
    background-image: var(--hero-background-image-src-sm);
  }
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero:not(.is-style-non-branded)[data-flip-background=true]:before, .wp-block-frs-blocks-hero:not(.is-style-non-branded).is-style-animated[data-flip-background=true]:before {
    transform: scaleX(-1);
  }
  .wp-block-frs-blocks-hero:not(.is-style-non-branded) .wp-block-frs-blocks-hero--content,
  .wp-block-frs-blocks-hero:not(.is-style-non-branded) div[class*=content-section], .wp-block-frs-blocks-hero:not(.is-style-non-branded).is-style-animated .wp-block-frs-blocks-hero--content,
  .wp-block-frs-blocks-hero:not(.is-style-non-branded).is-style-animated div[class*=content-section] {
    transform: none;
  }
}
.wp-block-frs-blocks-hero.is-style-non-branded {
  --title-color: var(--wp--preset--color--neutral);
  --text-color: var(--wp--preset--color--neutral);
  background-color: unset;
}
.wp-block-frs-blocks-hero.is-style-non-branded:before, .wp-block-frs-blocks-hero.is-style-non-branded:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.wp-block-frs-blocks-hero.is-style-non-branded:before {
  z-index: 1;
  background-image: var(--hero-background-image-src);
  background-position: var(--hero-background-position);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero.is-style-non-branded:before {
    max-height: 244px;
  }
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-flip-background=true]:before {
  transform: scaleX(-1);
}
.wp-block-frs-blocks-hero.is-style-non-branded.is-style-compact div[class*=content-section] {
  --vertical-padding: clamp(36px, 2.25rem + ((1vw - 7.67px) * 7.429), 86px);
}
.wp-block-frs-blocks-hero.is-style-non-branded div[class*=content-section] {
  position: relative;
  z-index: 3;
  transform: none;
  align-items: flex-start;
}
.wp-block-frs-blocks-hero.is-style-non-branded div[class*=content-section]:before, .wp-block-frs-blocks-hero.is-style-non-branded div[class*=content-section]:after {
  display: none;
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-hero.is-style-non-branded[data-overlay*="--opaque"]:before {
    width: 60%;
    left: 40%;
  }
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay=dark--opaque] {
  --layer-1-color: var(--wp--preset--color--main-primary-medium);
  --layer-2-color: var(--wp--preset--color--main-primary-medium-fully-transparent);
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay=dark--transparent] {
  --layer-1-color: var(--wp--preset--color--main-primary-medium-slightly-transparent);
  --layer-2-color: var(--wp--preset--color--main-primary-medium-fully-transparent);
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero.is-style-non-branded[data-overlay=dark--transparent] {
    --layer-1-color: var(--wp--preset--color--main-primary-medium);
  }
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay=light--opaque] {
  --layer-1-color: var(--wp--preset--color--main-primary-pale);
  --layer-2-color: var(--wp--preset--color--main-primary-pale-fully-transparent);
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay=light--transparent] {
  --layer-1-color: var(--wp--preset--color--main-primary-pale-slightly-transparent);
  --layer-2-color: var(--wp--preset--color--main-primary-pale-fully-transparent);
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero.is-style-non-branded[data-overlay=light--transparent] {
    --layer-1-color: var(--wp--preset--color--main-primary-pale);
  }
}
.wp-block-frs-blocks-hero.is-style-non-branded:after {
  z-index: 2;
  background: linear-gradient(90deg, var(--layer-1-color) 0%, var(--layer-1-color) 40%, var(--layer-2-color) 82.6388888889%, var(--layer-2-color) 100%);
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-hero.is-style-non-branded:after {
    background: linear-gradient(180deg, var(--layer-2-color) 32px, var(--layer-1-color) 212px, var(--layer-1-color) 100%);
  }
}
.wp-block-frs-blocks-hero.is-style-non-branded[data-overlay*=light] {
  --text-color: var(--wp--preset--color--copy-primary);
  --title-color: var(--wp--preset--color--copy-primary);
}
.wp-block-frs-blocks-hero.is-style-non-branded .wp-block-frs-blocks-hero--content:before, .wp-block-frs-blocks-hero.is-style-non-branded .wp-block-frs-blocks-hero--content:after {
  display: none;
}

/* Custom CSS Animations for Animated Heroes */
@keyframes hero-animation-1 {
  0% {
    transform: skew(26deg) translateX(-100vw);
  }
  100% {
    transform: skew(26deg) translateX(0vw);
  }
}
@keyframes hero-animation-2 {
  0% {
    transform: skew(26deg) translateX(-133vw);
    border-left: 50vw solid var(--layer-2-color);
  }
  100% {
    transform: skew(26deg) translateX(0vw);
    border-left: 0vw solid var(--layer-2-color);
  }
}
@keyframes hero-animation-3 {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}
@keyframes hero-animation-4 {
  0% {
    transform: skew(26deg) translateX(-100vw);
  }
  100% {
    transform: skew(26deg) translateX(24%);
  }
}
@keyframes hero-animation-5 {
  0% {
    opacity: 0;
  }
  58% {
    opacity: 0;
  }
  59% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hero-animation-6 {
  0% {
    transform: skew(26deg) translateX(-100vw);
  }
  20% {
    transform: skew(26deg) translateX(-100vw);
  }
  50% {
    transform: skew(26deg) translateX(0vw);
  }
  100% {
    transform: skew(26deg) translateX(-100vw);
  }
}
@keyframes hero-animation-7 {
  0% {
    transform: skew(26deg) translateX(-100vw);
    margin-left: clamp(16px, 2.5vw, 36px);
    border-right: 33vw solid var(--layer-3-color);
  }
  50% {
    transform: skew(26deg) translateX(0vw);
    margin-left: clamp(16px, 2.5vw, 36px);
    border-right-width: 0;
  }
  70% {
    margin-left: -2%;
  }
  100% {
    transform: skew(26deg) translateX(-100vw);
    margin-left: -2%;
    border-right-width: 0;
  }
}

/*# sourceMappingURL=style-index.css.map*/