.hero {
  box-sizing: border-box;
  color: var(--dmc-White);
  position: relative;
  overflow: hidden;
}

.hero--mice {
  --mice-hero-frost-fallback-image-d: url("../../../../images/mice-hero-bg-d-1920.jpg");
  --mice-hero-frost-fallback-image-t: url("../../../../images/mice-hero-bg-t-1600.jpg");
  --mice-hero-frost-fallback-image-m: url("../../../../images/mice-hero-bg-m-1600.jpg");
}

.hero--template {
  --template-hero-frost-fallback-image-d: url("../../../../images/template-hero-bg-d-1920.jpg");
  --template-hero-frost-fallback-image-t: url("../../../../images/template-hero-bg-t-1600.jpg");
  --template-hero-frost-fallback-image-m: url("../../../../images/template-hero-bg-m-1600.jpg");
}

.hero--join {
  --join-hero-frost-fallback-image-d: url("../../../../images/join-hero-bg-d-1920.jpg");
  --join-hero-frost-fallback-image-t: url("../../../../images/join-hero-bg-t-1600.jpg");
  --join-hero-frost-fallback-image-m: url("../../../../images/join-hero-bg-m-1600.jpg");
}

.hero--join .hero__body {
  overflow-wrap: break-word;
  word-break: normal;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.hero--join .hero__lead, .hero--join .hero__body p {
  overflow-wrap: break-word;
  word-break: normal;
  min-width: 0;
  max-width: 100%;
}

.hero--join .hero__body p {
  width: 100%;
  margin: 0;
}

.hero__background {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hero__background picture, .hero__background img {
  width: 100%;
  height: 100%;
  display: block;
}

.hero__background img {
  object-fit: cover;
  object-position: 50% 50%;
  image-rendering: auto;
}

.hero__tint {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hero__tint--navy {
  mix-blend-mode: multiply;
  background: #26304d4d;
}

.hero__tint--black {
  mix-blend-mode: overlay;
  background: #0006;
}

.hero__frost {
  box-sizing: border-box;
  pointer-events: none;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  mix-blend-mode: multiply;
  background: #ffffff03;
  position: absolute;
}

.hero__marquee-frost {
  box-sizing: border-box;
  pointer-events: none;
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  mix-blend-mode: multiply;
  background: #ffffff03;
  position: absolute;
}

.hero__blur-panel {
  z-index: 3;
  box-sizing: border-box;
  position: absolute;
}

.hero__text-panel {
  z-index: 1;
  box-sizing: border-box;
  min-width: 0;
  position: relative;
}

.hero__text-panel h1 {
  min-width: 0;
  font-family: Roboto Serif, serif;
  font-style: normal;
  font-weight: 700;
  font-size: var(--dmc-fluid-H1);
  line-height: var(--dmc-lh-H1);
  color: var(--dmc-White);
  overflow-wrap: break-word;
  word-break: normal;
  margin: 0;
}

@media (width >= 68.25rem) {
  .hero.hero--index .hero__text-panel h1 {
    font-size: 3.5rem;
    line-height: 1.1;
  }
}

.hero__title-line {
  overflow-wrap: break-word;
  word-break: normal;
  min-width: 0;
  display: block;
}

.hero__text-panel p {
  font: var(--dmc-desktop-p1-regular);
  color: var(--dmc-White);
  margin: 0;
}

.hero__lead, .hero__body {
  overflow-wrap: break-word;
  word-break: normal;
  min-width: 0;
}

.hero__cta {
  box-sizing: border-box;
  background: var(--dmc-Mexican-Red);
  font: var(--dmc-desktop-H4);
  color: var(--dmc-White);
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  border: 0;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
}

.hero__tagline {
  color: var(--dmc-White);
  text-align: center;
  white-space: nowrap;
  border: 0;
  align-self: flex-start;
  margin: 0;
  padding: 0;
}

.hero__text-panel p.hero__tagline {
  font: var(--dmc-desktop-p2-regular);
}

.hero__marquee {
  z-index: 3;
  contain: paint;
  pointer-events: auto;
  max-width: 100%;
  position: absolute;
  overflow: hidden;
}

.hero__marquee-track {
  will-change: transform;
  width: max-content;
  animation-duration: var(--dmc-hero-marquee-duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.hero__marquee:hover .hero__marquee-track, .hero__marquee:focus-within .hero__marquee-track {
  animation-play-state: paused;
}

.hero__marquee-item {
  flex-shrink: 0;
  position: relative;
}

.hero__marquee-item:after {
  content: "";
  mix-blend-mode: multiply;
  pointer-events: none;
  background: #26304d26;
  position: absolute;
  inset: 0;
}

.hero__marquee-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes hero-marquee-y {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-50%);
  }
}

@keyframes hero-marquee-x {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (width >= 68.25rem) {
  .hero {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 43.3333vw;
    margin: 0;
  }

  .hero__background {
    width: auto;
    height: auto;
  }

  .hero {
    --hero-design-w: min(100vw, 120rem);
    --hero-left-frost-w: calc(948 / 1920 * var(--hero-design-w));
    --hero-rail-left: var(--dmc-rail-inset-vw);
    --hero-rail-right: calc(100vw - var(--hero-rail-left));
    --hero-frost-w: calc(462 / 1920 * var(--hero-design-w));
    --hero-marquee-frost-left: calc(var(--hero-rail-right) - var(--hero-frost-w));
    --hero-image-inset: calc(24 / 1920 * var(--hero-design-w));
    --hero-image-w: calc(var(--hero-frost-w) - 2 * var(--hero-image-inset));
    --hero-image-left: calc(var(--hero-marquee-frost-left) + var(--hero-image-inset));
    --hero-text-floor: calc(731 / 1920 * var(--hero-design-w));
    --hero-text-marquee-gap: calc(79 / 1920 * var(--hero-design-w));
    --hero-free: calc(var(--hero-marquee-frost-left) - var(--hero-rail-left));
    --hero-surplus: calc(var(--hero-free) - var(--hero-text-floor) - var(--hero-text-marquee-gap));
    --hero-text-w: calc(var(--hero-text-floor) + max(0rem, var(--hero-surplus)));
    --hero-copy-w: calc(.854993 * var(--hero-text-w));
  }

  .hero__frost {
    width: var(--hero-left-frost-w);
    z-index: 2;
    height: 100%;
    top: 0;
    left: 0;
    mask-image: linear-gradient(to right, #000 0% 82%, #0000 100%);
  }

  .hero__marquee-frost {
    z-index: 2;
    width: 24.0625vw;
    height: 100%;
    top: 0;
    left: 59.0625vw;
  }

  .hero__blur-panel {
    left: var(--hero-rail-left);
    width: var(--hero-text-w);
    z-index: 3;
    top: 9.6875vw;
  }

  .hero__text-panel, .hero__text-panel h1 {
    width: 100%;
  }

  .hero--mice .hero__text-panel h1, .hero--join .hero__text-panel h1 {
    white-space: nowrap;
  }

  .hero--mice.hero--template .hero__text-panel h1 {
    white-space: normal;
    max-width: calc(713 / 1920 * var(--hero-design-w));
  }

  .hero__marquee {
    z-index: 3;
    width: 21.5625vw;
    height: 100%;
    top: 0;
    left: 60.3125vw;
    overflow: hidden;
  }

  .hero__marquee-track {
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    height: max-content;
    animation-name: hero-marquee-y;
  }

  .hero__marquee-item {
    width: 100%;
    height: 12.5vw;
  }

  .hero.hero--index .hero__marquee-frost {
    left: var(--hero-marquee-frost-left);
    width: var(--hero-frost-w);
  }

  .hero.hero--index .hero__marquee {
    left: var(--hero-image-left);
    width: var(--hero-image-w);
  }

  body:has(.hero--index):has(#dest-menu-dialog[open]) .hero__marquee-track, body:has(.hero--index):has(.dest-menu .dest-menu__region:not([open]) > summary:hover) .hero__marquee-track {
    animation-play-state: paused;
  }
}

@media (width < 120rem) {
  .hero__blur-panel {
    height: auto;
    position: relative;
    left: auto;
  }

  .hero__text-panel {
    flex-direction: column;
    height: auto;
    display: flex;
  }

  .hero__lead, .hero__body, .hero__cta, .hero__tagline {
    max-width: 100%;
    position: static;
    top: auto;
    left: auto;
  }

  .hero__cta {
    align-self: flex-start;
    height: auto;
  }

  .hero__tagline {
    height: auto;
  }
}

@media (68.25rem <= width < 120rem) {
  .hero {
    flex-direction: column;
    justify-content: center;
    height: auto;
    min-height: 43.3333vw;
    display: flex;
  }

  .hero__blur-panel {
    margin-top: 0;
    margin-left: var(--hero-rail-left);
    width: var(--hero-text-w);
    flex: none;
    align-self: flex-start;
    max-width: none;
    min-height: 0;
    margin-right: 1.5rem;
    top: auto;
    left: auto;
  }

  .hero--join .hero__text-panel {
    gap: 0;
    width: 100%;
    min-width: 0;
  }

  .hero__text-panel {
    gap: 1.5rem;
  }

  .hero__lead, .hero__body {
    width: var(--hero-copy-w);
    max-width: var(--hero-copy-w);
    overflow-wrap: break-word;
    word-break: normal;
    min-width: 0;
  }

  .hero--join .hero__lead {
    margin-top: 1.5rem;
  }

  .hero--join .hero__body {
    width: var(--hero-copy-w);
    max-width: var(--hero-copy-w);
    margin-top: 1rem;
  }

  .hero--join .hero__body p {
    overflow-wrap: break-word;
    word-break: normal;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hero.hero--mice.hero--template {
    justify-content: flex-start;
    height: auto;
    padding-bottom: 9.6875vw;
  }

  .hero.hero--mice.hero--template .hero__blur-panel {
    margin-top: 9.6875vw;
  }

  .hero__cta {
    justify-content: center;
    width: 18.75rem;
    padding: 1.5rem 3.75rem;
  }
}

@media (width >= 120rem) {
  .hero {
    height: 43.3333vw;
  }

  .hero__blur-panel {
    height: 23.9583vw;
  }

  .hero.hero--mice, .hero.hero--join {
    flex-direction: column;
    justify-content: center;
    min-height: 43.3333vw;
    display: flex;
  }

  .hero.hero--mice.hero--template {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    min-height: 43.3333vw;
    padding-bottom: 9.6875vw;
    display: flex;
  }

  .hero.hero--mice.hero--template .hero__blur-panel {
    margin-top: 9.6875vw;
  }

  .hero.hero--mice.hero--template .hero__cta {
    margin-top: 0;
  }

  .hero.hero--mice .hero__blur-panel, .hero.hero--join .hero__blur-panel {
    margin-left: var(--hero-rail-left);
    width: var(--hero-text-w);
    flex: none;
    align-self: flex-start;
    max-width: none;
    height: auto;
    min-height: 23.9583vw;
    margin-right: 1.5rem;
    position: relative;
    top: auto;
    left: auto;
  }

  .hero__text-panel {
    flex-direction: column;
    gap: 1.5rem;
    height: 100%;
    display: flex;
  }

  .hero--mice .hero__text-panel, .hero--join .hero__text-panel {
    height: auto;
  }

  .hero--join .hero__text-panel {
    gap: 0;
  }

  .hero__lead, .hero__body {
    width: var(--hero-copy-w);
    max-width: var(--hero-copy-w);
    overflow-wrap: break-word;
    word-break: normal;
    min-width: 0;
    position: static;
    top: auto;
  }

  .hero--join .hero__lead {
    margin-top: 1.5rem;
  }

  .hero--join .hero__body {
    width: var(--hero-copy-w);
    max-width: var(--hero-copy-w);
    margin-top: 1rem;
  }

  .hero--join .hero__body p {
    overflow-wrap: break-word;
    word-break: normal;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hero__cta {
    justify-content: center;
    width: 18.75rem;
    height: auto;
    margin-top: auto;
    padding: 1.5rem 3.75rem;
    top: auto;
    left: auto;
  }

  .hero__cta, .hero__tagline {
    position: static;
  }
}

@media (48rem <= width < 68.25rem) {
  .hero {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 58.5rem;
    min-height: 58.5rem;
    margin: 0;
    display: flex;
  }

  .hero__background {
    width: auto;
    max-width: none;
    height: auto;
  }

  .hero__frost {
    z-index: 2;
    width: 40rem;
    height: 100%;
    top: 0;
    left: 0;
    mask-image: linear-gradient(to right, #000 0% 82%, #0000 100%);
  }

  .hero__marquee-frost {
    z-index: 2;
    width: 100%;
    height: 18rem;
    top: 40.5rem;
    left: 0;
  }

  .hero__blur-panel {
    width: auto;
    max-width: calc(100% - 3rem);
    min-height: 0;
    margin-block: 0;
    margin-inline: 1.5rem;
    top: auto;
  }

  .hero__text-panel {
    gap: 1.5rem;
    width: 100%;
    max-width: 39.1875rem;
  }

  .hero.hero--index .hero__text-panel h1 {
    font-size: 3rem;
    line-height: 1.1;
  }

  .hero.hero--index .hero__text-panel {
    gap: 0;
    padding-top: 5.4375rem;
  }

  .hero.hero--index .hero__lead {
    margin-top: 1.5rem;
  }

  .hero.hero--index .hero__body {
    margin-top: 1rem;
  }

  .hero.hero--index .hero__cta {
    margin-top: 2rem;
  }

  .hero.hero--index .hero__tagline {
    margin-top: .5rem;
  }

  .hero--join .hero__body {
    gap: 1rem;
  }

  .hero__text-panel p {
    font: var(--dmc-tablet-p1);
  }

  .hero__lead, .hero__body {
    overflow-wrap: break-word;
    word-break: normal;
    width: 100%;
    min-width: 0;
  }

  .hero__cta {
    width: 18.75rem;
    font: var(--dmc-tablet-H4);
    justify-content: center;
    padding: 1.5rem 3.75rem;
  }

  .hero__marquee {
    width: 100%;
    height: 15rem;
    top: 42rem;
    left: 0;
    overflow: hidden;
  }

  .hero__marquee-track {
    flex-direction: row;
    gap: 1.5rem;
    animation-name: hero-marquee-x;
  }

  .hero__marquee-item {
    width: min(25.875rem, 100%);
    max-width: 100%;
    height: 15rem;
  }

  .hero.hero--index {
    justify-content: flex-start;
  }

  .hero.hero--index .hero__blur-panel {
    flex-direction: column;
    justify-content: flex-start;
    width: calc(100% - 3rem);
    min-width: 0;
    height: auto;
    min-height: 40.5rem;
    display: flex;
  }

  .hero.hero--index {
    height: auto;
  }

  .hero.hero--index .hero__blur-panel {
    margin-bottom: 18rem;
    padding-bottom: 1.5rem;
  }

  .hero.hero--index .hero__marquee-frost {
    top: auto;
    bottom: 0;
  }

  .hero.hero--index .hero__marquee {
    top: auto;
    bottom: 1.5rem;
  }
}

@media (width >= 48rem) {
  .hero.hero--index .hero__tagline {
    box-sizing: border-box;
    white-space: nowrap;
    width: 18.75rem;
    margin-left: 0;
  }
}

@media (width < 48rem) {
  .hero {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 45.4375rem;
    min-height: 45.4375rem;
    margin: 0 auto;
    display: flex;
  }

  .hero--join {
    height: 40rem;
    min-height: 40rem;
  }

  .hero.hero--mice.hero--template {
    min-height: 40rem;
  }

  .hero__background {
    width: auto;
    max-width: none;
    height: auto;
  }

  .hero__frost {
    z-index: 2;
    width: 83.3333%;
    height: 100%;
    top: 0;
    left: 0;
    mask-image: linear-gradient(to right, #000 0% 82%, #0000 100%);
  }

  .hero__marquee-frost {
    z-index: 2;
    width: 100%;
    max-width: 100%;
    height: 13.125rem;
    top: 32.3125rem;
    left: 0;
  }

  .hero__blur-panel {
    width: auto;
    min-width: 0;
    max-width: calc(100% - 3rem);
    min-height: 0;
    margin-block: 0;
    margin-inline: 1.5rem;
    top: auto;
  }

  .hero__text-panel {
    gap: 1.5rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hero.hero--index .hero__text-panel h1 {
    font-size: 1.5rem;
    line-height: 1.1;
  }

  .hero.hero--index .hero__text-panel {
    gap: 0;
    padding-top: 5.4375rem;
  }

  .hero.hero--index .hero__lead {
    margin-top: 1.5rem;
  }

  .hero.hero--index .hero__body {
    margin-top: 1rem;
  }

  .hero.hero--index .hero__cta {
    margin-top: 2rem;
  }

  .hero.hero--index .hero__tagline {
    margin-top: .5rem;
  }

  .hero__text-panel p {
    font: var(--dmc-mobile-p1);
  }

  .hero__lead, .hero__body {
    overflow-wrap: break-word;
    word-break: normal;
    width: 100%;
    min-width: 0;
  }

  .hero__cta {
    width: 100%;
    min-height: 3.5rem;
    font: var(--dmc-mobile-H3);
    justify-content: center;
    padding: 1rem;
  }

  .hero__text-panel p.hero__tagline {
    font: var(--dmc-mobile-p1);
  }

  .hero__marquee {
    width: 100%;
    max-width: none;
    height: 10.125rem;
    top: 33.8125rem;
    left: 0;
    overflow: hidden;
  }

  .hero__marquee-track {
    flex-direction: row;
    gap: 1.5rem;
    animation-name: hero-marquee-x;
  }

  .hero__marquee-item {
    width: min(17.5rem, 100vw - 3rem);
    max-width: 100%;
    height: 10.125rem;
  }

  .hero.hero--index {
    justify-content: flex-start;
  }

  .hero.hero--index .hero__blur-panel {
    flex-direction: column;
    justify-content: flex-start;
    width: calc(100% - 3rem);
    min-width: 0;
    height: auto;
    min-height: 32.3125rem;
    display: flex;
  }

  .hero--join .hero__body {
    gap: .75rem;
  }

  .hero.hero--index .hero__tagline {
    box-sizing: border-box;
    white-space: nowrap;
    align-self: flex-start;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .hero.hero--index {
    height: auto;
  }

  .hero.hero--index .hero__blur-panel {
    margin-bottom: 13.125rem;
    padding-bottom: 1.5rem;
  }

  .hero.hero--index .hero__marquee-frost {
    top: auto;
    bottom: 0;
  }

  .hero.hero--index .hero__marquee {
    top: auto;
    bottom: 1.5rem;
  }
}

html.hero-frost-fallback .hero__frost, html.hero-frost-fallback .hero__marquee-frost {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  mix-blend-mode: normal;
  clip-path: inset(0);
  contain: paint;
  background: none;
  overflow: clip;
  mask-image: linear-gradient(to right, #000 0% 82%, #0000 100%);
}

html.hero-frost-fallback .hero__frost:before, html.hero-frost-fallback .hero__marquee-frost:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
}

html.hero-frost-fallback .hero__frost:before {
  clip-path: inset(3.125rem);
  filter: blur(50px);
  background-image: linear-gradient(#0006, #0006), linear-gradient(#26304d4d, #26304d4d);
  top: -3.125rem;
  left: -3.125rem;
}

html.hero-frost-fallback .hero__marquee-frost:before {
  clip-path: inset(3rem);
  filter: blur(48px);
  background-image: linear-gradient(#0006, #0006), linear-gradient(#26304d4d, #26304d4d);
  top: -3rem;
  left: -3rem;
}

@media (width >= 68.25rem) {
  html.hero-frost-fallback .hero--mice .hero__frost:before {
    --hero-frost-fallback-image: var(--mice-hero-frost-fallback-image-d);
  }

  html.hero-frost-fallback .hero--mice.hero--template .hero__frost:before {
    --hero-frost-fallback-image: var(--template-hero-frost-fallback-image-d);
  }

  html.hero-frost-fallback .hero--join .hero__frost:before {
    --hero-frost-fallback-image: var(--join-hero-frost-fallback-image-d);
  }

  html.hero-frost-fallback .hero--mice .hero__marquee-frost:before {
    --hero-marquee-frost-fallback-image: var(--mice-hero-frost-fallback-image-d);
  }

  html.hero-frost-fallback .hero__frost:before {
    background-position: 0;
    background-size: 100vw 43.3333vw;
    background-image: linear-gradient(#0006, #0006),
			linear-gradient(#26304d4d, #26304d4d),
			var(--hero-frost-fallback-image, url("../../../../images/hero-bg-d-4000.jpg"));
    width: calc(100% + 6.25rem);
    height: calc(100% + 6.25rem);
  }

  html.hero-frost-fallback .hero__marquee-frost:before {
    background-image: linear-gradient(#0006, #0006),
			linear-gradient(#26304d4d, #26304d4d),
			var(--hero-marquee-frost-fallback-image, url("../../../../images/hero-bg-d-4000.jpg"));
    width: calc(100vw + 6rem);
    height: calc(43.3333vw + 6rem);
    left: calc(-59.0625vw - 3rem);
  }

  html.hero-frost-fallback .hero.hero--index .hero__marquee-frost:before {
    left: calc(-1 * var(--hero-marquee-frost-left) - 3rem);
  }
}

@media (48rem <= width < 68.25rem) {
  html.hero-frost-fallback .hero--mice .hero__frost:before {
    --hero-frost-fallback-image: var(--mice-hero-frost-fallback-image-t);
  }

  html.hero-frost-fallback .hero--mice.hero--template .hero__frost:before {
    --hero-frost-fallback-image: var(--template-hero-frost-fallback-image-t);
  }

  html.hero-frost-fallback .hero--join .hero__frost:before {
    --hero-frost-fallback-image: var(--join-hero-frost-fallback-image-t);
  }

  html.hero-frost-fallback .hero--mice .hero__marquee-frost:before {
    --hero-marquee-frost-fallback-image: var(--mice-hero-frost-fallback-image-t);
  }

  html.hero-frost-fallback .hero__frost:before {
    background-image: linear-gradient(#0006, #0006),
			linear-gradient(#26304d4d, #26304d4d),
			var(--hero-frost-fallback-image, url("../../../../images/hero-bg-t-4000.jpg"));
    width: calc(100% + 6.25rem);
    height: calc(100% + 6.25rem);
  }

  html.hero-frost-fallback .hero__marquee-frost:before {
    background-image: linear-gradient(#0006, #0006),
			linear-gradient(#26304d4d, #26304d4d),
			var(--hero-marquee-frost-fallback-image, url("../../../../images/hero-bg-t-4000.jpg"));
    width: calc(100% + 6rem);
    height: 64.5rem;
    top: -43.5rem;
  }
}

@media (width < 48rem) {
  html.hero-frost-fallback .hero--mice .hero__frost:before {
    --hero-frost-fallback-image: var(--mice-hero-frost-fallback-image-m);
  }

  html.hero-frost-fallback .hero--mice.hero--template .hero__frost:before {
    --hero-frost-fallback-image: var(--template-hero-frost-fallback-image-m);
  }

  html.hero-frost-fallback .hero--join .hero__frost:before {
    --hero-frost-fallback-image: var(--join-hero-frost-fallback-image-m);
  }

  html.hero-frost-fallback .hero--mice .hero__marquee-frost:before {
    --hero-marquee-frost-fallback-image: var(--mice-hero-frost-fallback-image-m);
  }

  html.hero-frost-fallback .hero__frost:before {
    background-image: linear-gradient(#0006, #0006),
			linear-gradient(#26304d4d, #26304d4d),
			var(--hero-frost-fallback-image, url("../../../../images/hero-bg-m-4000.jpg"));
    width: calc(100vw + 6.25rem);
    height: calc(100% + 6.25rem);
  }

  html.hero-frost-fallback .hero__marquee-frost:before {
    background-image: linear-gradient(#0006, #0006),
			linear-gradient(#26304d4d, #26304d4d),
			var(--hero-marquee-frost-fallback-image, url("../../../../images/hero-bg-m-4000.jpg"));
    width: calc(100vw + 6rem);
    height: 51.4375rem;
    top: -35.3125rem;
  }
}

@supports ((-moz-appearance: none)) {
  .hero {
    z-index: 2;
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .hero__background, .hero__tint {
    width: auto;
    height: auto;
    inset: -2px 0;
  }

  .hero__lead, .hero__body, .hero--join .hero__lead, .hero--join .hero__body p {
    overflow-wrap: normal;
    word-break: normal;
  }
}