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

:root {
  --_color-schemes---color-scheme-1--text: black;
  --_color-schemes---color-scheme-1--yellow: #fce8b3;
  --_spacing-sizing---page-padding--padding-global: 64px;
  --_color-schemes---color-scheme-1--black: black;
  --_typography---text-sizes--heading-6: 20px;
  --_primitives---color--white: #fff;
  --_color-schemes---color-scheme-1--background: #fff;
  --_spacing-sizing---section-padding--padding-section-large: 112px;
  --_color-schemes---color-scheme-1--primary: #c10000;
  --_typography---text-sizes--text-small: 14px;
  --_typography---text-sizes--heading-2: 56px;
  --_typography---text-sizes--text-medium: 18px;
  --_color-schemes---color-scheme-1--maroon: #5c0606;
  --_typography---text-sizes--text-large: 20px;
  --_spacing-sizing---section-padding--padding-image: 24px;
  --_color-schemes---color-scheme-1--primary-dark: #8f0101;
  --_ui-styles---radius--medium: 4px;
  --_color-schemes---color-scheme-1--dark-grey: #3f3f3f;
  --_spacing-sizing---container--container-large: 1280px;
  --_spacing-sizing---section-padding--padding-section-small: 32px;
  --_spacing-sizing---section-padding--padding-section-medium: 80px;
  --_typography---text-sizes--heading-3: 48px;
  --_typography---text-sizes--heading-5: 28px;
  --_spacing-sizing---max-width--max-width-large: 820px;
  --_ui-styles---radius--large: 8px;
  --_color-schemes---color-scheme-1--border: #000;
  --_typography---text-sizes--heading-1: 72px;
  --_primitives---color--neutral-lightest: #e2e4e7;
  --_ui-styles---stroke--divider-width: 1px;
  --_typography---text-sizes--text-regular: 16px;
  --_ui-styles-2---radius--large: 0px;
  --_primitives---color--neutral-darkest: #000;
  --_ui-styles---stroke--border-width: 1px;
  --_spacing-sizing---max-width--max-width-medium: 560px;
  --_color-schemes---color-scheme-1--foreground: #fff;
  --_color-schemes---color-scheme-1--primary-light: #ffb6b6;
  --_color-schemes---color-scheme-1--chocolate: #38240d;
  --_color-schemes---color-scheme-1--grey: #aaa;
}

body {
  color: var(--_color-schemes---color-scheme-1--text);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--_color-schemes---color-scheme-1--yellow);
  text-decoration: underline;
}

.brentford-logo {
  width: 80px;
  overflow: hidden;
}

.home-desktop {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.header {
  width: 100%;
  max-width: 100%;
  height: 72px;
  padding-right: var(--_spacing-sizing---page-padding--padding-global);
  padding-left: var(--_spacing-sizing---page-padding--padding-global);
  background-color: var(--_color-schemes---color-scheme-1--black);
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.brand {
  color: var(--_color-schemes---color-scheme-1--text);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--heading-6);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.brand.inverse {
  color: var(--_primitives---color--white);
}

.actions {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.actions.right {
  justify-content: flex-end;
  align-items: center;
}

.intro {
  grid-row-gap: 0px;
  background-color: var(--_color-schemes---color-scheme-1--background);
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  min-height: 900px;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.marathon-intro {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-1--yellow);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-title {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.section-title.half {
  align-self: flex-start;
  width: 50%;
}

.section-title.right {
  justify-content: flex-start;
  align-items: flex-end;
}

.section-title.sticky {
  position: sticky;
  top: 120px;
}

.tagline-wrapper {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tagline {
  color: var(--_color-schemes---color-scheme-1--primary);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.tagline.center {
  text-align: center;
  width: 100%;
}

.tagline.inverse {
  color: var(--_color-schemes---color-scheme-1--yellow);
}

.heading {
  width: 100%;
  color: var(--_color-schemes---color-scheme-1--text);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--heading-2);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 115%;
  text-decoration: none;
}

.heading.inverse {
  color: var(--_primitives---color--white);
  font-size: var(--_typography---text-sizes--heading-2);
}

.text {
  opacity: .9;
  width: 100%;
  color: var(--_color-schemes---color-scheme-1--text);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--text-medium);
  letter-spacing: .01em;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 160%;
  text-decoration: none;
}

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

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

.text.small {
  font-size: var(--_typography---text-sizes--text-small);
}

.stats {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.row {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.quote-wrapper {
  grid-column-gap: 20px;
  border-left-style: solid;
  border-left-width: 3px;
  border-left-color: var(--_color-schemes---color-scheme-1--maroon);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 24px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.quote {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  font-size: var(--_typography---text-sizes--text-large);
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: flex;
}

.video-hero {
  width: 100%;
  height: 100dvh;
  min-height: 820px;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-image: linear-gradient(#000000bf, #000000bf);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.brentford {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-large);
  background-color: var(--_color-schemes---color-scheme-1--primary);
  color: var(--_primitives---color--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.marathon {
  width: 100%;
  padding-top: var(--_spacing-sizing---section-padding--padding-section-large);
  padding-right: var(--_spacing-sizing---page-padding--padding-global);
  padding-bottom: var(--_spacing-sizing---section-padding--padding-section-large);
  padding-left: var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 80px;
  background-color: var(--_color-schemes---color-scheme-1--yellow);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.footer {
  width: 100%;
  padding: 0px var(--_spacing-sizing---page-padding--padding-global) var(--_spacing-sizing---section-padding--padding-image);
  grid-row-gap: 48px;
  background-color: var(--_color-schemes---color-scheme-1--yellow);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.button {
  grid-column-gap: 8px;
  border: 1px solid var(--_color-schemes---color-scheme-1--primary);
  background-color: var(--_color-schemes---color-scheme-1--primary);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  letter-spacing: .075em;
  text-transform: uppercase;
  border-radius: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button:hover {
  background-color: var(--_color-schemes---color-scheme-1--primary-dark);
}

.button.w--current {
  border-radius: var(--_ui-styles---radius--medium);
}

.button.secondary {
  border-color: var(--_color-schemes---color-scheme-1--dark-grey);
  color: var(--_color-schemes---color-scheme-1--text);
  background-color: #0000;
}

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

.button.secondary.inverse {
  border-color: var(--_primitives---color--white);
  color: var(--_primitives---color--white);
}

.button.secondary.inverse:hover {
  background-color: #ffffff26;
}

.button.small {
  padding: 8px 12px;
}

.container-flex {
  width: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-large);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.container-flex.hero {
  padding-left: 0;
  padding-right: 0;
}

.container-flex.gap-med {
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-small);
}

.container-flex.footer {
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
}

.content-2col {
  grid-column-gap: 80px;
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-large);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-2col.bottom {
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-medium);
  justify-content: flex-start;
  align-items: flex-end;
}

.content-2col.hero {
  height: 100%;
  padding-right: var(--_spacing-sizing---section-padding--padding-image);
  padding-left: var(--_spacing-sizing---section-padding--padding-image);
  grid-column-gap: var(--_spacing-sizing---section-padding--padding-image);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  overflow: hidden;
}

.headline-copy {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.content-style-6 {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.story {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: 112px;
  background-color: var(--_color-schemes---color-scheme-1--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gallery {
  width: 100%;
  padding: 0px var(--_spacing-sizing---section-padding--padding-image) var(--_spacing-sizing---section-padding--padding-section-large);
  background-color: var(--_color-schemes---color-scheme-1--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.gallery-grid {
  grid-column-gap: var(--_spacing-sizing---section-padding--padding-image);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.gallery-grid.mobile {
  grid-template-columns: 1fr 1fr;
  display: none;
}

.container-100vh {
  width: 100%;
  height: 100%;
  max-width: var(--_spacing-sizing---container--container-large);
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.subheading {
  width: 100%;
  color: var(--_color-schemes---color-scheme-1--text);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--heading-3);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 115%;
  text-decoration: none;
}

.subheading.inverse {
  color: var(--_primitives---color--white);
}

.subheading.center {
  font-size: var(--_typography---text-sizes--heading-3);
  text-align: center;
}

.subheading.small {
  font-size: var(--_typography---text-sizes--heading-5);
  font-weight: 700;
}

.film {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-large) var(--_spacing-sizing---page-padding--padding-global);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-large);
  background-color: var(--_color-schemes---color-scheme-1--background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.center-content {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  padding: var(--_spacing-sizing---section-padding--padding-section-small);
  grid-row-gap: 32px;
  border: 1px none var(--_color-schemes---color-scheme-1--black);
  border-radius: var(--_ui-styles---radius--large);
  background-color: var(--_color-schemes---color-scheme-1--maroon);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-style-12 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.navbar {
  border-bottom: 1px solid var(--_color-schemes---color-scheme-1--border);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  inset: -72px 0% auto;
}

.nav-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  display: flex;
}

.home-wrapper {
  display: flex;
}

.column-content {
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-small);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.column-content.sticky {
  position: sticky;
  top: 100px;
}

.column-content.hide-desktop {
  display: none;
}

.stacked {
  grid-column-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.display {
  width: 100%;
  color: var(--_color-schemes---color-scheme-1--text);
  font-family: Satoshi Variable, Arial, sans-serif;
  font-size: var(--_typography---text-sizes--heading-1);
  letter-spacing: -.01px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

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

.display.inverse {
  color: var(--_primitives---color--white);
}

.small-image {
  width: 50%;
  margin-bottom: 24px;
}

.copy-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.copy-wrapper.half {
  width: 50%;
}

.image {
  object-fit: cover;
  width: 100%;
}

.image.portrait {
  aspect-ratio: 4 / 5;
}

.image.square {
  aspect-ratio: 1;
}

.image.landscape {
  aspect-ratio: 3 / 2;
}

.image.hero-1, .image.hero-2, .image.hero-3, .image.hero-4 {
  object-fit: cover;
  flex: 1;
  align-self: stretch;
  overflow: hidden;
}

.image.wide {
  aspect-ratio: 16 / 9;
}

.image.hero {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nav-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.nav-link {
  color: var(--_primitives---color--neutral-lightest);
  letter-spacing: .01em;
  padding: 0;
  font-size: 16px;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--_color-schemes---color-scheme-1--yellow);
}

.hero {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.hero-title {
  flex-flow: column;
  flex: 0 auto;
  align-self: flex-start;
  display: flex;
}

.hero-copy {
  grid-row-gap: 32px;
  text-align: right;
  flex-flow: column;
  flex: none;
  align-self: flex-end;
  width: 460px;
  padding-bottom: 24px;
  display: flex;
}

.card {
  width: 100%;
  padding: var(--_spacing-sizing---section-padding--padding-section-small);
  grid-row-gap: 16px;
  border: 1px solid var(--_color-schemes---color-scheme-1--maroon);
  border-radius: var(--_ui-styles---radius--large);
  color: var(--_color-schemes---color-scheme-1--maroon);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.card.solid {
  background-color: var(--_color-schemes---color-scheme-1--maroon);
  border-style: none;
}

.brand-2 {
  padding-left: 0;
}

.gallery-column {
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
  flex-flow: column;
  flex: 1;
  display: flex;
}

.icon {
  width: 48px;
  height: 48px;
}

.hero-copy-wrapper {
  width: 100%;
  padding-right: var(--_spacing-sizing---page-padding--padding-global);
  padding-left: var(--_spacing-sizing---page-padding--padding-global);
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.photo-ticker {
  flex: 1;
  width: 100%;
  height: 40%;
  max-height: 400px;
  display: none;
  overflow: hidden;
}

.ticker-track {
  grid-column-gap: var(--_spacing-sizing---section-padding--padding-image);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.hero-image-block {
  color: #000;
  align-self: flex-start;
  display: flex;
}

.icon-x-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.photo-grid {
  width: 100%;
  max-width: 100%;
  padding-right: var(--_spacing-sizing---section-padding--padding-image);
  padding-left: var(--_spacing-sizing---section-padding--padding-image);
  grid-column-gap: var(--_spacing-sizing---section-padding--padding-image);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-start;
  align-items: center;
  display: grid;
  overflow: hidden;
}

.photo-grid.show-mobile {
  display: none;
}

.hero-img-wrapper {
  object-fit: cover;
  flex-flow: row;
  height: 270px;
  display: flex;
}

.hero-img-wrapper.show-xl, .hero-img-wrapper.show-mobile-s {
  display: none;
}

.photo-grid-wrapper {
  grid-column-gap: var(--_spacing-sizing---section-padding--padding-image);
  grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

.stat-wrapper {
  width: 100%;
  max-width: var(--_spacing-sizing---max-width--max-width-large);
  grid-row-gap: 32px;
  border: 1px none var(--_color-schemes---color-scheme-1--black);
  border-radius: var(--_ui-styles---radius--large);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.stat-row {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link {
  color: var(--_color-schemes---color-scheme-1--maroon);
}

.link:hover {
  color: var(--_color-schemes---color-scheme-1--black);
}

@media screen and (min-width: 1280px) {
  .image.hero {
    object-position: 50% 50%;
  }

  .photo-grid {
    object-fit: cover;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    align-content: center;
    max-height: 320px;
  }

  .hero-img-wrapper.show-xl {
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_spacing-sizing---page-padding--padding-global: 32px;
    --_spacing-sizing---section-padding--padding-section-large: 64px;
    --_spacing-sizing---section-padding--padding-image: 16px;
    --_spacing-sizing---container--container-large: 1280px;
    --_spacing-sizing---section-padding--padding-section-small: 24px;
    --_spacing-sizing---section-padding--padding-section-medium: 48px;
    --_spacing-sizing---max-width--max-width-large: 768px;
    --_spacing-sizing---max-width--max-width-medium: 560px;
    --_typography---text-sizes--heading-6: 18px;
    --_typography---text-sizes--text-small: 14px;
    --_typography---text-sizes--heading-2: 48px;
    --_typography---text-sizes--text-medium: 16px;
    --_typography---text-sizes--text-large: 18px;
    --_typography---text-sizes--heading-3: 36px;
    --_typography---text-sizes--heading-5: 24px;
    --_typography---text-sizes--heading-1: 56px;
    --_typography---text-sizes--text-regular: 16px;
  }

  .header {
    justify-content: space-between;
    align-items: center;
  }

  .actions.nav {
    justify-content: flex-end;
    align-items: center;
  }

  .intro {
    min-height: 700px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section-title.half {
    width: 100%;
  }

  .section-title.sticky {
    position: relative;
    top: auto;
  }

  .row {
    grid-column-gap: 24px;
  }

  .video-hero {
    min-height: 700px;
  }

  .content-2col {
    flex-flow: column;
  }

  .content-2col.bottom {
    grid-row-gap: var(--_spacing-sizing---section-padding--padding-section-large);
  }

  .content-2col.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    flex: 0 auto;
    height: auto;
  }

  .content-2col.stack-copy {
    grid-row-gap: 24px;
  }

  .gallery {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .gallery-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .nav-wrapper {
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    padding: 0;
  }

  .home-wrapper {
    flex: 1;
  }

  .column-content {
    width: 100%;
  }

  .column-content.sticky {
    position: relative;
    top: auto;
  }

  .column-content.first-mobile {
    order: -9999;
  }

  .column-content.hide-mobile {
    display: none;
  }

  .column-content.hide-desktop {
    display: flex;
  }

  .image.hero-1, .image.hero-2 {
    margin-top: 0;
  }

  .image.hero-3 {
    margin-top: 0;
    display: none;
  }

  .image.hero-4 {
    margin-top: 0;
  }

  .nav-links {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .nav-link {
    display: flex;
  }

  .hero-copy {
    grid-row-gap: 24px;
    width: 100%;
  }

  .gallery-column {
    width: 100%;
  }

  .photo-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .hero-img-wrapper {
    height: 240px;
  }

  .hero-img-wrapper.hide-tablet {
    display: none;
  }

  .stat-row {
    grid-column-gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_spacing-sizing---page-padding--padding-global: 16px;
    --_spacing-sizing---section-padding--padding-section-large: 48px;
    --_spacing-sizing---section-padding--padding-image: 12px;
    --_spacing-sizing---container--container-large: 1280px;
    --_spacing-sizing---section-padding--padding-section-small: 24px;
    --_spacing-sizing---section-padding--padding-section-medium: 32px;
    --_spacing-sizing---max-width--max-width-large: 768px;
    --_spacing-sizing---max-width--max-width-medium: 560px;
    --_typography---text-sizes--heading-6: 18px;
    --_typography---text-sizes--text-small: 13px;
    --_typography---text-sizes--heading-2: 32px;
    --_typography---text-sizes--text-medium: 16px;
    --_typography---text-sizes--text-large: 18px;
    --_typography---text-sizes--heading-3: 28px;
    --_typography---text-sizes--heading-5: 20px;
    --_typography---text-sizes--heading-1: 38px;
    --_typography---text-sizes--text-regular: 15px;
  }

  .actions, .actions.right {
    grid-column-gap: 16px;
  }

  .intro {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-title.half {
    width: 100%;
  }

  .row {
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .button {
    white-space: nowrap;
    padding: 10px 16px;
  }

  .button.secondary.inverse {
    padding-left: 16px;
    padding-right: 16px;
  }

  .content-2col.hero {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .gallery {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gallery-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .gallery-grid.desktop {
    display: none;
  }

  .gallery-grid.mobile {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .stacked.video {
    grid-row-gap: 200px;
  }

  .copy-wrapper.half {
    width: 100%;
  }

  .photo-grid {
    place-content: center flex-start;
    align-items: center;
  }

  .hero-img-wrapper {
    height: 240px;
  }

  .stat-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
  }
}

@media screen and (max-width: 479px) {
  .actions {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .actions.right {
    justify-content: center;
    align-items: flex-end;
  }

  .actions.center {
    justify-content: flex-start;
    align-items: center;
  }

  .button.secondary.hide-xs {
    display: none;
  }

  .photo-ticker {
    max-height: 300px;
  }

  .photo-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: center;
  }

  .photo-grid.show-mobile {
    grid-column-gap: var(--_spacing-sizing---section-padding--padding-image);
    grid-row-gap: var(--_spacing-sizing---section-padding--padding-image);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-img-wrapper {
    height: 140px;
  }

  .hero-img-wrapper.hide-tablet.show-mobile-s {
    display: flex;
  }

  .hero-img-wrapper.hide-mobile-s {
    display: none;
  }

  .hero-img-wrapper.show-xl.show-mobile-s, .hero-img-wrapper.show-mobile-s {
    display: flex;
  }

  .stat-row {
    flex-flow: column;
  }
}

#w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b161f-c3561a1e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1621-c3561a1e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1623-c3561a1e {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: auto;
}

#w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1625-c3561a1e {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (min-width: 1280px) {
  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b161f-c3561a1e {
    grid-column: span 1 / span 1;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1621-c3561a1e {
    grid-column: span 2 / span 2;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1623-c3561a1e {
    grid-column: span 3 / span 3;
  }

  #w-node-_43471d4e-52e2-029b-0794-b4df86eb4983-c3561a1e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1625-c3561a1e {
    grid-column: span 2 / span 2;
  }

  #w-node-_2639281d-3e27-338d-9338-e00bd11626fb-c3561a1e {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b161f-c3561a1e {
    grid-column: span 1 / span 1;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1621-c3561a1e {
    grid-column: span 2 / span 2;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1623-c3561a1e {
    grid-column: span 3 / span 3;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1625-c3561a1e {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b161f-c3561a1e {
    grid-column: span 1 / span 1;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1621-c3561a1e, #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1623-c3561a1e {
    grid-column: span 2 / span 2;
  }

  #w-node-_43471d4e-52e2-029b-0794-b4df86eb4983-c3561a1e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4a79111b-5f7e-e79f-d10b-ae805d7b1625-c3561a1e {
    grid-column: span 1 / span 1;
  }

  #w-node-_2639281d-3e27-338d-9338-e00bd11626fb-c3561a1e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


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