/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[9].use[0]!./static/src/components/modules/global-hero/global-hero.vue?vue&type=style&index=0&id=5ce834e6&lang=less&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
h1[data-v-5ce834e6],
.headline-1[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Oswald";
  font-size: 4.75rem;
  font-weight: 400;
  letter-spacing: -0.0095rem;
  line-height: 5.5rem;
}
h1.headline-1--scale[data-v-5ce834e6],
.headline-1.headline-1--scale[data-v-5ce834e6] {
  font-size: calc(4.75rem / 1500 * var(--inner-width));
  line-height: calc(5.5rem / 1500 * var(--inner-width));
}
h1 svg[data-v-5ce834e6],
.headline-1 svg[data-v-5ce834e6] {
  height: 5.5rem;
  left: 0;
  position: relative;
  transition: all ease 0.5s;
  vertical-align: top;
}
h1:hover svg[data-v-5ce834e6],
.headline-1:hover svg[data-v-5ce834e6] {
  left: calc(5.5rem / 4);
}
@media screen and (max-width: 768px) {
h1[data-v-5ce834e6],
  .headline-1[data-v-5ce834e6] {
    font-size: 3rem;
    letter-spacing: -0.006rem;
    line-height: 3.5rem;
}
h1.headline-1--scale[data-v-5ce834e6],
  .headline-1.headline-1--scale[data-v-5ce834e6] {
    font-size: calc(3rem / 390 * var(--inner-width));
    line-height: calc(3.5rem / 390 * var(--inner-width));
}
h1 svg[data-v-5ce834e6],
  .headline-1 svg[data-v-5ce834e6] {
    height: 3.5rem;
}
h1:hover svg[data-v-5ce834e6],
  .headline-1:hover svg[data-v-5ce834e6] {
    left: calc(3.5rem / 4);
}
}
h2[data-v-5ce834e6],
.headline-2[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Oswald";
  font-size: 3.8125rem;
  font-weight: 400;
  letter-spacing: -0.007625rem;
  line-height: 4.5rem;
}
h2.headline-2--scale[data-v-5ce834e6],
.headline-2.headline-2--scale[data-v-5ce834e6] {
  font-size: calc(3.8125rem / 1500 * var(--inner-width));
  line-height: calc(4.5rem / 1500 * var(--inner-width));
}
h2 svg[data-v-5ce834e6],
.headline-2 svg[data-v-5ce834e6] {
  height: 4.5rem;
  left: 0;
  position: relative;
  transition: all ease 0.5s;
  vertical-align: top;
}
h2:hover svg[data-v-5ce834e6],
.headline-2:hover svg[data-v-5ce834e6] {
  left: calc(4.5rem / 4);
}
@media screen and (max-width: 768px) {
h2[data-v-5ce834e6],
  .headline-2[data-v-5ce834e6] {
    font-size: 2.5rem;
    letter-spacing: -0.005rem;
    line-height: 3rem;
}
h2.headline-2-scale[data-v-5ce834e6],
  .headline-2.headline-2-scale[data-v-5ce834e6] {
    font-size: calc(2.5rem / 390 * var(--inner-width));
    line-height: calc(3rem / 390 * var(--inner-width));
}
h2.headline-2-scale svg[data-v-5ce834e6],
  .headline-2.headline-2-scale svg[data-v-5ce834e6] {
    height: 3rem;
}
h2.headline-2-scale:hover svg[data-v-5ce834e6],
  .headline-2.headline-2-scale:hover svg[data-v-5ce834e6] {
    left: calc(3rem / 4);
}
}
h3[data-v-5ce834e6],
.headline-3[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Oswald";
  font-size: 3.0625rem;
  font-weight: 400;
  letter-spacing: -0.006125rem;
  line-height: 3.5rem;
}
h3.headline-3--scale[data-v-5ce834e6],
.headline-3.headline-3--scale[data-v-5ce834e6] {
  font-size: calc(3.0625rem / 1500 * var(--inner-width));
  line-height: calc(3.5rem / 1500 * var(--inner-width));
}
h3 svg[data-v-5ce834e6],
.headline-3 svg[data-v-5ce834e6] {
  height: 3.5rem;
  left: 0;
  position: relative;
  transition: all ease 0.5s;
  vertical-align: top;
}
h3:hover svg[data-v-5ce834e6],
.headline-3:hover svg[data-v-5ce834e6] {
  left: calc(3.5rem / 4);
}
@media screen and (max-width: 768px) {
h3[data-v-5ce834e6],
  .headline-3[data-v-5ce834e6] {
    font-size: 1.9375rem;
    letter-spacing: -0.003875rem;
    line-height: 2.5rem;
}
h3.headline-3-scale[data-v-5ce834e6],
  .headline-3.headline-3-scale[data-v-5ce834e6] {
    font-size: calc(1.9375rem / 390 * var(--inner-width));
    line-height: calc(2.5rem / 390 * var(--inner-width));
}
h3 svg[data-v-5ce834e6],
  .headline-3 svg[data-v-5ce834e6] {
    height: 2.5rem;
}
h3:hover svg[data-v-5ce834e6],
  .headline-3:hover svg[data-v-5ce834e6] {
    left: calc(2.5rem / 4);
}
}
h4[data-v-5ce834e6],
.headline-4[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Oswald";
  font-size: 1.9375rem;
  font-weight: 500;
  letter-spacing: -0.003875rem;
  line-height: 2.5rem;
}
h4.headline-4--scale[data-v-5ce834e6],
.headline-4.headline-4--scale[data-v-5ce834e6] {
  font-size: calc(1.9375rem / 1500 * var(--inner-width));
  line-height: calc(2.5rem / 1500 * var(--inner-width));
}
h4 svg[data-v-5ce834e6],
.headline-4 svg[data-v-5ce834e6] {
  height: 2.5rem;
  left: 0;
  position: relative;
  transition: all ease 0.5s;
  vertical-align: top;
}
h4:hover svg[data-v-5ce834e6],
.headline-4:hover svg[data-v-5ce834e6] {
  left: calc(2.5rem / 4);
}
@media screen and (max-width: 768px) {
h4[data-v-5ce834e6],
  .headline-4[data-v-5ce834e6] {
    font-size: 1.375rem;
    letter-spacing: -0.00275rem;
    line-height: 1.75rem;
}
h4.headline-4-scale[data-v-5ce834e6],
  .headline-4.headline-4-scale[data-v-5ce834e6] {
    font-size: calc(1.375rem / 390 * var(--inner-width));
    line-height: calc(1.75rem / 390 * var(--inner-width));
}
h4 svg[data-v-5ce834e6],
  .headline-4 svg[data-v-5ce834e6] {
    height: 1.75rem;
}
h4:hover svg[data-v-5ce834e6],
  .headline-4:hover svg[data-v-5ce834e6] {
    left: calc(1.75rem / 4);
}
}
h5[data-v-5ce834e6],
.headline-5[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Oswald";
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.003125rem;
  line-height: 1.5rem;
}
h5.headline-5--scale[data-v-5ce834e6],
.headline-5.headline-5--scale[data-v-5ce834e6] {
  font-size: calc(1.25rem / 1500 * var(--inner-width));
  line-height: calc(1.5rem / 1500 * var(--inner-width));
}
h5 svg[data-v-5ce834e6],
.headline-5 svg[data-v-5ce834e6] {
  height: 1.5rem;
  left: 0;
  position: relative;
  transition: all ease 0.5s;
  vertical-align: top;
}
h5:hover svg[data-v-5ce834e6],
.headline-5:hover svg[data-v-5ce834e6] {
  left: calc(1.5rem / 4);
}
h6[data-v-5ce834e6],
.headline-6[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Oswald";
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.0025rem;
  line-height: 1.25rem;
}
h6.headline-6--scale[data-v-5ce834e6],
.headline-6.headline-6--scale[data-v-5ce834e6] {
  font-size: calc(1rem / 1500 * var(--inner-width));
  line-height: calc(1.25rem / 1500 * var(--inner-width));
}
h6 svg[data-v-5ce834e6],
.headline-6 svg[data-v-5ce834e6] {
  height: 1.25rem;
  left: 0;
  position: relative;
  transition: all ease 0.5s;
  vertical-align: top;
}
h6:hover svg[data-v-5ce834e6],
.headline-6:hover svg[data-v-5ce834e6] {
  left: calc(1.25rem / 4);
}
.display-1[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Raleway";
  font-size: 3.125rem;
  font-weight: 400;
  letter-spacing: -0.00625rem;
  line-height: 3.5rem;
  font-variant-numeric: lining-nums;
}
.display-1.display-1--strong[data-v-5ce834e6] {
  font-weight: 600;
}
.display-1.display-1--italic[data-v-5ce834e6] {
  font-style: italic;
}
.display-1.display-1--scale[data-v-5ce834e6] {
  font-size: calc(3.125rem / 1500 * var(--inner-width));
  line-height: calc(3.5rem / 1500 * var(--inner-width));
}
@media screen and (max-width: 768px) {
.display-1[data-v-5ce834e6] {
    font-size: 1.9375rem;
    letter-spacing: -0.003875rem;
    line-height: 2.5rem;
}
.display-1.display-1--scale[data-v-5ce834e6] {
    font-size: calc(1.9375rem / 390 * var(--inner-width));
    line-height: calc(2.5rem / 390 * var(--inner-width));
}
}
.display-2[data-v-5ce834e6] {
  color: #F5F5F7;
  font-family: "Raleway";
  font-size: 1.9375rem;
  font-weight: 400;
  letter-spacing: -0.003875rem;
  line-height: 2.5rem;
  font-variant-numeric: lining-nums;
}
.display-2.display-2--strong[data-v-5ce834e6] {
  font-weight: 600;
}
.display-2.display-2--italic[data-v-5ce834e6] {
  font-style: italic;
}
.display-2.display-2--scale[data-v-5ce834e6] {
  font-size: calc(1.9375rem / 1500 * var(--inner-width));
  line-height: calc(2.5rem / 1500 * var(--inner-width));
}
@media screen and (max-width: 768px) {
.display-2[data-v-5ce834e6] {
    font-size: 1.375rem;
    letter-spacing: -0.00275rem;
    line-height: 1.75rem;
}
.display-2.display-2-scale[data-v-5ce834e6] {
    font-size: calc(1.375rem / 390 * var(--inner-width));
    line-height: calc(1.75rem / 390 * var(--inner-width));
}
}
.label-1[data-v-5ce834e6] {
  color: #B9B9C1;
  font-family: "Raleway";
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  line-height: 1.25rem;
  font-variant-numeric: lining-nums;
}
@media screen and (max-width: 768px) {
.label-1[data-v-5ce834e6] {
    font-size: 0.75rem;
    letter-spacing: 0.15rem;
    line-height: 1rem;
}
}
.label-2[data-v-5ce834e6] {
  color: #B9B9C1;
  font-family: "Raleway";
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.15rem;
  line-height: 1rem;
  font-variant-numeric: lining-nums;
}
@media screen and (max-width: 768px) {
.label-2[data-v-5ce834e6] {
    font-size: 0.625rem;
    letter-spacing: 0.125rem;
    line-height: 0.875rem;
}
}
a[data-v-5ce834e6] {
  color: #DADADC;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: auto;
  text-decoration-color: #71B0BF;
  transition: all ease 0.5s;
}
a[data-v-5ce834e6]:hover {
  color: #A8DFE8;
}
a[data-v-5ce834e6]:visited {
  color: #F5F5F7;
}
a[data-v-5ce834e6]:visited:hover {
  color: #A8DFE8;
}
[data-v-5ce834e6]::selection {
  color: #1C2A40;
  background-color: #A8DFE8;
}
.body-1[data-v-5ce834e6] {
  font-family: "Raleway";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  margin-bottom: 24px;
  orphans: 2;
  widows: 2;
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
}
.body-1.body-1--small[data-v-5ce834e6] {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 768px) {
.body-1[data-v-5ce834e6] {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 16px;
}
}
.body-1 a[data-v-5ce834e6] {
  text-decoration-thickness: 2px;
}
.body-1[data-v-5ce834e6] {
  color: #DADADC;
}
body[data-v-5ce834e6],
.body-2[data-v-5ce834e6] {
  color: #DADADC;
  font-family: "Raleway";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  orphans: 2;
  widows: 2;
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
}
body .body-2--small[data-v-5ce834e6],
.body-2 .body-2--small[data-v-5ce834e6] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media screen and (max-width: 768px) {
body[data-v-5ce834e6],
  .body-2[data-v-5ce834e6] {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
}
body a[data-v-5ce834e6],
.body-2 a[data-v-5ce834e6] {
  text-decoration-thickness: 1.5px;
}
.body-3[data-v-5ce834e6] {
  color: #DADADC;
  font-family: "Raleway";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  orphans: 2;
  widows: 2;
  text-wrap: pretty;
  font-variant-numeric: lining-nums;
}
.body-3 .body-3--small[data-v-5ce834e6] {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media screen and (max-width: 768px) {
.body-3[data-v-5ce834e6] {
    font-size: 0.75rem;
    line-height: 1rem;
}
}
.body-3 a[data-v-5ce834e6] {
  text-decoration-thickness: 1px;
}
button[data-v-5ce834e6],
.button[data-v-5ce834e6] {
  align-items: center;
  background: none;
  border: none;
  color: #F5F5F7;
  cursor: pointer;
  display: flex;
  font-family: "Raleway";
  font-size: 1rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -0.003rem;
  line-height: 1.5rem;
  padding: 8px 24px;
  text-decoration: none;
  font-variant-numeric: lining-nums;
}
button.button--pill[data-v-5ce834e6],
.button.button--pill[data-v-5ce834e6] {
  color: #191D1E;
  background-color: #A8DFE8;
  border-color: transparent;
  border-radius: 50px;
  border-style: solid;
  border-width: 2px;
}
button.button--pill[data-v-5ce834e6]:hover,
.button.button--pill[data-v-5ce834e6]:hover {
  background-color: #D7F1F4;
}
@media screen and (max-width: 768px) {
button[data-v-5ce834e6],
  .button[data-v-5ce834e6] {
    font-size: 0.875rem;
    letter-spacing: -0.002625rem;
    line-height: 1.5rem;
}
}
.invert[data-v-5ce834e6] {
  background-color: #D7F1F4;
}
.invert h1[data-v-5ce834e6],
.invert .headline-1[data-v-5ce834e6] {
  color: #191D1E;
}
.invert h2[data-v-5ce834e6],
.invert .headline-2[data-v-5ce834e6] {
  color: #191D1E;
}
.invert h3[data-v-5ce834e6],
.invert .headline-3[data-v-5ce834e6] {
  color: #191D1E;
}
.invert h4[data-v-5ce834e6],
.invert .headline-4[data-v-5ce834e6] {
  color: #191D1E;
}
.invert h5[data-v-5ce834e6],
.invert .headline-5[data-v-5ce834e6] {
  color: #191D1E;
}
.invert h6[data-v-5ce834e6],
.invert .headline-6[data-v-5ce834e6] {
  color: #191D1E;
}
.invert .display-2[data-v-5ce834e6] {
  color: #191D1E;
}
.invert .display-2[data-v-5ce834e6] {
  color: #191D1E;
}
.invert p[data-v-5ce834e6],
.invert .body-1[data-v-5ce834e6],
.invert .body-2[data-v-5ce834e6],
.invert .body-3[data-v-5ce834e6] {
  color: #191D1E;
}
.invert button[data-v-5ce834e6],
.invert .button[data-v-5ce834e6] {
  color: #191D1E;
}
.invert button.button--pill[data-v-5ce834e6],
.invert .button.button--pill[data-v-5ce834e6] {
  border-color: #2C3D59;
}
ul[data-v-5ce834e6] {
  list-style-type: disc;
  padding-left: 24px;
  margin-bottom: 24px;
}
ul li[data-v-5ce834e6] {
  margin-bottom: 16px;
  font-size: 1.5rem;
  line-height: 2rem;
  orphans: 2;
  widows: 2;
  text-wrap: pretty;
}
ol[data-v-5ce834e6] {
  list-style-type: decimal;
  padding-left: 24px;
  margin-bottom: 24px;
}
ol li[data-v-5ce834e6] {
  margin-bottom: 16px;
  font-size: 1.5rem;
  line-height: 2rem;
  orphans: 2;
  widows: 2;
  text-wrap: pretty;
}
.global-hero[data-v-5ce834e6] {
  position: relative;
}
.global-hero__image[data-v-5ce834e6] {
  display: block;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 768px) {
.global-hero__image[data-v-5ce834e6] {
    max-height: none;
}
}
.global-hero .global-hero__video-wrapper[data-v-5ce834e6] {
  position: relative;
  width: 100%;
}
.global-hero .global-hero__video-wrapper .global-hero__video[data-v-5ce834e6] {
  width: 100%;
  height: auto;
}
.global-hero .global-hero__video-wrapper > div[style*="padding:56.25%"][data-v-5ce834e6] {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.global-hero .global-hero__video-wrapper > div[style*="padding:56.25%"] iframe[data-v-5ce834e6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.global-hero__video-overlay-image-wrapper[data-v-5ce834e6] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  height: 65%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 253px;
}
.global-hero__video-overlay-image[data-v-5ce834e6] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global-hero__video[data-v-5ce834e6] {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.global-hero__label[data-v-5ce834e6] {
  bottom: 0;
  left: 0;
  padding: 64px;
  position: absolute;
  max-width: 718px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.global-hero__label[data-v-5ce834e6] {
    padding: 56px 20px;
}
}
.global-hero__text[data-v-5ce834e6] {
  height: 100%;
  max-width: 1400px;
  padding: 100px 0 64px;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (max-width: 768px) {
.global-hero__text[data-v-5ce834e6] {
    padding: 100px 0 56px;
}
}
.global-hero__overlay[data-v-5ce834e6] {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.global-hero__overlay--neutral[data-v-5ce834e6] {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.69) 100%);
}
.global-hero__overlay--warm[data-v-5ce834e6] {
  background: linear-gradient(180deg, rgba(52, 32, 31, 0) 50.27%, rgba(52, 32, 31, 0.8) 100%);
}
.global-hero__overlay--cool[data-v-5ce834e6] {
  background: linear-gradient(180deg, rgba(28, 42, 64, 0) 51%, rgba(28, 42, 64, 0.85) 100%);
}
.global-hero__media-control[data-v-5ce834e6] {
  align-items: center;
  background: none;
  border: none;
  bottom: 20px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  left: 20px;
  width: 36px;
  z-index: 1;
}
.global-hero__media-control-icon[data-v-5ce834e6] {
  color: #F5F5F7;
  font-size: 36px;
}