/**
	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
*/
.intro-content {
  position: relative;
  width: 100%;
}
.intro-content__inner {
  padding: 0 32px;
}
@media (min-width: 768px) {
  .intro-content__inner {
    padding: 0 96px;
  }
}
@media (min-width: 1280px) {
  .intro-content__inner {
    padding: 0 222px;
  }
}
@media (min-width: 1440px) {
  .intro-content__inner {
    padding: 0 302px;
  }
}
@media (min-width: 1920px) {
  .intro-content__inner {
    padding: 0 517px;
  }
}
.intro-content__main {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  text-align: center;
  max-width: 576px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .intro-content__main {
    gap: 40px;
  }
}
@media (min-width: 1280px) {
  .intro-content__main {
    max-width: clamp(837px, calc(837px + (100vw - 1280px) / ((1920 - 1280) / (886 - 837))), 886px);
  }
}
@media (min-width: 1920px) {
  .intro-content__main {
    max-width: 886px;
  }
}
.intro-content__heading .heading-wrapper,
.intro-content__heading .heading-wrapper .eyebrow,
.intro-content__heading .heading-wrapper .heading {
  text-align: center;
}
.intro-content__heading .eyebrow {
  display: block;
  margin-bottom: 12px;
}
.intro-content__content, .intro-content__body-content {
  color: #054052;
}
.intro-content__content .wysiwyg, .intro-content__body-content .wysiwyg {
  text-align: center;
}
.intro-content__content .wysiwyg > :first-child, .intro-content__body-content .wysiwyg > :first-child {
  margin-top: 0;
}
.intro-content__content .wysiwyg > :last-child, .intro-content__body-content .wysiwyg > :last-child {
  margin-bottom: 0;
}
.intro-content__content .wysiwyg ul li + li, .intro-content__body-content .wysiwyg ul li + li {
  margin-top: 8px;
}
.intro-content__specs {
  font-family: "Funkis A Springs", system-ui, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  color: #288074;
  text-align: center;
  min-width: 285px;
}
.wrapper-background--2 .intro-content__specs, .wrapper-background--3 .intro-content__specs {
  color: #FFFFFF;
}
.intro-content__specs-separator {
  padding: 0 0.5em;
}
.intro-content__links {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
@media (min-width: 768px) {
  .intro-content__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .intro-content__links {
    gap: 24px;
  }
}
.intro-content__links .link {
  margin: 0;
}
.intro-content__links .link-group {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
@media (min-width: 768px) {
  .intro-content__links .link-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.intro-content__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  --fill-0: #81B696;
}
.intro-content__badge .v-icon__svg {
  width: 167px;
  height: 167px;
}
.intro-content__badge .v-icon__svg g {
  -webkit-clip-path: none;
          clip-path: none;
}
.intro-content__badge--desktop {
  display: none;
  position: absolute;
  z-index: 10;
}
@media (min-width: 1280px) {
  .intro-content__badge--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: clamp(65px, calc(65px + (100vw - 1280px) / ((1920 - 1280) / (80 - 65))), 80px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .intro-content__badge--desktop .v-icon__svg {
    width: clamp(160px, calc(160px + (100vw - 1280px) / ((1920 - 1280) / (205 - 160))), 205px);
    height: clamp(160px, calc(160px + (100vw - 1280px) / ((1920 - 1280) / (205 - 160))), 205px);
  }
}
.intro-content__badge--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 96px;
}
@media (min-width: 768px) {
  .intro-content__badge--mobile {
    display: none;
  }
}
.intro-content__media {
  position: relative;
  width: 100%;
  max-width: 1129px;
}
@media (min-width: 768px) {
  .intro-content__media {
    height: clamp(554px, calc(554px + (100vw - 768px) / ((1024 - 768) / (656 - 554))), 656px);
  }
}
@media (min-width: 1024px) {
  .intro-content__media {
    width: clamp(917px, calc(917px + (100vw - 1024px) / ((1280 - 1024) / (1129 - 917))), 1129px);
    max-width: 100%;
    height: clamp(656px, calc(656px + (100vw - 1024px) / ((1280 - 1024) / (742 - 656))), 742px);
  }
}
@media (min-width: 1280px) {
  .intro-content__media {
    width: 1129px;
    max-width: 1129px;
    height: clamp(742px, calc(742px + (100vw - 1280px) / ((1440 - 1280) / (760 - 742))), 760px);
  }
}
@media (min-width: 1440px) {
  .intro-content__media {
    height: 760px;
  }
}
.intro-content__media-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 768px) {
  .intro-content__media-item {
    position: absolute;
  }
}
.intro-content__media-item--primary {
  margin-bottom: 56px;
  z-index: 2;
}
@media (min-width: 768px) {
  .intro-content__media-item--primary {
    margin-bottom: 0;
    top: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: clamp(56px, calc(56px + (100vw - 768px) / ((1024 - 768) / (88 - 56))), 88px);
  }
}
@media (min-width: 1024px) {
  .intro-content__media-item--primary {
    gap: 88px;
  }
}
.intro-content__media-item--primary .intro-content__media-wrapper {
  height: clamp(250px, calc(250px + (100vw - 360px) / ((768 - 360) / (360 - 250))), 360px);
}
@media (min-width: 768px) {
  .intro-content__media-item--primary .intro-content__media-wrapper {
    width: clamp(427px, calc(427px + (100vw - 768px) / ((1024 - 768) / (534 - 427))), 534px);
    height: clamp(322px, calc(322px + (100vw - 768px) / ((1024 - 768) / (402 - 322))), 402px);
  }
}
@media (min-width: 1024px) {
  .intro-content__media-item--primary .intro-content__media-wrapper {
    width: clamp(534px, calc(534px + (100vw - 1024px) / ((1280 - 1024) / (641 - 534))), 641px);
    height: clamp(402px, calc(402px + (100vw - 1024px) / ((1280 - 1024) / (482 - 402))), 482px);
  }
}
@media (min-width: 1280px) {
  .intro-content__media-item--primary .intro-content__media-wrapper {
    width: clamp(641px, calc(641px + (100vw - 1280px) / ((1440 - 1280) / (671 - 641))), 671px);
    height: clamp(482px, calc(482px + (100vw - 1280px) / ((1440 - 1280) / (504 - 482))), 504px);
  }
}
@media (min-width: 1440px) {
  .intro-content__media-item--primary .intro-content__media-wrapper {
    width: 671px;
    height: 504px;
  }
}
@media (min-width: 768px) {
  .intro-content__media-item--primary .intro-content__media-info {
    width: clamp(162px, calc(162px + (100vw - 768px) / ((1024 - 768) / (213 - 162))), 213px);
    padding: clamp(88px, calc(88px + (100vw - 768px) / ((1024 - 768) / (112 - 88))), 112px) 0;
  }
}
@media (min-width: 1024px) {
  .intro-content__media-item--primary .intro-content__media-info {
    width: 213px;
    padding: clamp(112px, calc(112px + (100vw - 1024px) / ((1280 - 1024) / (128 - 112))), 128px) 0;
  }
}
@media (min-width: 1280px) {
  .intro-content__media-item--primary .intro-content__media-info {
    padding: 128px 0;
  }
}
.intro-content__media-item--secondary {
  z-index: 1;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .intro-content__media-item--secondary {
    width: auto;
    padding: 0;
    bottom: 0;
    right: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: clamp(56px, calc(56px + (100vw - 768px) / ((1024 - 768) / (72 - 56))), 72px);
  }
}
@media (min-width: 1024px) {
  .intro-content__media-item--secondary {
    gap: clamp(72px, calc(72px + (100vw - 1024px) / ((1280 - 1024) / (96 - 72))), 96px);
  }
}
@media (min-width: 1280px) {
  .intro-content__media-item--secondary {
    gap: 96px;
  }
}
.intro-content__media-item--secondary .intro-content__media-wrapper {
  width: 100%;
  height: clamp(213px, calc(213px + (100vw - 360px) / ((768 - 360) / (285 - 213))), 285px);
}
@media (min-width: 768px) {
  .intro-content__media-item--secondary .intro-content__media-wrapper {
    width: clamp(376px, calc(376px + (100vw - 768px) / ((1024 - 768) / (442 - 376))), 442px);
    height: clamp(300px, calc(300px + (100vw - 768px) / ((1024 - 768) / (352 - 300))), 352px);
  }
}
@media (min-width: 1024px) {
  .intro-content__media-item--secondary .intro-content__media-wrapper {
    width: clamp(442px, calc(442px + (100vw - 1024px) / ((1280 - 1024) / (517 - 442))), 517px);
    height: clamp(352px, calc(352px + (100vw - 1024px) / ((1280 - 1024) / (406 - 352))), 406px);
  }
}
@media (min-width: 1280px) {
  .intro-content__media-item--secondary .intro-content__media-wrapper {
    width: clamp(517px, calc(517px + (100vw - 1280px) / ((1440 - 1280) / (537 - 517))), 537px);
    height: clamp(406px, calc(406px + (100vw - 1280px) / ((1440 - 1280) / (422 - 406))), 422px);
  }
}
@media (min-width: 1440px) {
  .intro-content__media-item--secondary .intro-content__media-wrapper {
    width: 537px;
    height: 422px;
  }
}
@media (min-width: 768px) {
  .intro-content__media-item--secondary .intro-content__media-info {
    padding: clamp(76px, calc(76px + (100vw - 768px) / ((1024 - 768) / (87 - 76))), 87px) 0;
  }
}
@media (min-width: 1024px) {
  .intro-content__media-item--secondary .intro-content__media-info {
    padding: 87px 0;
  }
}
.intro-content__media-wrapper {
  overflow: hidden;
}
.intro-content__media-wrapper .media,
.intro-content__media-wrapper .splide,
.intro-content__media-wrapper .splide__track,
.intro-content__media-wrapper .splide__list,
.intro-content__media-wrapper .splide__slide,
.intro-content__media-wrapper .basic-video,
.intro-content__media-wrapper picture,
.intro-content__media-wrapper img,
.intro-content__media-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro-content__media-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(8px, calc(8px + (100vw - 360px) / ((768 - 360) / (16 - 8))), 24px);
}
@media (min-width: 768px) {
  .intro-content__media-info {
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .intro-content__media-info {
    width: 213px;
  }
}
.intro-content__media-title {
  display: block;
  color: #054052;
  text-transform: capitalize;
}
.wrapper-background--2 .intro-content__media-title, .wrapper-background--3 .intro-content__media-title {
  color: #F7F5F5;
}
.wrapper-background--2 .intro-content__media-link, .wrapper-background--3 .intro-content__media-link {
  color: #FFFFFF;
}
.wrapper-background--2 .intro-content__media-link:hover, .wrapper-background--2 .intro-content__media-link:active, .wrapper-background--2 .intro-content__media-link:focus, .wrapper-background--3 .intro-content__media-link:hover, .wrapper-background--3 .intro-content__media-link:active, .wrapper-background--3 .intro-content__media-link:focus {
  color: #FFFFFF;
}
.intro-content--wide .intro-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 48px;
}
@media (min-width: 768px) {
  .intro-content--wide .intro-content__inner {
    padding: 0 72px;
  }
}
@media (min-width: 1024px) {
  .intro-content--wide .intro-content__inner {
    padding: 0 60px;
  }
}
@media (min-width: 1280px) {
  .intro-content--wide .intro-content__inner {
    padding: 0 160px;
  }
}
@media (min-width: 1440px) {
  .intro-content--wide .intro-content__inner {
    padding: 0 199px;
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  .intro-content--wide .intro-content__inner {
    padding: 0 320px;
  }
}
.intro-content--wide .intro-content__main {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  margin: 0;
  max-width: none;
  width: 100%;
}
@media (min-width: 1280px) {
  .intro-content--wide .intro-content__main {
    width: clamp(552px, calc(552px + (100vw - 1280px) / ((1440 - 1280) / (900 - 552))), 900px);
  }
}
@media (min-width: 1440px) {
  .intro-content--wide .intro-content__main {
    width: 900px;
  }
}
.intro-content--wide .intro-content__heading {
  width: 100%;
}
.intro-content--wide .intro-content__heading .heading-wrapper,
.intro-content--wide .intro-content__heading .heading-wrapper .eyebrow,
.intro-content--wide .intro-content__heading .heading-wrapper .heading {
  text-align: left;
}
.intro-content--wide .intro-content__content .wysiwyg {
  text-align: left;
}
.intro-content--wide .intro-content__content .wysiwyg p {
  margin-bottom: 8px;
}
.intro-content--wide .intro-content__links {
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.intro-content--wide .intro-content__links .link-group {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.intro-content--has-badge {
  z-index: 10;
  overflow: visible;
}
.intro-content--has-media .intro-content__inner {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 32px;
}
@media (min-width: 768px) {
  .intro-content--has-media .intro-content__inner {
    padding: 0 33px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-media .intro-content__inner {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-media .intro-content__inner {
    padding: 0 clamp(33px, calc(33px + (100vw - 1280px) / ((1440 - 1280) / (160 - 33))), 160px);
  }
}
@media (min-width: 1440px) {
  .intro-content--has-media .intro-content__inner {
    padding: 0 clamp(160px, calc(160px + (100vw - 1440px) / ((1920 - 1440) / (395 - 160))), 395px);
  }
}
@media (min-width: 1920px) {
  .intro-content--has-media .intro-content__inner {
    padding: 0 395px;
  }
}
.intro-content--has-media .intro-content__main {
  padding-bottom: clamp(52px, calc(52px + (100vw - 360px) / ((768 - 360) / (120 - 52))), 120px);
}
@media (min-width: 768px) {
  .intro-content--has-media .intro-content__main {
    padding-bottom: 86px;
    width: clamp(560px, calc(560px + (100vw - 768px) / ((1024 - 768) / (656 - 560))), 656px);
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-media .intro-content__main {
    width: 656px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-media .intro-content__main {
    padding-bottom: 112px;
    width: clamp(656px, calc(656px + (100vw - 1280px) / ((1440 - 1280) / (658 - 656))), 658px);
  }
}
@media (min-width: 1440px) {
  .intro-content--has-media .intro-content__main {
    padding-bottom: 112px;
    width: clamp(658px, calc(658px + (100vw - 1440px) / ((1920 - 1440) / (800 - 658))), 800px);
  }
}
@media (min-width: 1920px) {
  .intro-content--has-media .intro-content__main {
    padding-bottom: 120px;
    width: 800px;
  }
}
.intro-content--has-media .intro-content__content,
.intro-content--has-media .intro-content__body-content {
  color: #F7F5F5;
}
.intro-content--has-sidebar .intro-content__inner {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(40px, calc(40px + (100vw - 360px) / ((768 - 360) / (56 - 40))), 56px);
  padding: 0 48px;
}
@media (min-width: 768px) {
  .intro-content--has-sidebar .intro-content__inner {
    gap: clamp(56px, calc(56px + (100vw - 768px) / ((1024 - 768) / (80 - 56))), 80px);
    padding: 0 72px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar .intro-content__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(80px, calc(80px + (100vw - 1024px) / ((1280 - 1024) / (96 - 80))), 96px);
    padding: 0 60px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar .intro-content__inner {
    gap: clamp(96px, calc(96px + (100vw - 1280px) / ((1440 - 1280) / (112 - 96))), 112px);
    padding: 0 160px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar .intro-content__inner {
    gap: clamp(112px, calc(112px + (100vw - 1440px) / ((1920 - 1440) / (192 - 112))), 192px);
    padding: 0 199px;
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar .intro-content__inner {
    gap: 192px;
    padding: 0 320px;
  }
}
.intro-content--has-sidebar .intro-content__main {
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .intro-content--has-sidebar .intro-content__main {
    max-width: 624px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar .intro-content__main {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    max-width: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar .intro-content__main {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0;
    width: clamp(552px, calc(552px + (100vw - 1280px) / ((1440 - 1280) / (619 - 552))), 619px);
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar .intro-content__main {
    width: clamp(619px, calc(619px + (100vw - 1440px) / ((1920 - 1440) / (776 - 619))), 776px);
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar .intro-content__main {
    width: 776px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar .intro-content__heading .heading-wrapper,
  .intro-content--has-sidebar .intro-content__heading .heading-wrapper .eyebrow,
  .intro-content--has-sidebar .intro-content__heading .heading-wrapper .heading,
  .intro-content--has-sidebar .intro-content__content,
  .intro-content--has-sidebar .intro-content__content .wysiwyg,
  .intro-content--has-sidebar .intro-content__specs {
    text-align: left;
    -ms-flex-item-align: self-start;
        align-self: self-start;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar .intro-content__links {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar .intro-content__links .link-group {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-alternate .intro-content__inner {
    gap: 88px;
    padding: 0 136px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-alternate .intro-content__inner {
    gap: 112px;
    padding: 0 172px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-alternate .intro-content__inner {
    gap: 192px;
    padding: 0 296px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-alternate .intro-content__main {
    width: 554px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-alternate .intro-content__main {
    width: 620px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-alternate .intro-content__main {
    width: 770px;
  }
}
@media (min-width: 768px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__inner {
    gap: 40px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__inner {
    gap: 80px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__inner {
    gap: 88px;
    padding: 0 112px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__inner {
    gap: 112px;
    padding: 0 120px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__inner {
    gap: 192px;
    padding: 0 272px;
  }
}
@media (min-width: 768px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__main {
    gap: 21px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__main {
    gap: 24px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__main {
    width: 602px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__main {
    width: 722px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__main {
    width: 818px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-extended .intro-content__specs {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__inner {
    gap: 88px;
    padding: 0 104px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__inner {
    gap: 112px;
    padding: 0 140px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__inner {
    gap: 192px;
    padding: 0 264px;
  }
}
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__main {
  text-align: left;
  -ms-flex-item-align: self-start;
      align-self: self-start;
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__main {
    width: 554px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__main {
    width: 620px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-image .intro-content__main {
    width: 770px;
  }
}
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__heading .heading-wrapper,
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__heading .heading-wrapper .eyebrow,
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__heading .heading-wrapper .heading,
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__content,
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__content .wysiwyg {
  text-align: left;
  -ms-flex-item-align: self-start;
      align-self: self-start;
}
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__links {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.intro-content--has-sidebar.intro-content--sidebar-image .intro-content__links .link-group {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__inner {
  gap: 48px;
  padding: 0 32px;
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__inner {
    gap: 104px;
    padding: 0 200px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__inner {
    gap: 168px;
    padding: 0 296px 0 200px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__inner {
    gap: 192px;
    padding: 0 388px;
  }
}
.intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__main {
  max-width: 296px;
}
@media (min-width: 768px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__main {
    max-width: 624px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__main {
    padding-top: 12px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__main {
    width: 663px;
    max-width: 663px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__main {
    width: 666px;
    max-width: 666px;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__main {
    width: 840px;
    max-width: 840px;
  }
}
@media (min-width: 768px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__heading .heading-wrapper,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__heading .heading-wrapper .eyebrow,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__heading .heading-wrapper .heading,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__content,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__content .wysiwyg {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__heading .heading-wrapper,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__heading .heading-wrapper .eyebrow,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__heading .heading-wrapper .heading,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__content,
  .intro-content--has-sidebar.intro-content--sidebar-ctas .intro-content__content .wysiwyg {
    text-align: left;
  }
}
.intro-content--has-sidebar.intro-content--has-media .intro-content__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding: 0 32px;
}
@media (min-width: 768px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__inner {
    gap: 56px;
    padding: 0 72px;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__inner {
    grid-template-columns: 1fr auto;
    gap: 80px;
    padding: 0 60px;
  }
}
@media (min-width: 1280px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__inner {
    gap: 96px;
    padding: 0 160px;
  }
}
@media (min-width: 1440px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__inner {
    gap: 112px;
    padding: 0 199px;
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (min-width: 1920px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__inner {
    gap: 192px;
    padding: 0 320px;
  }
}
.intro-content--has-sidebar.intro-content--has-media .intro-content__main {
  padding: 0;
  max-width: none;
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__main {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-content__heading .heading-wrapper,
  .intro-content--has-sidebar.intro-content--has-media .intro-content__heading .heading-wrapper .eyebrow,
  .intro-content--has-sidebar.intro-content--has-media .intro-content__heading .heading-wrapper .heading,
  .intro-content--has-sidebar.intro-content--has-media .intro-content__content,
  .intro-content--has-sidebar.intro-content--has-media .intro-content__content .wysiwyg {
    text-align: left;
  }
}
.intro-content--has-sidebar.intro-content--has-media .intro-sidebar .wysiwyg img {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .intro-content--has-sidebar.intro-content--has-media .intro-sidebar {
    width: auto;
  }
}
.intro-content--has-sidebar.intro-content--has-media .intro-content__media {
  grid-column: 1/-1;
}