/**
	This file does note generate code.  It is imported by other sass files to include
	variables, mixins, and functions.
	*/
/* Settings
   -------------------------------------------------------------------------- */
/**
	Global variables
*/
/* Site Max Width. Used in 03-base/_template.scss
   -------------------------------------------------------------------------- */
/* Layout Margins (top/bottom)
   -------------------------------------------------------------------------- */
/* Colors
   -------------------------------------------------------------------------- */
/* Filter Colors
   Use https://codepen.io/sosuke/pen/Pjoqqp to generate filters for new colors
   -------------------------------------------------------------------------- */
/* Directories and Misc?
   -------------------------------------------------------------------------- */
/**
 * This file is used to override bootstrap variables.  build/node_modules/bootstrap/scss/_variables.scss
 * Some examples are included below.
 */
/* Grid breakpoints
   Define the minimum dimensions at which your layout will change,
   adapting to different screen sizes, for use in media queries.
   ------------------------------------------------------------------------ */
/* Body
   ------------------------------------------------------------------------ */
/* Gutter width (half is added to each column)
   ------------------------------------------------------------------------ */
/* Default transition.  Used in transition() mixin.
   ------------------------------------------------------------------------ */
/* Tools
   -------------------------------------------------------------------------- */
/**
	General mixins
	Note: Variables are loaded via _core.scss before this file, so no @use needed
*/
/* Variable Size
   Function can be used to make any property value variable
   -------------------------------------------------------------------------- */
/* Basic Transition
   -------------------------------------------------------------------------- */
/* Default Unordered List
   This mixin is used in place of defining base ul styles and then having to
   override them everywhere.  Ex: in a menu.
   This should be included when you output an acf wysiwyg field.
   -------------------------------------------------------------------------- */
/* Default Link Style
   This mixin is used in place of defining base a styles and then having to
   override them everywhere. Ex: text links vs buttons.
   This should be included when you output an acf wysiwyg field.
   -------------------------------------------------------------------------- */
/* Default Table
   -------------------------------------------------------------------------- */
/* Default Gradient
   -------------------------------------------------------------------------- */
/* Button Reset
   -------------------------------------------------------------------------- */
/* List Reset
   -------------------------------------------------------------------------- */
/* 100vh Mixin
   -------------------------------------------------------------------------- */
/* Accessibility Mixins to allow or prevent animations and transitions
   -------------------------------------------------------------------------- */
/* Variable Min Height
   Will scale from $startHeight to $endHeight, from $startWidth to
   $endWidth.
   -------------------------------------------------------------------------- */
/* Variable Image Width
   Will scale from $startWidth to $endWidth, from $startScreenWidth to
   $endScreenWidth.  Must be in proper media query.
   -------------------------------------------------------------------------- */
/**
 * Typography Mixins & Font Declarations
 *
 * Font Families:
 *   - Self Modern: Used for headings (H1-H6) and display text
 *   - Funkis A Springs: Used for body copy, callouts, and eyebrow text
 *
 * Usage:
 *   @include self-modern--book;
 *   @include funkis--light;
 */
/* ==========================================================================
   @font-face Declarations
   ========================================================================== */
@font-face {
  font-family: "Self Modern";
  src: url("/content/themes/base/assets/font/self-modern/SelfModern-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Self Modern";
  src: url("/content/themes/base/assets/font/self-modern/SelfModern-Regular.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Self Modern";
  src: url("/content/themes/base/assets/font/self-modern/SelfModern-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funkis A Springs";
  src: url("/content/themes/base/assets/font/funkis/FunkisASprings-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funkis A Springs";
  src: url("/content/themes/base/assets/font/funkis/FunkisASprings-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funkis A Springs";
  src: url("/content/themes/base/assets/font/funkis/FunkisASprings-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funkis A Springs";
  src: url("/content/themes/base/assets/font/funkis/FunkisASprings-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Funkis A Springs";
  src: url("/content/themes/base/assets/font/funkis/FunkisASprings-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ==========================================================================
   Font Family Variables
   ========================================================================== */
/* ==========================================================================
   Self Modern Mixins (Headings & Display)
   ========================================================================== */
/* ==========================================================================
   Funkis A Springs Mixins (Body & UI)
   ========================================================================== */
/* ==========================================================================
   Typography Style Mixins (Composite)
   These combine font, size, line-height, and other properties
   ========================================================================== */
/**
	Form specific mixins
	A set of default styles that can be applied to Gravity Forms and other forms
*/
.card-carousel {
  position: relative;
  overflow: hidden;
}
.card-carousel__inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .card-carousel__inner {
    padding: 0 calc(44px + (100vw - 768px) / ((1280 - 768) / (83 - 44)));
  }
}
@media (min-width: 1280px) {
  .card-carousel__inner {
    padding: 0 calc(83px + (100vw - 1280px) / ((1440 - 1280) / (133 - 83)));
  }
}
@media (min-width: 1440px) {
  .card-carousel__inner {
    padding: 0 calc(133px + (100vw - 1440px) / ((1920 - 1440) / (172 - 133)));
  }
}
@media (min-width: 1920px) {
  .card-carousel__inner {
    padding: 0 172px;
  }
}
.card-carousel__header {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .card-carousel__header {
    margin-bottom: calc(32px + (100vw - 768px) / ((1280 - 768) / (40 - 32)));
  }
}
@media (min-width: 1280px) {
  .card-carousel__header {
    margin-bottom: 40px;
  }
}
.card-carousel__header .eyebrow {
  color: #288074;
}
.card-carousel__header .heading-wrapper {
  max-width: 70%;
}
@media (min-width: 768px) {
  .card-carousel__header .heading-wrapper {
    max-width: none;
  }
}
.card-carousel__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 8px;
}
.card-carousel__description {
  margin-top: 16px;
  max-width: 600px;
}
@media (min-width: 1280px) {
  .card-carousel__description {
    margin-top: 20px;
  }
}
.card-carousel__links {
  margin-top: 16px;
}
@media (min-width: 1280px) {
  .card-carousel__links {
    margin-top: 24px;
  }
}
.card-carousel__carousel .splide-wrapper .splide__arrows {
  top: 167px;
  left: -24px;
  right: -24px;
}
@media (min-width: 768px) {
  .card-carousel__carousel .splide-wrapper .splide__arrows {
    top: 180px;
    left: calc(-44px + (100vw - 768px) / ((1280 - 768) / (-83 - -44)));
    right: calc(-44px + (100vw - 768px) / ((1280 - 768) / (-83 - -44)));
  }
}
@media (min-width: 1280px) {
  .card-carousel__carousel .splide-wrapper .splide__arrows {
    left: calc(-83px + (100vw - 1280px) / ((1440 - 1280) / (-133 - -83)));
    right: calc(-83px + (100vw - 1280px) / ((1440 - 1280) / (-133 - -83)));
  }
}
@media (min-width: 1440px) {
  .card-carousel__carousel .splide-wrapper .splide__arrows {
    left: calc(-133px + (100vw - 1440px) / ((1920 - 1440) / (-172 - -133)));
    right: calc(-133px + (100vw - 1440px) / ((1920 - 1440) / (-172 - -133)));
  }
}
@media (min-width: 1920px) {
  .card-carousel__carousel .splide-wrapper .splide__arrows {
    left: -172px;
    right: -172px;
  }
}
.card-carousel__carousel .splide-wrapper .splide__arrow {
  height: 40px;
  width: 40px;
}
@media (min-width: 768px) {
  .card-carousel__carousel .splide-wrapper .splide__arrow {
    height: 48px;
    width: 48px;
  }
}
.card-carousel .card {
  height: 100%;
}
.card-carousel .card .card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.card-carousel .card .card__media {
  height: 334px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .card-carousel .card .card__media {
    margin-bottom: calc(32px + (100vw - 768px) / ((1280 - 768) / (40 - 32)));
  }
}
@media (min-width: 1280px) {
  .card-carousel .card .card__media {
    height: 360px;
    margin-bottom: 40px;
  }
}
.card-carousel .card .card__category {
  display: none;
}
.card-carousel .card .card__heading {
  color: #054052;
  margin-bottom: 16px;
}
.card-carousel .card .card__description {
  font-family: "Funkis A Springs", system-ui, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #054052;
  font-size: 15px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-carousel .card .card__links {
  padding-top: 24px;
}
.card-carousel--default .card-carousel__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 1280px) {
  .card-carousel--default .card-carousel__header {
    margin-bottom: 80px;
  }
}
.card-carousel--default .card-carousel__links {
  margin-top: 0;
}
@media (min-width: 768px) {
  .card-carousel--peaked .card-carousel__inner {
    max-width: none;
    padding-left: calc(56px + (100vw - 768px) / ((1280 - 768) / (96 - 56)));
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .card-carousel--peaked .card-carousel__inner {
    padding-left: calc(96px + (100vw - 1280px) / ((1440 - 1280) / (112 - 96)));
  }
}
@media (min-width: 1440px) {
  .card-carousel--peaked .card-carousel__inner {
    padding-left: calc(112px + (100vw - 1440px) / ((1920 - 1440) / (128 - 112)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--peaked .card-carousel__inner {
    padding-left: 128px;
  }
}
.card-carousel--peaked .card-carousel__counter {
  color: #054052;
  width: 100%;
}
.card-carousel--peaked .card-carousel__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 24px;
  margin-bottom: 32px;
}
@media (min-width: 1280px) {
  .card-carousel--peaked .card-carousel__header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    margin-bottom: 72px;
    padding-right: 72px;
  }
}
.card-carousel--peaked .card-carousel__links {
  margin-top: 0;
}
.card-carousel--peaked .card .card__media {
  height: 302px;
}
@media (min-width: 768px) {
  .card-carousel--peaked .card .card__media {
    height: calc(314px + (100vw - 768px) / ((1280 - 768) / (342 - 314)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--peaked .card .card__media {
    height: calc(342px + (100vw - 1280px) / ((1440 - 1280) / (360 - 342)));
  }
}
@media (min-width: 1440px) {
  .card-carousel--peaked .card .card__media {
    height: 360px;
  }
}
.card-carousel--peaked .splide-wrapper .splide__arrows {
  top: 151px;
}
@media (min-width: 768px) {
  .card-carousel--peaked .splide-wrapper .splide__arrows {
    top: calc(157px + (100vw - 768px) / ((1280 - 768) / (171 - 157)));
    left: calc(-56px + (100vw - 768px) / ((1280 - 768) / (-96 - -56)));
    right: 0;
  }
}
@media (min-width: 1280px) {
  .card-carousel--peaked .splide-wrapper .splide__arrows {
    top: calc(171px + (100vw - 1280px) / ((1440 - 1280) / (180 - 171)));
    left: calc(-96px + (100vw - 1280px) / ((1440 - 1280) / (-112 - -96)));
  }
}
@media (min-width: 1440px) {
  .card-carousel--peaked .splide-wrapper .splide__arrows {
    top: 180px;
    left: calc(-112px + (100vw - 1440px) / ((1920 - 1440) / (-128 - -112)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--peaked .splide-wrapper .splide__arrows {
    left: -128px;
  }
}
.card-carousel--full-width-peak .card-carousel__inner {
  padding-right: 24px;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .card-carousel__inner {
    padding-right: 0;
    max-width: none;
    padding-left: calc(32px + (100vw - 768px) / ((1280 - 768) / (96 - 32)));
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .card-carousel__inner {
    padding-left: calc(96px + (100vw - 1280px) / ((1440 - 1280) / (168 - 96)));
  }
}
@media (min-width: 1440px) {
  .card-carousel--full-width-peak .card-carousel__inner {
    padding-left: calc(168px + (100vw - 1440px) / ((1920 - 1440) / (224 - 168)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--full-width-peak .card-carousel__inner {
    padding-left: 224px;
  }
}
.card-carousel--full-width-peak .card-carousel__counter {
  color: #288074;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 14px;
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .card-carousel__counter {
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  .card-carousel--full-width-peak .card-carousel__heading {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .card-carousel--full-width-peak .card-carousel__header .heading-wrapper {
    max-width: 100%;
    text-align: center;
  }
}
.card-carousel--full-width-peak .card-carousel__header {
  text-align: center;
  max-width: 288px;
  margin: 0 auto 48px;
  row-gap: 24px;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .card-carousel__header {
    max-width: calc(680px + (100vw - 768px) / ((1280 - 768) / (757 - 680)));
    margin-bottom: 72px;
    padding-right: calc(32px + (100vw - 768px) / ((1280 - 768) / (96 - 32)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .card-carousel__header {
    max-width: 757px;
    padding-right: calc(96px + (100vw - 1280px) / ((1440 - 1280) / (168 - 96)));
  }
}
@media (min-width: 1440px) {
  .card-carousel--full-width-peak .card-carousel__header {
    padding-right: calc(168px + (100vw - 1440px) / ((1920 - 1440) / (224 - 168)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--full-width-peak .card-carousel__header {
    padding-right: 224px;
  }
}
.card-carousel--full-width-peak .card-carousel__header .heading-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-carousel--full-width-peak .card-carousel__description {
  max-width: 288px;
  margin: 24px auto 0;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .card-carousel__description {
    max-width: 504px;
    margin-top: 32px;
  }
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .card-carousel__description {
    max-width: none;
  }
}
.card-carousel--full-width-peak .card-carousel__links {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .card-carousel__links {
    margin-top: 40px;
  }
}
.card-carousel--full-width-peak .card {
  position: relative;
}
.card-carousel--full-width-peak .card .card__media {
  height: 480px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .card .card__media {
    height: calc(550px + (100vw - 768px) / ((1280 - 768) / (590 - 550)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .card .card__media {
    height: calc(590px + (100vw - 1280px) / ((1920 - 1280) / (710 - 590)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--full-width-peak .card .card__media {
    height: 710px;
  }
}
.card-carousel--full-width-peak .card .card__media::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), to(transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  pointer-events: none;
}
.card-carousel--full-width-peak .card .card__content {
  display: block;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 32px;
  text-align: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .card .card__content {
    padding: 40px;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .card .card__content {
    padding: 40px 50px;
  }
}
.card-carousel--full-width-peak .card .card__heading {
  color: #FFFFFF;
  margin-bottom: 0;
}
.card-carousel--full-width-peak .card .heading-wrapper .eyebrow {
  color: #C8D228;
}
.card-carousel--full-width-peak .card .card__category {
  font-family: "Funkis A Springs", system-ui, sans-serif;
  font-weight: 600;
  font-style: normal;
  display: block;
  color: #C8D228;
  font-size: 11px;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  line-height: 20px;
  margin-bottom: 10px;
}
.card-carousel--full-width-peak .card .card__description,
.card-carousel--full-width-peak .card .card__links,
.card-carousel--full-width-peak .card .card__meta {
  display: none;
}
.card-carousel--full-width-peak .splide-wrapper .splide__arrows {
  top: 240px;
}
@media (min-width: 768px) {
  .card-carousel--full-width-peak .splide-wrapper .splide__arrows {
    top: calc(275px + (100vw - 768px) / ((1280 - 768) / (295 - 275)));
    left: calc(-32px + (100vw - 768px) / ((1280 - 768) / (-96 - -32)));
    right: 0;
  }
}
@media (min-width: 1280px) {
  .card-carousel--full-width-peak .splide-wrapper .splide__arrows {
    top: calc(295px + (100vw - 1280px) / ((1920 - 1280) / (355 - 295)));
    left: calc(-96px + (100vw - 1280px) / ((1440 - 1280) / (-168 - -96)));
  }
}
@media (min-width: 1440px) {
  .card-carousel--full-width-peak .splide-wrapper .splide__arrows {
    left: calc(-168px + (100vw - 1440px) / ((1920 - 1440) / (-224 - -168)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--full-width-peak .splide-wrapper .splide__arrows {
    top: 355px;
    left: -224px;
  }
}
.card-carousel--background {
  position: relative;
  overflow: hidden;
  background: #FFFFFF;
}
.card-carousel--background.wrapper-background--1, .card-carousel--background.wrapper-background--2, .card-carousel--background.wrapper-background--3 {
  background: #FFFFFF;
}
.card-carousel--background .card-carousel__background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__background {
    right: 100px;
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__background {
    right: calc(140px + (100vw - 1280px) / ((1920 - 1280) / (203 - 140)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--background .card-carousel__background {
    right: 203px;
  }
}
.card-carousel--background .card-carousel__background-image {
  position: absolute;
  inset: 0;
  opacity: 0.18;
  mix-blend-mode: multiply;
}
.card-carousel--background .card-carousel__background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.card-carousel--background .card-carousel__background-overlay {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  mix-blend-mode: multiply;
}
.card-carousel--background.wrapper-background--1 .card-carousel__background {
  background: #D6EDD4;
}
.card-carousel--background.wrapper-background--2 .card-carousel__background {
  background: #054052;
}
.card-carousel--background.wrapper-background--3 .card-carousel__background {
  background: #288074;
}
.card-carousel--background .card-carousel__inner {
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__inner {
    max-width: none;
    padding-left: calc(64px + (100vw - 768px) / ((1280 - 768) / (88 - 64)));
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__inner {
    padding-left: calc(88px + (100vw - 1280px) / ((1920 - 1280) / (144 - 88)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--background .card-carousel__inner {
    padding-left: 144px;
  }
}
.card-carousel--background .card-carousel__counter {
  color: #288074;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__counter {
    padding-left: calc(64px + (100vw - 768px) / ((1280 - 768) / (96 - 64)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__counter {
    padding-left: 96px;
  }
}
.card-carousel--background .card-carousel__header {
  margin-bottom: 72px;
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__header {
    margin-bottom: calc(64px + (100vw - 768px) / ((1280 - 768) / (80 - 64)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__header {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__header .heading-wrapper {
    padding-left: calc(64px + (100vw - 768px) / ((1280 - 768) / (96 - 64)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__header .heading-wrapper {
    padding-left: 96px;
  }
}
.card-carousel--background .card-carousel__description {
  max-width: 545px;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__description {
    padding-left: calc(64px + (100vw - 768px) / ((1280 - 768) / (96 - 64)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__description {
    padding-left: 96px;
  }
}
.card-carousel--background .card-carousel__links {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .card-carousel--background .card-carousel__links {
    margin-top: 40px;
    padding-left: calc(64px + (100vw - 768px) / ((1280 - 768) / (96 - 64)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card-carousel__links {
    padding-left: 96px;
  }
}
.card-carousel--background .card .card__media {
  height: 352px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .card-carousel--background .card .card__media {
    height: calc(363px + (100vw - 768px) / ((1280 - 768) / (420 - 363)));
    margin-bottom: calc(24px + (100vw - 768px) / ((1280 - 768) / (40 - 24)));
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .card .card__media {
    height: 420px;
    margin-bottom: 40px;
  }
}
.card-carousel--background .card .card__description {
  display: none;
}
.card-carousel--background .splide-wrapper .splide__arrows {
  top: 176px;
}
@media (min-width: 768px) {
  .card-carousel--background .splide-wrapper .splide__arrows {
    top: calc(182px + (100vw - 768px) / ((1280 - 768) / (210 - 182)));
    left: calc(-64px + (100vw - 768px) / ((1280 - 768) / (-88 - -64)));
    right: 0;
  }
}
@media (min-width: 1280px) {
  .card-carousel--background .splide-wrapper .splide__arrows {
    top: 210px;
    left: calc(-88px + (100vw - 1280px) / ((1920 - 1280) / (-144 - -88)));
  }
}
@media (min-width: 1920px) {
  .card-carousel--background .splide-wrapper .splide__arrows {
    left: -144px;
  }
}
.card-carousel--background.wrapper-background--1 .card-carousel__counter {
  color: #288074;
}
.card-carousel--background.wrapper-background--1 .heading-wrapper,
.card-carousel--background.wrapper-background--1 .card__heading,
.card-carousel--background.wrapper-background--1 .card-carousel__description,
.card-carousel--background.wrapper-background--1 .card__description {
  color: #054052;
}
.card-carousel--background.wrapper-background--2 .card-carousel__counter, .card-carousel--background.wrapper-background--3 .card-carousel__counter {
  color: #C8D228;
}
.card-carousel--background.wrapper-background--2 .heading-wrapper,
.card-carousel--background.wrapper-background--2 .card__heading,
.card-carousel--background.wrapper-background--2 .card-carousel__description,
.card-carousel--background.wrapper-background--2 .card__description, .card-carousel--background.wrapper-background--3 .heading-wrapper,
.card-carousel--background.wrapper-background--3 .card__heading,
.card-carousel--background.wrapper-background--3 .card-carousel__description,
.card-carousel--background.wrapper-background--3 .card__description {
  color: #FFFFFF;
}
.wrapper-background--1 .card-carousel.card-carousel--default, .wrapper-background--1 .card-carousel.card-carousel--peaked {
  background-color: transparent;
}
.wrapper-background--1 .card-carousel.card-carousel--default .card-carousel__counter, .wrapper-background--1 .card-carousel.card-carousel--peaked .card-carousel__counter {
  color: #288074;
}
.wrapper-background--1 .card-carousel.card-carousel--default .card-carousel__header .eyebrow, .wrapper-background--1 .card-carousel.card-carousel--peaked .card-carousel__header .eyebrow {
  color: #288074;
}
.wrapper-background--1 .card-carousel.card-carousel--default .heading-wrapper,
.wrapper-background--1 .card-carousel.card-carousel--default .card__heading,
.wrapper-background--1 .card-carousel.card-carousel--default .card-carousel__description,
.wrapper-background--1 .card-carousel.card-carousel--default .card__description, .wrapper-background--1 .card-carousel.card-carousel--peaked .heading-wrapper,
.wrapper-background--1 .card-carousel.card-carousel--peaked .card__heading,
.wrapper-background--1 .card-carousel.card-carousel--peaked .card-carousel__description,
.wrapper-background--1 .card-carousel.card-carousel--peaked .card__description {
  color: #054052;
}
.wrapper-background--2 .card-carousel.card-carousel--default, .wrapper-background--2 .card-carousel.card-carousel--peaked, .wrapper-background--3 .card-carousel.card-carousel--default, .wrapper-background--3 .card-carousel.card-carousel--peaked {
  background-color: transparent;
}
.wrapper-background--2 .card-carousel.card-carousel--default .card-carousel__counter, .wrapper-background--2 .card-carousel.card-carousel--peaked .card-carousel__counter, .wrapper-background--3 .card-carousel.card-carousel--default .card-carousel__counter, .wrapper-background--3 .card-carousel.card-carousel--peaked .card-carousel__counter {
  color: #C8D228;
}
.wrapper-background--2 .card-carousel.card-carousel--default .card-carousel__header .eyebrow, .wrapper-background--2 .card-carousel.card-carousel--peaked .card-carousel__header .eyebrow, .wrapper-background--3 .card-carousel.card-carousel--default .card-carousel__header .eyebrow, .wrapper-background--3 .card-carousel.card-carousel--peaked .card-carousel__header .eyebrow {
  color: #C8D228;
}
.wrapper-background--2 .card-carousel.card-carousel--default .heading-wrapper,
.wrapper-background--2 .card-carousel.card-carousel--default .card__heading,
.wrapper-background--2 .card-carousel.card-carousel--default .card-carousel__description,
.wrapper-background--2 .card-carousel.card-carousel--default .card__description, .wrapper-background--2 .card-carousel.card-carousel--peaked .heading-wrapper,
.wrapper-background--2 .card-carousel.card-carousel--peaked .card__heading,
.wrapper-background--2 .card-carousel.card-carousel--peaked .card-carousel__description,
.wrapper-background--2 .card-carousel.card-carousel--peaked .card__description, .wrapper-background--3 .card-carousel.card-carousel--default .heading-wrapper,
.wrapper-background--3 .card-carousel.card-carousel--default .card__heading,
.wrapper-background--3 .card-carousel.card-carousel--default .card-carousel__description,
.wrapper-background--3 .card-carousel.card-carousel--default .card__description, .wrapper-background--3 .card-carousel.card-carousel--peaked .heading-wrapper,
.wrapper-background--3 .card-carousel.card-carousel--peaked .card__heading,
.wrapper-background--3 .card-carousel.card-carousel--peaked .card-carousel__description,
.wrapper-background--3 .card-carousel.card-carousel--peaked .card__description {
  color: #FFFFFF;
}
.wrapper-background--2 .card-carousel.card-carousel--default .link--text,
.wrapper-background--2 .card-carousel.card-carousel--default .link--default, .wrapper-background--2 .card-carousel.card-carousel--peaked .link--text,
.wrapper-background--2 .card-carousel.card-carousel--peaked .link--default, .wrapper-background--3 .card-carousel.card-carousel--default .link--text,
.wrapper-background--3 .card-carousel.card-carousel--default .link--default, .wrapper-background--3 .card-carousel.card-carousel--peaked .link--text,
.wrapper-background--3 .card-carousel.card-carousel--peaked .link--default {
  color: #FFFFFF;
}
.wrapper-background--2 .card-carousel.card-carousel--default .link--text:after,
.wrapper-background--2 .card-carousel.card-carousel--default .link--default:after, .wrapper-background--2 .card-carousel.card-carousel--peaked .link--text:after,
.wrapper-background--2 .card-carousel.card-carousel--peaked .link--default:after, .wrapper-background--3 .card-carousel.card-carousel--default .link--text:after,
.wrapper-background--3 .card-carousel.card-carousel--default .link--default:after, .wrapper-background--3 .card-carousel.card-carousel--peaked .link--text:after,
.wrapper-background--3 .card-carousel.card-carousel--peaked .link--default:after {
  background: #FFFFFF;
}
.wrapper-background--2 .card-carousel.card-carousel--default .link--text:hover, .wrapper-background--2 .card-carousel.card-carousel--default .link--text:active, .wrapper-background--2 .card-carousel.card-carousel--default .link--text:focus,
.wrapper-background--2 .card-carousel.card-carousel--default .link--default:hover,
.wrapper-background--2 .card-carousel.card-carousel--default .link--default:active,
.wrapper-background--2 .card-carousel.card-carousel--default .link--default:focus, .wrapper-background--2 .card-carousel.card-carousel--peaked .link--text:hover, .wrapper-background--2 .card-carousel.card-carousel--peaked .link--text:active, .wrapper-background--2 .card-carousel.card-carousel--peaked .link--text:focus,
.wrapper-background--2 .card-carousel.card-carousel--peaked .link--default:hover,
.wrapper-background--2 .card-carousel.card-carousel--peaked .link--default:active,
.wrapper-background--2 .card-carousel.card-carousel--peaked .link--default:focus, .wrapper-background--3 .card-carousel.card-carousel--default .link--text:hover, .wrapper-background--3 .card-carousel.card-carousel--default .link--text:active, .wrapper-background--3 .card-carousel.card-carousel--default .link--text:focus,
.wrapper-background--3 .card-carousel.card-carousel--default .link--default:hover,
.wrapper-background--3 .card-carousel.card-carousel--default .link--default:active,
.wrapper-background--3 .card-carousel.card-carousel--default .link--default:focus, .wrapper-background--3 .card-carousel.card-carousel--peaked .link--text:hover, .wrapper-background--3 .card-carousel.card-carousel--peaked .link--text:active, .wrapper-background--3 .card-carousel.card-carousel--peaked .link--text:focus,
.wrapper-background--3 .card-carousel.card-carousel--peaked .link--default:hover,
.wrapper-background--3 .card-carousel.card-carousel--peaked .link--default:active,
.wrapper-background--3 .card-carousel.card-carousel--peaked .link--default:focus {
  color: #FFFFFF;
}

.card-carousel-counter__current, .card-carousel-counter__separator, .card-carousel-counter__total {
  font-family: "Funkis A Springs", system-ui, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 181.818% */
  letter-spacing: 5.5px;
  text-transform: uppercase;
}