/* ---- WP/THEME FIXES ---- */
#wpadminbar {display:none !important;}
html {margin-top: 0 !important; font-size:16px !important;}
.page-template-page-helene .elementor-location-header .elementor-element.elementor-sticky {
    position:relative !important;
    top:0 !important;
}
.page-template-page-helene .elementor-location-header .elementor-element.elementor-sticky__spacer {
    display:none;
}
#helene p {max-width:unset;}
div {-webkit-box-sizing: border-box;box-sizing: border-box;}
footer p,
footer.elementor-element .elementor-widget-heading .elementor-heading-title,
footer.elementor-element .elementor-widget-image img {margin-bottom:1rem;}
header.elementor.elementor-location-header {z-index:100;position:relative;}
.elementor-search-form--skin-full_screen .elementor-search-form__container {z-index:100;}



/* ---- LENIS ---- */
html.lenis,html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {-ms-scroll-chaining: none;overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}


/* ---- CUSTOM PROPERTIES ---- */
:root {
  --black: #021C1A;
  --darkGrey: #4C4C4C;
  --grey: #888888;
  --grey2: #727272;
  --lightGrey: #B4B4B4;
  --white: #ffffff;
  --offWhite: #ECEBEB;
  --forest: #023430;
  --darkGreen: #01332E;
  --teal: #008675;
  --teal2: #378F86;
  --darkTeal: #014741;
  --green: #016D60;
  --yellow: #FFAD00;
  --magenta: #A0005E;
  --lightBlue: #61CAC9;
  --headlineFont: museo-slab, 'Roboto Slab', serif;
  --bodyFont: acumin-pro, 'Noto Sans', sans-serif;
  --h1FontSize: clamp(11rem, 14.5vw, 22rem);
  --h2FontSize: clamp(4rem, 5.35vw, 6.5rem);
  --h3FontSize: clamp(1.7rem, 2.2vw, 2.75rem);
  --h4FontSize: clamp(1.5rem, 3vw, 1.9rem);
  --bodyBigFontSize: clamp(1.4rem, 1.6vw, 2.25rem);
  --bodyFontSize: clamp(1.15rem, 1.4vw, 2rem);
  --bodySmallFontSize: clamp(1rem, 1.2vw, 1.5rem);
  --bodyXSmallFontSize: clamp(0.9rem, 0.9vw, 1rem);
  --eyebrowFontSize: clamp(0.8rem, 0.9vw, 1.2rem);
  --transition:0.3s ease-out;
  --transition-long:0.5s ease-out;
  --tlPadding: 8vh 10vh 6vh;
  --tlPaddingTop: 8vh;
  --tlPaddingBottom: 2vh;
  --tlPaddingHorizontal: 10vh;
  --tlSpacing: 4rem;
  --tlSpacing2: 6rem;
  --tlSpacing3: 8rem;
  --tlSpacing4: 10rem;
  --dropShadow: drop-shadow(15px 15px 12.6px rgba(0, 0, 0, 0.20));
  --boxShadow1: 20px 20px 12.3px 0 rgba(0, 0, 0, 0.25);
  --boxShadow2: 15px 15px 10px 0 rgba(0, 0, 0, 0.15);
  --boxShadow3: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
  --boxShadow4: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
  --containerWidth: calc(100vw - 20rem);
  --headerHeight: 115px;
  --rPadding: 4rem;
}
@media (min-width:1920px) {
  :root {
    --bodyXSmallFontSize: clamp(1rem, 1vw, 1.1rem);
    --containerWidth: 1420px;
  }
}
@media (min-width:2200px) {
  :root {
    --h1FontSize: clamp(11rem, 15vw, 25rem);
    --h2FontSize: clamp(5rem, 6vw, 9rem);
    --h3FontSize: clamp(2rem, 2.25vw, 4rem);
    --h4FontSize: clamp(1.5rem, 2vw, 2.5rem);
    --bodyBigFontSize: clamp(1.6rem, 1.7vw, 2.6rem);
    --bodyFontSize: clamp(1.25rem, 1.5vw, 2.25rem);
    --bodySmallFontSize: clamp(1.2rem, 1.25vw, 1.85rem);
    --bodyXSmallFontSize: clamp(1.1rem, 1.15vw, 1.5rem);
    --eyebrowFontSize: clamp(0.9rem, 1vw, 1.2rem);
    --containerWidth: 1920px;
    --tlPadding: 7vh 10vh 6vh;
    --tlPaddingTop: 7vh;
    --tlPaddingBottom: 2vh;
    --tlPaddingHorizontal: 10vh;
  }
}
@media (max-width:1500px) {
  :root {
    --tlPadding: 8vh 8vh 4vh;
    --tlPaddingTop: 8vh;
    --tlPaddingBottom: 4vh;
    --tlPaddingHorizontal: 8vh;
  }
}
@media (max-width:1350px) {
  :root {
    --eyebrowFontSize: 0.8rem;

    --tlPadding: 8vh 8vh 4vh;
    --tlPaddingTop: 8vh;
    --tlPaddingBottom: 4vh;
    --tlPaddingHorizontal: 8vh;
    --containerWidth: calc(100vw - 15rem);
  }
}
@media (max-width:1280px) {
  :root {
    --containerWidth: calc(100vw - 13rem);
  }
}
@media (min-width:1025px) and (min-aspect-ratio:2/1) {
  :root {
    --tlPaddingBottom: 1rem;
    --tlPadding: 8vh 8vh 1rem;
  }
}
@media (max-width:1024px) {
  body, html {overflow-x: hidden;} /* prevent line causing scroll x overflow */
  :root {
    --h1FontSize: 11rem;
    --h2FontSize: 4.5rem;
    --h3FontSize: 2.55rem;
    --h4FontSize: 1.9rem;
    --bodyBigFontSize: 1.75rem;
    --bodyFontSize: 1.45rem;
    --bodySmallFontSize: 1.4rem;
    --bodyXSmallFontSize: 0.95rem;
    --eyebrowFontSize: 1.3rem;
    --introHeight: 1366px;
    --introTitleTop: 9rem;
    --introTextTop: 39rem;
    --introTextWidth: 30rem;
    --introViewportOffset: calc((var(--roadmapBleedWidth) - var(--roadmapContainer)) / 2);
    --introMarginBottom: 0;
    --roadmapGridTop: 170rem;
    --roadmapContainer: 800px;
    --roadmapBleedWidth: 1024px;
    --roadmapBleedOffset: calc((var(--roadmapContainer) - var(--roadmapBleedWidth)) / 2);
    --tlPadding: 5rem 6rem 10rem;
    --tlPaddingTop: 5rem;
    --tlPaddingBottom: 10rem;
    --tlPaddingHorizontal: 6rem;
    --containerWidth: calc(100vw - 12rem);
  }
}
@media (max-width:950px) {
  :root {
    --h1FontSize: 10rem;
    --h2FontSize: 4.15rem;
    --h3FontSize: 2.35rem;
    --h4FontSize: 1.75rem;
    --bodyBigFontSize: 1.6rem;
    --bodyFontSize: 1.35rem;
    --bodySmallFontSize: 1.3rem;
    --bodyXSmallFontSize: 0.9rem;
    --eyebrowFontSize: 1.2rem;
    --introHeight: 1180px;
    --introTitleTop: 8.5rem;
    --introTextTop: 36rem;
    --roadmapGridTop: 150rem;
    --roadmapContainer: 760px;
    --roadmapBleedWidth: 950px;
  }
}
@media (max-width:850px) {
  :root {
    --h1FontSize: 8.75rem;
    --h2FontSize: 3.75rem;
    --h3FontSize: 2.1rem;
    --h4FontSize: 1.6rem;
    --bodyBigFontSize: 1.45rem;
    --bodyFontSize: 1.2rem;
    --bodySmallFontSize: 1.15rem;
    --bodyXSmallFontSize: 0.8rem;
    --eyebrowFontSize: 1.05rem;
    --introHeight: 1112px;
    --introTitleTop: 5.5rem;
    --introTextTop: 31rem;
    --introTextWidth: 27rem;
    /* --introMarginBottom: 8rem; */
    --roadmapGridTop: 140rem;
    --roadmapContainer: 700px;
    --roadmapBleedWidth: 850px;
    --tlPadding: 4rem 4rem 8rem;
    --tlPaddingTop: 4rem;
    --tlPaddingBottom: 8rem;
    --tlPaddingHorizontal: 4rem;
    --containerWidth: calc(100vw - 8rem);
  }
}
@media (max-width:750px) {
  :root {
    --h1FontSize: 7.8rem;
    --h2FontSize: 3.3rem;
    --h3FontSize: 1.9rem;
    --h4FontSize: 1.4rem;
    --bodyBigFontSize: 1.4rem;
    --bodyFontSize: 1.15rem;
    --bodySmallFontSize: 1rem;
    --bodyXSmallFontSize: 0.9rem;
    --eyebrowFontSize: 0.7rem;
    --introHeight: 1024px;
    --introTitleTop: 4.5rem;
    --introTextTop: 27rem;
    --roadmapGridTop: 134rem;
    --roadmapContainer: 620px;
    --roadmapBleedWidth: 750px;
  }
}
@media (max-width:650px) {
  :root {
    --h1FontSize: 6.5rem;
    --h2FontSize: 2.85rem;
    --h3FontSize: 1.65rem;
    --h4FontSize: 1.2rem;
    --bodyBigFontSize: 1.2rem;
    --bodyFontSize: 1rem;
    --bodySmallFontSize: 0.9rem;
    --bodyXSmallFontSize: 0.8rem;
    --eyebrowFontSize: 0.625rem;
    --introHeight: 900px;
    --introTitleTop: 4rem;
    --introTextTop: 23rem;
    --introTextWidth: 22rem;
    --roadmapGridTop: 120rem;
    --roadmapContainer: 520px;
    --roadmapBleedWidth: 650px;
  }
}
@media (max-width:550px) {
  :root {
    --h1FontSize: 5.2rem;
    --h2FontSize: 2.4rem;
    --h3FontSize: 1.4rem;
    --h4FontSize: 1rem;
    --bodyBigFontSize: 1rem;
    --bodyFontSize: 0.9rem;
    --bodySmallFontSize: 0.8rem;
    --bodyXSmallFontSize: 0.7rem;
    --eyebrowFontSize: 0.625rem;
    --introHeight: 852px;
    --introTitleTop: 4rem;
    --introTextTop: 21rem;
    --introTextWidth: 18rem;
    --roadmapGridTop: 113rem;
    --roadmapContainer: 430px;
    --roadmapBleedWidth: 550px;
    --tlPadding: 3rem 2rem;
    --tlPaddingTop: 3rem;
    --tlPaddingBottom: 3rem;
    --tlPaddingHorizontal: 2rem;
    --rPadding: 2rem;
    --tlSpacing: 2rem;
    --tlSpacing2: 4rem;
    --tlSpacing3: 6rem;
    --tlSpacing4: 8rem;
    --containerWidth: calc(100vw - 4rem);
  }
}
@media (max-width:450px) {
  :root {
    --h1FontSize: 4.45rem;
    --h2FontSize: 2rem;
    --h3FontSize: 1.25rem;
    --h4FontSize: 1rem;
    --bodyBigFontSize: 1rem;
    --bodyFontSize: 0.85rem;
    --bodySmallFontSize: 0.75rem;
    --bodyXSmallFontSize: 0.7rem;
    --eyebrowFontSize: 0.625rem;
    --introHeight: 844px;
    --roadmapContainer: 350px;
    --roadmapBleedWidth: 450px;
  }
}
@media (max-width:375px) {
  :root {
    --h1FontSize: 4.25rem;
    --h2FontSize: 1.75rem;
    --h3FontSize: 1.25rem;
    --h4FontSize: 1rem;
    --bodyBigFontSize: 1rem;
    --bodyFontSize: 0.85rem;
    --bodySmallFontSize: 0.75rem;
    --bodyXSmallFontSize: 0.7rem;
    --eyebrowFontSize: 0.625rem;
    --introHeight: 812px;
    --introTextWidth: 16rem;
    --roadmapContainer: 300px;
    --roadmapBleedWidth: 375px;
    --roadmapGridTop: 122rem;
  }
}
@media (max-width:320px) {
  :root {
    --h1FontSize: 3.4rem;
    --h2FontSize: 1.75rem;
    --h3FontSize: 1.25rem;
    --h4FontSize: 1rem;
    --bodyBigFontSize: 1rem;
    --bodyFontSize: 0.85rem;
    --bodySmallFontSize: 0.75rem;
    --bodyXSmallFontSize: 0.7rem;
    --eyebrowFontSize: 0.625rem;
    --introHeight: 700px;
    --roadmapContainer: 280px;
    --roadmapBleedWidth: 320px;
  }
}

/* ---- UTILITY CLASSES ---- */
.left {text-align: left;}
.center {text-align: center;}

#helene .black {color: var(--black);}
#helene .white {color: var(--white);}
#helene .forest {color: var(--forest);}
#helene .teal {color: var(--teal);}
#helene .dark-teal {color: var(--darkTeal);}
#helene .dark-green {color: var(--darkGreen);}
#helene .yellow {color: var(--yellow);}
#helene .dark-grey,.dark-gray {color: var(--darkGrey);}
.mb {margin-bottom: 1rem;}
.mb2 {margin-bottom: 4rem;}
.mb4 {margin-bottom: 10rem;}

.uppercase {text-transform: uppercase;}
#helene .xstrong {font-weight:900;}

.hide {display:none !important;visibility:hidden;}

.z1 {z-index:5;}
.z2 {z-index:7;}
.z3 {z-index:10;}
@media (max-width:1024px) {
  .z1--m.z1--m {z-index:5;}
  .z2--m.z2--m {z-index:7;}
  .z3--m.z3--m {z-index:10;}
}

.shadow--drop {-webkit-filter: var(--dropShadow);filter: var(--dropShadow);}
.shadow--box1 {-webkit-box-shadow: var(--boxShadow1);box-shadow: var(--boxShadow1);}
.shadow--box2 {-webkit-box-shadow: var(--boxShadow2);box-shadow: var(--boxShadow2);}
.shadow--box3 {-webkit-box-shadow: var(--boxShadow3);box-shadow: var(--boxShadow3);}
.shadow--box4 {-webkit-box-shadow: var(--boxShadow4);box-shadow: var(--boxShadow4);}

@media (max-width:1280px) {
  .mb2 {margin-bottom: 3rem;}
  .mb4 {margin-bottom: 8rem;}
}

/* ---- TYPOGRAPHY ---- */
h1, h2, h3, h4, h5, h6, p {margin:0;}
#helene h1, #helene h2, #helene h3, #helene h4, #helene .h1, #helene .h2, #helene .h3, #helene .h4 {font-family: var(--headlineFont);}
#helene p, #helene h5, #helene h6, #helene .h5, #helene .h6 {font-family: var(--bodyFont);}

/* ---- FONTS ---- */
#helene .h1 {
  font-family: var(--headlineFont);
  font-size: var(--h1FontSize);
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}
#helene .h2 {
  font-family: var(--headlineFont);
  font-size: var(--h2FontSize);
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}
#helene .h3 {
  font-family: var(--headlineFont);
  font-size: var(--h3FontSize);
  font-style: normal;
  font-weight: 900;
  line-height: 1.2;
}
#helene .h4 {
  font-family: var(--headlineFont);
  font-size: var(--h4FontSize);
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
#helene .body-big {
  font-family: var(--bodyFont);
  font-size: var(--bodyBigFontSize);
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}
#helene .body {
  font-family: var(--bodyFont);
  font-size: var(--bodyFontSize);
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
}
#helene .body-small {
  font-family: var(--bodyFont);
  font-size: var(--bodySmallFontSize);
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
}
.body-xsmall {
  font-family: var(--bodyFont);
  font-size: var(--bodyXSmallFontSize);
  font-style: normal;
  font-weight: 400;
  line-height: 1.33;
}
#helene .eyebrow {
  font-family: var(--bodyFont);
  font-size: var(--eyebrowFontSize);
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0.21875rem;
  text-transform: uppercase;
}

/* ---- BUTTONS ---- */
#helene .button {
  font-family:var(--bodyFont);
  color: var(--white);
  background: var(--teal);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  text-decoration:none;
  padding: 1.37rem 2rem;
  border-radius: 2rem;
  cursor: pointer;
  -webkit-transition: var(--transition) background, var(--transition) color;
  transition: var(--transition) background, var(--transition) color;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline:none;
  border:none;
}
#helene .button--teal {
  color: var(--white);
  background:var(--teal);
}
#helene .button--green {
  color:var(--white);
  background:var(--green);
}
#helene .button--yellow {
  color: var(--white);
  background:var(--yellow);
}
#helene .button:hover, #helene .button:focus-visible, 
#helene .button--teal:hover, #helene .button--teal:focus-visible,
#helene .button--teal:hover, #helene .button--teal:focus-visible,
#helene .button--yellow:hover, #helene .button--yellow:focus-visible {
  background: var(--darkTeal);
  color:var(--white);
}
@media (min-width:1920px) {
  #helene .button {
    font-size:1.1rem;
    padding:1.75rem 2.5rem;
    border-radius:3rem;
  }
}
@media (min-width:2200px) {
  #helene .button {
    font-size:1.3rem;
    padding:2rem 3.5rem;
    border-radius:4rem;
  }
}
@media (max-width:1280px) {
  #helene .button {
    font-size:0.9rem;
    padding: 1.3rem 1.8rem;
    border-radius:2rem;
  }
}
@media (max-width:1024px) {
  #helene .button {
    font-size:1rem;
    padding: 1.3rem 2rem;
    border-radius:2rem;
  }
}
@media (max-width:850px) {
  #helene .button {
    font-size:0.8rem;
    padding: 1rem 1.75rem;
    border-radius:1.75rem;
  }
}
@media (max-width:550px) {
  #helene .button {
    font-size: 0.625rem;
    letter-spacing: 0.025rem;
    padding:0.94rem 1.62rem;
    padding: 0.9375rem 1.625rem;
    border-radius:1.75rem;
  }
}


/* ---- ROADMAP ---- */

/* roadmap section styles */
.roadmap__text,
.roadmap__title {
  position: relative;
  z-index:5;
}
.roadmap__image {
  position: relative;
  overflow: visible;
  z-index: 3;
  height: 100%;
  min-height:0;
}
.roadmap__image-inner {
  display:block;
  width:100%;
  height:100%;
}
.roadmap__image img {
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.roadmap__quote {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position: relative;
  gap:2vw;
  z-index:5;
}
.roadmap__quote-icon {
  -webkit-transform:translateY(1rem);
          transform:translateY(1rem);
  -ms-flex-item-align:start;
      align-self:flex-start;
}
.roadmap__quote-icon svg {
  width:47px;
  height:auto;
}
.roadmap__quote-text {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:2vw;
}
.roadmap__text--lb span {display: block;}

/* roadmap grid positioning */
@media (min-width:1025px) {
  .roadmap {
    --cols: 48;
    --row-scale: 3;
    --row-size: calc((100vw / var(--cols)) * var(--row-scale));
    
    position: relative;
    display: -ms-grid;
    display: grid;
    /* -ms-grid-columns: ; */
    grid-template-columns: repeat(var(--cols), 1fr);
    grid-auto-rows: var(--row-size);
    grid-auto-flow: row;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    gap:0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(87.74%, #021D1B), to(var(--forest)));
    background: linear-gradient(180deg, #021D1B 87.74%, var(--forest) 100%);
    z-index: 6;
    padding-bottom: 9rem;
  }
  .roadmap__text--1 {
    margin-top:6vw;
    -ms-grid-column: 14;
    -ms-grid-column-span: 24;
    grid-column: 14 / 38;
    -ms-grid-row: 13;
    -ms-grid-row-span: 10;
    grid-row: 13 / 23;
  }
  .roadmap__title--1 {
    -ms-grid-column: 5;
    -ms-grid-column-span: 18;
    grid-column: 5 / 23;
    -ms-grid-row: 25;
    -ms-grid-row-span: 6;
    grid-row: 25 / 31;
  }
  .roadmap__text--2 {
    -ms-grid-column: 27;
    -ms-grid-column-span: 19;
    grid-column: 27 / 46;
    -ms-grid-row: 25;
    -ms-grid-row-span: 6;
    grid-row: 25 / 31;
  }
  .roadmap__text--3 {
    -ms-grid-column: 5;
    -ms-grid-column-span: 17;
    grid-column: 5 / 22;
    -ms-grid-row: 32;
    -ms-grid-row-span: 4;
    grid-row: 32 / 36;
  }
  .roadmap__image.roadmap__image--1 {
    -ms-grid-column: 28;
    -ms-grid-column-span: 17;
    grid-column: 28 / 45;
    -ms-grid-row: 32;
    -ms-grid-row-span: 4;
    grid-row: 32 / 36;
  }
  .roadmap__image.roadmap__image--2 {
    -ms-grid-column: 4;
    -ms-grid-column-span: 25;
    grid-column: 4 / 29;
    -ms-grid-row: 38;
    -ms-grid-row-span: 6;
    grid-row: 38 / 44;
    -webkit-transform: translate(-0.5vw, -3vh);
            transform: translate(-0.5vw, -3vh);
  }
  .roadmap__text--4 {
    -ms-grid-column: 32;
    -ms-grid-column-span: 12;
    grid-column: 32 / 44;
    -ms-grid-row: 37;
    -ms-grid-row-span: 7;
    grid-row: 37 / 44;
  }
  .roadmap__image.roadmap__image--3 {
    -ms-grid-column: 31;
    -ms-grid-column-span: 15;
    grid-column: 31 / 46;
    -ms-grid-row: 44;
    -ms-grid-row-span: 7;
    grid-row: 44 / 51;
    -webkit-transform: translate(1vw, -2.5vh);
            transform: translate(1vw, -2.5vh);
  }
  .roadmap__quote--1 {
    -ms-grid-column: 4;
    -ms-grid-column-span: 25;
    grid-column: 4 / 29;
    -ms-grid-row: 44;
    -ms-grid-row-span: 7;
    grid-row: 44 / 51;
  }
  .roadmap__image.roadmap__image--4 {
    -ms-grid-column: 5;
    -ms-grid-column-span: 17;
    grid-column: 5 / 22;
    -ms-grid-row: 51;
    -ms-grid-row-span: 4;
    grid-row: 51 / 55;
    -webkit-transform: translate(-2vw, 2vh);
            transform: translate(-2vw, 2vh);
  }
  .roadmap__image.roadmap__image--5 {
    -ms-grid-column: 24;
    -ms-grid-column-span: 22;
    grid-column: 24 / 46;
    -ms-grid-row: 53;
    -ms-grid-row-span: 7;
    grid-row: 53 / 60;
  }
  .roadmap__text--5 {
    -ms-grid-column: 7;
    -ms-grid-column-span: 11;
    grid-column: 7 / 18;
    -ms-grid-row: 56;
    -ms-grid-row-span: 4;
    grid-row: 56 / 60;
  }
}

@media (min-width:2200px) {
  .roadmap__image.roadmap__image--2 {-webkit-transform: translate(-0.5vw, 0.5vh);transform: translate(-0.5vw, 0.5vh);-ms-grid-row: 38;-ms-grid-row-span: 6;grid-row: 38 / 44;}
  .roadmap__quote--1 {-ms-grid-row: 44;-ms-grid-row-span: 8;grid-row: 44 / 52;}
  .roadmap__quote--1 .h3 {font-size: clamp(2rem, 2vw, 4rem);}
  .roadmap__image.roadmap__image--3 {-webkit-transform: translate(1vw, -3vh);transform: translate(1vw, -3vh); -ms-grid-row: 44; -ms-grid-row-span: 8; grid-row: 44 / 52}
  .roadmap__image.roadmap__image--4 {-webkit-transform: translate(-2vw, -4vh);transform: translate(-2vw, -4vh); -ms-grid-row: 52; -ms-grid-row-span: 4; grid-row: 52 / 56;}
  .roadmap__image.roadmap__image--5 {-ms-grid-row: 54;-ms-grid-row-span: 7;grid-row: 54 / 61;}
  .roadmap__text--5 {-ms-grid-column: 7;-ms-grid-column-span: 13;grid-column: 7 / 20; -ms-grid-row: 57; -ms-grid-row-span: 4; grid-row: 57 / 61}
}
@media (max-width:1500px) and (min-width:1025px) {
  .roadmap__quote--1 .h3 {font-size:2vw}
  .roadmap__image.roadmap__image--2 {-webkit-transform: translate(-1.5vw, -0.5vh);transform: translate(-1.5vw, -0.5vh);}
  .roadmap__image.roadmap__image--3 {-webkit-transform: translate(0vw, -0.5vh);transform: translate(0vw, -0.5vh);}
  .roadmap__image.roadmap__image--4 {-webkit-transform: translate(-3vw, 4vh);transform: translate(-3vw, 4vh);}
}
@media (max-width:1350px) and (min-width:1025px) {
  .roadmap__image.roadmap__image--4 {-webkit-transform: translate(-3vw, 6vh);transform: translate(-3vw, 6vh);}
}
@media (max-width:1024px) {
  .roadmap {
    position:relative;
    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:2rem;
    padding: 0 0 20rem;
    max-width: var(--roadmapContainer);
    margin:0 auto;
    width: 100%;
    --rSpace1: 3rem;
    --rSpace2: 5rem;
    --rSpace3: 9rem;
    --rSpace4: 12rem;
    --rSpace5: 18rem;
  }
  .roadmap .line,
  .roadmap .intro__background,
  .roadmap #intro,
  .roadmap .roadmap__background, 
  .roadmap .roadmap__gradient,
  .roadmap .roadmap__grid {
    left: var(--roadmapBleedOffset);
    width: var(--roadmapBleedWidth);
    margin-left: auto;
    margin-right: auto;
  }
  
  .roadmap__quote {
    max-width:54rem;
  }
  .roadmap__quote .h3 {
    font-size: clamp(1.25rem, 3.5vw, 2.2rem)
  }
  .roadmap__title,
  .roadmap__image,
  .roadmap__text {
    max-width:47rem;
  }
  .roadmap__text--1 {
    width:100%;
    max-width:45rem;
    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-ordinal-group:2;
        -ms-flex-order:1;
            order:1;
  }
  .roadmap__text--1 .mb4 {margin-bottom: 12rem;}
  .roadmap__title--1 {
    width:100%;
    margin-top: var(--rSpace4);
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2;
  }
  .roadmap__text--2 {
    margin-top: var(--rSpace1);
    -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
            order:3;
  }
  .roadmap__image.roadmap__image--1 {
    -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
            order:4;
    margin-top: var(--rSpace3);
  }
  .roadmap__text--3 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-top: var(--rSpace2);
    max-width:40rem;
  }
  .roadmap__image.roadmap__image--2 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    margin-top: var(--rSpace1);
    margin-bottom: var(--rSpace1);
    transform: translate(0rem, -0.5rem);
    max-width: 100%;
  }
  .roadmap__text--4 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
    margin-top: var(--rSpace2);
    max-width: 43rem;
    padding-right: 6rem;
  }
  .roadmap__quote.roadmap__quote--1 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
    margin-top: var(--rSpace2);
    margin-right: 4rem;
  }
  .roadmap__image.roadmap__image--3 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
    margin-top: var(--rSpace3);
    max-width: 33rem;
    -ms-flex-item-align:end;
    align-self:flex-end;
    margin-right: 4rem;
    transform: translate(-0.25rem, -2rem);
  }
  .roadmap__image.roadmap__image--4 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    margin-top: var(--rSpace3);
    max-width:70%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .roadmap__text--5 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
    margin-top: var(--rSpace2);
    max-width:40rem;
  }
  .roadmap__image.roadmap__image--5 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
    margin-top: var(--rSpace3);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
  }
  .roadmap__image--5 .roadmap__image-inner {
    max-width: 46rem;
    transform: translate(-0.9rem, 0.9rem);
  }
}
@media (max-width:950px) {
  .roadmap {padding-bottom: 10rem;}
  .roadmap__image.roadmap__image--2 {transform: translate(0rem, 2rem);}
  .roadmap__image.roadmap__image--3 {
    transform: translate(-0.7rem, -2.4rem);
    max-width: 31rem;
  }
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(-0.5rem, -2rem);
    max-width: 43rem;
  }
}
@media (max-width:850px) {
  .roadmap__quote.roadmap__quote--1 {margin-right:0;}
  .roadmap__quote-icon {
    transform:translateY(0.5rem);
  }
  .roadmap__quote-icon svg {width:2.5rem;}
  .roadmap__image.roadmap__image--2 {
    transform: translate(1.2rem, -0.8rem);
    max-width: 40rem;
  }
  .roadmap__image.roadmap__image--3 {
    margin-right:2rem;
    max-width: 29rem;
    transform: translate(-0.3rem, 1.7rem);
  }
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(1rem, -1rem);
    max-width: 39rem;
  }
}
@media (max-width:750px) {
  .roadmap__image.roadmap__image--2 {
    transform: translate(1.5rem, 0.2rem);
    max-width: 100%;
    width:35rem;
    overflow:hidden;
  }
  .roadmap__image.roadmap__image--2 img {
    aspect-ratio: 6 / 5;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.05);
  }
  .roadmap__image.roadmap__image--3 {
    margin-right:0;
    max-width: 28rem;
    transform: translate(-0.3rem, 1.2rem);
  }
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(1.3rem, -1.1rem);
    max-width: 36rem;
  }
}
@media (max-width:650px) {
  .roadmap {
    --rSpace1: 2rem;
    --rSpace2: 4rem;
    --rSpace3: 6rem;
    --rSpace4: 9rem;
    --rSpace5: 15rem;
  }
  .roadmap__image.roadmap__image--2 {
    transform: translate(-0.4rem, 4.5rem);
    max-width: 31rem;
  }
  .roadmap__image.roadmap__image--2 img {aspect-ratio: 6 / 5;-o-object-position: left;object-position: left;}
  .roadmap__image.roadmap__image--3 {
    max-width: 23rem;
    transform: translate(-0.6rem, -2.7rem);
  }
  .roadmap__image--5 .roadmap__image-inner {max-width: 31rem;transform: translate(1rem, -1.1rem);}
}
@media (max-width:550px) {
  .roadmap {
    /* --rSpace1: 2rem;
    --rSpace2: 3rem;
    --rSpace3: 6rem;
    --rSpace4: 8rem; */
  }
  .roadmap__quote-icon {transform:translateY(0.25rem);}
  .roadmap__quote-icon svg {width:1.75rem;}

  .roadmap__image.roadmap__image--2 {
    max-width: 100%;
    transform: translate(0.1rem, 1.3rem);
    overflow:hidden;
  }
  .roadmap__image.roadmap__image--2 img {
    -o-object-position: 74%;
       object-position: 74%;
            transform: scale(1.2);
  }
  .roadmap__text--4 {max-width:100%;padding: 0;}
  .roadmap__image.roadmap__image--3 {
    margin-right:0;
    max-width: 18rem;
    transform: translate(-3.1rem, -4rem);
  }
  .roadmap__image.roadmap__image--3 img {
    aspect-ratio: 3 / 5;
    -o-object-position:center left;
       object-position:center left;
  }
  .roadmap__image.roadmap__image--4 {
    max-width: 19rem;
  }
  .roadmap__image.roadmap__image--5 {margin-top:var(--rSpace2);}
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(-0.1rem, -0.4rem);
    max-width: 25rem;
    overflow:hidden;
  }
  .roadmap__image--5 img {
    aspect-ratio:6 / 5;
    object-position: center;
    transform:scale(1.1);
  }
}
@media (max-width:450px) {
  .roadmap__image.roadmap__image--2 {transform: translate(0.5rem, 2.5rem);}
  .roadmap__image.roadmap__image--2 img {
    object-position: right;
    transform: scale(1.3);
  }
  .roadmap__image.roadmap__image--3 {
    margin-right: 0;
    max-width: 18rem;
    transform: translate(-0.6rem, -4.8rem);
  }
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(0.6rem, -1.6rem);
    max-width: 100%;
  }
  .roadmap__image--5 img {
    object-position: 75% center;
    transform: scale(1.15);
  }
}
@media (max-width:375px) {
  .roadmap {padding-bottom:14rem;}
  .roadmap__image.roadmap__image--2 {
    transform: translate(0rem, 4.6rem);
  }
  .roadmap__image.roadmap__image--2 img {
    object-position: 72%;
    transform: scale(1.5);
  }
  .roadmap__image.roadmap__image--3 {
    margin-right: 0;
    max-width: 17rem;
    transform: translate(0.5rem, -3.6rem);
    overflow:hidden;
  }
  .roadmap__image.roadmap__image--3 img {transform: scale(1);}
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(0.5rem, 2.1rem);
    max-width: 21rem;
    overflow:hidden;
  }
  .roadmap__image--5 img {
    transform: scale(1.3);
    object-position: center;
  }
}
@media (max-width:350px) {
  .roadmap {padding-bottom:24rem;}
  .roadmap__image.roadmap__image--2 {
    transform: translate(-0.1rem, 4.6rem);
  }
  .roadmap__image.roadmap__image--2 img {
    object-position: 72%;
    transform: scale(1.5);
  }
  .roadmap__image.roadmap__image--3 {
    max-width: 17rem;
    transform: translate(1.3rem, -6.5rem);
  }
  .roadmap__image.roadmap__image--3 img {transform: scale(1.1);}
  .roadmap__image--5 .roadmap__image-inner {
    transform: translate(0.6rem, 0.5rem);
    max-width: 100%;
  }
  .roadmap__image--5 img {
    transform: scale(1.3);
    object-position: center;
  }
}


/* intro styling */
.intro__background {
  position: absolute;
  top:0;
  left:0;
  display:block;
  height:150vh;
  width:100%;
  z-index:1;
}
.intro__background::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../images/road-background.jpg") 32% 50% / cover no-repeat;
  z-index: 0;
}
.intro__background::after {
  content: "";
  position: absolute;
  inset: 0 0 -2px 0;
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(31.13%, rgba(2, 28, 26, 0.70)),
    to(#021C1A)
  );
  background: linear-gradient(
    180deg,
    rgba(2, 28, 26, 0.70) 31.13%,
    #021C1A 100%
  );
  z-index: 1;
}
.intro__background > * {
  position:relative;
  z-index:2;
}
#intro {
  position: absolute;
  z-index:10;
  width:100%;
  height:calc(100vh - var(--headerHeight));
  top: 0;
  left: 0;
}
#intro .intro__title {
  position:absolute;
  bottom: 5vw;
  left: -2vw;
  line-height:0.85;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  color: var(--white);
  will-change: transform, opacity;
}
#intro .intro__title .split-line {
  overflow: hidden;
}
#intro .intro__title .split-char {
  will-change: transform, opacity;
}
#intro .intro__text {
  position:absolute;
  bottom: 7vw;
  left: 56vw;
  width:auto;
  max-width:40vw;
}
#intro .intro__text span {display:block;}
#intro .intro__credits {
  opacity: 0.51;
  color: #FFF;
  position:absolute;
  top:1.5rem;
  right:2rem;
}

@media (max-width:1024px) {
  #intro {
    position:relative;
    overflow:visible;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    margin-bottom: var(--introMarginBottom);
    min-height: var(--introHeight);
    height: var(--introHeight);
  }
  .intro__background {
    height: calc(var(--introHeight) + 20rem);
  }
  .intro__background::before {
    background-position:44% 50%;
  }
  #intro .intro__title {
    position: absolute;
    top: var(--introTitleTop);
    left: calc(((var(--roadmapBleedWidth) - 100vw) / 2) - 1.5rem);
    width: auto;
    -webkit-transform: none;
            transform: none;
  }
  #intro .intro__text {
    position: absolute;
    top: var(--introTextTop);
    right: var(--introViewportOffset);
    width: var(--introTextWidth);
    max-width: calc(var(--roadmapContainer) - 2rem);
    left: auto;
    bottom: auto;
    margin: 0;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  #intro .intro__title {margin-top:4rem;}
  #intro .intro__text {
    max-width: 50vw;
    margin-top:4rem;
    margin-right:2rem;
  }
}
@media (max-width:550px) {
  #intro .intro__title {
    left: calc(((var(--roadmapBleedWidth) - 100vw) / 2) - 1rem);
  }
  #intro .intro__text {
    max-width: 100%;
    margin-right:1rem;
  }
  #intro .intro__text span {display:inline;}
  .intro__background::before {
    background-position:40% 50%;
  }
  #intro .intro__credits {
    top:1rem;
    right: 3rem;
  }
}
@media (max-width:375px) {
  #intro .intro__title {
    left: calc(((var(--roadmapBleedWidth) - 100vw) / 2) - 0.5rem);
  }
  #intro .intro__credits {right:2rem;width:100%;text-align:right;}
}

/* line positioning */
.line {
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  overflow:visible;
}
.line svg {
  height: calc(100% + 16vw);
  width:auto;
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform: translateX(-59%);
          transform: translateX(-59%);
}
.line svg path.line__timeline-line {
  stroke:var(--yellow);
}
.line svg path.line__timeline-bump {
  fill:var(--yellow);
}
.line__svg--mobile,
.line__svg--tablet {display:none;}
@media (max-width:1500px) and (min-width:1024px) {
  .line svg {-webkit-transform:none;transform:none;left:-2.5vw}
}
@media (max-width:1024px) {
  .line {overflow:hidden;}
  svg.line__svg--desktop {display: none;}
  svg.line__svg--tablet {
    display: block;
    height: 100%;
    right: 0;
    left: auto;
    -webkit-transform:none;
            transform:none;
  }
}
@media (max-width:950px) {
  svg.line__svg--tablet {height:101%;}
}
@media (max-width:850px) {
  svg.line__svg--tablet {right:-2rem;}
}
@media (max-width:750px) {
  svg.line__svg--tablet {right:-4rem;}
}
@media (max-width:650px) {
  svg.line__svg--tablet {display:none;}
  svg.line__svg--mobile {
    display: block;
    left: auto;
    -webkit-transform:none;
            transform:none;
    height:100.5%;
    right:-3rem;
  }
}
@media (max-width:450px) {
  svg.line__svg--mobile {right: -6rem;}
}
@media (max-width:375px) {
  svg.line__svg--mobile {right: -9rem;height: 101%;}
}
@media (max-width:350px) {
  svg.line__svg--mobile {
    right:-11rem;
    top:-7rem;
    height:100%;
  }
}


/* roadmap backgrounds */
.roadmap__background, 
.roadmap__gradient,
.roadmap__grid {
  position: absolute;
  display:block;
  inset: 0;
  width:100%;
  height:100%;
  pointer-events: none;
}
.roadmap__background {
  background: #021D1B;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(87.74%, #021D1B), to(var(--forest)));
  background: linear-gradient(180deg, #021D1B 87.74%, var(--forest) 100%);
}
.roadmap__gradient {
  top:110vh;
  height:calc(100% - 110vh);
  z-index:2;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--forest)), color-stop(32.69%, #021C1A), color-stop(92.8%, #021C1A), color-stop(98.97%, rgba(2, 28, 26, 0)));
  background: linear-gradient(0deg, var(--forest) 0%, #021C1A 32.69%, #021C1A 92.8%, rgba(2, 28, 26, 0) 98.97%);
}
.roadmap__grid {
  z-index: 2;
  top: 140vw;
  height:calc(100% - 136vw);
}
.roadmap__grid svg,
.roadmap__grid img {
  width:100%;
  height:auto;
}
@media (max-width:1280px) {
  .roadmap__grid {top:147vw;}
}
@media (max-width:1024px) {
  .roadmap__grid {
    top: var(--roadmapGridTop);
    height: calc(100% - var(--roadmapGridTop));
  }
}


/*---- TIMELINE ----*/
/*-- timeline - container --*/
.timeline {
  position:relative;
  background: var(--forest);
}
#timeline__wrapper {
  position: relative;
  overflow: hidden;
  background: var(--forest);
}
#timeline__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100vh;
  padding-top: var(--tlPaddingTop);
  padding-bottom: var(--tlPaddingBottom);
  padding-right: var(--tlPaddingHorizontal);
  padding-left:0;
  position:relative;
  z-index:5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*-- timeline - nav --*/
.timeline .timeline__nav {
  position: absolute;
  top: 0;
  left: var(--tlPaddingHorizontal);
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap:0.3rem;
}
.timeline .timeline__nav-button,
.timeline .timeline__nav-skip {
  color: var(--white);
  text-decoration: none;
  -webkit-transition: background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
  transition: background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
}
.timeline .timeline__nav-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem 3.3rem;
  color: var(--white);
  text-align: center;
  font-family: var(--bodyFont);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  background:var(--darkTeal);
  -webkit-transition: var(--transition) background;
  transition: var(--transition) background;
}
.timeline .timeline__nav-button:hover,
.timeline .timeline__nav-button:focus-visible,
.timeline .timeline__nav-button.current,
.timeline .timeline__nav-button--current {
  background: var(--teal);
}
.timeline .timeline__nav-skip {
  padding: 1rem 3.3rem;
  color: #FFF;
  font-family: var(--bodyFont);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  -webkit-transition:var(--transition) transform;
  transition:var(--transition) transform;
}
.timeline .timeline__nav-skip:hover,
.timeline .timeline__nav-skip:focus-visible {
  -webkit-transform:scale(1.03);
          transform:scale(1.03);
}
@media (min-width:2048px) {
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip {
    padding: 1.5rem 5rem;
    font-size:1.3rem;
  }
}
@media (max-width:1500px) {
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip{font-size:0.9rem;}
}
@media (max-width:1350px) {
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip{
    font-size:0.8rem;
    padding: 0.9rem 3rem;
  }
}
@media (max-width:1024px) {
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip {
    font-size:clamp(0.8rem, 1.6vw, 1.1rem);
  }
}

/*-- timeline - hurricane graphic --*/
.timeline__hurricane {
  position: absolute;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  z-index:1;
  overflow:hidden;
  contain: paint;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform, opacity;
  opacity:0.5;
}
.timeline__hurricane > :not(canvas) {
  display:none;
}
.timeline__hurricane canvas {
  width:100%;
  height:100%;
  display:block;
}

/*-- timeline - sections --*/
.timeline__section-start-subtitle {margin-bottom:2.1rem;}
.timeline__section-start-title {margin-bottom:2.3rem;}
.timeline__section-start-text p:not(:last-child) {margin-bottom:2rem;}

@media (min-width:1025px) {
  .timeline__section {
    width: auto;
    max-width:none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    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-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 12rem;
    position: relative;
  }
  #timeline__track .timeline__section:last-child {padding-right: 0rem;}
  #timeline__section--1 {
    padding-left: var(--tlPaddingHorizontal);
  }
  .timeline__section-start {
    width: 33rem;
    -ms-flex-item-align:start;
        align-self:flex-start;
    margin-left:2rem;
    margin-top: 9vh;
  }
}
@media (min-width:1025px) and (min-aspect-ratio:2/1) {
  #helene .timeline__section-start-subtitle {font-size:calc(0.8 * var(--eyebrowFontSize));margin-bottom:1.5rem;}
  #helene .timeline__section-start-title {font-size:var(--h4FontSize);margin-bottom:1.5rem;}
  #helene .timeline__section-start-text .body {font-size:var(--bodySmallFontSize);}
}
@media (min-width:2048px) {
  .timeline__section-start {width:31vw;}
}
@media (min-width:2200px) {
  .timeline__section-start {margin-top:10vh}
}

@media (max-width:1500px) and (min-width:1025px) {
  .timeline__section-start {margin-top:16vh;}
}
@media (max-width:550px) {
  .timeline__section-start-title,
  .timeline__section-start-subtitle,
  .timeline__section-start-text p:not(:last-child) {margin-bottom:1.75rem;}
}

/*-- timeline - section intro lines --*/
.timeline__section-line-line {stroke:var(--yellow);}
.timeline__section-line-bump {fill:var(--yellow);}
@media (min-width:1025px) {
  .timeline__section-line {
    height: 100%;
    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-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top:15vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .timeline__section-line-svg {
    width: auto;
    height: 100%;
  }

  .timeline__section-line--mobile,
  .timeline__section-line-svg--mobile {display:none;}
}
@media (max-width:1024px) {
  .timeline__section-line {
    width:100%;
    position: absolute;
    top:0;
    right:0;
    padding-left: var(--tlPaddingHorizontal)
  }
  .timeline__section-line-svg {
    width:100%;
    height:auto;
  }
  .timeline__section-line-line {stroke-width:1.25px}
  
  .timeline__section-line-svg--desktop {display:none;}
}

/*-- timeline - section progress lines - desktop only --*/
@media (min-width:1025px) {
  .timeline__section-progress {
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    z-index: 1;
  }
  .timeline__progress-line {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background:#F2F2F2;
  }
  .timeline__progress-items {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:1rem;
  }
  .timeline__progress-item {
    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:1rem;
  }
  .timeline__progress-text {
    border-radius: 0.8125rem;
    padding: 1.12rem 1.56rem;
    font-size: 0.9rem;
    letter-spacing: 0.04rem;
    color:var(--white);
    background:var(--magenta);
    text-align:center;
    font-family: var(--bodyFont);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display:block;
  }
  .timeline__progress-bump path {fill:#BCBBBB}
}
@media (min-width:1920px) {
  .timeline__progress-text {font-size:1rem;padding: 1.25rem 2rem;}
}
@media (min-width:2200px) {
  .timeline__progress-text {font-size:1.2rem;padding: 1.5rem 2.5rem;}
}
@media (max-width:1500px) and (min-width:1025px) {
  .timeline__progress-text {font-size: 0.75rem; padding: 1rem 1.5rem;}
  .timeline__section-line {padding-top:22.5vh}
}
@media (max-width:1024px) {
  .timeline__section-progress {display:none;}
}

/*-- timeline - image --*/
@media (min-width:1025px) {
  .timeline__image {
    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;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    height: 100%;
  }
  .timeline__image a.glightbox {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .timeline__image img {
    display: block;
    width: auto;
    max-width: none;
  }
  .timeline__image--large img {height: 68vh;}
  .timeline__image--medium img {height: 55vh;}
  .timeline__image--small img {height: 35vh;}
}
@media (min-width:2200px) {
  .timeline__image--large img {max-height: 73vh;}
  .timeline__image--medium img {max-height: 60vh;}
  .timeline__image--small img {max-height: 40vh;}
}

/*-- timeline - images --*/
.timeline__images {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  position:relative;
  gap:1.56rem;
}
.timeline__images img {
  max-height:32vh;
  width:auto;
}

/*-- timeline - carousel --*/
.timeline__carousel {
  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;

  --navSize: 4rem;
}
.timeline__carousel-top {
  border-radius: 3.75rem;
  background: var(--lightBlue);
  padding: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 60%;
  max-width: 90%;
  position: relative;
  z-index: 2;
}
.timeline__carousel-top span {
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1375rem;
}
.timeline__carousel-main {
  width: 100%;
  min-width: 0;
  background: var(--offWhite);
  border-radius: 1.875rem;
  padding: 3.4rem 3rem 3.2rem;
  -webkit-transform: translateY(-2.9rem);
          transform: translateY(-2.9rem);
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.timeline__carousel-swiper {
  width: 100%;
  overflow: hidden;
}
.timeline__carousel-swiper .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.timeline__carousel-swiper .swiper-slide {
  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;
  text-align: center;
  width: 100%;
  min-width: 0;
}
.timeline__carousel-number {
  font-weight: 900;
  font-size: 6.5rem;
}
.timeline__carousel-text {
  color: var(--darkGrey);
  margin-top: 1rem;
}
.timeline__carousel-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.timeline__carousel-row > .timeline__carousel-text {
  -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
  text-align: left;
}
.timeline__carousel-swiper .swiper-pagination {
  position: static;
  margin-top: 2.5rem;
}
.timeline__carousel-swiper .swiper-pagination-bullet {
  width: 1.25rem;
  height: 1.25rem;
  background: var(--grey);
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: var(--transition) background;
  transition: var(--transition) background;
}
.timeline__carousel-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--yellow);
}
.timeline__carousel .swiper-navigation::after {display:none;}
.timeline__carousel .swiper-navigation {
  width:auto;
  height:auto;
  -webkit-filter: drop-shadow(4px 4px 14px rgb(0 0 0 / 17%));
          filter: drop-shadow(4px 4px 14px rgb(0 0 0 / 17%));
}
.timeline__carousel .swiper-navigation.swiper-button-prev {left:calc(-1 * (var(--navSize) / 2));}
.timeline__carousel .swiper-navigation.swiper-button-next {right:calc(-1 * (var(--navSize) / 2));}
.timeline__carousel .swiper-navigation svg {
  width:var(--navSize);
  height:auto;
}
.timeline__carousel-button {
  margin-top: 2rem;
}
@media (min-width:1025px) {
  .timeline__carousel {
    width: 32rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width:1920px) {
  .timeline__carousel-swiper .swiper-wrapper {padding: 2rem 0 1rem;}
}
@media (min-width:2200px) {
  .timeline__carousel {--navSize: 5rem;}
  .timeline__carousel-swiper .swiper-wrapper {padding: 1rem 0 2rem;}
  .timeline__carousel-number {font-size: 8rem;}
  .timeline__carousel-top span {font-size: 1.5rem;}
  .timeline__carousel-swiper .swiper-pagination {margin-top:1rem;}
}
@media (max-width:1500px) and (min-width:1025px) {
  .timeline__carousel-top {max-width: 80%;}
  .timeline__carousel-top span {font-size: 1.1rem;}
  .timeline__carousel-number {font-size: 5.5rem;}
}
@media (max-width:1350px) and (min-width:1025px) {
  .timeline__carousel {--navSize: 3rem;}
  .timeline__carousel-top {padding: 1.25rem;}
  .timeline__carousel-top span {font-size: 1rem;}
  .timeline__carousel-number {font-size: 5rem;}
}

@media (max-width:1024px) {
  .timeline__carousel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    position: relative;
    overflow: visible;
  }
  .timeline__carousel-top {padding: 1.25rem 4rem;}
  .timeline__carousel-top span {font-size: clamp(0.625rem, 2vw, 1.25rem);}
  .timeline__carousel-main {padding: 4.5rem 3rem 3rem;}
  .timeline__carousel .timeline__carousel-main .swiper .swiper-pagination-bullet {
    width: 2rem;
    height: 2rem;
    margin: 0 0.4rem;
  }
  .timeline__carousel-number {font-size: 5.5rem;}
}
@media (max-width:850px) {
  .timeline__carousel {padding:0 2rem;}
}
@media (max-width:550px) {
  .timeline__carousel {padding:0 1rem; --navSize: 10vw;}
  .timeline__carousel-top {width: 90%;padding: 0.75rem 1.5rem;}
  .timeline__carousel-top span {font-size: 0.625rem;letter-spacing: 0.025rem;}
  .timeline__carousel-main {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
    border-radius: 1.875rem;
    padding: 2rem 2.5rem 3rem;
  }
  .timeline__carousel .timeline__carousel-main .swiper .swiper-pagination-bullet {width: 1.25rem;height: 1.25rem;}
  .timeline__carousel-number {font-size: 4rem;}
}

/*-- timeline - text --*/
@media (min-width:1025px) {
  .timeline__text {
    width: 35rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (max-width:1024px) {
  .timeline__text {
    width: 100%;
    max-width: 40rem;
  }
}

/*-- timeline - icon list --*/
.timeline__icon-list {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.timeline__icon-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2.6rem;
}
.timeline__icon-list-icon {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: var(--yellow);
  z-index: -1;
}
.timeline__icon-list-icon img {
  max-width: 3rem;
  max-height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.timeline__icon-list-icon--adjust1 img {
  left: 55%;
}
.timeline__icon-list-text {
  min-width: 0;
}
.timeline__icon-list-line {
  display: block;
  width: 100%;
  white-space: nowrap;
}
.preferred-break {
  display: inline;
}

@media (min-width:1025px) {
  .timeline__icon-list-text {
    width: 30rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .preferred-break::after {
    content: "\A";
    white-space: pre;
  }
}
@media (min-width:1920px) {
  .timeline__icon-list-text {width: 36rem;}
}
@media (min-width:2200px) {
  .timeline__icon-list-text {width: 50rem;}
  .timeline__icon-list-icon {width:9rem;height:9rem;}
  .timeline__icon-list-icon img {max-width:4rem;max-height:4rem;}
}
@media (max-width:1350px) {
  .timeline__icon-list {gap:3rem;}
  .timeline__icon-list-icon {width:5rem;height:5rem;}
  .timeline__icon-list-icon img {max-width:2.8rem;max-height:2.8rem;}
}
@media (max-width:1280px) {
  .timeline__icon-list {gap:2.5rem;}
}
@media (max-width:1024px) {
  .timeline__icon-list-item {gap:2rem;}
  .timeline__icon-list {
    margin: var(--tlSpacing) 0;
    gap:4rem;
  }
  .timeline__icon-list-text {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .timeline__icon-list-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 7rem;
    height: 7rem;
  }
  .timeline__icon-list-icon img {
    max-width:3.5rem;
    max-height:3.5rem;
  }
}
@media (max-width:850px) {
  .timeline__icon-list-icon {
    min-width:13vw;
    width:13vw;
    min-height:13vw;
    height:13vw;
  }
  .timeline__icon-list-icon img {
    max-width:6vw;
    max-height:6vw;
  }
  .timeline__icon-list {gap:3rem;}
}
@media (max-width:550px) {
  .timeline__icon-list-icon {
    min-width:15vw;
    width:15vw;
    min-height:15vw;
    height:15vw;
  }
  .timeline__icon-list-icon img {
    max-width:7.5vw;
    max-height:7.5vw;
  }
  .timeline__icon-list {gap:2.5rem;}
  .timeline__icon-list-item {gap:1.5rem;}
  #timeline__section--4 .timeline__icon-list--4-2 {margin-bottom: var(--tlSpacing2);}
}

/*-- timeline - card --*/
.timeline__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.timeline__card--left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}
.timeline__card--left .timeline__card-title {
  text-align: left;
}
.timeline__card--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.timeline .timeline__card--no-icon.timeline__card {padding-top: 0;}

.timeline__card-icon {
  padding:1.7rem;
  background:var(--yellow);
  border-radius:50%;
  z-index:5;
  width: auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.timeline__card-icon svg {
  width:auto;
  height:2.8rem;
}
.timeline__card-icon svg path {stroke:var(--white);}
.timeline__card-icon svg rectangle {fill: var(--white);}
.timeline__card-container {
  background:var(--white);
  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:1.7rem;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 5.6rem 5rem 3rem;
  border-radius: 6.25rem;
  text-align:center;
  -webkit-transform:translateY(-3.2rem);
          transform:translateY(-3.2rem);
  z-index:4;
}
.timeline__card--no-icon .timeline__card-container {padding-top:4rem;-webkit-transform:translateY(0);transform:translateY(0);}
.timeline__card-eyebrow {
  color:var(--darkGrey);
}
.timeline__card-title {
  min-width: 0;
  color: var(--darkGreen);
  width: 100%;
}
.timeline__card-title-line {
  display:block;
  width:100%;
}
.timeline__card-text {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap:1.5rem;
  color: var(--darkGreen);
  max-width: clamp(40rem, 40vw, 54rem);
}
.timeline__card-list {
  text-align:left;
  margin:0;
  color: var(--darkGreen);
  padding-left:1.5rem;
}
@media (min-width:1025px) {
  .timeline__card {
    width: 50rem;
    padding: 1rem 0 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .timeline__card--add-padding .timeline__card-container {padding-left:6rem;}
}
@media (min-width:2200px) {
  .timeline__card-icon {padding:2.5rem;}
  .timeline__card-icon svg {height:3.5rem}
  .timeline__card-button {margin-top: 1rem;}
  .timeline__card-container {padding: 6rem 7rem 4rem;}
}
@media (max-width:1500px) and (min-width:1025px) {
  .timeline__card-container {padding: 4.3rem 4rem 2.5rem;}
  .timeline__card-icon {padding:1.5rem;}
  .timeline__card-icon svg {height:2rem}
}
@media (min-width:1025px) and (min-aspect-ratio:2/1) {
  .timeline__card-container {padding:5rem 4rem 3rem;}
  .timeline__card--no-icon.timeline__card .timeline__card-container {padding:3rem 4rem;}
}
@media (max-width:1024px) {
  .timeline__card {
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin-top: 7.5rem;
    padding: 0;
  }
  .timeline__card--no-icon.timeline__card {
    margin-top: var(--tlPaddingTop);
  }
  .timeline__card-container {
    gap:3rem;
    padding: 7rem 5rem 5rem;
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
  .timeline__card--no-icon .timeline__card-container {padding-top:5rem;}
  .timeline__card-icon {
    padding: 0;
    position: absolute;
    height:10rem;
    width:10rem;
    top:-5rem;
    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;
  }
  .timeline__card-icon svg {height: 4rem;}
  .timeline__card-eyebrow {
    font-size: clamp(0.75rem, 2.4vw, 1.5rem);
    letter-spacing: clamp(0.1875rem, 0.75vw, 0.45rem);
  }
  .timeline__card-list {max-width:100%;}
}
@media (max-width:850px) {
  .timeline__card-container {padding: 6rem 4rem 4rem;}
  .timeline__card--no-icon .timeline__card-container {padding-top:4rem;}
  .timeline__card-eyebrow {
    font-size: clamp(0.75rem, 2vw, 1.5rem);
    letter-spacing: clamp(0.1875rem, 0.7vw, 0.45rem);
  }
  .timeline__card-icon {
    width:15vw;
    height:15vw;
    top:-7.5vw;
  }
  .timeline__card-icon svg {height:6.5vw;}
}
@media (max-width:550px) {
  .timeline__card-container {
    gap: 1.5rem;
    border-radius: 2.5rem;
    padding: 3.75rem 2rem 3rem;
  }
  .timeline__card--no-icon .timeline__card-container {padding-top:3rem;}
  .timeline__card-eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.1875rem;
  }
  .timeline__card-icon {
    width:18vw;
    height:18vw;
    top:-9vw;
  }
  .timeline__card-icon svg {height:7vw;}
}


/*-- timeline - column --*/
.timeline__column {
  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-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}

/*-- timeline - gallery --*/
.timeline__gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.3rem 1fr 2.3rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 2.3rem 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 2.3rem;
  grid-row-gap: 2.3rem;
  -ms-grid-row-align: center;
      align-self: center;
}
.timeline__gallery-item {
  width: 32vh;
  height: 32vh;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
}
.timeline__gallery-item img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.timeline__gallery-item p {
  -ms-flex-item-align:center;
  -ms-grid-row-align:center;
  align-self:center;
  margin:0;
}
@media (min-width:2200px) {
  .timeline__gallery-item {width:32vh;height:32vh;}
}
@media (min-width: 1200px) and (min-aspect-ratio: 2/1) {
  #helene .timeline__gallery--3-1 {
    -ms-flex-item-align:start;
    align-self:flex-start;
    margin-top: 1rem;
  }
  #helene .timeline__gallery-item {width:35vh;height:35vh;}
  #helene .timeline__gallery-item .body {font-size:var(--bodySmallFontSize);}
}
@media (min-width: 1200px) and (min-aspect-ratio: 5/2) {
  #helene .timeline__gallery-item .body {font-size:var(--bodyXSmallFontSize);}
}
@media (max-width:1024px) {
  .timeline__gallery {display:none;}
}

/* -- timeline - video --*/
.timeline__video iframe {display:block;}
.timeline__video-link {
  position:relative;
  display:block;
  overflow:hidden;
  background:#000;
  color:var(--darkGreen);
  width: 782px;
}
.timeline__video-link img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:16 / 9;
  transition:transform 0.3s ease;
}
.timeline__video-link:hover img,
.timeline__video-link:focus-visible img {
  transform:scale(1.03);
}
.timeline__video-play {
  position:absolute;
  left:50%;
  top:50%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:5rem;
  height:5rem;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  border-radius:50%;
  background:var(--teal);
  -webkit-box-shadow:0 0.75rem 2rem rgba(0,0,0,0.35);
          box-shadow:0 0.75rem 2rem rgba(0,0,0,0.35);
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  transition:background-color 0.2s ease, -webkit-transform 0.2s ease;
  transition:background-color 0.2s ease, transform 0.2s ease;
  transition:background-color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.timeline__video-link:hover .timeline__video-play,
.timeline__video-link:focus-visible .timeline__video-play {
  background:var(--yellow);
  -webkit-transform:translate(-50%, -50%) scale(1.06);
          transform:translate(-50%, -50%) scale(1.06);
}
.timeline__video-play svg {
  max-width:35%;
  max-height:35%;
}
@media (min-width:2200px) {
  .timeline__video-play {
    width:7rem;
    height:7rem;
  }
}
@media (max-width:550px) {
  .timeline__video-play {
    width:13vw;
    height:13vw;
  }
}


/* -- timeline - milestones - mobile only --*/
@media (min-width:1025px) {
  .timeline__milestone {display:none;}
}

/* -- timeline - gallery carousel -- */
@media (min-width:1025px) {
  .timeline__gallery-carousel {display:none;}
}
.timeline__gallery-carousel {
  max-width:40rem;
  -ms-grid-column-align: center;
      justify-self: center;

  --navSize: 4rem;
}
.timeline__gallery-carousel .swiper {margin-bottom:2rem;}
.timeline__gallery-carousel .swiper-wrapper {padding-bottom: 3.5rem;}
.timeline__gallery-carousel img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  aspect-ratio: 1 / 1;
}
.timeline__gallery-carousel .swiper-pagination {bottom:0;}
.timeline__gallery-carousel .swiper-pagination-bullet {
  background:var(--white);
  width:1.5rem;
  height:1.5rem;
  opacity:1;
  -webkit-transition: 0.3s ease-out background;
  transition: 0.3s ease-out background;
}
.timeline__gallery-carousel .swiper-pagination-bullet-active {background: var(--yellow);}
.timeline__gallery-carousel .swiper-navigation::after {display:none;}
.timeline__gallery-carousel .swiper-navigation {
  width:auto;
  height:auto;
  margin-top:0;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  top:40%;
  -webkit-filter: drop-shadow(4px 4px 14px rgb(0 0 0 / 17%));
          filter: drop-shadow(4px 4px 14px rgb(0 0 0 / 17%));
}
.timeline__gallery-carousel .swiper-navigation.swiper-button-prev {left:calc(-1 * (var(--navSize) / 2));}
.timeline__gallery-carousel .swiper-navigation.swiper-button-next {right:calc(-1 * (var(--navSize) / 2));}
.timeline__gallery-carousel .swiper-navigation svg {
  width:var(--navSize);
  height:auto;
}
.timeline__gallery-carousel-text {max-width:35rem; margin:0 auto;}
@media (max-width:1024px) {
  .timeline__gallery-carousel {--navSize: 5rem;}
}
@media (max-width:850px) {
  .timeline__gallery-carousel {--navSize: 4rem;}
  .timeline__gallery-carousel {max-width:100%;padding: 0 2rem;}
  .timeline__gallery-carousel .swiper-navigation.swiper-button-prev {left:calc(-1 * (var(--navSize) / 2) + 2rem);}
  .timeline__gallery-carousel .swiper-navigation.swiper-button-next {right:calc(-1 * (var(--navSize) / 2) + 2rem);}
  .timeline__gallery-carousel-text {max-width:30rem;}
}
@media (max-width:500px) {
  .timeline__gallery-carousel {padding: 0 1rem; --navSize: 10vw;}
  .timeline__gallery-carousel .swiper-navigation {top:33%;}
  .timeline__gallery-carousel .swiper-navigation.swiper-button-prev {left:calc(-1 * (var(--navSize) / 2) + 1rem);}
  .timeline__gallery-carousel .swiper-navigation.swiper-button-next {right:calc(-1 * (var(--navSize) / 2) + 1rem);}
}

/*-- timeline - audio player --*/
.audio-player {
  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;
  border-radius: 5.4375rem;
  background: var(--white);
  position:relative;
  padding:4rem 6rem 2rem;
}
.audio-player__controls {
  position:absolute;
  top:-3rem;
  left:2.1rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:1.8rem;
}
.audio-player__button {
  width:6rem;
  height:6rem;
  border:0;
  background:transparent;
  outline:none;
  cursor:pointer;
  -webkit-transition: background var(--transition), opacity var(--transition), -webkit-transform var(--transition);
  transition: background var(--transition), opacity var(--transition), -webkit-transform var(--transition);
  transition: transform var(--transition), background var(--transition), opacity var(--transition);
  transition: transform var(--transition), background var(--transition), opacity var(--transition), -webkit-transform var(--transition);
  position:relative;
  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;
  border-radius:50%;
  overflow:hidden;
}
.audio-player__button.mute {background: var(--yellow);}
.audio-player__button.play {background: var(--lightBlue);}
.audio-player__button svg {
  position:relative;
  z-index:1;
}
.audio-player__button:hover,
.audio-player__button:focus-visible {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
.audio-player__button svg {
  width:auto;
  height:2rem;
}
.audio-player__button-icon {
  display:block;
}
.audio-player__button .audio-player__button-icon.pause,
.audio-player__button .audio-player__button-icon.unmute {
  display:none;
}
.audio-player__button.is-toggled .audio-player__button-icon.play,
.audio-player__button.is-toggled .audio-player__button-icon.mute {
  display:none;
}
.audio-player__button.is-toggled .audio-player__button-icon.pause,
.audio-player__button.is-toggled .audio-player__button-icon.unmute {
  display:block;
}
.audio-player__bars {
  overflow:visible;
  padding: 1.5rem 0;
}
.timeline__audio.is-playing .audio-player__bars {
  opacity: 1;
}
svg.audio-player__wave {
  display: block;
  width: 33rem;
  height: auto;
  overflow: visible;
}
.audio-player__wave path {
  transform-box: view-box;
  -webkit-transform-origin: center;
          transform-origin: center;
  vector-effect: non-scaling-stroke;
  -webkit-transition: opacity var(--transition);
  transition: opacity var(--transition);
}
.audio-player__transcript {
  background: var(--darkGreen);
  padding: 0;
  overflow: hidden;
  position:relative;
  width:100%;
  opacity:0;
  height:0;
  -webkit-transition: opacity var(--transition-long), height var(--transition-long), padding var(--transition-long);
  transition: opacity var(--transition-long), height var(--transition-long), padding var(--transition-long);
}
.audio-player__transcript.is-active {
  opacity:1;
  height:3rem;
  padding: 0.625rem;
}
.audio-player__transcript button {background:transparent;}
.audio-player__transcript .transcript__text {
  color: var(--white);
  font-weight:700;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.42;
}
.audio-player__transcript-item {
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:100%;
  background:transparent;
  padding:0.62rem;
  border:0;
  color:var(--white);
  cursor:pointer;
  font-family:var(--bodyFont);
  font-size:0.875rem;
  font-weight:700;
  line-height:1.42;
  -webkit-transition:opacity var(--transition);
  transition:opacity var(--transition);
  opacity:0;
  z-index:1;
}
.audio-player__transcript-item.is-active {
  opacity:1;
  z-index:2;
}
.audio-player__author {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;  
  margin-top:0.75rem;
}
.audio-player__author p {
  color: var(--grey2);
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.10313rem;
  text-transform: uppercase;
}
.audio-player__corner-button {
  position:absolute;
  top:-0.5rem;
  right:0.3rem;
}
@media (min-width:2200px) {
  .audio-player {padding: 6rem 9rem 4rem;}
  .audio-player__controls {top:-4rem;}
  .audio-player__button {width:8rem;height:8rem;}
  .audio-player__button svg {height:3rem;}
  svg.audio-player__wave {width: 40rem;}
  svg.audio-player__wave path {stroke-width:15px}
  .audio-player__author p {font-size:1rem;}
}
@media (max-width:1500px) and (min-width:1025px) {
  .audio-player {padding: 2.5rem 5rem 1.5rem;}
  .audio-player__controls {top:-2.75rem;}
  .audio-player__button {width:5.5rem;height:5.5rem;}
  .audio-player__button svg {height:1.75rem;}
  svg.audio-player__wave {width:24rem;}
  svg.audio-player__wave path {stroke-width:9px}
  .audio-player__bars {padding: 1.25rem 0;}
}
@media (max-width:1350px) and (min-width:1025px) {
  svg.audio-player__wave {width:20rem;}
  svg.audio-player__wave path {stroke-width:8px}
}
@media (min-width:1025px) and (min-aspect-ratio:2/1) {
  .audio-player {padding:3rem 5rem 2rem;}
  .audio-player__bars {padding:1rem 0;}
  svg.audio-player__wave {width:28rem;}
  svg.audio-player__wave path {stroke-width:10px;}
  .audio-player__author {max-width:35rem;}
}

@media (max-width:1024px) {
  .audio-player {margin-bottom: 3.5rem;padding: 2rem 6rem 4.5rem;}
  .audio-player__bars {width:100%;}
  .audio-player__controls {
    top:auto;
    bottom: -3.5rem;
  }
  .audio-player__button {width:7rem;height:7rem;}
  .audio-player__button svg {height:2.5rem;}
  svg.audio-player__wave {
    width:100%;
    max-width:100%;
  }
  svg.audio-player__wave path {stroke-width:1.4vw}
  .audio-player__author p {font-size:1rem;}
  .audio-player__transcript.is-active {height:4rem;}
  .audio-player__transcript-item {font-size:1.2rem;}
}
@media (max-width:850px) {
  .audio-player {padding:2rem 4rem 4rem;}
  .audio-player__controls {bottom:-3rem;}
  .audio-player__button {width:6rem;height:6rem;}
  .audio-player__button svg {height:2rem;}
  .audio-player__author p {font-size:0.8rem;}
  .audio-player__transcript-item {font-size:1.1rem;}
}
@media (max-width:550px) {
  .audio-player {
    padding: 1rem 2rem 3.5rem;
    border-radius:2rem;
  }
  .audio-player__controls {gap:1rem;left:1rem;bottom:-2.5rem}
  .audio-player__button {width:4.5rem;height:4.5rem;}
  .audio-player__button svg {height:1.5rem;}
  svg.audio-player__wave {max-width:100%;width:100%;}
  svg.audio-player__wave path {stroke-width:1.5vw}
  .audio-player__author p {font-size:0.625rem;}
  .audio-player__transcript-item {font-size:0.8rem;}
}

.timeline__end-line {
  position:absolute;
  top:75%;
  right:calc(50% - 0.5px);
  height:25%;
  width:1px;
  background:var(--yellow);
  z-index:1;
  -webkit-transform:scaleY(0);
          transform:scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  will-change: transform;
}
@media (max-width:1024px) {
  .timeline__end-line {
    top: auto;
    bottom: 0;
    height: 15svh;
  }
}
@media (max-width:850px) {
  .timeline__end-line {height: 12svh;}
}
@media (max-width:550px) {
  .timeline__end-line {height: 5svh;}
}
@media (max-width:550px) {
  .timeline__end-line {height: 0;}
}


.timeline__final-bullet {
  align-self: center;
  margin-left:7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  --finalBulletIconSize: 6rem;
}
.timeline__final-bullet-icon {
  width: var(--finalBulletIconSize);
  height: var(--finalBulletIconSize);
  background: var(--yellow);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.timeline__final-bullet-icon img {
  max-width:calc(var(--finalBulletIconSize) / 1.75);
  max-height:calc(var(--finalBulletIconSize) / 1.75);
}
.timeline__final-bullet-tite {
  width: 29rem;
  margin-bottom: 1rem;
}
.timeline__final-bullet-line {
  display: block;
  width: 100%;
}
@media (min-width:2200px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 8rem;
  }
  .timeline__final-bullet-tite {width: 42rem;}
}

@media (max-width:1500px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 5rem;
  }
  .timeline__final-bullet-tite {width: 23rem;}
}
@media (max-width:1280px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 4.5rem;
  }
  .timeline__final-bullet-icon {margin-bottom: 1.5rem;}
  .timeline__final-bullet-tite {width: 19rem;}
}
@media (max-width:1024px) {
  .timeline__final-bullet {
    justify-self: center;
    margin: 8rem 0 0;
    
    --finalBulletIconSize: 8rem;
  }
  .timeline__final-bullet-icon {margin-bottom:2rem;}
  .timeline__final-bullet-tite {width: 25rem;}
}
@media (max-width:950px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 7rem;
  }
}
@media (max-width:850px) {
  .timeline__final-bullet-tite {width: 22rem;}
}
@media (max-width:750px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 6rem;
  }
  .timeline__final-bullet-tite {width: 20rem;}
}
@media (max-width:650px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 5rem;
  }
  .timeline__final-bullet-tite {width: 18rem;}
}
@media (max-width:550px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 4.5rem;
  }
  .timeline__final-bullet-tite {width: 15rem;}
}
@media (max-width:450px) {
  .timeline__final-bullet {
    --finalBulletIconSize: 4rem;
  }
  .timeline__final-bullet-icon {margin-bottom:1.5rem;}
  .timeline__final-bullet-tite {width: 13rem;}
}


/*-- timeline - element positioning - desktop only --*/
@media (min-width:1025px) {
  .timeline__progress-mobile {display:none;}
  /* individual desktop block styles */
  #timeline__section--1 .timeline__section-start--1 {margin-left:0; margin-right: 10rem; margin-top: 10vh;}
  #timeline__section--1 .timeline__text--1-1 {margin-left: 8rem;}
  #timeline__section--1 .timeline__column--1-1 {-ms-flex-pack:distribute;justify-content:space-around}
  /* review and decide if adjustment needed for transform of child element used as scrolltrigger target */
  #timeline__section--1 .timeline__audio--1-1 {padding-bottom:0rem;-webkit-transform:translate(-4rem, 2rem);transform:translate(-4rem, 2rem);}
  #timeline__section--1 .timeline__text--1-1 {width: 30.4rem;}
  #timeline__section--1 .timeline__icon-list {margin-left:6.2rem;}
  #timeline__section--1 .timeline__icon-list-text {width: 30rem;}
  #timeline__progress-week-1 .timeline__progress-items {padding-left:40rem;}

  #timeline__section--2 {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  #timeline__section--2 .timeline__section-start {width: 30rem;}
  #timeline__section--2 .timeline__images {margin-left:7.5rem;}
  #timeline__section--2 .timeline__card--2-1 {margin-left:-5rem;width: 49rem;}
  #timeline__section--2 .timeline__image--2-1 {margin-left:6rem; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-bottom:24rem;}
  #timeline__section--2 .timeline__card--2-2 {margin-left: -2rem;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;margin-top: 4rem;width: 57rem;min-width: 57rem;}
  #timeline__section--2 .timeline__card--2-2 .timeline__card-container {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding: 5rem 6rem 4rem;}
  #timeline__section--2 .timeline__card--2-2 .timeline__card-eyebrow,
  #timeline__section--2 .timeline__card--2-2 .timeline__card-button{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
  #timeline__progress-week-2 .one {margin-left: 38rem;}
  #timeline__progress-week-2 .two {margin-left:1.65rem;}
  #timeline__progress-week-2 .three {margin-left:2rem;}
  #timeline__progress-week-2 .four {margin-left: 5rem;}

  #timeline__section--3 .timeline__section-start {width: 30rem;}
  #timeline__progress-week-3 .one {margin-left:5rem;}
  #timeline__progress-week-3 .two {margin-left: 182rem;}
  #timeline__progress-week-3 .three {margin-left:3.5rem;}
  #timeline__section--3 .timeline__carousel--3-1 {margin-left: 10rem;-ms-flex-item-align:start;align-self:flex-start;width: 32rem;}
  #timeline__section--3 .timeline__column--3-1 {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
  #timeline__section--3 .timeline__text--3-1 {margin-left: 4rem;margin-bottom:2rem;}
  /* review and decide if adjustment needed for transform of child element used as scrolltrigger target */
  #timeline__section--3 .timeline__audio--3-1 .audio-player {-webkit-transform:translate(-3rem, 4rem);transform:translate(-3rem, 4rem)}
  #timeline__section--3 .timeline__gallery--3-1 {margin-left:10rem;}
  #timeline__section--3 .timeline__card--3-1 {margin-left: 10rem;width: 48rem;}
  #timeline__section--3 .timeline__card--3-1 .timeline__card-title {width:40rem;}
  #timeline__section--3 .timeline__icon-list--3-1 {margin-left: 10rem;}
  #timeline__section--3 .timeline__icon-list--3-1 .timeline__icon-list-text {width:30rem;}

  #timeline__section--4 .timeline__section-start {width:30rem;}
  #timeline__progress-week-4 .one {margin-left: 139rem;}
  #timeline__progress-week-4 .two {margin-left:2.5rem;}
  #timeline__progress-week-4 .three {margin-left: 15rem;}
  #timeline__section--4 .timeline__column--4-1 {margin-left: 10rem;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
  #timeline__section--4 .timeline__text--4-1 {margin-top: 2rem;width: 33rem;margin-bottom: 3rem;}
  #timeline__section--4 .timeline__video--4-1 {margin-bottom:3rem;}
  #timeline__section--4 .timeline__column--4-2 {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
  #timeline__section--4 .timeline__carousel--4-1 {margin-left:-3rem;width: 50rem;}
  #timeline__section--4 .timeline__text--4-2 {margin-left:4rem;width: 43rem;margin-bottom: 6rem;}
  #timeline__section--4 .timeline__column--4-3 {margin-left:10rem;-ms-flex-pack:distribute;justify-content:space-around;}
  #timeline__section--4 .timeline__text--4-3 {margin-top:1rem;margin-left: 0rem;}
  #timeline__section--4 .timeline__audio--4-1 {margin-bottom:6rem;}
  #timeline__section--4 .timeline__image--4-1 {-ms-flex-item-align: start;align-self: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-left: -4rem;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
  #timeline__section--4 .timeline__image--4-1 a {margin-top:3rem;}
  #timeline__section--4 .timeline__audio--4-2 {margin-left:8.7rem;margin-top:5rem;}
  #timeline__section--4 .timeline__image--4-2 {margin-left: -12rem;}
  #timeline__section--4 .timeline__image--4-2 a {margin-top: 4rem;}
  #timeline__section--4 .timeline__icon-list--4-1 {margin-left: 12rem;}
  #timeline__section--4 .timeline__icon-list--4-2 {margin-left: 6rem;}
  .timeline__icon-list--4-1 .timeline__icon-list-text, 
  .timeline__icon-list--4-2 .timeline__icon-list-text {width: 38rem;}
  #timeline__section--4 .timeline__carousel--4-2 {margin-left: 10rem;width: 54rem;}
  #timeline__section--4 .timeline__carousel--4-2 .timeline__carousel-main {padding-left:5rem;padding-right:5rem;}
  #timeline__section--4 .timeline__card--4-1 {max-height:100%;height: 100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:8rem;padding-bottom: 5rem;width: 54rem;}
  #timeline__section--4 .timeline__card--4-1 .timeline__card-container {-webkit-transform:translate(0);transform:translate(0)}
  #timeline__section--4 #timeline__progress-week-4 {width: calc(100% + var(--tlPaddingHorizontal) - 1rem);}
}

@media (min-width:1025px) and (min-aspect-ratio:2/1) {
  #helene #timeline__track .timeline__icon-list-text.h3 {font-size:var(--h4FontSize);}
  #helene #timeline__track .timeline__card-title.h3 {font-size:calc(0.9 * var(--h3FontSize))}
  #helene #timeline__track .body-big {font-size:var(--bodyFontSize);}
  #helene #timeline__track .body {font-size:var(--bodySmallFontSize);}
  #helene #timeline__track .body-small {font-size:calc(0.85 * var(--bodySmallFontSize));}
  #helene #timeline__track .eyebrow {font-size:calc(0.85 * var(--eyebrowFontSize));}
  #timeline__section--1 .timeline__section-start--1 {margin-top: 19vh;padding-left:1rem;}
  #timeline__section--1 .timeline__column--1-1 {padding:2rem 0;}

  #timeline__section--2 .timeline__card--2-1 {width:46rem;}
  #timeline__section--2 .timeline__card--2-2 {margin-left:-1rem;margin-top: 0;}
  #timeline__section--2 .timeline__card--2-2 .timeline__card-container {padding: 3rem 4rem;gap: 1.3rem;}

  #timeline__section--3 .timeline__card--3-1 {width:43rem;}

  #timeline__section--4 .timeline__video--4-1 {width:600px;height:337px;margin-bottom: 0;}
  #timeline__section--4 .timeline__video--4-1 iframe,
  #timeline__section--4 .timeline__video--4-1.timeline__video-link {width:600px;height:337px;}
}

@media (min-width: 1920px) {
  #timeline__section--1 .timeline__section-start--1 {margin-top:11vh;}

  #timeline__section--2 .timeline__card--2-2 {width:63rem;}

  #timeline__section--3 .timeline__section-start {width:33rem;}

  .timeline__icon-list--4-1 .timeline__icon-list-text, .timeline__icon-list--4-2 .timeline__icon-list-text {width: 41rem;}
  #timeline__section--4 .timeline__card--4-1 {width: 58rem}
}

@media (min-width:2200px) {
  #timeline__section--1 .timeline__text--1-1 {width: 43rem;}
  #timeline__section--1 .timeline__icon-list {margin-left:8rem;}
  #timeline__section--1 .timeline__icon-list-text {width: 45rem;}

  #timeline__section--2 .timeline__card--2-2 {width: 48vw;margin-top: 1rem;-ms-flex-item-align: start;align-self: flex-start;}
  #timeline__section--2 .timeline__card--2-2 .timeline__card-list {max-width:100%;}
  #timeline__section--2 .timeline__section-start {width: 40rem;}
  #timeline__section--2 .timeline__card--2-1 {width: 67rem;}
  #timeline__section--2 .timeline__card--2-2 .timeline__card-container {padding: 6rem 8rem 5rem;}

  #timeline__section--3 .timeline__section-start {width: 42rem;}
  #timeline__section--3 .timeline__carousel--3-1 {width: 39rem;}
  #timeline__section--3 .timeline__text--3-1 {width:45rem;margin-left: 6rem;margin-bottom: 4rem;}
  #timeline__section--3 .timeline__card--3-1 {width: 65rem;margin-top: 10rem;}
  #timeline__section--3 .timeline__card--3-1 .timeline__card-title {width:100%;}
  #timeline__section--3 .timeline__icon-list--3-1 .timeline__icon-list-text {width:46rem;}

  #timeline__section--4 .timeline__section-start {width: 40rem;}
  #timeline__section--4 .timeline__text--4-1 {width: 52rem;}
  #timeline__section--4 .timeline__column--4-3 {margin-left:13rem;}
  .timeline__icon-list--4-1 .timeline__icon-list-text, .timeline__icon-list--4-2 .timeline__icon-list-text {width: 58rem;}
  #timeline__section--4 .timeline__video--4-1 {margin-bottom:6rem;width:1080px;height:607px;}
  #timeline__section--4 .timeline__video--4-1 iframe,
  #timeline__section--4 .timeline__video--4-1.timeline__video-link {width:1080px;height:607px;}
  #timeline__section--4 .timeline__text--4-2 {width:49rem;margin-bottom: 0;}
  #timeline__section--4 .timeline__text--4-3 {width:45rem}
  #timeline__section--4 .timeline__card--4-1 {width: 80rem;}
  #timeline__section--4 .timeline__carousel--4-2 {width: 78rem;}
  #timeline__progress-week-4 .one {margin-left: 177rem;}
}
@media (min-width:2200px) and (min-aspect-ratio:1.8/1) {
  #timeline__section--4 .timeline__column--4-1 {-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
  #timeline__section--4 .timeline__text--4-1 {width:48rem;}
  #timeline__section--4 .timeline__video--4-1 {margin-bottom:0;width:900px;height:506px;}
  #timeline__section--4 .timeline__video--4-1 iframe,
  #timeline__section--4 .timeline__video--4-1.timeline__video-link {width:900px;height:506px;}
}

@media (max-width:1500px) and (min-width:1025px) {
  #timeline__section--1 .timeline__section-start--1 {margin-top:7vh;width: 27rem;}
  #timeline__section--1 .timeline__text--1-1 {margin-left: 4rem;width: 25rem;}
  #timeline__section--1 .timeline__column--1-1 {-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly}
  #timeline__section--1 .timeline__audio--1-1 {-webkit-transform:translate(-4rem, 4rem);transform:translate(-4rem, 4rem);}
  #timeline__section--1 .timeline__icon-list-text {width: 26rem;}

  #timeline__section--2 .timeline__section-start {width:25rem;}
  #timeline__section--2 .timeline__card--2-1 {width: 39rem}
  #timeline__section--2 .timeline__card--2-2 {width:43rem;}
  #timeline__section--2 .timeline__card--2-2 .timeline__card-container {padding:3rem 4rem 3.5rem}
  #timeline__progress-week-2 .one {margin-left: 31rem;}

  #timeline__section--3 .timeline__carousel--3-1 {width: 28rem; margin-top: 2rem;}
  #timeline__section--3 .timeline__text--3-1 {width:27rem}
  #timeline__section--3 .timeline__card--3-1 {width:36rem;}
  #timeline__section--3 .timeline__section-start {width:26rem;}
  #timeline__progress-week-3 .two {margin-left: 153rem;}

  #timeline__section--4 .timeline__section-start {width:26rem;}
  #timeline__section--4 .timeline__column--4-1 {justify-content:flex-end;}
  #timeline__section--4 .timeline__video--4-1 iframe,
  #timeline__section--4 .timeline__video--4-1.timeline__video-link {width:650px;height:auto;aspect-ratio: 16 / 9; margin-bottom:6rem;}
  #timeline__section--4 .timeline__carousel--4-1 {width:37rem;}
  #timeline__section--4 .timeline__text--4-1 {width:30rem;}
  #timeline__section--4 .timeline__text--4-2 {width: 31rem; margin-left:3rem;}
  #timeline__section--4 .timeline__text--4-3 {width: 24rem; margin-left:3rem;}
  .timeline__icon-list--4-1 .timeline__icon-list-text, .timeline__icon-list--4-2 .timeline__icon-list-text {width: 31rem;}
  #timeline__section--4 .timeline__carousel--4-2 {width: 49rem}
  #timeline__section--4 .timeline__card--4-1 {width:47rem}
  #timeline__progress-week-4 .one {margin-left: 107rem;}
  #timeline__progress-week-4 .three {margin-left: 13rem;}
}

@media (max-width:1350px) and (min-width:1025px) {
  #timeline__section--1 .timeline__section-start--1 {width: 25rem;margin-top: 7vh;}
  #timeline__section--1 .timeline__text--1-1 {width: 21rem;}
  #timeline__section--1 .timeline__icon-list-text {width: 24rem;}
  
  #timeline__section--2 .timeline__section-start {width:23rem;}
  #timeline__section--2 .timeline__card--2-1 {width: 36rem}

  #timeline__section--3 .timeline__section-start {width:23rem;}
  #timeline__progress-week-3 .two {margin-left: 144rem;}
  #timeline__section--3 .timeline__text--3-1 {width:22rem;}
  #timeline__section--3 .timeline__icon-list--3-1 .timeline__icon-list-text {width: 26rem;}

  #timeline__section--4 .timeline__section-start {width:23rem;}
  #timeline__section--4 .timeline__video--4-1 {margin-bottom:4rem;}
  #timeline__section--4 .timeline__video--4-1 iframe,
  #timeline__section--4 .timeline__video--4-1.timeline__video-link {width:600px;height:auto;aspect-ratio: 16 / 9}
  #timeline__section--4 .timeline__text--4-1 {width:27rem;}
  #timeline__section--4 .timeline__text--4-2 {width:27rem;}
  #timeline__section--4 .timeline__text--4-3 {width: 22rem;}
  .timeline__icon-list--4-1 .timeline__icon-list-text, .timeline__icon-list--4-2 .timeline__icon-list-text {width: 30rem;}
  #timeline__section--4 .timeline__carousel--4-2 {width: 46rem}
  #timeline__section--4 .timeline__card--4-1 {width:44rem}
  #timeline__progress-week-4 .one {margin-left: 100rem;}
  #timeline__progress-week-4 .three {margin-left: 10rem;}
  #timeline__section--4 .timeline__image--4-1 {margin-left:-2.5rem}
}

@media (max-width:1280px) and (min-width:1025px) {
  #timeline__section--3 .timeline__text--3-1 {width:20rem;}
  #timeline__section--3 .timeline__card--3-1 .timeline__card-title {width: 25rem;}

  .timeline__icon-list--4-1 .timeline__icon-list-text, .timeline__icon-list--4-2 .timeline__icon-list-text {width: 28rem;}
  #timeline__section--4 .timeline__card--4-1 {width:42rem}
  #timeline__section--4 .timeline__text--4-1 {margin-left:2rem;width:25rem;}
}

/*-- timeline - mobile --*/
@media (max-width:1024px) {
  .timeline {
    --tlLineWidth: 0.25rem;
    --tlLineDotSize: 2.5rem;
  }
  #timeline__wrapper {
    overflow: visible;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(18.16%, #023430), color-stop(45.67%, #015C54), color-stop(71.54%, #07756B), color-stop(91.9%, var(--teal2)));
    background: linear-gradient(180deg, #023430 18.16%, #015C54 45.67%, #07756B 71.54%, var(--teal2) 91.9%);
  }
  .timeline__hurricane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100svh;
    margin-bottom: 0;
    opacity: 1;
    pointer-events: none;
  }
  .timeline__hurricane.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 1;
  }
  .timeline .timeline__nav {
    position: absolute;
    top:0;
    left:0;
    right:0;
    z-index:20;
    overflow-x:auto;
    width:100%;
    padding: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip {
    padding: 1.5rem 1rem;
    width:100%;
    text-align:center;
  }
  #timeline__track {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    width:100%;
    height:auto;
    padding:var(--tlPaddingTop) 0 var(--tlPaddingBottom);
    background: transparent;
  }
  .timeline__progress-mobile {
    position:absolute;
    top:0;
    left:2rem;
    left: calc(var(--tlPaddingHorizontal) / 2);
    width:var(--tlLineWidth);
    height:100%;
    background:var(--magenta);
  }
  #timeline__section--2 .timeline__progress-mobile {
    height:calc(100% - 8vw);
    margin-top:8vw;
  }
  .timeline__section {
    width:100%;
    max-width:100%;
    -ms-flex-negative:1;
        flex-shrink:1;
    -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:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    padding:0;
    position:relative;
    padding: var(--tlPadding);
  }
  .timeline__section-start-text {max-width:45rem;}
  .timeline__column {
    width:100%;
    height:auto;
    gap:0;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:start;
        -ms-flex-pack:start;
            justify-content:flex-start;
  }
  .timeline__text,
  .timeline__card,
  .timeline__carousel,
  .timeline__icon-list,
  .timeline__audio,
  .timeline__video,
  .timeline__gallery,
  .timeline__images,
  .timeline__image {
    width:100%;
    max-width:100%;
  }
  .timeline__image {
    height:auto;
    -ms-flex-item-align:center;
        -ms-grid-row-align:center;
        align-self:center;
  }
  .timeline__image a {
    height:auto;
    max-height:none;
    display: block;
  }
  .timeline__image a img,
  .timeline__images img {
    width:100%;
    height:auto;
    max-height:none;
    display: block;
  }
  .timeline__card {
    max-height:none;
  }
  .timeline__carousel {
    min-width:0;
    position: relative;
    overflow: visible;
  }
  .timeline__gallery {
    /* -ms-grid-columns:(minmax(0, 1fr))[2]; */
    grid-template-columns:repeat(2, minmax(0, 1fr));
    -ms-grid-rows:auto;
    grid-template-rows:auto;
  }
  .timeline__gallery-item {
    width:100%;
    height:auto;
    aspect-ratio:1;
  }
  .timeline__video iframe,
  .timeline__video-link {
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9;
  }

  .timeline__milestone {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin: var(--tlSpacing) 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
    position:relative;
  }
  .timeline__milestone-dot {
    position: absolute;
    top: 50%;
    left: calc((-1 * (var(--tlPaddingHorizontal) / 2)) - (var(--tlLineDotSize) / 2) + (var(--tlLineWidth) / 2));
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: var(--tlLineDotSize);
    height: var(--tlLineDotSize);
    border-radius: 50%;
    background: var(--magenta);
    -webkit-transform-origin: center;
            transform-origin: center;
  }
  .timeline__milestone-text {
    background: var(--magenta);
    color: var(--white);
    text-transform: uppercase;
    border-radius: 3.5vw;
    padding:1.5rem 3.5rem;
    letter-spacing: 0.025rem;
    font-size:clamp(0.625rem, 2.15vw, 1.6rem);
    font-weight:700;
    line-height:1.4;
  }

  .timeline__section-start--1 {margin-bottom:var(--tlSpacing);}
  .timeline__section-start--1 .timeline__section-start-title {max-width:69%;}
  .timeline__image--1-1 {margin-bottom: var(--tlSpacing2);}
  .timeline__column--1-1 {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .timeline__text--1-1 {
    margin: var(--tlSpacing) 0;
    max-width:40rem;
  }
  .timeline__images--2-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; 
    margin-top: var(--tlSpacing);
    gap: 3rem;
  }
  .timeline__carousel--3-1 {
    max-width:35rem;
    -ms-grid-column-align:center;
        justify-self:center;
  }
  .timeline__column--3-1 {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  .timeline__text--3-1 {
    margin: var(--tlSpacing2) 0;
    max-width:40rem;
  }
  .timeline__audio--3-1 {margin-top: var(--tlSpacing);}
  .timeline__column--4-1 {margin-top: var(--tlSpacing);}
  .timeline__text--4-1 .body {
    font-size:var(--bodySmallFontSize);
    margin-bottom: 3rem;
  }
  .timeline__video--4-1 {margin-bottom:var(--tlSpacing2);}
  .timeline__carousel--4-1 {margin-bottom: 2rem;}
  .timeline__carousel--4-1 .timeline__carousel-swiper {max-width:35rem;}
  .timeline__text--4-2 {margin-bottom: var(--tlSpacing2);}
  .timeline__audio--4-1 {margin: var(--tlSpacing3) 0 var(--tlSpacing2);}
  .timeline__image--4-1 {margin-bottom:var(--tlSpacing2);}
  .timeline__audio--4-2 {margin: var(--tlSpacing2) 0 var(--tlSpacing4);}
  .timeline__image--4-2 {margin-bottom: var(--tlSpacing2);}
  .timeline__carousel--4-2 .swiper {max-width:35rem;}
}
@media (max-width:850px) {  
  .timeline {
    --tlLineDotSize: 2rem;
  }
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip {
    padding: 1.25rem 0.75rem;
    width:100%;
    text-align:center;
  }
  .timeline__milestone-text {
    font-size:clamp(0.625rem, 2vw, 1.1rem);
    padding:1.25rem 3rem;
  }
  .timeline__text--3-1 {max-width:31rem;}
}
@media (max-width:550px) {
  .timeline {
    --tlLineWidth: 1px;
    --tlLineDotSize: 0.75rem;
  }
  .timeline .timeline__nav {gap:0.2rem;}
  .timeline .timeline__nav-button,
  .timeline .timeline__nav-skip {
    font-size:0.5rem;
    padding:0.75rem 0.5rem;
  }
  .timeline__milestone-text {
    border-radius: 1rem;
    padding: 1rem 1.5rem;
  }
}




@media (min-width:1025px) {
  .timeline__icon-list,
  .timeline__audio,
  .timeline__video,
  .timeline__images,
  .timeline__image,
  .timeline__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}




/*---- ZIPPER ----*/
.zipper {
    position: relative;
    overflow: hidden;
    --zipper-content-rise: clamp(21rem, 42vw, 37.5rem);
}
.zipper__pin {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    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;
    background: var(--teal2);
    color: var(--yellow);
    overflow: visible;
}
.zipper__line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--yellow);
    -webkit-transform-origin: top center;
            transform-origin: top center;
    will-change: transform;
}
.zipper__title {
    width:100%;
    margin: 0;
    text-align: center;
    will-change: transform;
}
.zipper__title span {display:block;}
.zipper__mask {
    position: relative;
    z-index: 3;
    min-height: max(70vh, calc(100vh - var(--zipper-content-rise)));
    pointer-events: none;
    height: auto;
    display: block;
    margin-top:50vh;
}
.zipper__mask-svg {
    position: absolute;
    left: 50%;
    top: -2rem;
    width: 100vw;
    min-width: 100vw;
    height: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    overflow: visible;
    will-change: transform;
}
.zipper__mask-path {
    fill: var(--yellow);
    -webkit-transform-origin: center center;
            transform-origin: center center;
}
.zipper__after {
    position: relative;
    z-index: 4;
}
@media (max-width:1024px) {
  .zipper__mask {
    min-height:36svh;
  }
}
@media (max-width:1024px) and (orientation: landscape) {
  .zipper__mask {
    min-height: 55svh;
  }
}
@media (max-width:550px) {
  .zipper__title {font-size:calc(var(--h2FontSize) * 1.75);}
  .zipper__mask {
    min-height: 25svh;
  }
}

/*---- BOTTOM ----*/
.bottom__gradient {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.07%, #FFAD00), color-stop(29.11%, #F9EAC8), color-stop(84.6%, #F8F7F3), color-stop(94.43%, #FFF));
  background: linear-gradient(180deg, #FFAD00 0.07%, #F9EAC8 29.11%, #F8F7F3 84.6%, #FFF 94.43%);
}
.bottom__grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr;
  grid-template-columns: repeat(48, 1fr);
  grid-auto-rows: clamp(5rem, 5.5vw, 9rem);
  grid-auto-flow: row;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:0;
  width: 100%;
  margin-bottom:13rem;
}
.bottom__image {
  position: relative;
  overflow: hidden;
}
.bottom__image a.glightbox {
  display:block;
}
.bottom__image img {
  width:100%;
  height:100%;
  display:block;
  -o-object-fit:cover;
     object-fit:cover;
}
.bottom__card {
  border-radius: 1.875rem;
  background: var(--white);
  padding:4.7rem 4rem 4.7rem 6.3rem;
  text-align:left;
  position:relative;
  overflow:visible;
  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:3.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* bottom grid positioning */
.bottom__image--1 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 17;
  grid-column: 5 / 22;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
}
.bottom__card--1 {
  -ms-grid-column: 22;
  -ms-grid-column-span: 23;
  grid-column: 22 / 45;
  -ms-grid-row: 4;
  -ms-grid-row-span: 3;
  grid-row: 4 / 7;
  padding: 4.75rem 4rem 4.75rem 8rem;
  margin-left:-4rem;
}
.bottom__card--2 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 26;
  grid-column: 5 / 31;
  -ms-grid-row: 7;
  -ms-grid-row-span: 9;
  grid-row: 7 / 16;
  background: var(--offWhite);
  padding: 9.75rem 12rem 9.75rem 5.75rem;
}
.bottom__image--2 {
  -ms-grid-column: 32;
  -ms-grid-column-span: 12;
  grid-column: 32 / 44;
  -ms-grid-row: 7;
  -ms-grid-row-span: 9;
  grid-row: 7 / 16;
  margin-left:-6rem;
}
.bottom__card--3 {
  -ms-grid-column: 21;
  -ms-grid-column-span: 24;
  grid-column: 21 / 45;
  -ms-grid-row: 16;
  -ms-grid-row-span: 4;
  grid-row: 16 / 20;
  padding: 4.75rem 2.8rem 4.75rem 6.3rem;
  margin-top: -8rem;
}
@media (min-width:1920px) {
  .bottom__grid {grid-auto-rows: clamp(5rem, 5.2vw, 9rem);}
  .bottom__card--1 {-ms-grid-row: 4;-ms-grid-row-span: 4;grid-row: 4 / 8;}
  .bottom__card--2 {-ms-grid-row: 7;-ms-grid-row-span: 9;grid-row: 7 / 16;}
  .bottom__image--2 {-ms-grid-row: 7;-ms-grid-row-span: 9;grid-row: 7 / 16; max-height:40rem;}
  .bottom__card--3 {-ms-grid-row: 15;-ms-grid-row-span: 5;grid-row: 15 / 20;margin-top:-8rem}
}
@media (min-width:2200px) {
  .bottom__image--1 {-ms-grid-row: 1;-ms-grid-row-span: 4;grid-row: 1 / 5; max-height:100%;}
  .bottom__card--1 {-ms-grid-row: 4;-ms-grid-row-span: 4;grid-row: 4 / 8; -ms-grid-column: 21; -ms-grid-column-span: 24; grid-column: 21 / 45; padding: 8rem 6rem 8rem 12rem;}
  .bottom__card--2 {-ms-grid-row: 8;-ms-grid-row-span: 8;grid-row: 8 / 16; padding: 14rem 19rem 14rem 8rem;}
  .bottom__image--2 {-ms-grid-row: 8;-ms-grid-row-span: 8;grid-row: 8 / 16; max-height: 51rem;margin-top:1rem;}
  .bottom__card--3 {-ms-grid-row: 16;-ms-grid-row-span: 4;grid-row: 16 / 20; padding: 7rem;}
}
@media (max-width:1500px) {
  .bottom__card--1 {padding: 4.75rem 4rem 4.75rem 7rem;}
  .bottom__card--2 {padding: 7.75rem 12rem 9.75rem 5.75rem;}
  .bottom__card--3 {padding: 4.75rem 3rem 4.75rem 5rem;}
}
@media (max-width:1280px) {
  .bottom__card--1 {padding: 3.75rem 4rem 3.75rem 6rem;}
  .bottom__card--2 {padding: 6.75rem 10rem 7.75rem 5rem;}
  .bottom__card--3 {padding: 3.75rem 4rem 3.75rem 4rem;}
}
@media (max-width:1024px) {
  .bottom__grid {
    /* -ms-grid-columns: (1fr)[12]; */
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: 9rem;
  }
  .bottom__image--1 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 8;
    grid-column: 2 / 10;
    -ms-grid-row-span: 4;
    grid-row: span 4;
  }
  .bottom__card--1 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    grid-column: 3 / 12;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    max-width:100%;
    margin:0;
  }
  .bottom__card--2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    grid-column: 1 / 10;
    -ms-grid-row: 8;
    -ms-grid-row-span: 7;
    grid-row: 8 / 15;
    margin-left:3vw;
    padding: 6.75rem 11rem 7.75rem 5rem;
  }
  .bottom__image--2 {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-column: 9 / 13;
    -ms-grid-row: 8;
    -ms-grid-row-span: 7;
    grid-row: 8 / 15;
    margin-right: 2rem;
    margin-left:-3rem;
  }
  .bottom__image--2 img {max-height:100%;}
  .bottom__card--3 {
    -ms-grid-column: 3;
    -ms-grid-column-span: 9;
    grid-column: 3 / 12;
    -ms-grid-row: 14;
    -ms-grid-row-span: 5;
    grid-row: 14 / 19;
  }
}
@media (max-width:1024px) and (orientation: landscape) {
  .bottom__grid {
    grid-auto-rows: 8.5rem;
  }
}
@media (max-width:850px) {
  .bottom__grid {
    grid-auto-rows: 7.5rem;
  }
  .bottom__card--2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-column: 1 / 9;
    -ms-grid-row: 8;
    -ms-grid-row-span: 7;
    grid-row: 8 / 15;
    margin-left:2rem;
    padding: 6rem 7rem 6rem 3rem;
  }
  .bottom__image--2 {
    -ms-grid-column: 8;
    -ms-grid-column-span: 5;
    grid-column: 8 / 13;
    margin-left:0;
  }
  .bottom__card--3 {
    margin-top:-4rem
  }
}
@media (max-width:550px) {
  .bottom__grid {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    max-width: var(--containerWidth);
    margin:0 auto;
    gap: 3rem;
    padding-bottom: 6rem;
  }
  .bottom__grid .bottom__image,
  .bottom__grid .bottom__card {
    width:100%;
    margin-left:0;
    margin-right:0;
    margin-top:0;
  }
  .bottom__grid .bottom__card {
    padding:3rem;
    gap:1.5rem;
    -webkit-transform:none;
            transform:none;
  }
}
@media (max-width:350px) {
  .bottom__grid .bottom__card {
    padding:2rem;
  }
}
  
/*-- bottom - accordion --*/
#helene .bottom__accordion {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:3rem;
  max-width:var(--containerWidth);
  margin:0 auto;
}
#helene .accordion {
  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:2rem;
}
#helene .accordion__item {
  background: var(--white);
  border-radius: 1.875rem;
  position:relative;
  overflow: visible;
  margin-right:3rem;
  width: 100%;
  padding-bottom:3rem;
}
#helene .accordion__trigger-content {
  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;
  gap: 0.625rem;
  text-align:left;
  padding: 3rem 4rem 0;
  margin-right:3rem;
  color: var(--darkGrey);
}
#helene .accordion__trigger-title {
  font-weight: 700;
  text-align:left;
  margin-bottom:0.5rem;
  color: var(--teal);
  font-family:var(--bodyFont);
  font-size: var(--h3FontSize);
  line-height: 1;
}
#helene .accordion__trigger {
  background:transparent;
  padding:0;
  border: 0;
  outline: none;
  position:relative;
  cursor:pointer;
  position:absolute;
  top:50%;
  right:-3rem;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
#helene .accordion__trigger-icon {
  background: var(--teal);
  border-radius: 50%;
  width:5rem;
  height:5rem;
  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;
}
#helene .accordion__trigger-icon svg {
  width:37%;
  height:auto;
}
#helene .accordion__trigger-icon svg path {stroke:var(--white);}
#helene .accordion__panel {
  padding: 0 4rem 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
  color: var(--darkGrey);
}
#helene .accordion__panel .body:not(:last-child) {
  margin-bottom:2rem;
}
#helene .accordion__content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:2rem;
  text-align: left;
}
@media (max-width:850px) {
  #helene .accordion__item {
    margin-right:2rem;
    padding-bottom:2.5rem;
  }
  #helene .accordion__trigger {
    right:-2rem;
  }
  #helene .accordion__trigger-icon {
    width:4rem;
    height:4rem;
  }
  #helene .accordion__trigger-icon svg {width:1.65rem;}
  #helene .accordion__trigger-content {
    padding: 2.5rem 3rem 0;
    margin-right:2rem;
  }
  #helene .accordion__panel {
    padding-left:3rem;
    padding-right:3rem;
  }
}
@media (max-width:550px) {
  #helene .accordion__item {
    margin-right:1.5rem;
    padding-bottom:2rem;
  }
  #helene .accordion__trigger {right:-1.75rem;}
  #helene .accordion__trigger-icon {
    width:3.5rem;
    height:3.5rem;
  }
  #helene .accordion__trigger-icon svg {width:1.5rem;}
  #helene .accordion__trigger-content {
    padding: 2rem 2rem 0;
    margin-right:1rem;
  }
  #helene .accordion__panel {
    padding-left:2rem;
    padding-right:2rem;
  }
}

/*-- bottom - stories --*/
.bottom__stories {
  margin-top: 9rem;
  margin-bottom:16rem;
  display: block;
}
.stories__container {
  max-width: calc(5rem + var(--containerWidth));
  margin:0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap:4rem;
  position: relative;
  padding: 0 5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.stories__swiper {
  width:100%;
}
.story {
  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:2.6rem;
}
.story__image {
  width:100%;
  height:auto;
  aspect-ratio: 8 / 5;
  position:relative;
  overflow:hidden;
  display:block;
}
.story__image img {
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
}
.stories__swiper-navigation > div {
  width:3.5rem;
  height:auto;
  transition:0.3s ease opacity;
}
.stories__swiper-navigation > div::after {display:none;}
.stories__swiper-navigation .swiper-button-prev,
.stories__swiper-navigation .swiper-button-next {
  width:3.5rem;
  height:3.5rem;
  top:31%;
}
.stories__swiper-navigation .swiper-button-prev {left:0}
.stories__swiper-navigation .swiper-button-next {right:0}
.stories__swiper-navigation > div.swiper-button-disabled {opacity:0.35 !important;}
@media (max-width:1500px) {
  .bottom__stories {margin-bottom:10rem}
}
@media (max-width:1280px) {
  .bottom__stories {margin-bottom:7rem}
}
@media (max-width:850px) {
  .stories__container {
    padding:0 4.5rem;
    max-width: calc(3rem + var(--containerWidth));
  }
}
@media (max-width:450px) {
  .stories__container {
    padding:0 3rem;
    max-width: 95%;
  }
  .stories__swiper-navigation .swiper-button-prev,
  .stories__swiper-navigation .swiper-button-next {
    width:2.5rem;
    height:2.5rem;
    top:36%;
  }
}


/*-- bottom - updates --*/
.bottom__updates {
  display:block;
  background: var(--magenta);
  padding: 8rem 0;
}
.bottom__updates-container {
  max-width: calc(var(--containerWidth) + 5vw);
  margin:0 auto;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(48, 1fr);
  grid-template-rows: repeat(12, 3.75rem);
  position: relative;
}
.bottom__updates-content {
  -ms-grid-column: 1;
  -ms-grid-column-span: 14;
  grid-column: 1 / 15;
  -ms-grid-row: 1;
  -ms-grid-row-span: 11;
  grid-row: 1 / 12;
  -ms-grid-row-align:center;
      align-self:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap: 2.5rem;
}
.bottom__updates-title span {display:block;}
.bottom__updates-image {
  -ms-grid-column: 17;
  -ms-grid-column-span: 12;
  grid-column: 17 / 29;
  -ms-grid-row: 3;
  -ms-grid-row-span: 8;
  grid-row: 3 / 11;
  width:100%;
  height:100%;
  z-index:10;
}
.bottom__updates-image img {
  width:100%;
  height:100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.bottom__updates-card {
  -ms-grid-column: 27;
  -ms-grid-column-span: 22;
  grid-column: 27 / 49;
  -ms-grid-row: 1;
  -ms-grid-row-span: 12;
  grid-row: 1 / 13;
  -ms-grid-row-align: center;
      align-self: center;
  height: 100%;
}
.bottom__updates-card .bottom__card {
  width:100%;
  padding: 5rem;
  padding-left: 6rem;
  gap: 1.5rem;
  border-radius: 3rem;
  height: 100%;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.bottom__updates-card .bottom__card-button {margin-top:2rem;}
@media (min-width:2048px) {
  .bottom__updates-container {
    /* -ms-grid-rows: (4.5rem)[12]; */
    grid-template-rows: repeat(12, 4.5rem);
  }
}
@media (min-width:2200px) {
  .bottom__updates-image {
    -ms-grid-column: 16;
    -ms-grid-column-span: 13;
    grid-column: 16 / 29;
    -ms-grid-row: 2;
    -ms-grid-row-span: 10;
    grid-row: 2 / 12;
  }
  .bottom__updates-card {
    -ms-grid-column: 28;
    -ms-grid-column-span: 19;
    grid-column: 28 / 47;
    -ms-grid-row: 1;
    -ms-grid-row-span: 12;
    grid-row: 1 / 13;
  }
}

@media (max-width:1500px) {
  .bottom__updates-container {max-width: calc(var(--containerWidth) + 7.5vw);}
  .bottom__updates {padding: 6rem 0;}
  .bottom__updates-container {grid-template-rows: repeat(12, 3rem);}
  .bottom__updates-image {
    -ms-grid-column: 17;
    -ms-grid-column-span: 13;
    grid-column: 17 / 30;
    -ms-grid-row: 2;
    -ms-grid-row-span: 10;
    grid-row: 2 / 12;
  }
  .bottom__updates-card {
    -ms-grid-column: 28;
    -ms-grid-column-span: 21;
    grid-column: 28 / 49;
    -ms-grid-row: 1;
    -ms-grid-row-span: 12;
    grid-row: 1 / 13;
  }
}
@media (max-width:1280px) {
  .bottom__updates-container {max-width: calc(var(--containerWidth) + 5vw);}
  .bottom__updates-card .bottom__card {padding:4rem 4rem 4rem 5rem;}
}
@media (max-width:1024px) {
  .bottom__updates-container {
    /* -ms-grid-columns: (1fr)[48]; */
    grid-template-columns: repeat(48, 1fr);
    /* -ms-grid-rows: (3.75rem)[18]; */
    grid-template-rows: repeat(18, 3.75rem);
  }
  .bottom__updates-content {
    -ms-grid-column: 1;
    -ms-grid-column-span: 24;
    grid-column: 1 / 25;
    -ms-grid-row: 1;
    -ms-grid-row-span: 9;
    grid-row: 1 / 10;
  }
  .bottom__updates-image {
    -ms-grid-column: 28;
    -ms-grid-column-span: 21;
    grid-column: 28 / 49;
    -ms-grid-row: 1;
    -ms-grid-row-span: 9;
    grid-row: 1 / 10;
    -ms-grid-row-align: start;
        align-self: start;
  }
  .bottom__updates-card {
    -ms-grid-column: 3;
    -ms-grid-column-span: 44;
    grid-column: 3 / 47;
    -ms-grid-row: 11;
    -ms-grid-row-span: 8;
    grid-row: 11 / 19;
  }
}
@media (max-width:850px) {
  .bottom__updates-container {
    /* -ms-grid-rows: (3.2rem)[15]; */
    grid-template-rows: repeat(15, 3.2rem);
  }
}
@media (max-width:650px) {
  .bottom__updates-container {
    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:3rem;
  }
  .bottom__updates-content {max-width:100%;}
  .bottom__updates-image {max-width:80%;margin:0 auto;}
  .bottom__updates-card {margin-top:-5rem;}
  .bottom__updates-card .bottom__card {padding:4.5rem 2rem;}
}

.bottom__end {
  margin:6rem 0 7rem;
}
.bottom__end-container {
  max-width: var(--containerWidth);
  margin:0 auto;
  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: 2rem;
}
.bottom__end-icon {
  width:8.5rem;
  height:8.5rem;
  background: var(--yellow);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottom__end-icon img {
  max-width: 6rem;
  max-height: 6rem;
}
.bottom__end-title {
  max-width: 50vw;
}
.bottom__row {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin:4rem 0;
}
.bottom__col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.bottom__col--image a.glightbox {
  width:100%;
  height:100%;
  display:block;
}
.bottom__col--image a.glightbox img {
  width:100%;
  height:auto;
}
.bottom__col--content {
  padding-left:4rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap: 2rem;
}
@media (max-width:1024px) {
  .bottom__end-icon {
    width:8rem;
    height:8rem;
  }
  .bottom__end-icon img {
    max-width: 4.5rem;
    max-height: 4.5rem;
  }
  .bottom__row {
    -webkit-box-align:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
  }
  .bottom__col--image.bottom__col {
    -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
  }
  .bottom__row--image a.glightbox {
    width:100%;
    height:100%;
  }
  .bottom__col--image a.glightbox img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
  }
  .bottom__col--content {padding-left:3rem}
}
@media (max-width:850px) {
  .bottom__row {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:2rem;
  }
  .bottom__col--content {
    padding:0;
    text-align:center;
  }
  .bottom__end-icon {
    width:7rem;
    height:7rem;
  }
  .bottom__end-icon img {
    max-width: 4rem;
    max-height: 4rem;
  }
}
@media (max-width:550px) {
  .bottom__end-icon {
    width:6rem;
    height:6rem;
  }
  .bottom__end-icon img {
    max-width: 3rem;
    max-height: 3rem;
  }
  .bottom__end-title {max-width:100%;}
}
@media (max-width:350px) {
  .bottom__end-icon {
    width:4rem;
    height:4rem;
  }
  .bottom__end-icon img {
    max-width: 2rem;
    max-height: 2rem;
  }
}

/*---- LIGHTBOX ----*/
#glightbox-body .gslide-media img {
  max-height:90vh !important;
  max-width:90vw;
}
#glightbox-body .gslide-description {
  background:transparent;
}
#glightbox-body .gdesc-inner {
  padding: 1rem 2rem 0;
}
#glightbox-body .gslide-desc {
  color: var(--lightGrey);
  text-align: center;
  font-family: var(--bodyFont);
  font-size: var(--bodyFontSize);
  line-height: 1.53;
}
#glightbox-body .gslide-desc p {width:100%;max-width: unset;}
#glightbox-body #gSlideDesc_6.gslide-desc,
#glightbox-body #gSlideDesc_7.gslide-desc {
  font-size: clamp(1rem, 0.85rem + 0.4vw, 1.25rem);
}
#glightbox-body .gslide-desc.desc-small {
  font-size: 0.875rem;
}
@media (max-width:1024px) {
  #glightbox-body .gslide-media img {
    max-height:82svh !important;
    max-width:87vw;
  }
}

/*---- PRELOADER ----*/
.preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: -ms-grid;
  display: grid;
  place-items: center;
  height: 100dvh;
  background: var(--forest);
  color: var(--white);
  pointer-events: auto;
  will-change: transform;
}
.preloader__content {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}
.preloader__loader {
  --loader-size: clamp(4rem, 8vw, 7rem);
  --loader-thickness: clamp(0.45rem, 0.8vw, 0.7rem);

  width: var(--loader-size);
  height: var(--loader-size);
  aspect-ratio: 1;
  border-radius: 50%;

  background:
    radial-gradient(farthest-side, #FFAD00 94%, #0000) top / var(--loader-thickness) var(--loader-thickness) no-repeat,
    conic-gradient(#0000 30%, #FFAD00);

  -webkit-mask: radial-gradient(
    farthest-side,
    #0000 calc(100% - var(--loader-thickness)),
    #000 0
  );

  mask: radial-gradient(
    farthest-side,
    #0000 calc(100% - var(--loader-thickness)),
    #000 0
  );

  -webkit-animation: l13 1s infinite linear;

          animation: l13 1s infinite linear;
}
@-webkit-keyframes l13 {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes l13 {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

/* ---- FORM ---- */
.bottom__updates-form .helene-form__email input.wpcf7-email {
  background: var(--white);
  border:1.25px solid var(--darkGrey);
  padding:1.1rem 1.4rem;
  border-radius:0;
  color:var(--darkGrey);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width:100%;
}
.bottom__updates-form .helene-form__email input.wpcf7-email::-webkit-input-placeholder {
  font-style:italic;
  font-size:1.2rem;
  font-weight:400;
}
.bottom__updates-form .helene-form__email input.wpcf7-email::-moz-placeholder {
  font-style:italic;
  font-size:1.2rem;
  font-weight:400;
}
.bottom__updates-form .helene-form__email input.wpcf7-email:-ms-input-placeholder {
  font-style:italic;
  font-size:1.2rem;
  font-weight:400;
}
.bottom__updates-form .helene-form__email input.wpcf7-email::-ms-input-placeholder {
  font-style:italic;
  font-size:1.2rem;
  font-weight:400;
}
.bottom__updates-form .helene-form__email input.wpcf7-email::placeholder {
  font-style:italic;
  font-size:1.2rem;
  font-weight:400;
}
.bottom__updates-form .helene-form__email input.wpcf7-email:focus-visible {
  outline: var(--teal) auto 1px;
}
.bottom__updates-form .wpcf7 .helene-form__opt-in {
  display: block;
  margin-top: 0.4rem;
  margin-bottom: 0.5rem;
}
.bottom__updates-form .helene-form__opt-in .wpcf7-list-item {
  margin-left:0.33rem;
  position: relative;
}
.bottom__updates-form .helene-form__opt-in .wpcf7-list-item::before {
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:-0.25rem;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  background: #D9D9D9;
  width:1.75rem;
  height:1.75rem;
  z-index:0;
  border-radius:0.4rem;
}
.bottom__updates-form .helene-form__opt-in span.wpcf7-list-item-label {
  color: var(--white);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.375rem; 
}
.bottom__updates-form .helene-form__opt-in label {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:1rem;
  padding: 0;
}
.bottom__updates-form .helene-form__opt-in input[type="checkbox"] {
  position:relative;
  z-index:5;
  width:1.25rem;
  height:1.25rem;
  border-radius:0.3rem;
  border:1px solid #000;
}
.bottom__updates-form .wpcf7-not-valid-tip {
  color:var(--yellow);
}
.bottom__updates-form .wpcf7-submit {margin-top:1rem;}
@media (max-width:550px) {
  .bottom__updates-form .helene-form__opt-in span.wpcf7-list-item-label {
    line-height:1.4;
    margin-top:1rem;
  }
}


#helene-form .helene-form__name input,
#helene-form .helene-form__email input {
  background: var(--white);
  border:1.25px solid var(--darkGrey);
  padding:0.4rem 1.4rem;
  border-radius:0;
  color:var(--darkGrey);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width:100%;
  height:auto;
  font-weight:400;
  font-size:1rem;
}
#helene-form .ginput_container input::-moz-placeholder {font-style:italic;}
#helene-form .ginput_container input::-webkit-input-placeholder {font-style:italic;}
#helene-form .ginput_container input:-ms-input-placeholder {font-style:italic;}
#helene-form .ginput_container input::-ms-input-placeholder {font-style:italic;}
#helene-form .ginput_container input::placeholder {font-style:italic;}
#helene-form .ginput_container input:focus-visible {outline: var(--teal) auto 1px;}
#helene-form .helene-form__name .gform-field-label--type-sub {display:none;}
#helene-form .gform_fields {gap:1rem;}
#helene-form .gform_button {
  background:var(--yellow);
}
#helene-form .helene-form__opt-in.gfield .gchoice {
  margin-left:0.33rem;
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:1rem;
  padding: 0;
}
#helene-form .helene-form__opt-in.gfield .gchoice::before {
  content:'';
  display:block;
  position:absolute;
  top:50%;
  left:-0.25rem;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  background: #D9D9D9;
  width:1.75rem;
  height:1.75rem;
  z-index:0;
  border-radius:0.4rem;
}
#helene-form .helene-form__opt-in.gfield input[type="checkbox"] {
  position:relative;
  z-index:5;
  width:1.25rem;
  height:1.25rem;
  border-radius:0.3rem;
  border:1px solid #000;
  color:#000;
}
#helene-form .helene-form__opt-in.gfield .gchoice .gform-field-label {
  color: var(--white);
  font-size: 1rem;
  line-height:1.4;
  margin:0;
}
@media (min-width:1025px) {
  #helene-form .gform_wrapper {max-width:90%}
}
@media (max-width:639px) {
  #helene-form .helene-form__name .gform-grid-col {width:50%;}
}


/*---- ANIMATIONS ----*/
.split-text-word,
.split-char,
.timeline__card-title-word,
.timeline__icon-list-word {
  display: inline-block;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: normal;
}
.intro__title,
.intro__title span {
  opacity: 1;
}