@font-face {
  font-family: Satoshi;
  src: url("../fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Coolvetica Condensed;
  src: url("../fonts/coolvetica-condensed-rg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #080808;
  --light-brown: #a17b61;
  --heavy-brown: #8b5e3b;
  --white: white;
  --grey: #888;
  --hero-video-radius: 3.125rem;
  --fitness-intro-shadow-y: -0.6em;
  --bottom-cta-radius: 3.125rem;
  --player-radius: 3.5rem;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

* {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none;     
  -webkit-tap-highlight-color: transparent;

}

body {
  color: var(--black);
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}



h1 {
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 11.25rem;
  font-weight: 400;
  line-height: 0.9;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.04;
}

h3 {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.04;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.8;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--black);
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.2s,
    background-color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: 600;
}

blockquote {
  border-left: 5px solid var(--black);
  margin-bottom: 0;
  padding: 0.8rem 1rem;
  font-size: 1.25rem;
  line-height: 1.2;
}

.page-wrapper {
  overflow: clip;
}

.whatsapp-button {
  width: 3rem;
  position: fixed;
  bottom: 40px;
  right: 20px;
  cursor: pointer;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  
  opacity: 0; /* 👈 arranca invisible */
  animation: fadeIn 1s ease forwards;
  animation-delay: 1.2s; /* ⏱ tiempo de espera antes de aparecer */
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.is-privacy{
  padding: 3rem;
}

.container-large {
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-large.is-flex {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.styleguide_block {
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.styleguide_block.cc-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide_block.cc-grid.cc-icons {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.styleguide_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.styleguide_label {
  color: var(--black);
  white-space: nowrap;
  cursor: context-menu;
  background-color: #00000026;
  border-radius: 4px;
  padding: 0.3rem 0.6rem;
  font-size: 0.75rem;
  display: inline-block;
}

.styleguide_label.is-html-tag {
  color: var(--black);
  background-color: #fff;
  border: 1px solid #00000026;
}

.styleguide_label.is-on-dark {
  color: var(--light-brown);
}

.styleguide_row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px dashed #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 10rem 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: grid;
}

.styleguide_styles {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  border-top: 1px dashed #0000001a;
  flex-flow: column;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.text-size-large {
  font-size: 1.25rem;
}

.text-size-medium {
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
}

.text-size-regular {
  font-size: 1rem;
}

.text-size-small {
  font-size: 0.88rem;
}

.text-size-tiny {
  font-size: 0.75rem;
}

.text-weight-xbold {
  font-weight: 800;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-weight-medium {
  font-weight: 500;
}

.text-weight-normal {
  font-weight: 400;
}

.text-style-italic {
  font-style: italic;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-style-link {
  color: var(--light-brown);
}

.text-style-link:hover {
  color: var(--heavy-brown);
  text-decoration: none;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-rich-text {
  font-size: 1.125rem;
}

.text-rich-text h1,
.text-rich-text h2 {
  margin-bottom: 2.5rem;
}

.text-rich-text h3,
.text-rich-text h4,
.text-rich-text h5,
.text-rich-text h6 {
  margin-bottom: 2rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text blockquote,
.text-rich-text ol {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.styleguide_grid-colours {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.background-color-black {
  background-color: var(--black);
  color: var(--light-brown);
}

.styleguide_empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4rem 2rem;
  display: flex;
  position: relative;
}

.text-color-white {
  color: #fff;
}

.text-color-black {
  color: #000;
}

.button {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  background-color: var(--light-brown);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 3rem;
  text-decoration: none;
  transition: background-color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  background-color: var(--heavy-brown);
}

.button.is-small {
  border-radius: 2rem;
  padding: 1rem 1.5rem;
}

.button.is-secondary {
  border: 1px solid var(--grey);
  color: var(--black);
  background-color: #0000;
}

.button.is-secondary:hover {
  background-color: #f3f3f3;
}

.button.is-link {
  letter-spacing: 0.02em;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  padding: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
}

.styleguide_label-row {
  grid-column-gap: 0.4rem;
  grid-row-gap: 0.4rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-field-wrapper {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: column;
  flex: 1;
  width: 100%;
  display: flex;
  position: relative;
}

.form-radio-label,
.form-checkbox-label {
  margin-bottom: 0;
}

.form-radio-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100px;
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  min-height: 0.75rem;
  margin-top: 0;
  margin-left: -0.75rem;
  margin-right: 0.5rem;
}

.form-radio-icon.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form-radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.form-input {
  color: var(--black);
  background-color: #0000;
  border: 1px solid #0808084d;
  border-radius: 2.5rem;
  height: auto;
  min-height: 3.5rem;
  margin-bottom: 0;
  padding: 0.5rem 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
  transition: border-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.form-input:hover {
  border-color: var(--black);
}

.form-input:focus {
  border-color: var(--black);
  background-color: #a9a9a91a;
}

.form-input::placeholder {
  color: #08080880;
}

.form-input.is-select-input {
  background-color: #fff;
  background-image: none;
}

.form-input.is-text-area {
  border-radius: 1rem;
  height: auto;
  min-height: 11.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: auto;
}

.form-input.is-green {
  color: var(--light-brown);
  border-color: #a17b61;
}

.form-input.is-green:hover {
  border-color: var(--heavy-brown);
}

.form-input.is-green:focus {
  border-color: var(--heavy-brown);
  background-color: #ffffff1a;
}

.form-input.is-green::placeholder {
  color: #ffffffb3;
}

.class-label-column {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.field-label {
  color: var(--white);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

.class-label-row {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.form-checkbox-icon {
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 0;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  margin-top: 0;
  margin-left: -1rem;
  margin-right: 0.5rem;
  transition: all 0.2s;
}

.form-checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form-checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.rl-styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 10rem 1fr;
  align-items: center;
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0.75rem;
  display: flex;
}

.form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1rem;
  display: flex;
}

.icon-16 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1rem;
  display: flex;
}

.icon-20 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  display: flex;
}

.icon-24 {
  z-index: 2;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  display: flex;
  position: relative;
}

.icon-32 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: flex;
}

.icon-40 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  display: flex;
}

.icon-48 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3rem;
  display: flex;
}

.icon-56 {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  display: flex;
}

.styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 1.6rem;
  display: grid;
}

.styleguide_empty-box {
  z-index: -1;
  pointer-events: none;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.main-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.container-medium {
  width: 90%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 90%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_spacing {
  background-image: linear-gradient(0deg, #2d40ea0d, #2d40ea00);
  border: 1px dashed #d3d3d3;
  width: 100%;
}

.margin-bottom-4 {
  margin-bottom: 0.25rem;
}

.margin-bottom-8 {
  margin-bottom: 0.5rem;
}

.margin-bottom-12 {
  margin-bottom: 0.75rem;
}

.margin-bottom-16 {
  margin-bottom: 1rem;
}

.margin-bottom-20 {
  margin-bottom: 1.25rem;
}

.margin-bottom-24 {
  margin-bottom: 1.5rem;
}

.margin-bottom-28 {
  margin-bottom: 1.75rem;
}

.margin-bottom-32 {
  margin-bottom: 2rem;
}

.margin-bottom-40 {
  margin-bottom: 2.5rem;
}

.margin-bottom-48 {
  margin-bottom: 3rem;
}

.margin-bottom-56 {
  margin-bottom: 3.5rem;
}

.margin-bottom-64 {
  margin-bottom: 4rem;
}

.margin-bottom-72 {
  margin-bottom: 4.5rem;
}

.margin-bottom-80 {
  margin-bottom: 5rem;
}

.margin-bottom-96 {
  margin-bottom: 6rem;
}

.margin-bottom-104 {
  margin-bottom: 6.5rem;
}

.margin-bottom-120 {
  margin-bottom: 7.5rem;
}

.margin-bottom-144 {
  margin-bottom: 9rem;
}

.hide,
.show-tablet,
.show-landscape,
.show-portrait {
  display: none;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.z-index-2 {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.z-index-3 {
  z-index: 3;
  position: relative;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-40,
.opacity-20 {
  opacity: 0.4;
}

.heading-style-h1 {
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 11.25rem;
  font-weight: 400;
  line-height: 0.9;
  position: relative;
}

.heading-style-h2 {
  color: var(--black);
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.04;
}

.heading-style-h3 {
  color: var(--white);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

.heading-style-h4 {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.04;
}

.heading-style-h5 {
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
}

.heading-style-h6 {
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

.styleguide_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.text-weight-light {
  font-weight: 300;
}

.styleguide_h1 {
  font-size: 4rem;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.margin-top-4 {
  margin-top: 0.25rem;
}

.margin-top-8 {
  margin-top: 0.5rem;
}

.margin-top-12 {
  margin-top: 0.75rem;
}

.margin-top-16 {
  margin-top: 1rem;
}

.margin-top-20 {
  margin-top: 1.25rem;
}

.margin-top-24 {
  margin-top: 1.5rem;
}

.margin-top-28 {
  margin-top: 1.75rem;
}

.margin-top-32 {
  margin-top: 2rem;
}

.margin-top-40 {
  margin-top: 2.5rem;
}

.margin-top-48 {
  margin-top: 3rem;
}

.margin-top-56 {
  margin-top: 3.5rem;
}

.margin-top-64 {
  margin-top: 4rem;
}

.margin-top-72 {
  margin-top: 4.5rem;
}

.margin-top-80 {
  margin-top: 5rem;
}

.margin-top-96 {
  margin-top: 6rem;
}

.margin-top-104 {
  margin-top: 6.5rem;
}

.margin-top-120 {
  margin-top: 7.5rem;
}

.margin-top-144 {
  margin-top: 9rem;
}

.section {
  z-index: 2;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  position: relative;
}

.section.is-video {
  margin-top: 6rem;
  padding-top: 5vh;
  padding-bottom: 0;
}

.section.background-color-black {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section.background-color-black.hero-data {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section.is-location {
  color: var(--light-brown);
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.section.is-footer {
  border-top: 1px solid var(--grey);
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section.is-hero {
  height: 200vh;
  margin-top: 6rem;
  padding-top: 1vh;
  padding-bottom: 0;
}

.section.is-gallery {
  justify-content: center;
  align-items: center;
  margin-bottom: 8.75rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.is-experience {
  background-color: var(--black);
  color: var(--light-brown);
  overflow: hidden;
}

.section.is-history {
  background-image: linear-gradient(0deg, var(--black), #0000);
  color: var(--light-brown);
  position: relative;
  overflow: hidden;
}

.section.is-contact {
  margin-top: 6rem;
  padding-top: 0;
  padding-bottom: 0;
  overflow: clip;
}

.section.background-color-white {
  background-color: var(--white);
}

.section.is-bottom-cta {
  padding-top: 7.5rem;
  padding-bottom: 5rem;
}

.section.is-about-hero,
.section.is-location-hero {
  margin-top: 6rem;
  padding-top: 5rem;
  padding-bottom: 6rem;
}

.section.is-legal {
  margin-top: 6rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section.is-gallery {
  justify-content: center;
  align-items: center;
  margin-top: 9rem;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.is-experience {
  color: #fff;
  background-color: #080808;
  overflow: hidden;
}

.section.is-experience-copy {
  color: #080808;
  background-color: #fff;
  overflow: hidden;
}

.video_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  transform: scale(0.5);
}

.text-size-eyebrow {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1;
}

.video_bg {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.max-width-700 {
  z-index: 2;
  flex-flow: column;
  max-width: 43.75rem;
  position: relative;
}

.img-cover {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video_play {
  z-index: 2;
  aspect-ratio: 1;
  background-color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3.13rem;
  display: flex;
  position: relative;
}

.video_btn {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--light-brown);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.video_title {
  z-index: 2;
  color: var(--light-brown);
  position: absolute;
  bottom: 5%;
}

.video_box {
  z-index: 1;
  border-radius: var(--hero-video-radius);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video_bg_overlay {
  z-index: 2;
  background-image: linear-gradient(0deg, #00000040, #0000);
  position: absolute;
  inset: 0%;
}

.max-width-full {
  width: 100%;
}

.wrap_flex {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrap_flex.is-align-top {
  justify-content: space-between;
  align-items: flex-start;
}

.wrap_flex.is-align-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.max-width-440 {
  width: 100%;
  max-width: 27.5rem;
}

.email-form_wrap {
  flex: 1;
  max-width: 31.875rem;
  margin-bottom: 0;
}

.email_form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-color-darkgrey {
  color: var(--white);
}

.shadow-card {
  box-shadow: 0 100px 80px #00000012, 0 64px 46px #0000000f,
    0 40px 25px #0000000d, 0 20px 13px #0000000a, 0 8px 7px #00000008,
    0 2px 3px #00000005;
}

.player_list {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.player_item {
  flex: 1;
}

.player_visual {
  aspect-ratio: 1;
  border-radius: 3.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.parallax-wrap {
  z-index: 1;
  background-color: var(--black);
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.parallax-img {
  opacity: 0.7;
  object-fit: cover;
  flex: none;
  width: 100%;
  height: 120%;
  position: relative;
}

.parallax-img.is-full {
  opacity: 1;
}

.parallax-overlay {
  z-index: 2;
  background-image: linear-gradient(90deg, #000000b3, #0000);
  position: absolute;
  inset: 0%;
}

.parallax-overlay.is-full {
  background-image: linear-gradient(0deg, var(--black), #0000);
}

.locations_wrap {
  z-index: 2;
  grid-column-gap: 4.75rem;
  grid-row-gap: 4.75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.text-color-lightgrey {
  color: var(--grey);
}

.locations_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.locations_visual {
  aspect-ratio: 330 / 180;
  border-radius: 1.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.faqs_wrap {
  grid-column-gap: 4.75rem;
  grid-row-gap: 4.75rem;
  display: flex;
}

.faqs_list {
  flex: 1;
  padding-left: 0;
  list-style-type: none;
}

.faqs_item {
  cursor: pointer;
  border-bottom: 1px solid #ffffff42;
  padding-bottom: 0.75rem;
  transition: color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.faqs_item:hover {
  color: var(--heavy-brown);
}

.faqs_head {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  display: flex;
}

.faqs_body {
  overflow: hidden;
}

.max-width-250 {
  max-width: 15.63rem;
}

.footer_links {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-bottom: 0;
  margin-right: -0.5rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.form-error {
  background-color: #ff656569;
  border-radius: 0.5rem;
  margin-top: 1rem;
  padding: 0.5rem 0.75rem;
}

.form-success {
  background-color: var(--heavy-brown);
  color: var(--black);
  border-radius: 1rem;
  padding: 1rem 1.5rem;
}

.footer_copyright {
  border-top: 1px solid var(--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 2rem;
  display: flex;
}

.social-links {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.social-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.social-links_item {
  display: flex;
}

.max-width-720 {
  max-width: 45rem;
}

.locations_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.locations_card {
  color: var(--light-brown);
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 21.25rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.locations_card.shadow-card {
  justify-content: center;
  align-items: center;
}

.locations_card_overlay {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.hero_wrap {
  border-radius: 3.5rem;
  justify-content: center;
  align-items: stretch;
  width: 98%;
  height: calc(98vh - 6rem);
  margin-bottom: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero_inner {
  z-index: 3;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--light-brown);
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.hero_overlay {
  z-index: 2;
  background-image: linear-gradient(#0000, #0009);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.max-width-640 {
  width: 100%;
  max-width: 40rem;
}

.quote_wrap {
  text-align: center;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.quote_text {
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 7rem;
  line-height: 1.04;
}

.text-color-green {
  color: var(--heavy-brown);
}

.text-highlight {
  box-shadow: inset 0em var(--fitness-intro-shadow-y) 0 0em var(--heavy-brown);
}

.gallery_wrap {
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 15rem;
  padding-bottom: 15rem;
  display: flex;
  position: relative;
}

.gallery_img-box {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 70em;
  height: 100%;
  display: flex;
  position: absolute;
}

.gallery_img {
  aspect-ratio: 1;
  width: 14.5em;
  position: absolute;
}

.gallery_img._1 {
  inset: 0% auto auto 0%;
}

.gallery_img._2 {
  top: 3.5em;
}

.gallery_img._3 {
  top: 3.5em;
  right: 2em;
}

.gallery_img._4 {
  bottom: 8.75em;
  right: 3em;
}

.gallery_img._5 {
  bottom: 7.5em;
  left: 3.5em;
}

.list_wrap {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-flow: wrap;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.tag {
  color: var(--heavy-brown);
  border: 1px solid #ceff6566;
  border-radius: 0.63rem;
  padding: 0.25rem 0.63rem;
}

.exp-slider {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #0000;
  height: auto;
  padding-bottom: 6rem;
  display: flex;
}

.exp-slider_item {
  aspect-ratio: 320 / 465;
  border-radius: 2.25rem;
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  width: 20rem;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature_wrap {
  grid-column-gap: 4.5rem;
  grid-row-gap: 4.5rem;
  display: flex;
}

.feature_visual {
  aspect-ratio: 560 / 761;
  border-radius: 3.5rem;
  width: 35rem;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}

.feature_content {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.stats_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.max-width-800 {
  max-width: 50rem;
}

.history_list {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-top: 1px solid var(--heavy-brown);
  flex-flow: column;
  padding-top: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.history_item {
  grid-column-gap: 1.8rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 3.5rem 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.staff_list {
  grid-column-gap: 2.5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.staff_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.staff_avatar {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  width: 5rem;
}

.text-style-inlinelink {
  color: var(--black);
  text-decoration: underline;
}

.text-style-inlinelink:hover {
  text-decoration: none;
}

.contact_wrap {
  display: flex;
}

.contact_visual {
  width: 50%;
  max-height: 100vh;
  position: sticky;
  top: 0;
}

.contact_content {
  flex: none;
  width: 50%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-right: 5rem;
}

.contact_img {
  object-fit: cover;
  flex: none;
  width: 50vw;
  max-width: none;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.contact_form {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 0;
  align-items: center;
  display: grid;
}

.nav_wrapper {
  z-index: 99;
  border-bottom: 1px solid var(--grey);
  background-color: var(--white);
  position: absolute;
  inset: 0% 0% auto;
}

.navbar {
  background-color: #ddd0;
  height: 6rem;
}

.nav_wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 72.875rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.nav_link {
  color: var(--black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav_brand {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 5rem;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.nav_brand.w--current {
  width: 5rem;
}

.nav_menu-items {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav_menu-items-inner {
  grid-column-gap: 15rem;
  grid-row-gap: 15rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: grid;
}

.nav_logo {
  z-index: 2;
  width: 100%;
  height: 100%;
  margin-bottom: 0.3rem;
  display: block;
  position: relative;
}

.nav_menu-link-wrap {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-end;
  align-items: center;
  width: 20rem;
  display: flex;
}

.nav_menu-link-wrap.is-left {
  justify-content: flex-start;
  align-items: center;
}

.flex-center {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.video_wall {
  height: 300vh;
  margin-top: -34vh;
  margin-bottom: -100vh;
  position: relative;
}

.video_section {
  height: 100vh;
  position: sticky;
  top: 0;
}

.background-color-white {
  background-color: var(--light-brown);
  color: var(--black);
}

.is-word {
  transform-origin: 0 100%;
  display: inline-block;
}

.is-word.is-1 {
  color: var(--black);
}

.bottom-cta_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.bottom-cta_box {
  z-index: 1;
  border-radius: var(--bottom-cta-radius);
  transform-origin: 50% 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 33.13rem;
  margin-top: -6.4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.quote_box {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -200vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: flex;
  position: sticky;
  top: 0;
}

.gallery_head {
  max-width: 50rem;
}

.about-hero_wrap {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.about-visual_wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  aspect-ratio: 16 / 9;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32.5rem;
  margin-top: -4.5rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.link_line {
  background-color: var(--light-brown);
  transform-origin: 0%;
  transform-style: preserve-3d;
  width: 100%;
  height: 0.25rem;
  padding: 0;
  position: absolute;
  inset: auto 0% -0.2rem;
  transform: scale3d(0, 1, 1);
}

.footer_link {
  color: var(--black);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.link-box {
  z-index: 1;
  background-color: var(--light-brown);
  opacity: 0;
  border-radius: 0.25rem;
  width: 115%;
  height: 115%;
  position: absolute;
}

.rotate-img {
  z-index: 3;
  transform-style: preserve-3d;
  border-radius: 1rem;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  transform: translate3d(0, 0, -1px);
}

.rotate-img.is-back {
  z-index: 4;
  transform: none;
}

.rotate-box {
  perspective: 200vw;
  border-radius: 2em;
  width: 100%;
  height: 100%;
  transform: none;
}

.exp-slider_mask {
  width: 20rem;
  display: flex;
  overflow: visible;
}

.exp-slider_slide {
  margin-right: 2.5rem;
}

.exp-slider_overlay {
  z-index: 1;
  background-image: linear-gradient(0deg, #0006, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.exp-slider_arrow {
  color: var(--heavy-brown);
  border: 1px solid #ffffff3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  font-size: 1.3rem;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  inset: auto;
}

.exp-slider_arrow:hover {
  color: var(--black);
}

.exp-slider_arrow.cc-left {
  bottom: 0%;
  right: 3.5rem;
}

.exp-slider_arrow.cc-right {
  bottom: 0%;
  right: 0%;
}

.arrow_dot {
  z-index: 1;
  background-color: var(--heavy-brown);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.max-width-400 {
  max-width: 25rem;
}

.contact_visual-mask {
  z-index: 2;
  background-color: var(--light-brown);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate(100%);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 24rem;
  margin-bottom: 0;
  display: flex;
}

.utility-page-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_inner_content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.8rem;
  display: flex;
}

.utility_nav {
  padding-left: 0;
  position: absolute;
  top: 2rem;
}

.nav_logo-img {
  width: 5rem;
}

.utility_footer {
  position: absolute;
  bottom: 2rem;
}

.content_wrap {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.licence_grid-images {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.template_list {
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.licence_image-box {
  aspect-ratio: 1;
  position: relative;
}

.static_brand-link {
  padding-left: 0;
}

.content_header {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.licence_image {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.footer_social-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.template_list-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
}

.static_brand {
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.footer_bottom-links-container,
.footer_copyright-inner {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.background-color-green {
  background-color: var(--heavy-brown);
  color: var(--black);
}

.background-color-darkgrey {
  background-color: var(--white);
  color: var(--black);
}

.background-color-lightgrey {
  background-color: var(--grey);
  color: var(--black);
}

.is-word-video {
  transform-origin: 0 100%;
  display: inline-block;
}

.is-word-video.is-1 {
  color: var(--white);
}

.is-word-cta1 {
  transform-origin: 0 100%;
  display: inline-block;
}

.is-word-cta1.is-1 {
  color: var(--white);
}

.is-word-faq {
  transform-origin: 0 100%;
  display: inline-block;
}

.is-word-faq.is-1 {
  color: var(--white);
}

.img-cover-2 {
  z-index: 1;
  object-fit: cover;
  background-image: linear-gradient(#fff0, #080808 71%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.heading-style-h2-2 {
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.04;
}

.heading-style-h2-3 {
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.04;
}

.heading-style-h2-4 {
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.04;
}

.video_bg_overlay-2 {
  z-index: 2;
  background-image: linear-gradient(0deg, #0000005e 47%, #0000);
  position: absolute;
  inset: 0%;
}

.bold-text {
  font-family: Satoshi, sans-serif;
  font-weight: 400;
}

.download_card {
  color: #fff;
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 21.25rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.download_card.shadow-card {
  background-color: var(--light-brown);
  justify-content: center;
  align-items: center;
  height: 15rem;
}

.downloads_card_overlay-2 {
  z-index: 2;
  background-image: linear-gradient(0deg, #0006, #0000);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-style-h3-2 {
  color: var(--white);
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.1;
}

.z-index-2-2 {
  z-index: 2;
  color: var(--white);
  letter-spacing: 0;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  position: relative;
}

.heading-style-h1-2 {
  color: #000;
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-weight: 400;
  line-height: 0.9;
  position: relative;
}

.arrow_dot-2 {
  z-index: 1;
  background-color: var(--light-brown);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.exp-slider_arrow-2 {
  color: #ceff65;
  border: 1px solid #ffffff3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  font-size: 1.3rem;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  inset: auto;
}

.exp-slider_arrow-2:hover {
  color: #080808;
}

.exp-slider_arrow-2.cc-right {
  border-color: #ffffff7d;
  transition: background-color 0.2s;
  bottom: 0%;
  right: 0%;
}

.exp-slider_arrow-2.cc-left {
  color: var(--white);
  border-color: #ffffff7d;
  transition: background-color 0.2s;
  bottom: 0%;
  right: 3.5rem;
}

.text-size-medium-2 {
  color: var(--white);
  font-size: 1.125rem;
}

.tag-2 {
  color: #a17b61;
  border: 1px solid #a17b61;
  border-radius: 0.63rem;
  padding: 0.25rem 0.63rem;
}

.arrow_dot-3 {
  z-index: 1;
  background-color: var(--light-brown);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.exp-slider_arrow-3 {
  color: #ceff65;
  border: 1px solid #ffffff3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  font-size: 1.3rem;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  inset: auto;
}

.exp-slider_arrow-3:hover {
  color: #080808;
}

.exp-slider_arrow-3.cc-right {
  color: var(--black);
  border-color: #0000003d;
  bottom: 0%;
  right: 0%;
}

.exp-slider_arrow-3.cc-left {
  color: var(--white);
  border-color: #0000003d;
  bottom: 0%;
  right: 3.5rem;
}

.text-size-medium-3 {
  font-size: 1.125rem;
}

.arrow_dot-4 {
  z-index: 1;
  background-color: var(--light-brown);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.text-size-medium-4,
.text-size-medium-5 {
  font-size: 1.125rem;
}

.nav_menu-items-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav_link-2 {
  color: #080808;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 0.1rem 0.5rem;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: relative;
}

.link_line-2 {
  transform-origin: 0%;
  transform-style: preserve-3d;
  background-color: #a17b61;
  width: 100%;
  height: 0.25rem;
  padding: 0;
  position: absolute;
  transform: scale3d(0, 1, 1);
}

.text-block {
  color: #080808;
  font-size: 2rem;
}

.z-index-2-white {
  z-index: 2;
  color: var(--black);
  letter-spacing: 0;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  position: relative;
}

.text-size-medium-3-carrousel {
  color: var(--white);
  font-size: 1.125rem;
}

.heading {
  color: var(--white);
}

.about_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-h2---berb {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2---berb.text-color-white {
  color: var(--white);
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 4rem;
}

.container-medium-2 {
  background-color: #0000;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.numers-plus {
  padding-left: 0.375rem;
  font-size: 2rem;
}

.about-numbers-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.text-color-grey {
  color: gray;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.text-color-grey.text-style-allcaps {
  color: var(--grey);
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}

.body {
  color: #000;
}

.padding-section-small {
  color: #000;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.text-span {
  font-size: 2.5rem;
}

.history_list-2 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-top: 1px solid #8b5e3b;
  flex-flow: column;
  padding-top: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.history_list-3 {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-top: 1px #8b5e3b;
  flex-flow: column;
  padding-top: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.heading-style-h4-footer {
  color: var(--grey);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.04;
}

.link_line_logo {
  background-color: var(--light-brown);
  transform-origin: 0%;
  transform-style: preserve-3d;
  width: 70%;
  height: 0.25rem;
  padding: 0;
  position: absolute;
  transform: scale3d(0, 1, 1);
}

.history_list-3-footer {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  border-top: 1px #8b5e3b;
  flex-flow: column;
  padding-top: 1rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.code-embed-2 {
  display: none;
}

.text-size-medium-about,
.text-size-medium-juan {
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
}

.text-size-regular-terms {
  font-size: 1rem;
}

.text-size-regular-terms:hover {
  font-weight: 600;
}

.bold-text-2 {
  font-weight: 400;
}

.image {
  width: 5rem;
}

.text-size-medium--footer {
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
}

.text-size-medium--footer:hover {
  color: var(--light-brown);
}

.text-span-2,
.text-span-3 {
  color: var(--black);
}

.button-card {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: var(--black);
  text-transform: uppercase;
  background-color: #a17b6100;
  border: 1px solid #000;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  text-decoration: none;
  transition: background-color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-card:hover {
  border: 0.5px solid var(--black);
  background-color: #8b5e3b00;
}

.button-card.is-small {
  border-radius: 2rem;
  padding: 1rem 1.5rem;
}

.button-card.is-secondary {
  border: 1px solid var(--grey);
  color: var(--black);
  background-color: #0000;
}

.button-card.is-secondary:hover {
  background-color: #f3f3f3;
}

.button-card.is-link {
  letter-spacing: 0.02em;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  padding: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
}

.button-card-service {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  background-color: var(--light-brown);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 5rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 4rem;
  text-decoration: none;
  transition: background-color 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-card-service:hover {
  background-color: var(--heavy-brown);
}

.button-card-service.is-small {
  border-radius: 2rem;
  padding: 1rem 1.5rem;
}

.button-card-service.is-secondary {
  border: 1px solid var(--grey);
  color: var(--black);
  background-color: #0000;
  padding-left: 3rem;
  padding-right: 3rem;
}

.button-card-service.is-secondary:hover {
  background-color: #f3f3f3;
}

.button-card-service.is-link {
  letter-spacing: 0.02em;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  padding: 0;
  font-family: Coolvetica Condensed, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
}


input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; 
  box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #000 !important; 
}

@media screen and (max-width: 991px) {
  .styleguide_block.cc-grid {
    display: flex;
  }

  .styleguide_wrap {
    flex-flow: column;
    display: flex;
  }

  .margin-bottom-8 {
    margin-bottom: 0.375rem;
  }

  .margin-bottom-12 {
    margin-bottom: 0.625rem;
  }

  .margin-bottom-20 {
    margin-bottom: 1rem;
  }

  .margin-bottom-24 {
    margin-bottom: 1.25rem;
  }

  .margin-bottom-28 {
    margin-bottom: 1.5rem;
  }

  .margin-bottom-32 {
    margin-bottom: 1.75rem;
  }

  .margin-bottom-40 {
    margin-bottom: 2.25rem;
  }

  .margin-bottom-48 {
    margin-bottom: 2.75rem;
  }

  .margin-bottom-56 {
    margin-bottom: 3.25rem;
  }

  .margin-bottom-64 {
    margin-bottom: 3.5rem;
  }

  .margin-bottom-72 {
    margin-bottom: 4rem;
  }

  .margin-bottom-80 {
    margin-bottom: 4.5rem;
  }

  .margin-bottom-96 {
    margin-bottom: 5rem;
  }

  .margin-bottom-104 {
    margin-bottom: 6rem;
  }

  .margin-bottom-120 {
    margin-bottom: 6.5rem;
  }

  .margin-bottom-144 {
    margin-bottom: 7rem;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .z-index-2 {
    font-size: 8vw;
  }

  .styleguide_head {
    position: relative;
    top: auto;
  }

  .margin-top-8 {
    margin-top: 0.375rem;
  }

  .margin-top-12 {
    margin-top: 0.625rem;
  }

  .margin-top-20 {
    margin-top: 1rem;
  }

  .margin-top-24 {
    margin-top: 1.25rem;
  }

  .margin-top-28 {
    margin-top: 1.5rem;
  }

  .margin-top-32 {
    margin-top: 1.75rem;
  }

  .margin-top-40 {
    margin-top: 2.25rem;
  }

  .margin-top-48 {
    margin-top: 2.75rem;
  }

  .margin-top-56 {
    margin-top: 3.25rem;
  }

  .margin-top-64 {
    margin-top: 3.5rem;
  }

  .margin-top-72 {
    margin-top: 4rem;
  }

  .margin-top-80 {
    margin-top: 4.5rem;
  }

  .margin-top-96 {
    margin-top: 5rem;
  }

  .margin-top-104 {
    margin-top: 6rem;
  }

  .margin-top-120 {
    margin-top: 6.5rem;
  }

  .margin-top-144 {
    margin-top: 7rem;
  }

  .section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.is-video {
    margin-top: 4.5rem;
    padding-top: 2.5rem;
  }

  .section.is-hero {
    margin-top: 4.5rem;
  }

  .section.is-contact {
    margin-top: 4.5rem;
    padding-top: 2.5rem;
  }

  .section.is-bottom-cta {
    padding-top: 6.25rem;
  }

  .section.is-about-hero,
  .section.is-location-hero,
  .section.is-legal {
    margin-top: 4.5rem;
    padding-top: 2.5rem;
  }

  .section.is-gallery {
    margin-bottom: 4rem;
  }

  .video_wrap {
    transform: scale(0.9);
  }

  .video_box {
    aspect-ratio: 1162 / 900;
  }

  .email-form_wrap {
    flex: 0 auto;
    width: 100%;
    max-width: none;
  }

  .player_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .player_visual {
    border-radius: 1.5rem;
  }

  .locations_wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .locations_list {
    width: 100%;
  }

  .faqs_wrap {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
  }

  .footer_copyright {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .hero_wrap {
    border-radius: 2rem;
    height: calc(98vh - 4.5rem);
  }

  .hero_inner {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .quote_text {
    font-size: 10vw;
  }

  .gallery_img-box {
    font-size: 0.9rem;
  }

  .feature_wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .feature_visual {
    aspect-ratio: 3 / 2;
    width: 100%;
    max-width: 100%;
  }

  .feature_content {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .staff_list {
    flex-flow: column;
    display: flex;
  }

  .contact_wrap {
    flex-flow: column;
  }

  .contact_visual {
    aspect-ratio: 1;
    width: 100vw;
    margin-left: -5vw;
    position: relative;
    top: auto;
  }

  .contact_content {
    width: 100%;
    padding-top: 0;
    padding-right: 0;
  }

  .contact_img {
    width: 100%;
  }

  .navbar {
    height: 4.5rem;
  }

  .nav_wrap {
    justify-content: space-between;
    padding: 0.5rem 1rem;
  }

  .nav_link {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0.3rem 0;
    font-size: 10vw;
  }

  .nav_brand {
    width: 12rem;
    position: relative;
  }

  .nav_brand.w--current {
    justify-content: flex-start;
    align-items: center;
  }

  .nav_menu-items {
    background-color: var(--white);
    flex-flow: column;
    width: 100vw;
    height: 100vh;
    padding-top: 2rem;
    left: 0;
    right: 0;
  }

  .nav_menu-items-inner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
  }

  .nav_menu-link-wrap {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: auto;
  }

  .nav_menu-link-wrap.is-left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav_button {
    z-index: 100;
    margin-right: -1rem;
    padding: 1rem;
  }

  .nav_button.w--open {
    background-color: var(--light-brown);
  }

  .nav_button-inner {
    grid-column-gap: 0.3rem;
    grid-row-gap: 0.3rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .nav_button-line {
    background-color: var(--black);
    border-radius: 2rem;
    width: 1.6rem;
    height: 2px;
    padding: 0;
  }

  .video_wall {
    margin-top: -20vh;
  }

  .about-visual_wrap {
    margin-bottom: 1rem;
    transform: scale(0.9);
  }

  .footer_link {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .content_wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .template_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .nav_menu-items-2 {
    background-color: #fff;
    flex-flow: column;
    width: 100vw;
    height: 100vh;
    padding-top: 2rem;
    left: 0;
    right: 0;
  }

  .nav_button-2 {
    z-index: 100;
    margin-right: -1rem;
    padding: 1rem;
  }

  .nav_button-2.w--open {
    background-color: #fff;
  }

  .nav_link-2 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 10vw;
  }

  .nav_button-line-2 {
    background-color: #080808;
    border-radius: 2rem;
    width: 1.6rem;
    height: 2px;
    padding: 0;
  }

  .code-embed {
    display: none;
  }

  .about_component {
    justify-content: stretch;
  }

  .text-block-2,
  .text-block-3,
  .text-block-4,
  .text-block-5 {
    font-size: 1.125rem;
  }

  .paragraph {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 7rem;
  }

  .margin-bottom-24 {
    margin-bottom: 1rem;
  }

  .margin-bottom-28 {
    margin-bottom: 1.25rem;
  }

  .margin-bottom-32 {
    margin-bottom: 1.5rem;
  }

  .margin-bottom-40 {
    margin-bottom: 2rem;
  }

  .margin-bottom-48 {
    margin-bottom: 2.25rem;
  }

  .margin-bottom-56 {
    margin-bottom: 2.75rem;
  }

  .margin-bottom-64 {
    margin-bottom: 3rem;
  }

  .margin-bottom-72 {
    margin-bottom: 3.25rem;
  }

  .margin-bottom-80 {
    margin-bottom: 3.5rem;
  }

  .margin-bottom-96 {
    margin-bottom: 3.75rem;
  }

  .margin-bottom-104 {
    margin-bottom: 4rem;
  }

  .margin-bottom-120 {
    margin-bottom: 4.5rem;
  }

  .margin-bottom-144 {
    margin-bottom: 5rem;
  }

  .hide-landscape {
    display: none;
  }

  .show-landscape {
    display: block;
  }

  .heading-style-h1 {
    font-size: 7rem;
  }

  .margin-top-24 {
    margin-top: 1rem;
  }

  .margin-top-28 {
    margin-top: 1.25rem;
  }

  .margin-top-32 {
    margin-top: 1.5rem;
  }

  .margin-top-40 {
    margin-top: 2rem;
  }

  .margin-top-48 {
    margin-top: 2.25rem;
  }

  .margin-top-56 {
    margin-top: 2.75rem;
  }

  .margin-top-64 {
    margin-top: 3rem;
  }

  .margin-top-72 {
    margin-top: 3.25rem;
  }

  .margin-top-80 {
    margin-top: 3.5rem;
  }

  .margin-top-96 {
    margin-top: 3.75rem;
  }

  .margin-top-104 {
    margin-top: 4rem;
  }

  .margin-top-120 {
    margin-top: 4.5rem;
  }

  .margin-top-144 {
    margin-top: 5rem;
  }

  .section.is-bottom-cta {
    padding-top: 5rem;
  }

  .section.is-about-hero {
    padding-bottom: 4rem;
  }

  .video_title {
    left: 1rem;
    right: 1rem;
  }

  .max-width-440.is-full-responsive {
    max-width: 100%;
  }

  .player_list {
    grid-column-gap: 3.2rem;
    grid-row-gap: 3.2rem;
    flex-flow: column;
    display: flex;
  }

  .locations_list {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    overflow: auto;
  }

  .locations_item {
    flex: none;
    width: 90%;
  }

  .footer_links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    margin-left: -0.5rem;
  }

  .footer_copyright {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .locations_grid {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    flex-flow: column;
    display: flex;
  }

  .quote_text {
    font-size: 4rem;
  }

  .gallery_wrap {
    padding-top: 8.5rem;
    padding-bottom: 8.5rem;
  }

  .gallery_img-box {
    font-size: 0.6rem;
  }

  .feature_visual {
    aspect-ratio: 1;
  }

  .nav_menu-items-inner {
    padding-left: 1rem;
  }

  .video_wall {
    margin-top: -15vh;
  }

  .bottom-cta_box {
    margin-top: -4rem;
  }

  .about-visual_wrap {
    height: 20rem;
    margin-top: -3.5rem;
  }

  .licence_grid-images {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
  }

  .template_list {
    flex-flow: column;
  }

  .content_header {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .template_list-item.is-licence {
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer_copyright-inner {
    flex-flow: column;
  }

  .heading-style-h1-2 {
    font-size: 7rem;
  }

  .heading-style-h2---berb {
    font-size: 2rem;
  }

  .heading-style-h2---berb.text-color-white {
    font-size: 3rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 5rem;
  }

  .styleguide_row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .text-style-link {
    font-weight: 400;
    text-decoration: underline;
  }

  .hide-portrait {
    display: none;
  }

  .show-portrait {
    display: block;
  }

  .heading-style-h1 {
    font-size: 5rem;
  }

  .heading-style-h2.is-title {
    font-size: 10vw;
  }

  .section,
  .section.background-color-black,
  .section.is-location,
  .section.is-footer,
  .section.is-bottom-cta {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .wrap_flex {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .email_form {
    flex-flow: column;
    align-items: stretch;
  }

  .locations_wrap,
  .faqs_wrap {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .locations_grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .quote_text {
    font-size: 3rem;
  }

  .gallery_wrap {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .gallery_img-box {
    font-size: 0.4rem;
  }

  .exp-slider {
    width: 95%;
    padding-bottom: 4rem;
  }

  .exp-slider_item {
    width: 100%;
  }

  .feature_visual {
    aspect-ratio: 2 / 3;
  }

  .stats_list {
    flex-flow: column;
    display: flex;
  }

  .history_list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .history_item {
    grid-column-gap: 0.5rem;
    grid-row-gap: 0.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .staff_item {
    flex-flow: column;
  }

  .contact_form {
    flex-flow: column;
    display: flex;
  }

  .nav_wrap {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav_link {
    font-size: 12vw;
  }

  .nav_menu-items {
    background-color: var(--white);
    padding-top: 1rem;
  }

  .nav_menu-items-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav_menu-link-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .nav_button {
    margin-right: -0.75rem;
  }

  .video_wall {
    margin-top: -10vh;
  }

  .bottom-cta_box {
    height: 30rem;
    margin-top: -4.5rem;
  }

  .about-visual_wrap {
    margin-top: -3rem;
  }

  .exp-slider_mask {
    width: 100%;
  }

  .exp-slider_slide {
    flex: none;
    width: 100%;
    margin-right: 1rem;
  }

  .exp-slider_arrow.cc-left {
    left: 0;
  }

  .exp-slider_arrow.cc-right {
    left: 3.5rem;
  }

  .heading-style-h2-2,
  .heading-style-h2-3 {
    color: #fff;
  }

  .heading-style-h3-2 {
    color: var(--white);
  }

  .heading-style-h1-2 {
    font-size: 5rem;
  }

  .exp-slider_arrow-2.cc-right {
    left: 3.5rem;
  }

  .exp-slider_arrow-2.cc-left {
    left: 0;
  }

  .exp-slider_arrow-3.cc-right {
    left: 3.5rem;
  }

  .exp-slider_arrow-3.cc-left {
    left: 0;
  }

  .nav_menu-items-2 {
    padding-top: 1rem;
  }

  .nav_button-2 {
    margin-right: -0.75rem;
  }

  .nav_link-2 {
    font-size: 12vw;
  }

  .about_component {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-columns: 1fr 1fr;
  }

  .about-numbers-wrapper.fade-in-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .history_list-2,
  .history_list-3 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .history_list-3-footer {
    justify-content: center;
    align-items: flex-start;
  }
}

#w-node-dc7c08df-d591-9320-48ca-33ef2d5457db-889cb4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-dc7c08df-d591-9320-48ca-33ef2d5457e0-889cb4a6,
#w-node-e6ac3d19-c07b-762d-42e9-113680e8bf41-889cb4a6,
#w-node-_4aea0b8e-c5a6-d64d-e2b5-05107ac3895b-889cb4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acd4f6a4-a1c8-9e44-e3ce-55d4b58be045-c9d01e98,
#w-node-acd4f6a4-a1c8-9e44-e3ce-55d4b58be04b-c9d01e98 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_05d0023e-f06c-50f0-7ea3-558eecf113b0-87f98ca6,
#w-node-_61278782-a5a8-f845-4d2d-711d08916428-889cb4a9 {
  justify-self: end;
}

#w-node-f9328d1e-f6eb-e53f-a657-8f7f2d9903ca-889cb4ab,
#w-node-dfd94c5b-bb36-d717-e1f0-923e707ac6b2-889cb4ab,
#w-node-_4a5cd00f-24e1-de2d-39b4-27cd1c686482-889cb4ab,
#w-node-a6f7b92c-b9af-e09c-b528-4cd22faf67a2-889cb4ab {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-dc7c08df-d591-9320-48ca-33ef2d5457db-889cb4a6 {
    place-self: auto;
  }

  #w-node-dc7c08df-d591-9320-48ca-33ef2d5457e0-889cb4a6,
  #w-node-e6ac3d19-c07b-762d-42e9-113680e8bf41-889cb4a6 {
    justify-self: auto;
  }

  #w-node-_4aea0b8e-c5a6-d64d-e2b5-05107ac3895b-889cb4a6 {
    place-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-dc7c08df-d591-9320-48ca-33ef2d5457db-889cb4a6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto center;
  }

  #w-node-dc7c08df-d591-9320-48ca-33ef2d5457e0-889cb4a6,
  #w-node-e6ac3d19-c07b-762d-42e9-113680e8bf41-889cb4a6,
  #w-node-_4aea0b8e-c5a6-d64d-e2b5-05107ac3895b-889cb4a6 {
    justify-self: center;
  }
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Coolvetica Condensed";
  src: url("../fonts/coolvetica-condensed-rg.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}