@import "../js/third-party/slick/slick.css";
@import "../js/third-party/slick/slick-theme.css";
:root {
  --white: #ffffff;
  --black: #000000;
  --bordergray: #f2f2f2;
  --gray: #5b5b5b;
  --darkgray: #191919;
  --darkestgray: #2d2d2d;
  --cream: #faf5ee;
  --gold: #bea56f;
  --blue: #040c19;
}

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

.black {
  color: var(--black);
}

.gold {
  color: var(--gold);
}

.gray {
  color: var(--gray);
}

.darkgray {
  color: var(--darkgray);
}

.blue {
  color: var(--blue);
}

.cream {
  color: var(--cream);
}

.bg-white {
  background: var(--white);
}

.bg-black {
  background: var(--black);
}

.bg-darkgray {
  background: var(--darkgray);
}

.bg-cream {
  background: var(--cream);
}

:root {
  --obviously: obviously-variable, sans-serif;
  --tungsten: "Tungsten A", "Tungsten B", sans-serif;
  --wedding: "wedding-gothic-atf", sans-serif;
  --variation: "wdth" 190, "wght" 592;
  --wide-medium: "wdth" 150, "wght" 500;
  --book: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --wedding-reg: 500;
  --wedding-med: 600;
  --xxsm: 1.3rem;
  --xsm: 1.44rem;
  --sm: 1.728rem;
  --md: 2.074rem;
  --lg: 2.488rem;
  --xl: 2.986rem;
  --2xl: 3.583rem;
  --3xl: 4.3rem;
  --4xl: 5.16rem;
  --5xl: 6.192rem;
  --6xl: 7.43rem;
  --7xl: 8.916rem;
  --8xl: 10.699rem;
  --9xl: 12.838rem;
  --10xl: 15.4056rem;
  --11xl: 18.48672rem;
}

@font-face {
  font-family: "Tungsten A", "Tungsten B", sans-serif;
  font-display: swap;
}
.obviously {
  font-family: var(--obviously);
}

.uppercase {
  text-transform: uppercase;
}

* {
  box-sizing: border-box;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
  font-family: var(--tungsten);
  font-weight: normal;
  scroll-behavior: smooth;
  font-feature-settings: "ss01" 1;
}

body {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
p,
blockquote,
figure {
  margin: 0;
  padding: 0;
}

section,
main {
  display: block;
}

h1,
h2,
h3,
h4 {
  font-size: inherit;
  font-weight: normal;
}

p {
  font-family: var(--tungsten);
  font-weight: normal;
}

a,
button {
  color: inherit;
  transition: 0.3s;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border: 0;
}

:focus {
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ol.stripped, ul.stripped {
  margin: 0;
  padding: 0;
}
ol.stripped li, ul.stripped li {
  list-style-type: none;
}

.fixed {
  position: fixed;
  overflow: hidden;
}

.fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cover {
  object-fit: cover;
  max-width: none;
  display: flex;
  height: 100%;
  width: 100%;
}

.btn, form button[type=submit] {
  position: relative;
  display: inline-block;
  padding: 0;
  box-shadow: 0 2px 10px rgba(190, 165, 111, 0.8);
  border-radius: 2.8rem;
  background: var(--gold);
  height: 5.6rem;
}
.btn .btn-text, form button[type=submit] .btn-text {
  position: relative;
  z-index: 1;
  font-family: var(--obviously);
  font-size: var(--xxsm);
  height: 4.6rem;
  margin: 5px;
  overflow: hidden;
  background: var(--white);
  border-radius: 2.6rem;
  transition: border-color 0.5s, background-color 0.5s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  text-transform: uppercase;
  font-variation-settings: "wdth" 160, "wght" 475;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 641px) {
  .btn .btn-text, form button[type=submit] .btn-text {
    font-size: var(--xsm);
  }
}
.btn .btn-text:after, form button[type=submit] .btn-text:after {
  position: absolute;
  inset: 0;
  content: attr(data-text);
  opacity: 0;
  color: var(--gold);
  transform: translate3d(0, 25%, 0);
}
.btn .btn-text span, form button[type=submit] .btn-text span {
  display: block;
}
.btn .btn-text:after, form button[type=submit] .btn-text:after, .btn .btn-text span, form button[type=submit] .btn-text span {
  padding: 1.8rem 2rem 1.2rem 2rem;
  transition: transform 0.5s, opacity 0.5s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
@media (min-width: 641px) {
  .btn .btn-text:after, form button[type=submit] .btn-text:after, .btn .btn-text span, form button[type=submit] .btn-text span {
    padding: 1.8rem 4rem 1.4rem 4rem;
  }
}
.btn .btn-text:hover, form button[type=submit] .btn-text:hover {
  border-color: var(--gold);
  background-color: var(--white);
}
.btn .btn-text:hover:after, form button[type=submit] .btn-text:hover:after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.btn .btn-text:hover span, form button[type=submit] .btn-text:hover span {
  opacity: 0;
  transform: translate3d(0, -25%, 0);
}
.btn.bg-black .btn-text, form button.bg-black[type=submit] .btn-text {
  background: transparent;
  box-shadow: none;
}
.btn.bg-black .btn-text span, form button.bg-black[type=submit] .btn-text span {
  color: var(--white);
}

.link {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-transform: uppercase;
  height: 4rem;
}
.link:hover .arrow {
  transform: translateX(0.3rem);
}
.link:hover .arrow svg path {
  fill: var(--gold);
}
@media (min-width: 641px) {
  .link.large .link-text {
    font-size: var(--sm);
  }
}
@media (min-width: 641px) {
  .link.large .link-text:before {
    height: 4px;
  }
}
.link .link-text {
  position: relative;
  z-index: 1;
  font-family: var(--obviously);
  font-size: var(--xxsm);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  text-transform: uppercase;
  font-variation-settings: "wdth" 160, "wght" 475;
}
@media (min-width: 641px) {
  .link .link-text {
    font-size: var(--xsm);
  }
}
.link .link-text:before {
  position: absolute;
  content: "";
  bottom: 0.3rem;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--gold);
}
.link .link-text:after {
  position: absolute;
  inset: 0;
  content: attr(data-text);
  opacity: 0;
  color: var(--gold);
  transform: translate3d(0, 25%, 0);
}
.link .link-text span {
  display: block;
}
.link .link-text:after, .link .link-text span {
  padding: 1.8rem 0 1rem 0;
  transition: transform 0.5s, opacity 0.5s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.link .link-text:hover:after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.link .link-text:hover span {
  opacity: 0;
  transform: translate3d(0, -25%, 0);
}
.link .link-text .text {
  text-wrap: nowrap;
}
.link .arrow {
  position: relative;
  top: 0.4rem;
  width: 100%;
  max-width: 1rem;
  transition: 0.3s;
  flex-shrink: 0;
}
.link .arrow svg {
  height: 100%;
  width: 100%;
}
.link .arrow svg path {
  transition: 0.3s;
}

.arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
}
@media (min-width: 641px) {
  .arrow {
    height: 6rem;
    width: 6rem;
  }
}
.arrow.bg-darkblue {
  background: var(--blue);
  border: 3px solid var(--gold);
}
.arrow.bg-darkblue svg path {
  fill: var(--white);
}
.arrow.bg-darkblue:hover {
  background: var(--gold);
}
.arrow.bg-white {
  background: var(--white);
  border: 3px solid var(--gold);
}
.arrow.bg-white svg path {
  fill: var(--blue);
}
.arrow.bg-white:hover {
  background: var(--gold);
}
.arrow.bg-white:hover svg path {
  fill: var(--white);
}
.arrow.previous svg {
  left: -0.3rem;
}
.arrow.next svg {
  left: 0.3rem;
}
.arrow svg {
  position: relative;
  width: 100%;
  max-width: 1.2rem;
}
@media (min-width: 641px) {
  .arrow svg {
    max-width: 1.5rem;
  }
}

.hide-overflow {
  overflow: hidden;
  display: block;
}

.appear {
  transition: 0.6s;
  display: block;
}
.appear.down {
  transform: translateY(-100%);
}
.appear.up {
  transform: translateY(100%);
}
.appear.in-view {
  transform: translateY(0%);
}

@media (min-width: 641px) {
  .delay-25 {
    transition-delay: 0.25s;
  }
}

@media (min-width: 641px) {
  .delay-50 {
    transition-delay: 0.5s;
  }
}

@media (min-width: 641px) {
  .delay-75 {
    transition-delay: 0.75s;
  }
}

@media (min-width: 641px) {
  .delay-100 {
    transition-delay: 1s;
  }
}

@media (min-width: 641px) {
  .delay-125 {
    transition-delay: 1.25s;
  }
}

@media (min-width: 641px) {
  .fadeup {
    opacity: 0;
    transition-duration: 1s;
    transform: translate3d(0, 20%, 0);
  }
  .fadeup.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 641px) {
  .fadeup-cascade > *:nth-child(1) {
    transition-delay: calc(1 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(2) {
    transition-delay: calc(2 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(3) {
    transition-delay: calc(3 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(4) {
    transition-delay: calc(4 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(5) {
    transition-delay: calc(5 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(6) {
    transition-delay: calc(6 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(7) {
    transition-delay: calc(7 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(8) {
    transition-delay: calc(8 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *:nth-child(9) {
    transition-delay: calc(9 * 0.15s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade > *.in-view:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade > *.in-view:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade.in-view > *:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 641px) {
  .fadeup-cascade-winners > *:nth-child(1) {
    transition-delay: calc(1 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(2) {
    transition-delay: calc(2 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(3) {
    transition-delay: calc(3 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(4) {
    transition-delay: calc(4 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(5) {
    transition-delay: calc(5 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(6) {
    transition-delay: calc(6 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(7) {
    transition-delay: calc(7 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(8) {
    transition-delay: calc(8 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(9) {
    transition-delay: calc(9 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(10) {
    transition-delay: calc(10 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(11) {
    transition-delay: calc(11 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(12) {
    transition-delay: calc(12 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(13) {
    transition-delay: calc(13 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(14) {
    transition-delay: calc(14 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(15) {
    transition-delay: calc(15 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(16) {
    transition-delay: calc(16 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(17) {
    transition-delay: calc(17 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(18) {
    transition-delay: calc(18 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *:nth-child(19) {
    transition-delay: calc(19 * 0.5s);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadeup-cascade-winners > *.in-view:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(10) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(11) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(12) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(13) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(14) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(15) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(16) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(17) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(18) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners > *.in-view:nth-child(19) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(10) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(11) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(12) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(13) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(14) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(15) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(16) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(17) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(18) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadeup-cascade-winners.in-view > *:nth-child(19) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 641px) {
  .fadein-cascade-winners > *:nth-child(1) {
    transition-delay: calc(1 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(2) {
    transition-delay: calc(2 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(3) {
    transition-delay: calc(3 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(4) {
    transition-delay: calc(4 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(5) {
    transition-delay: calc(5 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(6) {
    transition-delay: calc(6 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(7) {
    transition-delay: calc(7 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(8) {
    transition-delay: calc(8 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(9) {
    transition-delay: calc(9 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(10) {
    transition-delay: calc(10 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(11) {
    transition-delay: calc(11 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(12) {
    transition-delay: calc(12 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(13) {
    transition-delay: calc(13 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(14) {
    transition-delay: calc(14 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(15) {
    transition-delay: calc(15 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(16) {
    transition-delay: calc(16 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(17) {
    transition-delay: calc(17 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(18) {
    transition-delay: calc(18 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *:nth-child(19) {
    transition-delay: calc(19 * 0.5s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein-cascade-winners > *.in-view:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(10) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(11) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(12) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(13) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(14) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(15) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(16) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(17) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(18) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners > *.in-view:nth-child(19) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(10) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(11) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(12) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(13) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(14) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(15) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(16) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(17) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(18) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade-winners.in-view > *:nth-child(19) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 641px) {
  .fadein-cascade > *:nth-child(1) {
    transition-delay: calc(1 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(2) {
    transition-delay: calc(2 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(3) {
    transition-delay: calc(3 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(4) {
    transition-delay: calc(4 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(5) {
    transition-delay: calc(5 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(6) {
    transition-delay: calc(6 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(7) {
    transition-delay: calc(7 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(8) {
    transition-delay: calc(8 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(9) {
    transition-delay: calc(9 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(10) {
    transition-delay: calc(10 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(11) {
    transition-delay: calc(11 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(12) {
    transition-delay: calc(12 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(13) {
    transition-delay: calc(13 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(14) {
    transition-delay: calc(14 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(15) {
    transition-delay: calc(15 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(16) {
    transition-delay: calc(16 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(17) {
    transition-delay: calc(17 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(18) {
    transition-delay: calc(18 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *:nth-child(19) {
    transition-delay: calc(19 * 0.15s);
    transform: translate3d(0, 0, 0);
    opacity: 0;
    transition-duration: 2s;
  }
  .fadein-cascade > *.in-view:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(10) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(11) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(12) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(13) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(14) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(15) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(16) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(17) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(18) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade > *.in-view:nth-child(19) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(1) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(2) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(3) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(4) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(5) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(6) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(7) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(8) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(9) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(10) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(11) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(12) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(13) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(14) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(15) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(16) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(17) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(18) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .fadein-cascade.in-view > *:nth-child(19) {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 641px) {
  .slidedown {
    opacity: 0;
    transition-duration: 1s;
    transform: translate3d(0, -8%, 0);
  }
  .slidedown.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 641px) {
  .slideleft {
    opacity: 0;
    transition-duration: 1s;
    transform: translate3d(-20px, 0, 0);
  }
  .slideleft.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 641px) {
  .fadein {
    opacity: 0;
    transition-duration: 1s;
  }
  .fadein.in-view {
    opacity: 1;
    transform: none;
  }
}

.no-transition * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

body.no-scroll {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
body.nav-focused:before {
  inset: 0;
  opacity: 0.7;
}
body.nav-focused nav.show-nav.dark.transparent .logo svg path {
  fill: var(--white);
}
body.nav-focused nav.show-nav.dark.transparent .logo .type {
  color: var(--white);
}
body.nav-focused nav.show-nav.dark.transparent .links-contain {
  color: var(--white) !important;
}

nav {
  --linkSize: var(--4xl);
  --linkSizeSmall: var(--linkSize);
  --navHeight: 11rem;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;
  height: var(--navHeight);
  width: 100%;
  transform: translate(-50%, -100%);
  transition: 0.3s;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 1280px) {
  nav {
    --linkSize: var(--2xl);
    --linkSizeSmall: var(--xl);
  }
}
@media (min-width: 1280px) {
  nav {
    display: flex;
    align-items: center;
  }
}
nav.show-nav {
  background: white;
  transform: translate(-50%, 0%);
  color: black !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
@media (min-width: 1280px) {
  nav.show-nav.is-focused .logo {
    transform: translate(-50%, -2rem) scale(0.6);
  }
}
@media (min-width: 1280px) {
  nav.show-nav.is-focused .logo svg {
    margin: 0 auto 1rem auto !important;
  }
}
nav.show-nav .nav-trigger {
  opacity: 1;
}
nav.show-nav .nav-trigger span, nav.show-nav .nav-trigger span::after, nav.show-nav .nav-trigger span::before {
  background: black;
}
nav.transparent {
  background: transparent;
  color: white !important;
  box-shadow: none;
}
@media (min-width: 1280px) {
  nav.transparent {
    top: 4rem;
  }
}
@media (min-width: 1280px) {
  nav.transparent .logo {
    top: 4rem;
    left: 50%;
    transform: translate(-50%, 0) scale(1);
  }
}
nav.transparent .logo svg path {
  fill: var(--white);
}
nav.transparent .nav-trigger span, nav.transparent .nav-trigger span::after, nav.transparent .nav-trigger span::before {
  background: white;
}
@media (min-width: 1280px) {
  nav.transparent.is-focused .logo {
    transform: translate(-50%, -4.5rem) scale(0.7);
  }
}
@media (min-width: 1280px) {
  nav.transparent.is-focused .logo svg {
    margin: 0 auto 1rem auto !important;
  }
}
nav.transparent.dark {
  color: var(--blue);
}
nav.transparent.dark .logo {
  color: var(--blue);
}
nav.transparent.dark .logo svg path {
  fill: var(--blue);
}
nav.transparent.dark .links-contain {
  color: var(--blue);
}
nav.nav-open {
  color: black !important;
}
nav.nav-open:before {
  position: absolute;
  z-index: 4;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 110%;
  background: var(--white);
}
@media (min-width: 641px) {
  nav.nav-open:before {
    height: 20rem;
  }
}
nav.nav-open .logo {
  top: 2.5rem;
}
nav.nav-open .logo svg path {
  fill: var(--black);
}
nav.nav-open .links-contain {
  transform: translateY(0%);
  height: 100vh;
  overflow: scroll;
}
nav.nav-open .nav-trigger span, nav.nav-open .nav-trigger span::after, nav.nav-open .nav-trigger span::before {
  background: var(--black);
}
nav.nav-open .fourty-years-logo .fourty-q-logo path {
  fill: var(--black);
}
nav.nav-open .fourty-years-logo .years path {
  fill: var(--black) !important;
}
nav.nav-open .fourty-years-logo line {
  stroke: var(--black) !important;
}
nav.dark {
  color: var(--blue) !important;
}
nav.dark.transparent .nav-trigger span, nav.dark.transparent .nav-trigger :before, nav.dark.transparent .nav-trigger :after {
  background: var(--blue);
}
nav.dark.transparent.nav-open span {
  background: transparent;
}
nav.dark .fourty-years-logo .fourty-q-logo path {
  fill: var(--black);
}
nav.dark .fourty-years-logo .years path {
  fill: var(--black) !important;
}
nav.dark .fourty-years-logo line {
  stroke: var(--black) !important;
}
nav .links-contain {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 13rem 10vw 20rem 10vw;
  transform: translateY(-100%);
  transition: 0.3s;
  background: white;
}
@media (min-width: 641px) {
  nav .links-contain {
    padding: 15rem 10vw 20rem;
  }
}
@media (min-width: 1024px) {
  nav .links-contain {
    padding: 20rem 10vw 20rem;
  }
}
@media (min-width: 1280px) {
  nav .links-contain {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 7.5% 0 5%;
    transform: none;
    transition: none;
    background: none;
  }
}
@media (min-width: 1800px) {
  nav .links-contain {
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
  }
}
nav .links-contain ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  gap: 3rem;
}
@media (min-width: 641px) {
  nav .links-contain ul {
    margin: 0 0 3rem 0;
  }
}
@media (min-width: 1280px) {
  nav .links-contain ul {
    flex-direction: row;
    align-items: center;
    margin: 0;
  }
}
nav .links-contain ul .is-header {
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--bordergray);
  overflow: hidden;
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header {
    position: static;
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
nav .links-contain ul .is-header.toggle .expand {
  transform: rotate(0deg) !important;
}
nav .links-contain ul .is-header.toggle .dropdown-items .column-contain {
  opacity: 1;
  visibility: visible;
}
nav .links-contain ul .is-header.toggle .dropdown-items .column-contain .column {
  opacity: 1;
}
nav .links-contain ul .is-header.is-focused .link-contain .dropdown-link:after {
  border-color: transparent transparent var(--white) transparent;
  border-width: 0 10.5px 10px 10.5px;
  transform: translate(-50%, 0%);
}
@media (min-width: 1380px) {
  nav .links-contain ul .is-header.is-focused .link-contain .dropdown-link:after {
    transform: translate(-50%, 0%);
  }
}
nav .links-contain ul .is-header.is-focused .dropdown-items {
  opacity: 1;
  visibility: visible;
  transition: transform 0.5s ease, opacity 0ms, visibility 0ms;
  height: auto;
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header.is-focused .dropdown-items {
    transform: translateX(-50%);
  }
}
nav .links-contain ul .is-header.is-focused .dropdown-items .column-contain {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition-delay: 0.1s;
}
nav .links-contain ul .is-header.is-focused .dropdown-items .column-contain .column {
  opacity: 1 !important;
}
nav .links-contain ul .is-header .link-contain {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav .links-contain ul .is-header .link-contain .dropdown-link {
  position: relative;
  font-family: var(--tungsten);
  font-weight: var(--medium);
  font-size: var(--linkSize);
  line-height: 0.9;
  text-transform: uppercase;
  transition: 0.4s;
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .link-contain .dropdown-link {
    padding: 6rem 0 3.5rem 0;
  }
}
@media (min-width: 1380px) {
  nav .links-contain ul .is-header .link-contain .dropdown-link {
    padding: 6rem 0 3.5rem 0;
  }
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .link-contain .dropdown-link:after {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 7.5px 7.5px;
    border-color: transparent transparent transparent transparent;
    transform: translate(-50%, 50%);
    transition: 0.2s ease-in-out;
  }
}
@media (min-width: 1380px) {
  nav .links-contain ul .is-header .link-contain .dropdown-link:after {
    transform: translate(-50%, 50%);
  }
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .link-contain .dropdown-link:hover {
    cursor: context-menu;
    color: var(--gold);
  }
}
nav .links-contain ul .is-header .link-contain .expand {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: center;
  transition: 0.3s;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  border: 2px solid var(--gold);
  background: var(--blue);
  transform: rotate(135deg);
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .link-contain .expand {
    display: none;
  }
}
nav .links-contain ul .is-header .link-contain .expand svg {
  width: 100%;
  max-width: 2rem;
}
nav .links-contain ul .is-header .link-contain .expand svg stroke {
  color: var(--white);
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items {
    position: absolute;
    top: calc(100% - 1rem);
    left: 50%;
    z-index: 10;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s;
    transform-origin: top center;
    transform: translateX(-50%);
    border-radius: var(--borderradius);
    max-width: calc(100% - 12rem);
    margin-left: auto;
    margin-right: auto;
  }
}
nav .links-contain ul .is-header .dropdown-items .column-contain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  width: 100%;
  padding: 2rem 0;
  background: var(--white);
  border-radius: var(--borderradius);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain {
    padding: 0.5rem;
    gap: 0.5rem;
    pointer-events: none;
    grid-template-columns: repeat(5, 1fr);
    box-shadow: 0 2px 15px -10px rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 1380px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain {
    gap: 1rem;
    padding: 1rem;
  }
}
@media (min-width: 1440px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain {
    gap: 1.5rem;
    padding: 1.5rem;
  }
}
nav .links-contain ul .is-header .dropdown-items .column-contain.dine p {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain.columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain.columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain.columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
nav .links-contain ul .is-header .dropdown-items .column-contain .column {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: var(--borderradius);
  overflow: hidden;
  transition: 0.3s;
  opacity: 0;
  background: var(--black);
  overflow: hidden;
  aspect-ratio: 1/0.8;
}
@media (min-width: 641px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain .column {
    aspect-ratio: 1/0.5;
  }
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain .column {
    aspect-ratio: unset;
  }
}
nav .links-contain ul .is-header .dropdown-items .column-contain .column:hover img, nav .links-contain ul .is-header .dropdown-items .column-contain .column:hover video {
  transform: scale(1.1);
}
nav .links-contain ul .is-header .dropdown-items .column-contain .column img, nav .links-contain ul .is-header .dropdown-items .column-contain .column video {
  opacity: 0.7;
  transition: 0.3s;
}
nav .links-contain ul .is-header .dropdown-items .column-contain .column p {
  position: relative;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 194, "wght" 450;
  font-size: var(--sm);
  line-height: 1;
  padding: 0 5%;
  color: var(--white);
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  nav .links-contain ul .is-header .dropdown-items .column-contain .column p {
    padding: 20rem 5%;
  }
}
nav .links-contain ul .is-header .dropdown-items .column-contain .column p span {
  display: block;
  margin-top: 1rem;
  font-size: var(--xsm);
  font-variation-settings: "wdth" 154, "wght" 500;
}
nav .links-contain ul .is-header .dropdown-items .column-contain .column p span.pill {
  background-color: #bea56f;
  padding: 1rem 0.7rem 0.5rem 0.7rem;
  color: #ffffff;
  margin: -3rem auto 1.5rem auto;
  width: 8rem;
  border-radius: 1rem;
}
nav .links-contain .links-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1280px) {
  nav .links-contain .links-right {
    flex-direction: row;
    align-items: center;
    margin-top: 3rem;
  }
}
@media (min-width: 1380px) {
  nav .links-contain .links-right {
    gap: 0 5rem;
  }
}
nav .links-contain .links-right > ul {
  gap: 0 5rem;
}
nav .links-contain .links-right .is-header .link-contain .dropdown-link {
  font-size: var(--linkSizeSmall);
}
nav .links-contain .links-right .link-contain a {
  font-family: var(--tungsten);
  font-weight: var(--medium);
  font-size: var(--linkSizeSmall);
  line-height: 0.9;
  text-transform: uppercase;
  color: inherit;
}
@media (min-width: 1280px) {
  nav .links-contain .links-right .link-contain a {
    padding: 6rem 0 3.5rem 0;
  }
}
@media (min-width: 1380px) {
  nav .links-contain .links-right .link-contain a {
    padding: 6rem 0 3.5rem 0;
  }
}
nav .links-contain .links-right .link-contain a.last {
  padding-right: 0;
}
@media (min-width: 1280px) {
  nav .links-contain .links-right .link-contain a:hover {
    color: var(--gold);
  }
}
nav .logo {
  position: absolute;
  z-index: 5;
  top: 4rem;
  left: 10vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 641px) {
  nav .logo {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  nav .logo {
    top: 6rem;
  }
}
@media (min-width: 1280px) {
  nav .logo {
    transform: scale(0.7);
    top: 1rem;
    left: 0;
    flex-direction: column;
    gap: 1.5rem;
  }
}
nav .logo svg {
  width: 100%;
  max-width: 8rem;
}
@media (min-width: 1280px) {
  nav .logo svg {
    max-width: 15rem;
  }
}
nav .logo svg path {
  fill: var(--black);
}
nav .logo .type {
  position: relative;
  display: flex;
  flex-direction: column;
  letter-spacing: 0.1em;
  font-family: var(--wedding);
  font-weight: var(--wedding-med);
  font-size: 1.2rem;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  nav .logo .type {
    line-height: 1.3;
  }
}
@media (min-width: 1280px) {
  nav .logo .type {
    flex-direction: row !important;
    font-size: 1.6rem;
    line-height: 1.1;
    gap: 0.7rem !important;
    left: 0.3em;
  }
}
nav .icon {
  position: absolute;
  top: 4rem;
  right: 3rem;
  width: 10rem;
  height: auto;
  opacity: 1 !important;
  z-index: 1;
}
@media (min-width: 641px) {
  nav .icon {
    width: 14rem;
  }
}
nav .nav-trigger {
  position: absolute;
  z-index: 4;
  top: 5.5rem;
  right: 10vw;
  height: 18px;
  width: 26px;
  pointer-events: all;
  opacity: 0;
}
@media (min-width: 1024px) {
  nav .nav-trigger {
    top: 10rem;
  }
}
@media (min-width: 1280px) {
  nav .nav-trigger {
    display: none;
  }
}
nav .nav-trigger span, nav .nav-trigger span::after, nav .nav-trigger span::before {
  position: absolute;
  height: 0.2rem;
  width: 26px;
}
nav .nav-trigger span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center right;
  transition: background-color 0.3s;
  background: white;
}
nav .nav-trigger span::after, nav .nav-trigger span::before {
  content: "";
  left: 0;
  transition: transform 0.3s;
  background: white;
}
nav .nav-trigger span::before {
  transform: translateY(-7px);
}
nav .nav-trigger span::after {
  transform: translateY(7px);
}
nav.nav-open .nav-trigger span {
  background: transparent;
}
nav.nav-open .nav-trigger span::before {
  transform: rotate(45deg);
}
nav.nav-open .nav-trigger span::after {
  transform: rotate(-45deg);
}

.fourty-years-logo {
  position: absolute;
  top: 3rem;
  left: 10vw;
  width: 23rem;
  z-index: 4;
}
@media (min-width: 641px) {
  .fourty-years-logo {
    width: 30rem;
  }
}
@media (min-width: 1024px) {
  .fourty-years-logo {
    top: 6rem;
  }
}
@media (min-width: 1280px) {
  .fourty-years-logo {
    top: 73%;
    left: 49%;
    transform: translate(-50%, -50%);
  }
}
.fourty-years-logo .vertical-bar {
  opacity: 0;
}
.fourty-years-logo .fourty-q-logo {
  transform: translateX(7rem);
  transition: 0.5s ease-in 0s;
}
.fourty-years-logo .fourty-text {
  opacity: 0;
  transform: translateX(-1rem);
  transition: 0.5s ease-in 0.7s;
}
.fourty-years-logo .years {
  opacity: 0;
  transition: 0.5s ease-in 1.3s;
}
.fourty-years-logo .winning {
  transform: translateY(0.2rem);
  opacity: 0;
  transition: 0.5s ease-in 1.7s;
}
.fourty-years-logo .in-view .fourty-q-logo {
  oapcity: 1;
  transform: translateX(0);
}
.fourty-years-logo .in-view .vertical-bar {
  opacity: 1;
}
.fourty-years-logo .in-view .fourty-text {
  opacity: 1;
  transform: translateX(0);
}
.fourty-years-logo .in-view .years {
  opacity: 1;
}
.fourty-years-logo .in-view .winning {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 1500px) {
  footer .container {
    padding: 0 5%;
  }
}
footer .container .heading {
  font-family: var(--obviously);
  font-size: var(--2xl);
  font-variation-settings: "wdth" 90, "wght" 600;
  margin-bottom: 2rem;
  text-transform: uppercase;
  line-height: 1;
}
@media (min-width: 641px) {
  footer .container .heading {
    font-size: var(--3xl);
  }
}
footer .container .heading.pad-sm {
  margin-bottom: 1rem;
}
footer .container .contact-with-hours {
  display: grid;
  border-bottom: 2px solid var(--bordergray);
  padding: 5rem 10%;
  gap: 5rem;
}
@media (min-width: 800px) {
  footer .container .contact-with-hours {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "logo hours" "address hours";
    padding: 10rem 5% 8rem 5%;
  }
}
@media (min-width: 1400px) {
  footer .container .contact-with-hours {
    grid-template-areas: "logo address hours";
    grid-template-columns: repeat(3, 1fr);
    gap: 10%;
    align-items: flex-end;
  }
}
footer .container .contact-with-hours .heading {
  font-family: var(--obviously);
  font-size: var(--xsm);
  font-variation-settings: "wdth" 180, "wght" 500;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  footer .container .contact-with-hours .heading {
    margin-bottom: 2.5rem;
  }
}
footer .container .contact-with-hours .heading.pad-sm {
  margin-bottom: 1rem;
}
footer .container .contact-with-hours .logo {
  max-width: 15rem;
}
@media (min-width: 800px) {
  footer .container .contact-with-hours .logo {
    grid-area: logo;
    max-width: 34rem;
  }
}
@media (min-width: 800px) {
  footer .container .contact-with-hours .address-with-phone {
    grid-area: address;
  }
}
footer .container .contact-with-hours .address-contain {
  margin-bottom: 3rem;
}
footer .container .contact-with-hours .address-contain address {
  font-style: normal;
  font-family: var(--obviously);
  font-size: var(--sm);
  line-height: 1.2;
  color: var(--gray);
}
@media (min-width: 800px) {
  footer .container .contact-with-hours .address-contain address {
    font-size: var(--md);
  }
}
footer .container .contact-with-hours .address-contain address:hover {
  color: var(--gold);
}
footer .container .contact-with-hours .phone-contain a {
  font-family: var(--obviously);
  font-size: var(--sm);
  line-height: 1.2;
  color: var(--gray);
}
@media (min-width: 800px) {
  footer .container .contact-with-hours .phone-contain a {
    font-size: var(--md);
  }
}
footer .container .contact-with-hours .phone-contain a:hover {
  color: var(--gold);
}
footer .container .contact-with-hours .hours-contain {
  max-width: 30rem;
}
@media (min-width: 800px) {
  footer .container .contact-with-hours .hours-contain {
    grid-area: hours;
    max-width: none;
  }
}
footer .container .contact-with-hours .hours-contain .day-contain {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
footer .container .contact-with-hours .hours-contain .day-contain:last-child {
  margin-bottom: 0;
}
footer .container .contact-with-hours .hours-contain .day-contain .day, footer .container .contact-with-hours .hours-contain .day-contain .hours {
  font-family: var(--obviously);
  font-size: var(--sm);
  line-height: 1.2;
  color: var(--gray);
}
@media (min-width: 800px) {
  footer .container .contact-with-hours .hours-contain .day-contain .day, footer .container .contact-with-hours .hours-contain .day-contain .hours {
    font-size: var(--sm);
  }
}
footer .container .links-contain {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 3rem 0;
  padding: 5rem 10%;
  border-bottom: 2px solid var(--bordergray);
}
@media (min-width: 641px) {
  footer .container .links-contain {
    grid-template-columns: repeat(3, 1fr);
    padding: 8rem 10% 7rem 10%;
    gap: 5rem;
  }
}
@media (min-width: 1280px) {
  footer .container .links-contain {
    grid-template-columns: repeat(5, 1fr);
    padding: 8rem 5% 7rem 5%;
  }
}
footer .container .links-contain .links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
footer .container .links-contain .links .heading {
  font-family: var(--tungsten);
  font-weight: var(--medium);
}
footer .container .links-contain .links a {
  font-family: var(--obviously);
  font-size: var(--sm);
  color: var(--gray);
  margin-bottom: 1.3rem;
}
footer .container .links-contain .links a:last-child {
  margin-bottom: 0;
}
footer .container .links-contain .links a:hover {
  color: var(--gold);
}
footer .container .three-up {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  border-bottom: 2px solid var(--bordergray);
  padding: 3.5rem 10%;
}
@media (min-width: 641px) {
  footer .container .three-up {
    padding: 5rem 10%;
  }
}
@media (min-width: 1024px) {
  footer .container .three-up {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5%;
    padding: 5rem 0;
  }
}
footer .container .three-up a {
  border: 2px solid var(--gold);
  border-radius: var(--borderradius);
  padding: 5rem 10% 2rem 10%;
}
@media (min-width: 641px) {
  footer .container .three-up a {
    padding: 5rem 10% 3rem 10%;
  }
}
@media (min-width: 1024px) {
  footer .container .three-up a {
    padding: 5rem 10% 2rem 10%;
  }
}
footer .container .three-up a:hover {
  background: var(--blue);
  border: 2px solid var(--blue);
}
footer .container .three-up a:hover .heading {
  color: var(--white);
}
footer .container .three-up a:hover .subhead {
  color: var(--white);
}
footer .container .three-up a .heading {
  font-family: var(--tungsten);
  font-weight: var(--medium);
}
footer .container .three-up a .subhead {
  font-family: var(--obviously);
  color: var(--gray);
  font-size: 1.37rem;
}
footer .container .copyright-contain {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  padding: 3rem 10% 2rem 10%;
}
@media (min-width: 1024px) {
  footer .container .copyright-contain {
    padding: 3rem 2.5% 2rem 2.5%;
    gap: 1rem 2rem;
    text-align: left;
  }
}
@media (min-width: 1600px) {
  footer .container .copyright-contain {
    text-align: center;
  }
}
footer .container .copyright-contain .copyright {
  font-family: var(--obviously);
  font-size: 1rem;
  font-variation-settings: "wdth" 190, "wght" 450;
  line-height: 1;
}
footer .container .copyright-contain a {
  font-family: var(--obviously);
  font-size: 1.3rem;
  font-variation-settings: "wdth" 100, "wght" 350;
  color: var(--gray);
  text-decoration: underline;
  line-height: 1.3;
}
footer .container .copyright-contain a:hover {
  color: var(--gold);
}
footer .container .copyright-contain p {
  font-family: var(--obviously);
  font-size: 1.3rem;
  font-variation-settings: "wdth" 100, "wght" 350;
}
@media (min-width: 641px) {
  footer .container .copyright-contain p br {
    display: none;
  }
}

.flatpickr-calendar {
  font-family: var(--obviously);
}

select {
  display: block;
  color: var(--blue);
  line-height: 1.3;
  padding: 1.4rem 8rem 1.4rem 4rem;
  margin: 0;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' viewBox='0 0 19 11'%3E%3Cpath d='M17.5 1.5l-8 8-8-8' fill='none' stroke='%23232323' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right 2rem top 50%, 0 0;
  background-size: 1em auto, 100%;
}
@media (min-width: 641px) {
  select {
    font-size: 2rem;
    background-position: right 4rem top 50%, 0 0;
  }
}
select::-ms-expand {
  display: none;
}
select:focus {
  outline: none;
}
select option {
  font-weight: normal;
}

.form-headline {
  font-size: var(--5xl);
  font-weight: var(--medium);
  text-transform: uppercase;
  line-height: 0.9;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .form-headline {
    font-size: var(--6xl);
  }
}

.form:has(.overline) .form-headline {
  margin-bottom: 0;
}
.form .overline {
  font-variation-settings: "wdth" 150, "wght" 500;
  margin-top: 3rem;
  margin-bottom: 0.5rem !important;
}

form {
  position: relative;
  left: -0.75rem;
}
@media (min-width: 641px) {
  form {
    left: 0.75rem;
  }
}
form label, form input, form select, form textarea {
  font-size: 1.2rem;
  line-height: 1;
  color: var(--blue);
}
@media (min-width: 641px) {
  form label, form input, form select, form textarea {
    font-size: 1.5rem;
  }
}
form label, form input, form select, form .freeform-instructions {
  padding: 0 2rem;
}
form textarea {
  padding: 2rem;
}
form label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
form input[type=text],
form input[type=email],
form textarea,
form select {
  font-family: var(--obviously) !important;
  font-variation-settings: "wdth" 100, "wght" 400;
  background-color: var(--white);
  border: 2px solid var(--gold);
  border-radius: 0.8rem;
  color: var(--blue);
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form textarea::placeholder,
form select::placeholder {
  color: var(--blue);
  line-height: 1.5;
}
form textarea::placeholder {
  max-width: 40rem;
}
form input[type=text],
form input[type=email],
form select {
  height: 6rem;
}
form button[type=submit] {
  box-shadow: none;
}
@media (min-width: 641px) {
  form button[type=submit] {
    margin-top: 2rem;
  }
}
form .freeform-form-has-errors {
  font-family: var(--obviously);
  font-size: var(--xsm);
  margin-left: 0.75rem;
  padding-top: 4rem;
}
@media (min-width: 1280px) {
  form .freeform-form-has-errors {
    font-size: var(--sm);
    padding-top: 6rem;
    margin-left: -0.75rem;
  }
}
form .freeform-form-has-errors ul {
  padding-inline-start: 2rem;
}
@media (min-width: 1280px) {
  form .freeform-form-has-errors ul {
    padding-inline-start: 4rem;
  }
}
form .freeform-row {
  margin: 0;
  flex-direction: column;
}
@media (min-width: 1280px) {
  form .freeform-row {
    flex-direction: row;
    margin-left: -1.5rem;
  }
}
form .freeform-row .freeform-column.instructions-with-label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) {
  padding: 0.75rem;
  margin: 0;
  width: 100%;
}
@media (min-width: 1280px) {
  form .freeform-row .freeform-column:not(.freeform-column-content-align-left) {
    display: flex;
    width: 50%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-instructions {
  font-family: var(--obviously);
  font-size: var(--xsm);
  flex-basis: 90%;
  font-size: var(--xxsm);
  padding: 0;
  color: #777570;
  line-height: 1.3;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
@media (min-width: 641px) {
  form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-instructions {
    font-size: var(--xsm);
    margin-top: 1rem;
  }
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-input-only-label {
  position: static !important;
  height: auto;
  width: auto;
  padding: 0;
  line-height: 1.3;
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-input-only-label input {
  position: relative;
}
@media (min-width: 641px) {
  form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-input-only-label input {
    top: 0.7rem;
    margin-right: 0.5rem;
  }
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-input-only-label .freeform-input {
  padding: 0;
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-errors {
  font-family: var(--obviously);
  padding: 0.6rem 2rem 1rem;
}
form .freeform-row .freeform-column:not(.freeform-column-content-align-left) .freeform-errors > li {
  font-size: var(--xsm);
  color: red;
}

@keyframes downloadPDFAnimation {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(5px);
  }
}
:root {
  --borderradius: 1.6rem;
}
@media (min-width: 641px) {
  :root {
    --borderradius: 2rem;
  }
}

body {
  position: relative;
}
body:before {
  position: fixed;
  inset: 0;
  content: "";
  z-index: 4;
  background: var(--black);
  opacity: 0;
  height: 100vh;
  transition: opacity 0.3s;
  pointer-events: none;
}
body.nav-focused:before {
  inset: 0;
  opacity: 0.7;
}
body.screen {
  position: fixed;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}
body.screen:before {
  position: fixed;
  inset: 0;
  content: "";
  z-index: 5;
  background: var(--black);
  opacity: 0.6;
  transition: opacity 0.3s;
  pointer-events: none;
}
body.form-submitting form button {
  cursor: not-allowed;
  opacity: 0.4;
}
body.locked {
  overflow: hidden;
}

.heading1 {
  font-size: var(--5xl);
  font-weight: var(--medium);
  line-height: 0.9;
  transition: 1s;
  transition-delay: 1s;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .heading1 {
    font-size: var(--7xl);
  }
}
@media (min-width: 1024px) {
  .heading1 {
    font-size: var(--9xl);
  }
}
.heading1.small {
  font-size: var(--5xl);
}
@media (min-width: 1024px) {
  .heading1.small {
    font-size: var(--7xl);
  }
}
.heading1.lg {
  font-size: var(--6xl);
}
@media (min-width: 641px) {
  .heading1.lg {
    font-size: var(--7xl);
  }
}
@media (min-width: 1024px) {
  .heading1.lg {
    font-size: var(--9xl);
  }
}
.heading1.pad-bottom {
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .heading1.pad-bottom {
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .heading1.pad-bottom {
    margin-bottom: 6rem;
  }
}
.heading1.in-view {
  letter-spacing: 0.11em;
}
.amphitheather-page .heading1 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .amphitheather-page .heading1 {
    font-size: var(--6xl);
  }
}
@media (min-width: 1024px) {
  .amphitheather-page .heading1 {
    font-size: var(--8xl);
  }
}
.q-showroom .heading1 {
  font-size: var(--5xl);
  letter-spacing: 0.05em;
}
@media (min-width: 641px) {
  .q-showroom .heading1 {
    font-size: var(--7xl);
    letter-spacing: 0.11em;
  }
}
@media (min-width: 1024px) {
  .q-showroom .heading1 {
    font-size: var(--9xl);
  }
}
.sportsbook .heading1 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .sportsbook .heading1 {
    font-size: var(--7xl);
  }
}
@media (min-width: 1024px) {
  .sportsbook .heading1 {
    font-size: var(--9xl);
  }
}
.dine .heading1 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .dine .heading1 {
    font-size: var(--7xl);
  }
}
@media (min-width: 1024px) {
  .dine .heading1 {
    font-size: var(--9xl);
  }
}
.careers .heading1 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .careers .heading1 {
    font-size: var(--7xl);
  }
}
@media (min-width: 1024px) {
  .careers .heading1 {
    font-size: var(--8xl);
  }
}
.press-room .heading1 {
  font-family: var(--tungsten);
  font-size: clamp(var(--4xl), 10vw, var(--7xl));
  letter-spacing: 0.11em;
}
.press-release .heading1 {
  font-family: var(--tungsten);
  font-weight: var(--medium);
  font-size: clamp(var(--3xl), 10vw, var(--6xl));
  letter-spacing: 0;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .press-release .heading1 {
    margin-bottom: 4rem;
  }
}
.job-openings .heading1 br {
  display: none;
}
@media (min-width: 641px) {
  .job-openings .heading1 br {
    display: inline-block;
  }
}

.heading2 {
  font-size: var(--5xl);
  font-weight: var(--medium);
  line-height: 0.9;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .heading2 {
    font-size: var(--6xl);
    letter-spacing: 0.09em;
  }
}
@media (min-width: 1024px) {
  .heading2 {
    font-size: var(--8xl);
  }
}
.heading2.small {
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .heading2.small {
    font-size: var(--5xl);
  }
}
.heading2.md {
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .heading2.md {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .heading2.md {
    font-size: var(--6xl);
  }
}
@media (min-width: 1024px) {
  .heading2.md.block {
    display: block;
  }
}
.heading2.large {
  font-size: var(--3xl);
}
@media (min-width: 1024px) {
  .heading2.large {
    font-size: var(--7xl);
  }
}
.heading2.pad-bottom {
  padding-bottom: 2rem;
}
@media (min-width: 641px) {
  .heading2.pad-bottom {
    padding-bottom: 4rem;
  }
}
@media (min-width: 641px) {
  .heading2 span.block {
    display: block;
  }
}
.heading2.in-view {
  letter-spacing: 0.05em;
}
@media (min-width: 641px) {
  .heading2.in-view {
    letter-spacing: 0.11em;
  }
}

.heading3 {
  font-size: var(--4xl);
  font-weight: var(--medium);
  line-height: 0.9;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .heading3 {
    font-size: var(--3xl);
  }
}
.heading3.small {
  font-size: var(--2xl);
}
.heading3.large {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .heading3.xlarge {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .heading3.xlarge {
    font-size: var(--7xl);
  }
}
.heading3.pad-bottom {
  margin-bottom: 2rem;
}
.heading3.no-pad {
  margin-bottom: 0;
}

.heading4 {
  font-size: var(--2xl);
  font-weight: var(--medium);
  text-transform: uppercase;
}

p {
  font-size: var(--sm);
  line-height: 1.4;
}
p.roc {
  font-family: var(--obviously);
}
p.subhead {
  font-size: var(--xsm);
}
@media (min-width: 641px) {
  p.subhead {
    font-size: var(--sm);
  }
}
p.subhead.medium {
  font-size: var(--sm);
}
@media (min-width: 641px) {
  p.subhead.medium {
    font-size: var(--md);
  }
}
p.subhead.obviously {
  font-variation-settings: "wdth" 100, "wght" 425;
}

.overline {
  display: inline-block;
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--xsm);
  margin-bottom: 2rem;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--blue);
}
@media (min-width: 641px) {
  .overline {
    margin-bottom: 4rem;
  }
}
.overline.no-pad {
  margin-bottom: 0;
}
.overline.pad-sm {
  margin-bottom: 2rem;
}
.overline.gold {
  color: var(--gold);
}
.overline.white {
  color: var(--white);
}

time {
  display: block;
  font-family: var(--obviously);
  font-size: var(--xsm);
  font-variation-settings: "wdth" 150, "wght" 500;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  time {
    font-size: var(--sm);
  }
}
time.pad-bottom {
  margin-bottom: 4rem;
}

main {
  position: relative;
  max-width: calc(100% - 1rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  main {
    max-width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1800px) {
  main {
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.form-page main {
  padding-top: 0.5rem;
}
@media (min-width: 1024px) {
  .form-page main {
    padding-top: 3rem;
  }
}
.form-page main .contact-module .copy-contain {
  padding-top: 10rem;
}
@media (min-width: 1024px) {
  .form-page main .contact-module .copy-contain {
    padding-top: 16rem;
  }
}

.play-video {
  border: 4px solid var(--gold);
  height: auto;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0.8rem 2rem 0.8rem 1rem;
  background: rgba(0, 0, 0, 0.8);
}
.play-video.fixed {
  position: fixed;
  z-index: 4;
  left: 2rem;
  bottom: 2rem;
}
@media (min-width: 641px) {
  .play-video.fixed {
    right: 4rem;
    bottom: 4rem;
    left: unset;
  }
}
.play-video:hover .icon {
  transform: scale(1.05);
}
.play-video:hover .text {
  color: var(--gold);
}
.play-video .icon {
  padding: 0;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  transition: 0.3s;
}
@media (min-width: 641px) {
  .play-video .icon {
    height: 3.3rem;
    width: 3.3rem;
  }
}
.play-video .text {
  position: relative;
  top: 1px;
  font-variation-settings: "wdth" 160, "wght" 475;
  font-family: var(--obviously);
  font-size: var(--xsm);
  font-size: var(--);
  color: var(--white);
  text-transform: uppercase;
  transition: 0.3s;
}

.video-overlay {
  position: fixed;
  z-index: 5;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
  display: grid;
  place-items: center;
  overflow: hidden;
  transition: background 0.3s;
  height: 100vh;
  width: 100vw;
}
.video-overlay.show {
  background: rgba(0, 0, 0, 0.9);
  visibility: visible;
  pointer-events: all;
  transition: none;
}
.video-overlay.show .close {
  display: block;
}
.video-overlay .close {
  position: absolute;
  z-index: 2;
  top: 3rem;
  right: 3rem;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  background: var(--gold);
  margin-left: auto;
  display: none;
  transition: 0.3s;
  padding: 0;
  pointer-events: all;
}
@media (min-width: 641px) {
  .video-overlay .close {
    height: 3rem;
    width: 3rem;
    margin-bottom: 2rem;
    background: var(--white);
  }
}
.video-overlay .close svg {
  position: relative;
  top: 1px;
  stroke: var(--white);
  transition: 0.3s;
  stroke-width: 2;
  height: 70%;
  width: 70%;
}
@media (min-width: 641px) {
  .video-overlay .close svg {
    stroke: var(--black);
    stroke-width: 1.5;
  }
}
.video-overlay .close:hover {
  background: var(--gold);
}
.video-overlay .close:hover svg {
  stroke: var(--white);
}
.video-overlay .video-contain {
  height: 90%;
  width: 90%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.video-overlay .video-contain .video-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.video-overlay .video-contain .video-container .iframe-container {
  height: 100%;
}

.pattern-contain {
  position: relative;
  background: var(--cream);
  padding-top: 1rem;
}
@media (min-width: 641px) {
  .pattern-contain {
    padding-top: 1rem;
  }
}
@media (min-width: 1024px) {
  .pattern-contain {
    padding-top: 3rem;
  }
}
.q-showroom .pattern-contain {
  padding-bottom: 3rem;
}
.q-showroom .pattern-contain:after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 90%, white 100%);
}
.pattern-contain .pattern {
  z-index: 1;
}

.section-below-mast {
  position: relative;
  z-index: 2;
  padding: 2rem 0 0 0;
  margin-bottom: 2rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 12%);
}
@media (min-width: 641px) {
  .section-below-mast {
    padding: 5rem 0 0 0;
    margin-bottom: 5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
  }
}
.section-below-mast.full-gradient {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
@media (min-width: 641px) {
  .section-below-mast.full-gradient {
    padding: 5rem 0;
    margin-bottom: 0;
  }
}
.section-below-mast.no-pad {
  padding: 0;
}
.home .section-below-mast:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, #faf5ee 85%, rgba(250, 245, 238, 0.3) 100%);
}
@media (min-width: 1800px) {
  .section-below-mast > section {
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1800px) {
  .section-below-mast .section-contain {
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.section-below-mast .section-contain .promotions {
  max-width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .section-below-mast .section-contain .promotions {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.section-with-pattern {
  position: relative;
  border-radius: var(--borderradius);
  padding-top: 7rem;
  margin-bottom: 3rem;
  overflow: hidden;
}
@media (min-width: 641px) {
  .section-with-pattern {
    padding-top: 10rem;
  }
}
.section-with-pattern:before {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: var(--borderradius);
}
.section-with-pattern.bg-cream:before {
  background: linear-gradient(0deg, #faf5ee 90%, rgba(250, 245, 238, 0.3) 100%);
}
.section-with-pattern.bg-darkgray:before {
  background: linear-gradient(0deg, #191919 90%, rgba(25, 25, 25, 0.3) 100%);
}
.section-with-pattern .copy-contain {
  position: relative;
  z-index: 2;
}
.section-with-pattern .copy-contain .copy {
  text-align: center;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .section-with-pattern .copy-contain .copy {
    margin-bottom: 7rem;
  }
}

.promotions {
  margin-bottom: 2rem;
  border-radius: var(--borderradius);
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .promotions {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1280px) {
  .promotions {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.promotions.no-pad {
  margin-bottom: 0;
}

.games {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
@media (min-width: 1024px) {
  .games {
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.games .game {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--borderradius);
  overflow: hidden;
  padding: 20rem 10% 3rem 10%;
}
@media (min-width: 641px) {
  .games .game {
    padding: 20rem 10% 5rem 10%;
  }
}
@media (min-width: 1024px) {
  .games .game {
    padding: 20rem 10% 5rem 10%;
  }
}
.games .game:after {
  position: absolute;
  z-index: 1;
  content: "";
  inset: 0;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 100%);
}
.games .game:has(.logo):before {
  position: absolute;
  z-index: 1;
  content: "";
  inset: 0;
  background: linear-gradient(50deg, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.8) 100%);
}
.games .game .logo {
  position: relative;
  z-index: 2;
  display: flex;
  max-height: 8rem;
  margin-left: auto;
}
@media (min-width: 800px) {
  .games .game .logo {
    max-height: 12rem;
    right: -2rem;
  }
}
.games .game .game-info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.games .game .game-info .heading3 {
  max-width: 30rem;
  line-height: 0.8;
  font-size: var(--5xl);
}
@media (min-width: 641px) {
  .games .game .game-info .heading3 {
    font-size: var(--7xl);
  }
}
.games .game .game-info .subhead {
  max-width: 42rem;
}
@media (min-width: 1024px) {
  .games .game .game-info .subhead {
    max-width: 50rem;
  }
}

.winner {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
}
.winner .winner-contain {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.winner .winner-contain .winner-photo {
  position: relative;
}
.winner .winner-contain .winner-photo .logo {
  position: absolute;
  z-index: 1;
  top: 2rem;
  left: 2rem;
  max-height: 8rem;
  max-width: 20rem;
}
.winner .winner-contain .winner-photo:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, black 100%);
}
@media (min-width: 641px) {
  .winner .winner-contain .winner-photo:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.winner .winner-contain .winner-photo .winner-image {
  border-top-right-radius: var(--borderradius);
  border-top-left-radius: var(--borderradius);
  object-position: right center;
}
.winner .winner-contain .winner-photo .info {
  position: relative;
  z-index: 1;
  padding: 20rem 7.5% 2rem 7.5%;
}
@media (min-width: 641px) {
  .winner .winner-contain .winner-photo .info {
    padding: 35rem 7.5% 3rem 7.5%;
  }
}
@media (min-width: 1800px) {
  .winner .winner-contain .winner-photo .info {
    padding: 35rem 7.5% 3rem 7.5%;
  }
}
.winner .winner-contain .winner-photo .info h3 {
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--sm);
  color: var(--white);
  margin-bottom: 1rem;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .winner .winner-contain .winner-photo .info h3 {
    font-size: var(--md);
  }
}
.winner .winner-contain .winner-photo .info .winning-amount {
  font-size: var(--8xl);
  font-weight: var(--medium);
  text-transform: uppercase;
  color: var(--white);
  line-height: 0.8;
  opacity: 0;
  transition: 0.7s ease-in;
}
@media (min-width: 641px) {
  .winner .winner-contain .winner-photo .info .winning-amount {
    font-size: var(--7xl);
  }
}
@media (min-width: 1280px) {
  .winner .winner-contain .winner-photo .info .winning-amount {
    font-size: var(--9xl);
  }
}
.winner .winner-contain .winner-photo .info .winning-amount.in-view {
  opacity: 1;
}
.winner .winner-contain .winner-photo .info .winning-amount sup {
  position: relative;
  top: 0.08em;
  font-size: var(--5xl);
}
@media (min-width: 641px) {
  .winner .winner-contain .winner-photo .info .winning-amount sup {
    top: 0.2em;
    font-size: var(--6xl);
  }
}
@media (min-width: 1280px) {
  .winner .winner-contain .winner-photo .info .winning-amount sup {
    top: 0.1em;
    font-size: var(--7xl);
  }
}
.winner .winner-contain .playing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  height: 100%;
  padding: 3rem 7.5%;
  border: 3px solid var(--blue);
  border-top: 0;
  background: var(--white);
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
@media (min-width: 641px) {
  .winner .winner-contain .playing {
    padding: 4rem 7.5% 3rem 7.5%;
  }
}
@media (min-width: 1280px) {
  .winner .winner-contain .playing {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 7.5%;
  }
}
.winner .winner-contain .playing .overline {
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .winner .winner-contain .playing .overline {
    margin-bottom: 1.5rem;
  }
}
.winner .winner-contain .playing .played {
  max-width: 30rem;
}
.winner .winner-contain .playing .played p {
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--sm);
  line-height: 1;
  text-transform: uppercase;
}

.slick-with-progress {
  position: relative;
  z-index: 2;
  border-radius: var(--borderradius);
  overflow: hidden;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .slick-with-progress {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.slick-with-progress.pad-bottom {
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .slick-with-progress.pad-bottom {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .slick-with-progress.pad-bottom {
    margin-bottom: 7rem;
  }
}
.slick-with-progress:has(.q-sportsbook-logo):after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 641px) {
  .slick-with-progress:has(.q-sportsbook-logo):after {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.slick-with-progress .q-sportsbook-logo {
  position: absolute;
  z-index: 2;
  top: 3%;
  right: 3%;
  width: 100%;
  max-width: 8rem;
}
@media (min-width: 641px) {
  .slick-with-progress .q-sportsbook-logo {
    top: 3rem;
    right: 3rem;
  }
}
@media (min-width: 1024px) {
  .slick-with-progress .q-sportsbook-logo {
    max-width: 13rem;
  }
}
.slick-with-progress .slides-contain {
  border-radius: var(--borderradius);
  overflow: hidden;
}
.slick-with-progress .slides-contain .slide {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 3rem 3rem 1.5rem 3rem;
  aspect-ratio: 1/1;
}
@media (min-width: 641px) {
  .slick-with-progress .slides-contain .slide {
    padding: 5rem 5rem 3rem 5rem;
  }
}
@media (min-width: 1024px) {
  .slick-with-progress .slides-contain .slide {
    aspect-ratio: 16/9;
  }
}
.slick-with-progress .slides-contain .slide:has(.slick-copy):after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.8) 100%);
}
@media (min-width: 641px) {
  .slick-with-progress .slides-contain .slide:has(.slick-copy):after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%);
  }
}
.slick-with-progress .slides-contain picture {
  border-radius: var(--borderradius);
  overflow: hidden;
}
.slick-with-progress .slides-contain picture img {
  aspect-ratio: 1/1;
}
@media (min-width: 1024px) {
  .slick-with-progress .slides-contain picture img {
    aspect-ratio: 16/9;
  }
}
.slick-with-progress .slides-contain .slick-copy {
  position: relative;
  z-index: 1;
}
.slick-with-progress .slides-contain .slick-copy .heading2 {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  font-size: var(--xsm);
  letter-spacing: -0.02em;
  line-height: 1;
  max-width: 27rem;
}
@media (min-width: 641px) {
  .slick-with-progress .slides-contain .slick-copy .heading2 {
    font-size: var(--xl);
    max-width: 30rem;
  }
}
@media (min-width: 1024px) {
  .slick-with-progress .slides-contain .slick-copy .heading2 {
    max-width: 80rem;
    font-size: var(--3xl);
  }
}
.slick-with-progress .circle-progress-bar {
  position: absolute;
  z-index: 1;
  right: 1.5rem;
  bottom: 1.5rem;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.24);
  border-radius: 50%;
}
.slick-with-progress .circle-progress-bar.hidden {
  display: none;
}
@media (min-width: 641px) {
  .slick-with-progress .circle-progress-bar {
    right: 3rem;
    bottom: 3rem;
    width: 5rem;
    height: 5rem;
  }
}
.slick-with-progress .progress-circle {
  height: 2rem;
  width: 2rem;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
@media (min-width: 641px) {
  .slick-with-progress .progress-circle {
    height: 3rem;
    width: 3rem;
  }
}
.slick-with-progress .progress-ring__circle {
  stroke-dasharray: 289;
  stroke-dashoffset: 289;
}

.intro-copy {
  text-align: center;
  padding: 4rem 0 3rem 0;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .intro-copy {
    padding: 4rem 0;
  }
}
@media (min-width: 1024px) {
  .intro-copy {
    max-width: 83rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.sportsbook .intro-copy {
  max-width: 78%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .sportsbook .intro-copy {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .sportsbook .intro-copy {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .hotels .intro-copy {
    max-width: 93rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .careers .intro-copy {
    max-width: 79rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.intro-copy p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 450;
  font-size: var(--xsm);
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-wrap: pretty;
}
@media (min-width: 641px) {
  .intro-copy p {
    letter-spacing: 0.05em;
    font-size: var(--md);
  }
}

.card-with-photo {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding: 2rem 5% 4rem 5%;
  margin-bottom: 2rem;
  border: 3px solid var(--blue);
  border-radius: var(--borderradius);
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .card-with-photo {
    padding: 3rem;
    margin-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .card-with-photo {
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .card-with-photo {
    gap: 5rem;
  }
}
@media (min-width: 1800px) {
  .card-with-photo {
    gap: 8rem;
  }
}
.card-with-photo:last-child {
  margin-bottom: 0;
}
.card-with-photo.bg-black .heading2 {
  color: var(--white);
}
.card-with-photo.bg-black .link {
  color: var(--white);
}
.card-with-photo.bg-cream {
  background: var(--cream);
  border-color: transparent;
}
.card-with-photo.bg-cream .overline {
  color: var(--gold);
}
.card-with-photo.bg-white {
  background: var(--white);
}
.card-with-photo.bg-white .overline {
  color: var(--gold);
}
.press-room .card-with-photo.bg-white {
  border-color: transparent;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
  .card-with-photo > img {
    width: 50%;
    max-width: 35rem;
  }
}
@media (min-width: 1280px) {
  .card-with-photo > img {
    max-width: 40rem;
  }
}
.card-with-photo .copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50rem;
  padding: 0 5%;
}
@media (min-width: 1024px) {
  .card-with-photo .copy {
    justify-content: flex-end;
    max-width: 55rem;
    padding: 0 0 3rem 0;
    margin-top: auto;
  }
}
@media (min-width: 1440px) {
  .card-with-photo .copy {
    max-width: 80rem;
  }
}
.card-with-photo .copy .heading2 {
  font-weight: var(--medium);
  letter-spacing: 0;
  font-size: var(--3xl);
  padding-bottom: 2rem;
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 641px) {
  .card-with-photo .copy .heading2 {
    font-size: var(--4xl);
  }
}
@media (min-width: 1024px) {
  .card-with-photo .copy .heading2 {
    font-size: var(--4xl);
  }
}
@media (min-width: 1440px) {
  .card-with-photo .copy .heading2 {
    font-size: var(--6xl);
  }
}
.card-with-photo .copy .promo-logo {
  display: flex;
  justify-content: flex-start;
  max-height: 5rem;
  max-width: 10rem;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .card-with-photo .copy .promo-logo {
    max-height: 8rem;
    max-width: none;
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .card-with-photo .copy .promo-logo {
    position: absolute;
    top: 5%;
    right: 2.5%;
  }
}

.contact-module {
  position: relative;
  padding: 7rem 0 1rem 0;
  margin-bottom: 2rem;
  background: var(--cream);
  border-radius: var(--borderradius);
  overflow: hidden;
}
@media (min-width: 641px) {
  .contact-module {
    padding: 10rem 5% 5rem 5%;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .contact-module {
    padding: 8rem 5%;
  }
}
.contact-module:before {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, #faf5ee 85%, rgba(250, 245, 238, 0.3) 100%);
  border-radius: var(--borderradius);
}
.contact-module .copy-contain {
  position: relative;
  z-index: 2;
}
@media (min-width: 1280px) {
  .contact-module .copy-contain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5%;
  }
}
.contact-module .copy-contain .copy-with-staff {
  padding: 0 0 5rem 0;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .copy-with-staff {
    padding: 0 5% 7rem 5%;
  }
}
@media (min-width: 1280px) {
  .contact-module .copy-contain .copy-with-staff {
    padding: 10rem 5%;
  }
}
.contact-module .copy-contain .copy-with-staff .copy {
  text-align: center;
}
.contact-module .copy-contain .copy-with-staff .copy .heading2 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .copy-with-staff .copy .heading2 {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain.multiple .staff:first-child {
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: 2px solid var(--gold);
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff {
    max-width: 37rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff.pad-name .name {
  margin-bottom: 1rem;
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff .name {
  font-family: var(--obviously);
  font-size: var(--xsm);
  font-variation-settings: "wdth" 190, "wght" 500;
  letter-spacing: 0.15em;
  color: var(--gold);
  text-transform: uppercase;
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff .title {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 450;
  font-size: var(--xsm);
  font-weight: var(--medium);
  margin-bottom: 1rem;
  color: var(--blue);
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff img {
  border-radius: 50%;
  height: 16rem;
  width: 16rem;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff img {
    margin-bottom: 3rem;
  }
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff a {
  display: flex;
  flex-direction: column;
  font-family: var(--obviously);
  font-size: 1.6rem;
  font-variation-settings: "wdth" 100, "wght" 350;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff a {
    display: block;
  }
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff a.email {
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff a.email {
    margin-bottom: 0.5rem;
  }
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff a:hover {
  color: var(--gold);
}
.contact-module .copy-contain .copy-with-staff .copy .staff-contain .staff a span {
  font-family: var(--obviously);
  font-size: 1.1rem;
  font-variation-settings: "wdth" 180, "wght" 500;
  color: var(--gold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.contact-module .copy-contain .form {
  padding: 5rem 7.5% 3.5rem;
  background: var(--white);
  border-radius: var(--borderradius);
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .form {
    padding: 7rem 10%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
  }
}
.contact-module .copy-contain .form .form-headline {
  max-width: 25rem;
}
@media (min-width: 641px) {
  .contact-module .copy-contain .form .form-headline {
    max-width: 38rem;
  }
}

.popup {
  display: none;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 6;
  min-height: 30rem;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  background: var(--white);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  width: 90%;
  pointer-events: all;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 641px) {
  .popup {
    width: 60rem;
  }
}
@media (min-width: 1024px) {
  .popup {
    width: 80rem;
    flex-direction: row;
    align-items: center;
  }
}
.popup.show {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.popup .close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 2.4rem;
  width: 2.4rem;
  padding: 0.2rem;
  background: var(--blue);
  border-radius: 50%;
}
.popup .close:hover svg {
  stroke: var(--gold);
}
.popup .close svg {
  display: block;
  stroke: var(--white);
  transition: 0.3s;
}
.popup .img {
  /*height: 20rem;
  @include media(">mobile") {
  	height: 30rem;
  }*/
}
@media (min-width: 1024px) {
  .popup .img {
    height: auto;
    width: 50%;
    aspect-ratio: 1/1;
  }
}
.popup .copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 10%;
}
@media (min-width: 641px) {
  .popup .copy {
    padding: 5rem 10% 3rem 10%;
  }
}
@media (min-width: 1024px) {
  .popup .copy {
    width: 50%;
    padding: 5rem 5% 3rem 5%;
  }
}
.popup .copy .heading3 {
  font-size: var(--3xl);
  margin-bottom: 1.5rem;
}
.popup .copy .subhead {
  font-family: var(--obviously);
  font-size: var(--sm);
  margin-bottom: 2rem;
}

.animated-overline {
  display: block;
  position: relative;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .animated-overline {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.animated-overline:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: 0%;
  background: var(--gold);
  transition: 1s;
  transition-delay: 1s;
}
.animated-overline.in-view:before {
  height: 2px;
  width: 100%;
  transform: translate(0%, calc(-50% - 1px));
  right: 0;
  left: 0;
}
.animated-overline span {
  position: relative;
  padding: 0 1.7rem;
  background: var(--cream);
}
@media (min-width: 641px) {
  .animated-overline span {
    padding: 0 4rem;
  }
}

.slick-winners-carousel .slick-slider {
  position: static;
  padding-bottom: 1rem;
}
.slick-winners-carousel .slick-slider .slick-track {
  display: flex;
  padding-bottom: 1rem;
}
@media (min-width: 641px) {
  .slick-winners-carousel .slick-slider .slick-track {
    padding-bottom: 3rem;
  }
}
.slick-winners-carousel .slick-slider .slick-track .slick-slide {
  position: static;
  border-radius: var(--borderradius);
  height: auto;
  margin-right: 1rem;
}
@media (min-width: 641px) {
  .slick-winners-carousel .slick-slider .slick-track .slick-slide {
    margin-right: 2rem;
  }
}
.slick-winners-carousel .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 90, "wght" 592;
  font-size: clamp(20vw, 20vw, 18rem);
  text-align: center;
  color: var(--gold);
  line-height: 0.9;
  padding-top: 1.5rem;
}
@media (min-width: 641px) {
  .slick-winners-carousel .viewport-text {
    font-variation-settings: "wdth" 190, "wght" 592;
    font-size: clamp(3rem, 10.5vw, 18rem);
    padding-top: 3rem;
  }
}
.slick-winners-carousel .viewport-text.in-view {
  opacity: 0.1;
}

.slick-three-up-scaled {
  z-index: 2;
  overflow: hidden;
  padding-bottom: 2.5rem;
}
@media (min-width: 641px) {
  .slick-three-up-scaled {
    padding-bottom: 5rem;
  }
}
@media (min-width: 641px) {
  .slick-three-up-scaled.one-up-desktop .slick-track {
    display: flex;
    gap: 1rem;
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-three-up-scaled.one-up-desktop .slick-track .promotion {
    display: flex;
    height: auto;
    float: none;
  }
  .slick-three-up-scaled.one-up-desktop .slick-track .promotion .promotion-contain {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 3px solid black;
    background: white;
  }
}
@media (min-width: 641px) and (min-width: 641px) {
  .slick-three-up-scaled.one-up-desktop .slick-track .promotion .promotion-contain {
    padding: 2rem;
    transform: scale(1);
  }
}
@media (min-width: 641px) {
  .slick-three-up-scaled.one-up-desktop .slick-track .promotion .promotion-contain .slick-copy {
    height: 100%;
  }
  .slick-three-up-scaled.one-up-desktop .slick-track .promotion .promotion-contain .slick-copy a {
    opacity: 1;
    margin-top: auto;
  }
}
@media (min-width: 641px) {
  .slick-three-up-scaled.two-up-desktop .slick-track {
    display: flex;
    gap: 1rem;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 641px) and (min-width: 641px) {
  .slick-three-up-scaled.two-up-desktop .slick-track {
    gap: 3rem;
  }
}
@media (min-width: 641px) {
  .slick-three-up-scaled.two-up-desktop .slick-track .promotion {
    display: flex;
    height: auto;
    float: none;
  }
  .slick-three-up-scaled.two-up-desktop .slick-track .promotion .promotion-contain {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 3px solid black;
    background: white;
  }
}
@media (min-width: 641px) and (min-width: 641px) {
  .slick-three-up-scaled.two-up-desktop .slick-track .promotion .promotion-contain {
    padding: 2rem;
    transform: scale(1);
  }
}
@media (min-width: 641px) {
  .slick-three-up-scaled.two-up-desktop .slick-track .promotion .promotion-contain .slick-copy {
    height: 100%;
  }
  .slick-three-up-scaled.two-up-desktop .slick-track .promotion .promotion-contain .slick-copy a {
    opacity: 1;
    margin-top: auto;
  }
}
@media (min-width: 1280px) {
  .slick-three-up-scaled.three-up-desktop .slick-track {
    display: flex;
    gap: 1rem;
  }
}
@media (min-width: 1280px) and (min-width: 641px) {
  .slick-three-up-scaled.three-up-desktop .slick-track {
    gap: 3rem;
  }
}
@media (min-width: 1280px) {
  .slick-three-up-scaled.three-up-desktop .slick-track .promotion {
    display: flex;
    height: auto;
    float: none;
    width: 33.33% !important;
  }
  .slick-three-up-scaled.three-up-desktop .slick-track .promotion .promotion-contain {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 3px solid black;
    background: white;
  }
}
@media (min-width: 1280px) and (min-width: 641px) {
  .slick-three-up-scaled.three-up-desktop .slick-track .promotion .promotion-contain {
    padding: 2rem;
    transform: scale(1);
  }
}
@media (min-width: 1280px) {
  .slick-three-up-scaled.three-up-desktop .slick-track .promotion .promotion-contain .slick-copy {
    height: 100%;
  }
  .slick-three-up-scaled.three-up-desktop .slick-track .promotion .promotion-contain .slick-copy a {
    opacity: 1;
    margin-top: auto;
  }
}
.slick-three-up-scaled .slick-list {
  overflow: visible;
}
.slick-three-up-scaled .promotion.slick-center .promotion-contain {
  border-color: black;
  background: white;
}
@media (min-width: 641px) {
  .slick-three-up-scaled .promotion.slick-center .promotion-contain {
    padding: 2rem;
    transform: scale(1);
  }
}
.slick-three-up-scaled .promotion.slick-center .promotion-contain .slick-copy a {
  opacity: 1;
}
.slick-three-up-scaled .promotion .promotion-contain {
  border: 3px solid transparent;
  border-radius: 2rem;
  transition: all 0.3s ease;
  transition-delay: 0.5s;
  padding: 1rem;
  border-color: transparent;
  background: transparent;
}
@media (min-width: 641px) {
  .slick-three-up-scaled .promotion .promotion-contain {
    padding: 2rem;
    transform: scale(0.9);
  }
}
.slick-three-up-scaled .promotion .promotion-contain img {
  display: flex;
  max-height: 50rem;
  border-radius: 1rem;
  aspect-ratio: 1/1;
}
.slick-three-up-scaled .promotion .promotion-contain .slick-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 5% 2rem 5%;
  text-align: center;
}
.slick-three-up-scaled .promotion .promotion-contain .slick-copy .overline {
  margin-bottom: 2rem;
}
.slick-three-up-scaled .promotion .promotion-contain .slick-copy p {
  margin-bottom: 1rem;
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .slick-three-up-scaled .promotion .promotion-contain .slick-copy p {
    font-size: var(--4xl);
  }
}
.slick-three-up-scaled .promotion .promotion-contain .slick-copy a {
  opacity: 0;
}

.slick-events .events {
  padding-bottom: 3rem;
}
@media (min-width: 641px) {
  .slick-events .events {
    padding-bottom: 5rem;
  }
}
.slick-events .events .slick-track {
  display: flex;
}
.slick-events .events .slick-track .event {
  display: flex;
  flex-direction: column;
  border-radius: var(--borderradius);
  padding: 2rem 2rem 5rem 2rem;
  background: var(--darkestgray);
  margin: 0 0.5rem;
  height: auto;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event {
    margin: 0 1rem;
  }
}
.slick-events .events .slick-track .event figure {
  position: relative;
  margin-bottom: 3rem;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event figure {
    margin-bottom: 5rem;
  }
}
.slick-events .events .slick-track .event .free-event {
  position: absolute;
  right: -1px;
  bottom: -1px;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 500;
  font-size: var(--xsm);
  padding: 1.2rem 1.5rem 0.7rem 1.5rem;
  line-height: 0.9;
  background: var(--darkgray);
  color: var(--white);
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event .free-event {
    font-size: var(--sm);
  }
}
.slick-events .events .slick-track .event .slide-copy {
  padding: 0 2.5%;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event .slide-copy {
    padding: 0 5%;
  }
}
.slick-events .events .slick-track .event .slide-copy .heading3 {
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event .slide-copy .heading3 {
    margin-bottom: 3rem;
  }
}
.slick-events .events .slick-track .event .slide-copy .subhead {
  font-family: var(--obviously);
  font-size: var(--xsm);
  max-width: 35rem;
  margin-bottom: 3rem;
  text-wrap: balance;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event .slide-copy .subhead {
    margin-bottom: 5rem;
    font-size: var(--sm);
  }
}
.slick-events .events .slick-track .event .link-contain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: auto;
  padding: 0 2.5%;
}
@media (min-width: 641px) {
  .slick-events .events .slick-track .event .link-contain {
    padding: 0 7.5%;
  }
}
.slick-events .slick-navigation {
  position: absolute;
  z-index: 3;
  right: 5%;
  bottom: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 641px) {
  .slick-events .slick-navigation {
    right: 5rem;
    bottom: 5rem;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .slick-events .slick-navigation {
    bottom: 10rem;
  }
}
.slick-events .slick-navigation p {
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--xsm);
  text-align: right;
  line-height: 1;
}

.slick-full-with-partial {
  position: relative;
  border-radius: var(--borderradius);
}
@media (min-width: 1800px) {
  .slick-full-with-partial {
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.slick-full-with-partial.pad-bottom {
  margin-bottom: 8rem;
}
@media (min-width: 641px) {
  .slick-full-with-partial.pad-bottom {
    margin-bottom: 15rem;
  }
}
.slick-full-with-partial.pad-bottom .slick-navigation {
  bottom: -7rem;
}
@media (min-width: 641px) {
  .slick-full-with-partial.pad-bottom .slick-navigation {
    bottom: -10rem;
  }
}
.slick-full-with-partial .slide {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: var(--borderradius);
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-right: 1rem;
}
@media (min-width: 641px) {
  .slick-full-with-partial .slide {
    margin-right: 2rem;
  }
}
@media (min-width: 1024px) {
  .slick-full-with-partial .slide {
    aspect-ratio: 16/9;
    margin-right: 4rem;
  }
}
.slick-full-with-partial .slide:has(.slick-copy) {
  padding: 0 3rem 2rem 3rem;
}
@media (min-width: 641px) {
  .slick-full-with-partial .slide:has(.slick-copy) {
    padding: 0 5rem 3rem 5rem;
  }
}
.slick-full-with-partial .slide:has(.slick-copy):after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 641px) {
  .slick-full-with-partial .slide:has(.slick-copy):after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0) 100%);
  }
}
.slick-full-with-partial .slide:has(.logo):before {
  position: absolute;
  z-index: 1;
  content: "";
  inset: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 100%);
}
.slick-full-with-partial .slide .logo {
  position: absolute;
  z-index: 2;
  top: 2rem;
  right: 2rem;
  height: 7rem;
  width: auto;
}
@media (min-width: 641px) {
  .slick-full-with-partial .slide .logo {
    top: 3rem;
    right: 3rem;
    height: 10rem;
  }
}
.slick-full-with-partial .slide .slick-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.slick-full-with-partial .slide .slick-copy h3 {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  margin-bottom: 1rem;
  font-size: var(--sm);
}
@media (min-width: 641px) {
  .slick-full-with-partial .slide .slick-copy h3 {
    font-size: var(--lg);
    margin-bottom: 1.5rem;
  }
}
.slick-full-with-partial .slide .slick-copy h3.no-pad {
  margin-bottom: 0;
}
.slick-full-with-partial .slide .slick-copy .capacity {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 425;
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  line-height: 1;
}
@media (min-width: 641px) {
  .slick-full-with-partial .slide .slick-copy .capacity {
    margin-bottom: 2rem;
  }
}
.slick-full-with-partial .slide .slick-copy .capacity span {
  color: var(--gold);
}
.slick-full-with-partial .slick-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 2%;
  padding-bottom: 1rem;
  bottom: -5rem;
}
@media (min-width: 1024px) {
  .slick-full-with-partial .slick-navigation {
    padding-bottom: 0;
  }
}

.slick-q-carousel {
  position: relative;
  border-radius: var(--borderradius);
  overflow: hidden;
}
.slick-q-carousel.active .q-logo .q-left {
  transform: translateX(0) scale(0.6);
}
.slick-q-carousel.active .q-logo .q-right {
  transform: translateX(0) scale(0.6);
}
.slick-q-carousel.active .swiper-slide .value {
  opacity: 1;
}
.slick-q-carousel .q-logo {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  left: 50%;
  transform: translate(-50%);
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 800px) {
  .slick-q-carousel .q-logo {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1150px) {
  .slick-q-carousel .q-logo {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.slick-q-carousel .q-logo .q-left {
  transition: 0.8s;
  transform: translateX(35%) scale(0.6);
  transform-origin: center left;
}
.slick-q-carousel .q-logo .q-right {
  transition: 0.8s;
  transform: translateX(-35%) scale(0.6);
  transform-origin: center right;
}
.slick-q-carousel .slick {
  position: relative;
  z-index: unset;
}
.slick-q-carousel .slick .slick-wrapper {
  position: static;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide {
  position: relative;
  padding: 12rem 0 14rem 0;
  background: var(--black);
  height: 50rem;
}
@media (min-width: 641px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide {
    padding: 15rem 0;
    height: 70rem;
  }
}
@media (min-width: 900px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide {
    padding: 25rem 0;
    height: auto;
  }
}
.slick-q-carousel .slick .slick-wrapper .slick-slide img {
  opacity: 0.6 !important;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide:not(.slick-active) .value {
  opacity: 0;
  transition: 0s;
  transition-delay: 0s;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide.slick-active .value {
  opacity: 1;
  transition-delay: 1s;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide.slick-active .value .heading {
  letter-spacing: 0;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide.slick-active .value .small-copy {
  letter-spacing: 0;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide .value {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  transition: 0.5s;
}
.slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading {
  margin-top: 6rem;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: var(--medium);
  letter-spacing: -0.2em;
  transition: 2s;
  font-size: 21vw;
}
@media (min-width: 641px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading {
    font-size: 15rem;
    margin-top: 2rem;
  }
}
@media (min-width: 900px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading {
    font-size: 18rem;
    line-height: 25rem;
    margin-top: 0;
  }
}
@media (min-width: 1150px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading {
    font-size: 22rem;
  }
}
.slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading.lg {
  font-size: 28vw;
  margin-top: 4.5rem;
}
@media (min-width: 641px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading.lg {
    font-size: 20rem;
    margin-top: 2rem;
  }
}
@media (min-width: 900px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading.lg {
    font-size: 25rem;
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .heading.lg {
    font-size: 28rem;
  }
}
.slick-q-carousel .slick .slick-wrapper .slick-slide .value .small-copy {
  position: relative;
  top: -0.5rem;
  display: block;
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--xsm);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 0.15em;
  transition: 1s;
  transition-delay: 1s;
}
@media (min-width: 641px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .small-copy {
    top: 0;
    font-size: var(--sm);
  }
}
@media (min-width: 1024px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .small-copy.offset {
    top: -2rem;
  }
}
.slick-q-carousel .slick .slick-wrapper .slick-slide .value .btn, .slick-q-carousel .slick .slick-wrapper .slick-slide .value form button[type=submit], form .slick-q-carousel .slick .slick-wrapper .slick-slide .value button[type=submit] {
  top: 7rem;
  opacity: 1;
}
@media (min-width: 641px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .btn, .slick-q-carousel .slick .slick-wrapper .slick-slide .value form button[type=submit], form .slick-q-carousel .slick .slick-wrapper .slick-slide .value button[type=submit] {
    top: 10rem;
  }
}
@media (min-width: 1024px) {
  .slick-q-carousel .slick .slick-wrapper .slick-slide .value .btn, .slick-q-carousel .slick .slick-wrapper .slick-slide .value form button[type=submit], form .slick-q-carousel .slick .slick-wrapper .slick-slide .value button[type=submit] {
    top: 15rem;
  }
}

.slick-navigation {
  position: absolute;
  z-index: 3;
  right: 5%;
  bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 641px) {
  .slick-navigation {
    right: 5rem;
    bottom: 5rem;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .slick-navigation {
    bottom: 10rem;
  }
}
.slick-navigation p {
  position: relative;
  top: 3px;
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--xsm);
  text-align: right;
  line-height: 1;
}
@media (min-width: 641px) {
  .slick-navigation p {
    top: 0;
  }
}

.mast {
  position: relative;
  overflow: hidden;
  border-top-right-radius: var(--borderradius);
  border-top-left-radius: var(--borderradius);
  max-width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .mast {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    max-width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1800px) {
  .mast {
    max-width: 160rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.mast .copy-contain {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 18rem 5% 8rem 5%;
  overflow: hidden;
  border-radius: var(--borderradius);
  background: var(--black);
}
@media (min-width: 641px) {
  .mast .copy-contain {
    padding: 25rem 10% 15rem 10%;
  }
}
@media (min-width: 1024px) {
  .mast .copy-contain {
    padding: 30rem 5% 15rem 5%;
  }
}
@media (min-width: 1280px) {
  .mast .copy-contain {
    padding: 35rem 5% 20rem 5%;
  }
}
.mast .copy-contain:before {
  position: absolute;
  z-index: 2;
  content: "";
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.75) 100%);
  border-top-left-radius: var(--borderradius);
  border-top-right-radius: var(--borderradius);
}
@media (min-width: 641px) {
  .mast .copy-contain:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  }
}
.amphitheather-page .mast .copy-contain:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.mast .copy-contain.pad-sm {
  padding: 15rem 5% 7rem 5%;
}
@media (min-width: 641px) {
  .mast .copy-contain.pad-sm {
    padding: 25rem 10% 10rem 10%;
  }
}
@media (min-width: 1024px) {
  .mast .copy-contain.pad-sm {
    padding: 25rem 5% 10rem 5%;
  }
}
@media (min-width: 1280px) {
  .mast .copy-contain.pad-sm {
    padding: 30rem 5% 10rem 5%;
  }
}
.mast .copy-contain.pad-lg {
  padding: 18rem 5% 7rem 5%;
}
@media (min-width: 641px) {
  .mast .copy-contain.pad-lg {
    padding: 25rem 10% 10rem 10%;
  }
}
@media (min-width: 1024px) {
  .mast .copy-contain.pad-lg {
    padding: 30rem 5% 15rem 5%;
  }
}
@media (min-width: 1280px) {
  .mast .copy-contain.pad-lg {
    padding: 35rem 5% 20rem 5%;
  }
}
.mast .copy-contain video {
  opacity: 0.8;
}
.mast .copy-contain img {
  z-index: 1;
  opacity: 0.5;
}
.mast .copy-contain .copy {
  position: relative;
  z-index: 2;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .group-sales .mast .copy-contain .copy {
    max-width: 95rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .gaming .mast .copy-contain .copy {
    max-width: 95rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .sportsbook .mast .copy-contain .copy {
    max-width: 101rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .dine .mast .copy-contain .copy {
    max-width: 101rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .amphitheather-page .mast .copy-contain .copy {
    max-width: 101rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .careers .mast .copy-contain .copy {
    max-width: 110rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .q-rewards .mast .copy-contain .copy {
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.mast .copy-contain .copy .overline {
  position: relative;
}
.dine .mast .copy-contain .copy .overline {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .dine .mast .copy-contain .copy .overline {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.mast .copy-contain .copy .overline.before:before {
  position: absolute;
  content: "";
  top: -2rem;
  left: 50%;
  height: 2px;
  width: 50%;
  transform: translateX(-50%);
  background: var(--gold);
}
@media (min-width: 641px) {
  .mast .copy-contain .copy .overline.before:before {
    top: -4rem;
  }
}
.mast .copy-contain .copy .ctas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 641px) {
  .mast .copy-contain .copy .ctas {
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 1280px) {
  .mast .copy-contain .copy .ctas {
    gap: 4rem;
  }
}
.mast .copy-contain .btn-with-logo {
  display: none;
  position: fixed;
  right: 3rem;
  bottom: 3rem;
  z-index: 4;
  gap: 1.5rem;
}
@media (min-width: 641px) {
  .mast .copy-contain .btn-with-logo {
    right: 5rem;
    bottom: 5rem;
  }
}
.mast .copy-contain .btn-with-logo .q-rewards-btn-text {
  display: block;
  width: 100%;
  max-width: 15rem;
}

.offers-and-promotions {
  position: relative;
  padding: 6rem 0 0 0;
}
@media (min-width: 641px) {
  .offers-and-promotions {
    padding: 10rem 0 0 0;
  }
}
.offers-and-promotions .copy {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .offers-and-promotions .copy {
    margin-bottom: 5rem;
  }
}
.offers-and-promotions .slick-navigation {
  position: absolute;
  z-index: 3;
  right: 5%;
  bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 641px) {
  .offers-and-promotions .slick-navigation {
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .offers-and-promotions .slick-navigation {
    bottom: 6rem;
  }
}
@media (min-width: 1600px) {
  .offers-and-promotions .slick-navigation {
    bottom: 9rem;
  }
}
.offers-and-promotions .slick-navigation p {
  position: relative;
  top: 5px;
  font-family: var(--obviously);
  font-variation-settings: var(--wide-medium);
  font-size: var(--xsm);
  text-align: right;
  line-height: 1;
}
@media (min-width: 641px) {
  .offers-and-promotions .slick-navigation p {
    top: 0;
  }
}
.offers-and-promotions .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 90, "wght" 592;
  font-size: clamp(15vw, 20vw, 17rem);
  text-align: center;
  color: var(--gold);
  line-height: 0.9;
}
@media (min-width: 641px) {
  .offers-and-promotions .viewport-text {
    font-variation-settings: "wdth" 190, "wght" 592;
    font-size: clamp(3rem, 10.5vw, 17rem);
  }
}
.offers-and-promotions .viewport-text.in-view {
  opacity: 0.1;
}

.events-and-entertainment {
  padding: 8rem 0 0 0;
}
@media (min-width: 641px) {
  .events-and-entertainment {
    padding: 12rem 0 0 0;
  }
}
.events-and-entertainment.hidden {
  display: none;
  visibility: hidden;
}
.events-and-entertainment .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 90, "wght" 592;
  font-size: clamp(20vw, 25vw, 20rem);
  line-height: 1.05;
  color: var(--white);
  text-align: center;
}
@media (min-width: 641px) {
  .events-and-entertainment .viewport-text {
    font-variation-settings: var(--variation);
    font-size: clamp(5rem, 12vw, 20rem);
  }
}
.events-and-entertainment .viewport-text.in-view {
  opacity: 0.02;
}
.events-and-entertainment.island-social .viewport-text {
  color: var(--gold);
  font-size: clamp(2rem, 6.5vw, 11rem);
}
.events-and-entertainment.island-social .viewport-text.in-view {
  opacity: 0.1;
}
.events-and-entertainment.houlihans .viewport-text {
  color: var(--gold);
  font-size: clamp(2rem, 8.5vw, 13.5rem);
}
.events-and-entertainment.houlihans .viewport-text.in-view {
  opacity: 0.1;
}

.featured-event {
  margin: 0 0 3rem 0;
  padding: 5%;
  border-radius: var(--borderradius);
  background: var(--darkgray);
}
@media (min-width: 1024px) {
  .featured-event {
    padding: 2.5% 2.5% 2.5% 5%;
  }
}
.featured-event .copy-contain {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .featured-event .copy-contain {
    flex-direction: row;
    justify-content: space-between;
  }
}
.featured-event .copy-contain .logo {
  position: absolute;
  z-index: 1;
  top: -3rem;
  left: 5%;
  width: 100%;
  max-width: 12rem;
}
@media (min-width: 641px) {
  .featured-event .copy-contain .logo {
    max-width: 20rem;
    top: -7rem;
  }
}
@media (min-width: 1024px) {
  .featured-event .copy-contain .logo {
    left: 0;
  }
}
.featured-event .copy-contain .copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 5rem 5% 3rem 5%;
  order: 2;
  margin-bottom: 0;
}
@media (min-width: 641px) {
  .featured-event .copy-contain .copy {
    padding: 5rem 7.5%;
  }
}
@media (min-width: 1024px) {
  .featured-event .copy-contain .copy {
    order: 0;
    width: 50%;
    max-width: 58rem;
    padding: 25rem 0 8rem 0;
  }
}
@media (min-width: 1100px) {
  .featured-event .copy-contain .copy {
    width: 48%;
  }
}
.featured-event .copy-contain .copy .heading2 {
  letter-spacing: 0.02em;
}
.featured-event .copy-contain .copy .ctas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 2rem;
}
@media (min-width: 641px) {
  .featured-event .copy-contain .copy .ctas {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
  }
}
.featured-event .copy-contain .copy .ctas .btn.sold-out, .featured-event .copy-contain .copy .ctas form button.sold-out[type=submit], form .featured-event .copy-contain .copy .ctas button.sold-out[type=submit] {
  cursor: not-allowed;
  opacity: 0.5;
}
.featured-event .copy-contain .copy .ctas .link {
  position: relative;
  left: 1rem;
}
@media (min-width: 1024px) {
  .featured-event .copy-contain .copy .ctas .link {
    position: static;
  }
}
.featured-event .copy-contain .copy time {
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .featured-event .copy-contain .copy time {
    line-height: 1.1;
  }
}
.featured-event .copy-contain figure {
  position: relative;
}
@media (min-width: 641px) {
  .featured-event .copy-contain figure {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 1024px) {
  .featured-event .copy-contain figure {
    width: 40%;
  }
}
@media (min-width: 1100px) {
  .featured-event .copy-contain figure {
    width: 50%;
  }
}
.featured-event .copy-contain figure .free-event {
  display: none;
  position: absolute;
  right: -1px;
  bottom: -1px;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 500;
  font-size: var(--xsm);
  padding: 1.2rem 1.5rem 0.7rem 1.5rem;
  line-height: 0.9;
  background: var(--darkgray);
  color: var(--white);
  text-transform: uppercase;
}
.featured-event .copy-contain figure .free-event.show {
  display: block;
}

.bars-and-restaurants {
  padding: 7rem 0 0 0;
}
@media (min-width: 641px) {
  .bars-and-restaurants {
    padding: 10rem 0 2rem 0;
  }
}
@media (min-width: 1024px) {
  .bars-and-restaurants {
    padding: 10rem 2.5% 2rem 2.5%;
  }
}
.bars-and-restaurants .copy {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 3rem;
  padding: 0 12%;
}
@media (min-width: 641px) {
  .bars-and-restaurants .copy {
    margin-bottom: 5rem;
    padding: 0;
  }
}
.bars-and-restaurants .card-with-carousel {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
  margin-bottom: 3rem;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .bars-and-restaurants .card-with-carousel {
    gap: 2rem;
  }
}
@media (min-width: 900px) {
  .bars-and-restaurants .card-with-carousel {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    max-height: 55rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 900px) {
  .bars-and-restaurants .card-with-carousel:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media (min-width: 641px) {
  .bars-and-restaurants .card-with-carousel:nth-child(even) .logo {
    top: unset;
    right: unset;
    bottom: 3rem;
    left: 3rem;
  }
}
.bars-and-restaurants .card-with-carousel .card {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  background: var(--white);
  border-radius: var(--borderradius);
  padding: 7rem 10% 4rem 10%;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
  margin-top: -5rem;
}
@media (min-width: 900px) {
  .bars-and-restaurants .card-with-carousel .card {
    width: 48%;
    padding: 15rem 5% 6rem 5%;
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .bars-and-restaurants .card-with-carousel .card {
    width: 40%;
  }
}
.bars-and-restaurants .card-with-carousel .card .heading3 {
  line-height: 0.9;
}
.bars-and-restaurants .card-with-carousel .card .subhead {
  max-width: 37rem;
  margin-bottom: 2rem;
  color: var(--gray);
}
@media (min-width: 641px) {
  .bars-and-restaurants .card-with-carousel .card .subhead {
    margin-bottom: 3rem;
  }
}
.bars-and-restaurants .card-with-carousel .carousel {
  border-radius: var(--borderradius);
  max-height: 50rem;
  background: var(--black);
  overflow: hidden;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .bars-and-restaurants .card-with-carousel .carousel {
    width: 50%;
    max-height: none;
  }
}
@media (min-width: 1280px) {
  .bars-and-restaurants .card-with-carousel .carousel {
    width: 58%;
  }
}
.bars-and-restaurants .card-with-carousel .carousel .slick-list, .bars-and-restaurants .card-with-carousel .carousel .slick-track {
  height: 100%;
}
.bars-and-restaurants .card-with-carousel .carousel img {
  opacity: 0.9;
  aspect-ratio: 1/1;
}
.bars-and-restaurants .card-with-carousel .carousel .slick-dots {
  position: absolute;
  bottom: 5rem;
}
@media (min-width: 641px) {
  .bars-and-restaurants .card-with-carousel .carousel .slick-dots {
    bottom: 6rem;
  }
}
@media (min-width: 1024px) {
  .bars-and-restaurants .card-with-carousel .carousel .slick-dots {
    bottom: 3rem;
  }
}
.bars-and-restaurants .card-with-carousel .carousel .slick-dots li {
  height: 1rem;
  width: 3.5rem;
  border-radius: 1rem;
  background: var(--white);
  opacity: 0.5;
}
@media (min-width: 641px) {
  .bars-and-restaurants .card-with-carousel .carousel .slick-dots li {
    width: 4.5rem;
  }
}
@media (min-width: 1024px) {
  .bars-and-restaurants .card-with-carousel .carousel .slick-dots li {
    width: 6.5rem;
  }
}
.bars-and-restaurants .card-with-carousel .carousel .slick-dots li.slick-active {
  background: var(--white);
  opacity: 1;
}
.bars-and-restaurants .card-with-carousel .carousel .slick-dots li button:before {
  display: none;
}
.bars-and-restaurants .card-with-carousel .logo {
  position: absolute;
  top: 2rem;
  right: 2rem;
  max-height: 7rem;
  width: 15rem;
  z-index: 2;
}
@media (min-width: 641px) {
  .bars-and-restaurants .card-with-carousel .logo {
    top: 3rem;
    right: 3rem;
    max-height: 10rem;
    max-width: 20rem;
  }
}
.bars-and-restaurants .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 60, "wght" 592;
  font-size: clamp(24vw, 24vw, 20rem);
  color: var(--gold);
  line-height: 0.9;
  text-transform: uppercase;
  text-align: center;
}
@media (min-width: 641px) {
  .bars-and-restaurants .viewport-text {
    font-variation-settings: var(--variation);
    font-size: clamp(2rem, 6.2vw, 10.5rem);
  }
}
.bars-and-restaurants .viewport-text.in-view {
  opacity: 0.1;
}

.redevelopment-project {
  position: relative;
  padding: 4rem 0 3rem 0;
}
@media (min-width: 641px) {
  .redevelopment-project {
    padding: 7rem 0 3remrem 0;
  }
}
@media (min-width: 1024px) {
  .redevelopment-project {
    padding: 15rem 0 5rem 0;
  }
}
.redevelopment-project:before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 60%);
}
.redevelopment-project:after {
  position: absolute;
  z-index: 1;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 40%);
}
.redevelopment-project .background {
  opacity: 0.3;
}
.redevelopment-project .copy {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 10%;
}
@media (min-width: 641px) {
  .redevelopment-project .copy {
    margin-bottom: 5rem;
    padding: 0;
  }
}
.redevelopment-project .copy .subhead {
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--gray);
}
.redevelopment-project .video-contain {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: var(--borderradius);
  aspect-ratio: 16/9;
}
@media (min-width: 1024px) {
  .redevelopment-project .video-contain {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.redevelopment-project .video-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 5rem 5% 3rem 5%;
  text-align: center;
  max-width: 88rem;
  margin: 0 auto;
}
@media (min-width: 641px) {
  .redevelopment-project .video-copy {
    padding: 10rem 5% 5rem 5%;
  }
}
@media (min-width: 1024px) {
  .redevelopment-project .video-copy {
    padding: 10rem 0 5rem 0;
  }
}
.redevelopment-project .video-copy .heading2 {
  font-size: var(--3xl);
  margin-bottom: 3rem;
  letter-spacing: 0.05em;
}
@media (min-width: 641px) {
  .redevelopment-project .video-copy .heading2 {
    font-size: var(--6xl);
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .redevelopment-project .video-copy .heading2 {
    font-size: var(--7xl);
  }
}
.redevelopment-project .video-copy .heading2.in-view {
  letter-spacing: 0.03em;
}

.event-space {
  position: relative;
  z-index: 1;
  padding: 6rem 0 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%);
}
@media (min-width: 641px) {
  .event-space {
    padding: 12rem 0 0 0;
  }
}
.event-space .copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3.5rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .event-space .copy {
    margin-bottom: 5rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .event-space .copy {
    max-width: 110rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.event-space .copy .heading2 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .event-space .copy .heading2 {
    font-size: var(--6xl);
  }
}
@media (min-width: 1024px) {
  .event-space .copy .heading2 {
    font-size: var(--8xl);
  }
}
.event-space .copy .subhead {
  margin-bottom: 2.5rem;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .event-space .copy .subhead {
    margin-bottom: 3rem;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
.event-space .copy .ctas {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 1024px) {
  .event-space .copy .ctas {
    flex-direction: row;
    gap: 4rem;
  }
}

.restaurants-catering {
  padding-bottom: 8rem;
}
.restaurants-catering .copy {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .restaurants-catering .copy {
    max-width: 110rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.restaurants-catering .copy .heading2 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .restaurants-catering .copy .heading2 {
    font-size: var(--6xl);
  }
}
@media (min-width: 1024px) {
  .restaurants-catering .copy .heading2 {
    font-size: var(--8xl);
  }
}
.restaurants-catering .copy .subhead {
  margin-bottom: 7rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.restaurants-catering .catering-menu {
  position: relative;
  z-index: 2;
  padding: 6rem 8% 4rem 8%;
  background: var(--white);
  border: 3px solid var(--blue);
  border-radius: var(--borderradius);
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .restaurants-catering .catering-menu {
    padding: 10rem 5% 8rem 5%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.restaurants-catering .catering-menu .menus {
  position: relative;
  columns: 1;
}
@media (min-width: 1100px) {
  .restaurants-catering .catering-menu .menus {
    columns: 2;
    column-gap: 7rem;
  }
}
.restaurants-catering .catering-menu .menus:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--white);
}
.restaurants-catering .catering-menu .menus .menu {
  display: flex;
  flex-direction: column;
  padding: 3rem 0 1.5rem 0;
  border-bottom: 2px solid var(--blue);
}
@media (min-width: 641px) {
  .restaurants-catering .catering-menu .menus .menu {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 3rem 0 1rem 0;
  }
}
.restaurants-catering .catering-menu .menus .menu .heading4 {
  font-weight: var(--medium);
  letter-spacing: 0.02em;
}
.restaurants-catering .catering-menu .menus .menu a {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 450;
  font-size: var(--sm);
  color: var(--gray);
  text-transform: uppercase;
}
.restaurants-catering .catering-menu .menus .menu a:hover {
  color: var(--gold);
}
.restaurants-catering .catering-menu .menus .menu a:hover svg .arrow-down {
  animation: downloadPDFAnimation 0.7s infinite alternate;
}
.restaurants-catering .catering-menu .menus .menu a svg {
  width: 100%;
  max-width: 2rem;
}
@media (min-width: 641px) {
  .restaurants-catering .catering-menu .menus .menu a svg {
    max-width: 2.4rem;
  }
}
.restaurants-catering .catering-menu .menus .menu a svg .arrow-down {
  transform: translateY(0);
}

.booking {
  padding: 5rem 0 0 0;
  margin-bottom: 4rem;
}
@media (min-width: 641px) {
  .booking {
    padding: 12rem 0 0 0;
  }
}
@media (min-width: 1024px) {
  .booking {
    padding: 12rem 0 0 0;
    margin-bottom: 5rem;
  }
}
.booking .copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3.5rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .booking .copy {
    margin-bottom: 7rem;
    max-width: 82rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.booking .copy .subhead {
  margin-bottom: 2.5rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .booking .copy .subhead {
    margin-bottom: 4rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

.wedding {
  padding: 5rem 0 0 0;
  margin-bottom: 4rem;
}
@media (min-width: 641px) {
  .wedding {
    padding: 12rem 0 0 0;
  }
}
@media (min-width: 1024px) {
  .wedding {
    padding: 12rem 0 0 0;
    margin-bottom: 5rem;
  }
}
.wedding .contain {
  display: flex;
  flex-direction: column-reverse;
  max-width: 90%;
  margin: 0 auto;
  gap: 5rem;
}
@media (min-width: 1024px) {
  .wedding .contain {
    flex-direction: row;
    gap: 5%;
    align-items: stretch;
    max-width: none;
  }
}
.wedding .contain .carousel {
  border-radius: var(--borderradius);
  margin-bottom: 0 !important;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .wedding .contain .carousel {
    width: 50%;
  }
}
.wedding .contain .carousel .slick-list {
  display: flex;
  height: 100%;
}
.wedding .contain .carousel .slick-list .slick-track {
  display: flex;
}
.wedding .contain .carousel .slick-list .slick-track .slide {
  height: 100%;
}
.wedding .contain .carousel .slick-dots {
  position: absolute;
  bottom: 5rem;
}
@media (min-width: 641px) {
  .wedding .contain .carousel .slick-dots {
    bottom: 6rem;
  }
}
@media (min-width: 1024px) {
  .wedding .contain .carousel .slick-dots {
    bottom: 3rem;
  }
}
.wedding .contain .carousel .slick-dots li {
  height: 1rem;
  width: 3.5rem;
  border-radius: 1rem;
  background: var(--white);
  opacity: 0.5;
}
@media (min-width: 641px) {
  .wedding .contain .carousel .slick-dots li {
    width: 4.5rem;
  }
}
@media (min-width: 1024px) {
  .wedding .contain .carousel .slick-dots li {
    width: 6.5rem;
  }
}
.wedding .contain .carousel .slick-dots li.slick-active {
  background: var(--white);
  opacity: 1;
}
.wedding .contain .carousel .slick-dots li button:before {
  display: none;
}
.wedding .contain .copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5%;
  text-align: center;
}
@media (min-width: 1024px) {
  .wedding .contain .copy {
    width: 50%;
    padding: 4rem 0 0 0;
    text-align: left;
    align-items: flex-start;
  }
}
.wedding .contain .copy .overline {
  max-width: 21rem;
}
@media (min-width: 641px) {
  .wedding .contain .copy .overline {
    max-width: none;
  }
}
.wedding .contain .copy .heading2 span {
  display: block;
}
.wedding .contain .copy .subhead {
  margin-bottom: 2.5rem;
  max-width: 50rem;
  text-wrap: balance;
}
@media (min-width: 641px) {
  .wedding .contain .copy .subhead {
    margin-bottom: 4rem;
  }
}
.wedding .contain .copy button {
  padding: 0;
}
.wedding .contain .copy button .btn-text span {
  padding: 1.2rem 2rem 1.2rem 2rem;
  max-width: 20rem;
}
@media (min-width: 641px) {
  .wedding .contain .copy button .btn-text span {
    padding: 1.8rem 2rem 1.2rem 2rem;
    max-width: none;
  }
}
.wedding .contain .copy button .btn-text:after {
  padding: 1.2rem 2rem 1.2rem 2rem;
}
@media (min-width: 641px) {
  .wedding .contain .copy button .btn-text:after {
    padding: 1.8rem 2rem 1.2rem 2rem;
  }
}

.table-games .heading2 {
  font-size: var(--4xl);
  letter-spacing: 0.06em;
}
@media (min-width: 641px) {
  .table-games .heading2 {
    font-size: var(--6xl);
  }
}
@media (min-width: 1024px) {
  .table-games .heading2 {
    font-size: var(--8xl);
  }
}
.table-games .games {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.table-games .games .game {
  padding-top: 15rem;
}
@media (min-width: 641px) {
  .table-games .games .game {
    padding-top: 25rem;
  }
}
.table-games .games .game .game-info h3 {
  max-width: 40rem;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .table-games .games .game .game-info h3 {
    margin-bottom: 2rem;
  }
}
.table-games .games .game .logo {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.table-games .other-games {
  padding: 6rem 0 0 0;
}
@media (min-width: 641px) {
  .table-games .other-games {
    padding: 10rem 0 0 0;
  }
}
.table-games .other-games h2 {
  display: block;
  position: relative;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .table-games .other-games h2 {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.table-games .other-games h2:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: 0%;
  background: var(--gold);
  transition: 1s;
  transition-delay: 1s;
}
.table-games .other-games h2.in-view:before {
  height: 2px;
  width: 100%;
  transform: translate(0%, calc(-50% - 1px));
  right: 0;
  left: 0;
}
.table-games .other-games h2 span {
  position: relative;
  padding: 0 1.7rem;
  background: var(--cream);
}
@media (min-width: 641px) {
  .table-games .other-games h2 span {
    padding: 0 4rem;
  }
}
.table-games .other-games .other-games-contain {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 800px) {
  .table-games .other-games .other-games-contain {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .table-games .other-games .other-games-contain {
    gap: 3rem;
  }
}
@media (min-width: 1280px) {
  .table-games .other-games .other-games-contain {
    grid-template-columns: repeat(3, 1fr);
  }
}
.table-games .other-games .other-games-contain .game {
  padding: 6rem 7.5% 3rem 7.5%;
  background: var(--white);
  border-radius: var(--borderradius);
  border: 3px solid var(--black);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 800px) {
  .table-games .other-games .other-games-contain .game {
    padding: 6rem 10% 4rem 10%;
  }
}
.table-games .other-games .other-games-contain .game h3 {
  font-size: var(--3xl);
  line-height: 0.9;
  max-width: 35rem;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .table-games .other-games .other-games-contain .game h3 {
    font-size: var(--4xl);
  }
}
.table-games .other-games .other-games-contain .game p {
  font-family: var(--obviously);
  font-size: var(--sm);
}
.table-games .other-games .viewport-text {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 95, "wght" 592;
  font-size: clamp(15vw, 15vw, 12.2rem);
  text-align: center;
  line-height: 1.05;
  letter-spacing: -0.1em;
  text-transform: uppercase;
  color: var(--gold);
}
@media (min-width: 641px) {
  .table-games .other-games .viewport-text {
    margin-bottom: 1rem;
    font-variation-settings: var(--variation);
    font-size: clamp(2.6rem, 6.7vw, 12.2rem);
  }
}
.table-games .other-games .viewport-text.in-view {
  opacity: 0.1;
}

.coming-soon {
  position: relative;
  margin-bottom: 2rem;
  border-radius: var(--borderradius);
  overflow: hidden;
  max-width: calc(100% - 1rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .coming-soon {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.coming-soon:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%);
}
.coming-soon picture {
  background: var(--black);
}
.coming-soon picture img {
  opacity: 0.8;
}
.coming-soon .copy-contain {
  position: relative;
  z-index: 1;
  padding: 7rem 5% 6rem 5%;
}
@media (min-width: 641px) {
  .coming-soon .copy-contain {
    padding: 10rem 10% 12rem 10%;
  }
}
.coming-soon .copy-contain .copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
.coming-soon .copy-contain .copy img {
  width: 20rem;
  max-height: 20rem;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .coming-soon .copy-contain .copy img {
    margin-bottom: 7rem;
  }
}
.coming-soon .copy-contain .copy .overline {
  max-width: 24rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .coming-soon .copy-contain .copy .overline {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.coming-soon .copy-contain .copy .heading2 {
  letter-spacing: 0.02em;
  padding-bottom: 2rem;
}
@media (min-width: 641px) {
  .coming-soon .copy-contain .copy .heading2 {
    letter-spacing: 0.05em;
    padding-bottom: 3rem;
  }
}
.coming-soon .copy-contain .copy .subhead {
  line-height: 1.2;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--xsm);
}
@media (min-width: 641px) {
  .coming-soon .copy-contain .copy .subhead {
    max-width: 66rem;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--md);
  }
}

.slots {
  margin-bottom: 2rem;
  max-width: calc(100% - 1rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .slots {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.winners-gallery .heading2 {
  font-size: var(--4xl);
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .winners-gallery .heading2 {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .winners-gallery .heading2 {
    font-size: var(--7xl);
  }
}

.latest-winner {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  padding: 5% 5% 8% 5%;
  margin-bottom: 3rem;
  background: var(--white);
  border: 3px solid var(--blue);
  border-radius: var(--borderradius);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  background: var(--black);
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .latest-winner {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .latest-winner {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
    padding: 3rem 3rem 3rem 0;
    max-width: calc(90% - 5rem);
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1800px) {
  .latest-winner {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.latest-winner .copy {
  display: flex;
  flex-direction: column;
  align-items: space-between;
  padding: 2rem 5% 0 5%;
  order: 1;
}
@media (min-width: 1024px) {
  .latest-winner .copy {
    order: unset;
    padding: 5rem 0 3rem 7.5%;
  }
}
.latest-winner .copy h2 {
  color: var(--gold);
  margin-bottom: 5rem;
}
@media (min-width: 641px) {
  .latest-winner .copy h2 {
    margin-bottom: 8rem;
  }
}
.latest-winner .copy .winner-info-contain {
  margin-top: auto;
}
.latest-winner .copy .winner-info-contain .winner-info {
  margin-bottom: 4rem;
}
@media (min-width: 641px) {
  .latest-winner .copy .winner-info-contain .winner-info {
    margin-bottom: 7rem;
  }
}
.latest-winner .copy .winner-info-contain .winner-info .overline {
  font-variation-settings: var(--wide-medium);
  font-size: var(--sm);
  color: var(--white);
}
.latest-winner .copy .winner-info-contain .winner-info .amount {
  font-weight: var(--medium);
  font-size: var(--8xl);
  color: var(--blue);
  letter-spacing: -0.01em;
  line-height: 0.8;
  color: var(--white);
}
@media (min-width: 641px) {
  .latest-winner .copy .winner-info-contain .winner-info .amount {
    font-size: var(--10xl);
  }
}
@media (min-width: 1800px) {
  .latest-winner .copy .winner-info-contain .winner-info .amount {
    font-size: var(--11xl);
  }
}
.latest-winner .copy .winner-info-contain .winner-info .amount sup {
  position: relative;
  top: 0.1em;
  font-size: var(--5xl);
}
@media (min-width: 641px) {
  .latest-winner .copy .winner-info-contain .winner-info .amount sup {
    top: -0.05em;
    font-size: var(--7xl);
  }
}
.latest-winner .copy .winner-info-contain .winning-amount {
  opacity: 0;
  transition: 0.3s ease-in;
}
.latest-winner .copy .winner-info-contain .winning-amount.in-view {
  opacity: 1;
}
.latest-winner .copy .winner-info-contain .winning-amount.in-view .counter {
  opacity: 1;
}
.latest-winner .copy .winner-info-contain .playing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 641px) {
  .latest-winner .copy .winner-info-contain .playing {
    gap: 2rem;
    padding-left: 5%;
  }
}
@media (min-width: 1280px) {
  .latest-winner .copy .winner-info-contain .playing {
    flex-direction: row;
    align-items: flex-end;
    gap: 5rem;
  }
}
.latest-winner .copy .winner-info-contain .playing .overline {
  margin-bottom: 1rem;
}
.latest-winner .copy .winner-info-contain .playing p {
  font-family: var(--obviously);
  font-variation-settings: var(--variation);
  font-size: var(--sm);
  text-transform: uppercase;
  max-width: 35rem;
  color: var(--white);
}
.latest-winner .copy .winner-info-contain .playing img {
  max-height: 7rem;
}
@media (min-width: 641px) {
  .latest-winner .copy .winner-info-contain .playing img {
    max-height: 10rem;
    max-width: 18rem;
  }
}
.latest-winner .winner-photo {
  aspect-ratio: 1/1;
  max-height: 52rem;
  border-radius: 1rem;
}
@media (min-width: 641px) {
  .latest-winner .winner-photo {
    border-radius: var(--borderradius);
  }
}

.winners {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 800px) {
  .winners {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .winners {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.featured-promo-with-bg {
  position: relative;
  padding: 2rem 1rem;
  background: var(--cream);
  border-radius: var(--borderradius);
  overflow: hidden;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .featured-promo-with-bg {
    padding: 2rem 0;
    margin-bottom: 5rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .featured-promo-with-bg {
    padding: 8rem 0;
  }
}
.featured-promo-with-bg .promotions {
  margin-bottom: 0;
}

.more-winners {
  padding: 3rem 0 0 0;
}
@media (min-width: 641px) {
  .more-winners {
    padding: 5rem 0;
  }
}
@media (min-width: 1024px) {
  .more-winners {
    padding: 7rem 0 5rem 0;
  }
}
.more-winners .copy {
  text-align: center;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .more-winners .copy {
    margin-bottom: 8rem;
  }
}
.more-winners .copy .overline {
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .more-winners .copy .overline {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.sportsbook-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .sportsbook-info {
    margin-bottom: 5rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .sportsbook-info {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sportsbook-info .overline {
  margin-bottom: 2rem;
}
.sportsbook-info .hours {
  padding: 4rem 7.5%;
  border-radius: var(--borderradius);
  border: 4px solid var(--blue);
}
@media (min-width: 641px) {
  .sportsbook-info .hours {
    padding: 5rem 5%;
  }
}
.sportsbook-info .hours .days-contain {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  max-width: 70rem;
  border-bottom: 2px solid var(--blue);
}
@media (min-width: 641px) {
  .sportsbook-info .hours .days-contain {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}
.sportsbook-info .hours .days-contain .days-container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 641px) {
  .sportsbook-info .hours .days-contain .days-container {
    flex-direction: row;
    justify-content: space-between;
    gap: 5rem;
    max-width: 45rem;
  }
}
@media (min-width: 1200px) {
  .sportsbook-info .hours .days-contain .days-container {
    flex-direction: column;
  }
}
@media (min-width: 1280px) {
  .sportsbook-info .hours .days-contain .days-container {
    flex-direction: row;
  }
}
.sportsbook-info .hours .days-contain .days .heading3 {
  margin-bottom: 1rem;
  line-height: 0.9;
}
@media (min-width: 641px) {
  .sportsbook-info .hours .days-contain .days .heading3 {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .sportsbook-info .hours .days-contain .days .heading3 {
    max-width: 15rem;
  }
}
.sportsbook-info .hours p {
  font-family: var(--obviously);
  font-size: var(--sm);
  color: var(--gray);
}
.sportsbook-info .hours p.hours-copy {
  max-width: 45rem;
}
.sportsbook-info .resources {
  padding: 4rem 7.5%;
  border-radius: var(--borderradius);
  border: 4px solid var(--blue);
}
@media (min-width: 641px) {
  .sportsbook-info .resources {
    padding: 5rem 5%;
  }
}
.sportsbook-info .resources .resources-contain .resource {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  gap: 1rem;
  margin-bottom: 1rem;
  border: 2px solid var(--gold);
  border-radius: 1rem;
  transition: 0.3s;
}
@media (min-width: 641px) {
  .sportsbook-info .resources .resources-contain .resource {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3rem;
  }
}
.sportsbook-info .resources .resources-contain .resource:last-child {
  margin-bottom: 0;
}
.sportsbook-info .resources .resources-contain .resource:hover {
  border-color: var(--blue);
}
.sportsbook-info .resources .resources-contain .resource:hover .download svg .arrow-down {
  animation: downloadPDFAnimation 0.7s infinite alternate;
}
.sportsbook-info .resources .resources-contain .resource .download {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
  font-family: var(--obviously);
  font-size: var(--sm);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--gray);
  transition: 0.3s;
}
.sportsbook-info .resources .resources-contain .resource .download svg {
  flex-shrink: 0;
  width: 100%;
  max-width: 2.4rem;
}

.venue .swiper {
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .venue .swiper {
    margin-bottom: 4rem;
  }
}
.venue .viewport-text {
  font-family: var(--obviously);
  font-size: clamp(3rem, 9vw, 15rem);
  font-variation-settings: var(--variation);
  color: var(--gold);
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  line-height: 0.9;
}
.venue .viewport-text.in-view {
  opacity: 0.15;
}

.q-showroom .events-section time {
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section time {
    margin-bottom: 2rem;
  }
}
.q-showroom .events-section time span {
  margin: 0 0.8rem;
  color: var(--white);
}
.q-showroom .events-section .copy-contain .copy {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.q-showroom .events-section .showroom-featured-event-contain {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.q-showroom .events-section .showroom-featured-event-contain h3 {
  width: 100%;
  text-align: center;
}
.q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event {
  display: flex;
  flex-direction: column-reverse;
  padding: 1.5rem;
  margin-bottom: 5rem;
  background: rgba(45, 45, 45, 0.47);
  border: 2px solid rgba(190, 165, 111, 0.4);
  border-radius: var(--borderradius);
}
@media (min-width: 641px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event {
    padding: 3rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10rem;
  }
}
.q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 5% 1rem 5%;
}
@media (min-width: 641px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy {
    padding: 5rem 0 5rem 5%;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy {
    padding: 5rem 5%;
    width: 50%;
  }
}
.q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy .free-event {
  display: inline-block;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 500;
  font-size: var(--xxsm);
  padding: 1.3rem 1.3rem 0.8rem 1.3rem;
  line-height: 0.9;
  background: var(--darkgray);
  color: var(--gold);
  text-transform: uppercase;
  border-radius: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy .free-event {
    padding: 1.3rem 1.3rem 0.7rem 1.3rem;
    border-radius: 1rem;
    font-size: var(--xsm);
  }
}
.q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy .subhead {
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy .subhead {
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event .event-copy .subhead {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event picture {
    width: 50%;
  }
}
.q-showroom .events-section .showroom-featured-event-contain .showroom-featured-event img {
  aspect-ratio: 1/1;
  border-radius: var(--borderradius);
}
.q-showroom .events-section .filtered-events {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events {
    margin-bottom: 5rem;
  }
}
.q-showroom .events-section .filtered-events[data-active-event=this-week] [data-event-type=this-week] {
  border-color: var(--gold);
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  color: var(--gold);
}
.q-showroom .events-section .filtered-events[data-active-event=this-week] [data-event-type=this-week] .event {
  opacity: 1;
  transform: translateY(0);
}
.q-showroom .events-section .filtered-events[data-active-event=free-events] [data-event-type=free-events] {
  border-color: var(--gold);
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  transform: translateY(0);
  color: var(--gold);
}
.q-showroom .events-section .filtered-events[data-active-event=free-events] [data-event-type=free-events] .event {
  opacity: 1;
  transform: translateY(0);
}
.q-showroom .events-section .filtered-events[data-active-event=all-events] [data-event-type=all-events] {
  border-color: var(--gold);
  display: block;
  height: auto;
  visibility: visible;
  overflow: visible;
  color: var(--gold);
}
.q-showroom .events-section .filtered-events[data-active-event=all-events] [data-event-type=all-events] .event {
  opacity: 1;
  transform: translateY(0);
}
.q-showroom .events-section .filtered-events .filter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--gray);
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .filter {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .filter {
    margin-bottom: 4rem;
  }
}
.q-showroom .events-section .filtered-events .filter button {
  position: relative;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 396;
  font-size: 1.1rem;
  color: var(--white);
  text-transform: uppercase;
  padding: 0.5rem 1rem 0.3rem 1rem;
  letter-spacing: 0.1em;
  border-bottom: 2px solid transparent;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .filter button {
    font-size: var(--xsm);
    padding: 1.2rem 0;
    letter-spacing: 0.15em;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .filter button {
    padding: 2rem 0;
    font-size: var(--sm);
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .filter button br {
    display: none;
  }
}
.q-showroom .events-section .filtered-events .filter button:after {
  position: absolute;
  content: "";
  top: 50%;
  right: -0.5rem;
  height: 75%;
  width: 2px;
  background: var(--gray);
  transform: translateY(-50%);
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .filter button:after {
    height: 50%;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .filter button:after {
    right: 0;
  }
}
.q-showroom .events-section .filtered-events .filter button:last-child:after {
  display: none;
}
.q-showroom .events-section .filtered-events .filter button:hover {
  color: var(--gold);
}
.q-showroom .events-section .filtered-events .events {
  height: 0;
  visibility: hidden;
  overflow: hidden;
  border: 0 !important;
}
.q-showroom .events-section .filtered-events .events .event {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--darkestgray);
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: var(--borderradius);
  opacity: 0;
  transition: transform 0.5s, opacity 1s;
  transition-delay: 0.2s;
  transform: translateY(7rem);
  overflow: hidden;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .event {
    padding: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .events .event {
    flex-direction: row;
    align-items: center;
    gap: 5%;
  }
}
.q-showroom .events-section .filtered-events .events .event:before {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 95%);
}
.q-showroom .events-section .filtered-events .events .event:last-child {
  margin-bottom: 0;
}
.q-showroom .events-section .filtered-events .events .event img {
  aspect-ratio: 4/3;
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .events .event img {
    width: 35rem;
    height: 35rem;
  }
}
.q-showroom .events-section .filtered-events .events .event .event-copy-contain {
  position: relative;
  width: 100%;
  padding: 2.5rem 5% 1rem 5%;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain {
    padding: 3rem 2.5% 0 2.5%;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain {
    padding: 5rem 0 0 0;
  }
}
.q-showroom .events-section .filtered-events .events .event .event-copy-contain label {
  display: inline-flex;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 525;
  font-size: 1rem;
  background: var(--black);
  text-transform: uppercase;
  color: var(--gold);
  padding: 0.8rem 1rem 0.5rem 1rem;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain label {
    font-size: var(--xsm);
    padding: 1rem 2rem 0.7rem 2rem;
    border-radius: 1.3rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain label {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy time {
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy time {
    margin-bottom: 3rem;
  }
}
.q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy .heading3 {
  font-size: var(--4xl);
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy .heading3 {
    font-size: var(--4xl);
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy .heading3 {
    font-size: var(--6xl);
  }
}
.q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy .subhead {
  margin-bottom: 5rem;
  max-width: 35rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy .subhead {
    margin-bottom: 2rem;
    max-width: 45rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .events-section .filtered-events .events .event .event-copy-contain .event-copy .subhead {
    margin-bottom: 3rem;
  }
}
.q-showroom .events-section .filtered-events .events .no-events {
  font-size: var(--xl);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  padding: 3rem 0;
}
@media (min-width: 641px) {
  .q-showroom .events-section .filtered-events .events .no-events {
    font-size: var(--3xl);
    padding: 5rem 0;
  }
}
.q-showroom .events-section .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  font-size: clamp(3rem, 11vw, 20rem);
  text-align: center;
  color: var(--gray);
  line-height: 0.9;
  text-transform: uppercase;
}
.q-showroom .events-section .viewport-text.in-view {
  opacity: 0.1;
}
.q-showroom .outdoor-concerts .featured-event {
  position: relative;
  padding-bottom: 2rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .q-showroom .outdoor-concerts .featured-event {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .q-showroom .outdoor-concerts .featured-event {
    padding-bottom: 20rem;
  }
}
.q-showroom .outdoor-concerts .featured-event .copy {
  text-align: left;
}
.q-showroom .outdoor-concerts .featured-event .tear {
  position: absolute;
  bottom: -1px;
  left: -2.5rem;
  width: calc(100% + 5rem);
  fill: var(--cream);
}
.q-showroom .outdoor-concerts .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  font-size: clamp(3rem, 9vw, 15rem);
  text-align: center;
  color: var(--gold);
  line-height: 0.9;
  text-transform: uppercase;
}
.q-showroom .outdoor-concerts .viewport-text.in-view {
  opacity: 0.1;
}

.event-details-wrapper {
  padding: 15rem 2.5% 2.5% 2.5%;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  background: var(--darkgray);
  border-radius: var(--borderradius);
}
@media (min-width: 641px) {
  .event-details-wrapper {
    margin-top: 1rem;
    margin-bottom: 3rem;
    padding: 20rem 2.5% 2.5% 2.5%;
  }
}
@media (min-width: 1024px) {
  .event-details-wrapper {
    margin-top: 3rem;
  }
}
.event-details-wrapper .back-btn-contain {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 1rem 5%;
}
@media (min-width: 641px) {
  .event-details-wrapper .back-btn-contain {
    margin: 0 0 2rem 5%;
  }
}
.event-details-wrapper .back-btn-contain .btn-back {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .back-btn-contain .btn-back {
    gap: 1rem;
  }
}
.event-details-wrapper .back-btn-contain .btn-back:hover span {
  color: var(--gold);
}
.event-details-wrapper .back-btn-contain .btn-back span {
  position: relative;
  top: 2px;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  font-size: 1rem;
  color: var(--white);
  text-transform: uppercase;
  transition: 0.3s;
}
@media (min-width: 641px) {
  .event-details-wrapper .back-btn-contain .btn-back span {
    top: 0;
    font-size: 1.2rem;
  }
}
.event-details-wrapper .event-details-wrap {
  position: relative;
  background: #232323;
  border-radius: var(--borderradius);
  overflow: hidden;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap {
    margin-bottom: 3rem;
  }
}
.event-details-wrapper .event-details-wrap:before {
  position: absolute;
  z-index: 2;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, #232323 93%, rgba(35, 35, 35, 0.5) 100%);
  border-radius: var(--borderradius);
}
.event-details-wrapper .event-details-wrap .overline {
  padding: 0 2.5%;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .overline {
    margin-bottom: 2rem;
  }
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .overline br {
    display: none;
  }
}
.event-details-wrapper .event-details-wrap .section {
  position: relative;
  z-index: 2;
  padding: 7rem 5% 0 5%;
}
@media (min-width: 1024px) {
  .event-details-wrapper .event-details-wrap .section {
    padding: 10rem 2.5% 0 2.5%;
  }
}
.event-details-wrapper .event-details-wrap .event-details {
  padding: 7rem 2.5% 0 2.5%;
  overflow: hidden;
  border-radius: var(--borderradius);
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details {
    padding: 10rem 2.5% 0 2.5%;
  }
}
.event-details-wrapper .event-details-wrap .event-details .copy {
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .copy {
    margin-bottom: 5rem;
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  padding-bottom: 5rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info {
    gap: 3rem;
  }
}
@media (min-width: 1024px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info {
    flex-direction: row;
    gap: 5%;
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info picture {
  position: relative;
  border-radius: var(--borderradius);
  overflow: hidden;
}
@media (min-width: 1024px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info picture {
    width: 50%;
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info picture img {
  aspect-ratio: 1/1;
  border-radius: var(--borderradius);
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy {
  padding: 2rem 5% 0 5%;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info .event-copy {
    padding: 3rem 5% 0 5%;
  }
}
@media (min-width: 1024px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info .event-copy {
    width: 50%;
    padding: 5rem 0 0 0;
    max-width: 50rem;
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .free-event {
  display: inline-block;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 500;
  font-size: var(--xxsm);
  padding: 1.3rem 1.3rem 0.8rem 1.3rem;
  line-height: 0.9;
  background: var(--darkgray);
  color: var(--gold);
  text-transform: uppercase;
  border-radius: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .free-event {
    padding: 1.3rem 1.3rem 0.7rem 1.3rem;
    border-radius: 1rem;
    font-size: var(--xsm);
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy time span {
  color: var(--white);
  margin: 0 1rem;
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .location {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 396;
  font-size: var(--sm);
  color: var(--white);
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .location {
    margin-bottom: 1rem;
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy address {
  font-family: var(--obviously);
  font-style: normal;
  font-size: var(--sm);
  color: var(--white);
  line-height: 1.2;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 2px solid rgba(242, 242, 242, 0.1);
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info .event-copy address {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
  }
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .bio-with-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .bio-with-link .bio {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 350;
  font-size: var(--xsm);
  color: var(--white);
  line-height: 1.6;
  max-width: 45rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .event-details-wrap .event-details .event-info .event-copy .bio-with-link .bio {
    font-size: var(--sm);
    margin-bottom: 2rem;
    max-width: 55rem;
  }
}
.event-details-wrapper .event-details-wrap .featured-videos .videos {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}
@media (min-width: 800px) {
  .event-details-wrapper .event-details-wrap .featured-videos .videos {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.event-details-wrapper .event-details-wrap .featured-videos .videos .video {
  padding: 2.5%;
  border-radius: var(--borderradius);
  overflow: hidden;
  background: rgba(61, 61, 61, 0.47);
}
.event-details-wrapper .event-details-wrap .featured-videos .videos .video iframe {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--borderradius);
}
.event-details-wrapper .event-details-wrap .featured-videos .videos .video h3 {
  padding: 3rem 5% 1.5rem 5%;
  max-width: 45rem;
  font-size: var(--3xl);
  line-height: 0.9;
}
.event-details-wrapper .event-details-wrap .listen-social {
  padding-bottom: 5%;
}
@media (min-width: 1024px) {
  .event-details-wrapper .event-details-wrap .listen-social {
    padding-bottom: 2.5%;
  }
}
.event-details-wrapper .event-details-wrap .listen-social .socials {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5rem 5%;
  background: rgba(61, 61, 61, 0.47);
  border-radius: var(--borderradius);
}
@media (min-width: 800px) {
  .event-details-wrapper .event-details-wrap .listen-social .socials {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.event-details-wrapper .event-details-wrap .listen-social .socials .social {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0 10% 2rem 10%;
  margin-bottom: 2rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 800px) {
  .event-details-wrapper .event-details-wrap .listen-social .socials .social {
    width: auto;
    justify-content: center;
    padding: 0 2rem 0 0;
    margin-right: 2rem;
    margin-bottom: 0;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0;
  }
}
.event-details-wrapper .event-details-wrap .listen-social .socials .social:hover p {
  color: var(--gold);
}
.event-details-wrapper .event-details-wrap .listen-social .socials .social:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
@media (min-width: 1024px) {
  .event-details-wrapper .event-details-wrap .listen-social .socials .social:last-child {
    padding-right: 0;
    margin-right: 0;
    border: 0;
  }
}
.event-details-wrapper .event-details-wrap .listen-social .socials .social .icon {
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  border: 2px solid var(--gold);
}
.event-details-wrapper .event-details-wrap .listen-social .socials .social svg {
  width: 100%;
  max-width: 2.4rem;
}
.event-details-wrapper .event-details-wrap .listen-social .socials .social p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  font-size: 1.1rem;
  text-transform: uppercase;
  color: var(--white);
  transition: 0.3s;
}
.event-details-wrapper .more-events {
  position: relative;
  z-index: 2;
  padding: 7rem 0 0 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .event-details-wrapper .more-events {
    padding: 10rem 0 0 0;
  }
}
.event-details-wrapper .more-events .pattern {
  width: 100vw;
}
.event-details-wrapper .more-events .copy {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 4rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .copy {
    margin-bottom: 7rem;
  }
}
.event-details-wrapper .more-events .events {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 800px) {
  .event-details-wrapper .more-events .events {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 7rem;
  }
}
@media (min-width: 1280px) {
  .event-details-wrapper .more-events .events {
    grid-template-columns: repeat(3, 1fr);
  }
}
.event-details-wrapper .more-events .events .event {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  border-radius: var(--borderradius);
  padding: 2rem 2rem 5rem 2rem;
  background: var(--darkestgray);
}
.event-details-wrapper .more-events .events .event figure {
  position: relative;
  margin-bottom: 3rem;
  aspect-ratio: 16/9;
  overflow: hidden;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .events .event figure {
    margin-bottom: 5rem;
  }
}
.event-details-wrapper .more-events .events .event figure .free-event {
  position: absolute;
  right: -1px;
  bottom: -1px;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 500;
  font-size: var(--xsm);
  padding: 1.2rem 1.5rem 0.7rem 1.5rem;
  line-height: 0.9;
  background: var(--darkgray);
  color: var(--white);
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .events .event figure .free-event {
    font-size: var(--sm);
  }
}
.event-details-wrapper .more-events .events .event .event-info {
  display: flex;
  flex-direction: column;
  padding: 0 2.5%;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .events .event .event-info {
    padding: 0 7.5%;
  }
}
.event-details-wrapper .more-events .events .event .event-info .heading3 {
  font-size: var(--);
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .events .event .event-info .heading3 {
    margin-bottom: 3rem;
  }
}
.event-details-wrapper .more-events .events .event .event-info .subhead {
  font-family: var(--obviously);
  font-size: var(--sm);
  max-width: 35rem;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .events .event .event-info .subhead {
    font-size: var(--md);
    margin-bottom: 5rem;
  }
}
.event-details-wrapper .more-events .events .event .link-contain {
  margin-top: auto;
  padding: 0 2.5%;
}
@media (min-width: 641px) {
  .event-details-wrapper .more-events .events .event .link-contain {
    padding: 0 7.5%;
  }
}
.event-details-wrapper .more-events .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 190, "wght" 592;
  font-size: clamp(3rem, 12vw, 20rem);
  text-align: center;
  color: var(--white);
  line-height: 1;
  text-transform: uppercase;
}
.event-details-wrapper .more-events .viewport-text.in-view {
  opacity: 0.04;
}

.dine-menu-with-contact {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1100px) {
  .dine-menu-with-contact {
    flex-direction: row;
    gap: 3rem;
  }
}
@media (min-width: 1800px) {
  .dine-menu-with-contact {
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.dine-menu-with-contact .img {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  border-radius: var(--borderradius);
  overflow: hidden;
  padding: 15rem 10% 3rem 10%;
}
@media (min-width: 641px) {
  .dine-menu-with-contact .img {
    padding: 20rem 5% 5rem 5%;
  }
}
@media (min-width: 1100px) {
  .dine-menu-with-contact .img {
    width: 50%;
    padding: 0 3.5% 5rem 3.5%;
  }
}
.dine-menu-with-contact .img:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.9) 90%);
}
.dine-menu-with-contact .img .img-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.dine-menu-with-contact .img .img-copy .overline {
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .dine-menu-with-contact .img .img-copy .overline {
    margin-bottom: 3rem;
  }
}
.dine-menu-with-contact .img .img-copy .heading2 {
  font-size: var(--4xl);
  max-width: 33rem;
  margin-bottom: 1.2rem;
  letter-spacing: 0;
}
@media (min-width: 641px) {
  .dine-menu-with-contact .img .img-copy .heading2 {
    font-size: var(--5xl);
  }
}
.dine-menu-with-contact .img .img-copy .menu-links {
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 1500px) {
  .dine-menu-with-contact .img .img-copy .menu-links {
    flex-direction: row;
  }
}
.dine-menu-with-contact .img .img-copy .menu-links a {
  margin-bottom: 0.5rem;
}
@media (min-width: 1500px) {
  .dine-menu-with-contact .img .img-copy .menu-links a {
    flex-direction: row;
    margin-right: 2rem;
    margin-bottom: 0;
  }
}
.dine-menu-with-contact .contact {
  width: 100%;
  padding: 4rem 10% 3rem 10%;
  border-radius: var(--borderradius);
  border: 3px solid var(--blue);
  background: var(--white);
}
@media (min-width: 641px) {
  .dine-menu-with-contact .contact {
    padding: 5rem 5%;
  }
}
@media (min-width: 1100px) {
  .dine-menu-with-contact .contact {
    width: 50%;
    padding: 7rem 3.5% 5rem 3.5%;
  }
}
.dine-menu-with-contact .contact .days-contain {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 3px solid var(--bordergray);
}
@media (min-width: 641px) {
  .dine-menu-with-contact .contact .days-contain {
    margin-bottom: 3rem;
  }
}
.dine-menu-with-contact .contact .days-contain .days {
  display: flex;
  width: 50%;
}
.dine-menu-with-contact .contact .days-contain .days:first-child {
  width: 100%;
  padding-bottom: 3rem;
}
.dine-menu-with-contact .contact .days-contain .days .heading3 {
  font-size: var(--3xl);
  line-height: 0.9;
}
.dine-menu-with-contact .contact .days-contain .days time {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 350;
  color: var(--gray);
  margin-top: 1rem;
  margin-bottom: 0;
}
.dine-menu-with-contact .contact .contact-and-directions .overline {
  margin-bottom: 1rem;
}
.dine-menu-with-contact .contact .contact-and-directions .links {
  display: flex;
  flex-direction: column;
}
@media (min-width: 641px) {
  .dine-menu-with-contact .contact .contact-and-directions .links {
    flex-direction: row;
    gap: 3rem;
  }
}

.promo-detail {
  position: relative;
  padding: 18rem 0 2rem 0;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .promo-detail {
    padding: 20rem 0 5rem 0;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .promo-detail {
    padding: 30rem 0 10rem 0;
    margin-bottom: 10rem;
  }
}
.promo-detail:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(250, 245, 238, 0) 0%, #faf5ee 100%);
}
.promo-detail .promo {
  position: relative;
  z-index: 1;
  padding: 5%;
  background: var(--white);
  border-radius: var(--borderradius);
  border: 3px solid var(--blue);
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .promo-detail .promo {
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .promo-detail .promo {
    display: flex;
    flex-direction: row;
    gap: 7%;
    padding: 5rem;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .promo-detail .promo {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1800px) {
  .promo-detail .promo {
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.promo-detail .promo picture {
  width: 50%;
  max-height: 40rem;
  max-width: 40rem;
}
.promo-detail .promo picture img {
  aspect-ratio: 1/1;
}
.promo-detail .promo .promo-copy {
  width: 100%;
  padding: 5rem 5% 0;
}
@media (min-width: 1024px) {
  .promo-detail .promo .promo-copy {
    width: 50%;
    padding: 5rem 0 0 0;
  }
}
.promo-detail .promo .promo-copy .overline {
  font-size: var(--xsm);
  margin-bottom: 2rem;
}
.promo-detail .promo .promo-copy .heading2 {
  font-size: var(--4xl);
  letter-spacing: 0;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .promo-detail .promo .promo-copy .heading2 {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .promo-detail .promo .promo-copy .heading2 {
    font-size: var(--7xl);
  }
}
.promo-detail .promo .promo-copy .copy {
  max-width: 55rem;
}
.promo-detail .promo .promo-copy .copy p {
  font-family: var(--obviously);
  font-size: var(--xsm);
  margin-bottom: 1.5rem;
  color: var(--gray);
}
@media (min-width: 641px) {
  .promo-detail .promo .promo-copy .copy p {
    font-size: var(--sm);
    margin-bottom: 2rem;
  }
}
.promo-detail .promo .promo-copy .copy ul, .promo-detail .promo .promo-copy .copy ol {
  margin: 3rem 0;
  padding: 0 0 0 2em;
}
@media (min-width: 1024px) {
  .promo-detail .promo .promo-copy .copy ul, .promo-detail .promo .promo-copy .copy ol {
    padding: 0 0 0 4em;
  }
}
.promo-detail .promo .promo-copy .copy ul li, .promo-detail .promo .promo-copy .copy ol li {
  font-family: var(--obviously);
  font-size: var(--sm);
  margin-bottom: 1.5rem;
  color: var(--gray);
}
.promo-detail .promo .promo-copy .copy ul li:last-child, .promo-detail .promo .promo-copy .copy ol li:last-child {
  margin-bottom: 0;
}
.promo-detail .promo .promo-copy .copy .link {
  display: inline-flex;
  line-height: 0.7;
}

.press-room-related-team-member {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  padding: 0 10%;
}
@media (min-width: 641px) {
  .press-room-related-team-member {
    gap: 3rem;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
  }
}
@media (min-width: 1024px) {
  .press-room-related-team-member {
    max-width: calc(100rem + 10%);
    margin-left: auto;
    margin-right: auto;
  }
}
.press-room-related-team-member h2 {
  max-width: 47rem;
  font-size: var(--2xl);
}
@media (min-width: 641px) {
  .press-room-related-team-member h2 {
    font-size: var(--4xl);
  }
}
.press-room-related-team-member .heading3 {
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .press-room-related-team-member .heading3 {
    font-size: var(--4xl);
  }
}
.press-room-related-team-member .team-member {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 641px) {
  .press-room-related-team-member .team-member {
    flex-direction: row;
    align-items: flex-end;
    gap: 3rem;
  }
}
.press-room-related-team-member .team-member img {
  border-radius: 50%;
  height: 15rem;
  width: 15rem;
}
.press-room-related-team-member .team-member .team-member-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.press-room-related-team-member .team-member .team-member-info .name {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 150, "wght" 500;
  font-size: var(--xsm);
  text-transform: uppercase;
  color: var(--gold);
  letter-spacing: 0.15em;
}
.press-room-related-team-member .team-member .team-member-info .job-title {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 400;
  font-size: var(--xsm);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.press-room-related-team-member .team-member .team-member-info a {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 400;
  font-size: var(--xsm);
  color: var(--gray);
  margin-bottom: 0.5rem;
}
.press-room-related-team-member .team-member .team-member-info a:hover {
  color: var(--gold);
}
.press-room-related-team-member .team-member .team-member-info a span {
  font-size: var(--xxsm);
  font-variation-settings: "wdth" 150, "wght" 500;
  letter-spacing: 0.15em;
  color: var(--gold);
  text-transform: uppercase;
  transition: 0.3s;
}

.mast-no-photo {
  position: relative;
  padding: 17rem 0 5rem 0;
  margin-bottom: 5rem;
}
@media (min-width: 641px) {
  .mast-no-photo {
    padding: 20rem 0 5rem 0;
  }
}
@media (min-width: 1024px) {
  .mast-no-photo {
    padding: 20rem 0 7rem 0;
    margin-bottom: 10rem;
  }
}
@media (min-width: 1280px) {
  .mast-no-photo {
    padding: 32rem 0 7rem 0;
  }
}
.mast-no-photo:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(250, 245, 238, 0) 0%, #faf5ee 100%);
}
.mast-no-photo .mast-contain {
  position: relative;
  z-index: 2;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1800px) {
  .mast-no-photo .mast-contain {
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.mast-no-photo .mast-contain .mast-copy {
  text-align: center;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .mast-no-photo .mast-contain .mast-copy {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .mast-no-photo .mast-contain .mast-copy {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .thank-you .mast-no-photo .mast-contain .mast-copy {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.thank-you .mast-no-photo .mast-contain .mast-copy .subhead {
  max-width: 60rem;
  margin: 0 auto;
}
.mast-no-photo .mast-contain .mast-copy .overline {
  position: relative;
}
.mast-no-photo .mast-contain .mast-copy .overline:before {
  position: absolute;
  content: "";
  top: -2rem;
  left: 50%;
  height: 2px;
  width: 50%;
  transform: translateX(-50%);
  background: var(--gold);
}
@media (min-width: 641px) {
  .mast-no-photo .mast-contain .mast-copy .overline:before {
    top: -3rem;
  }
}
.mast-no-photo .mast-contain .featured-press-release {
  margin-bottom: 5rem;
}
@media (min-width: 641px) {
  .mast-no-photo .mast-contain .featured-press-release {
    margin-bottom: 8rem;
  }
}

.press-releases {
  padding: 0 0 5rem 0;
}
@media (min-width: 641px) {
  .press-releases {
    padding: 0 0 8rem 0;
  }
}
.press-releases .heading {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 5rem;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .press-releases .heading {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
  }
}
@media (min-width: 1024px) {
  .press-releases .heading {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.press-releases .heading:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: 0%;
  background: var(--gold);
  transition: 1s;
  transition-delay: 1s;
}
.press-releases .heading.in-view:before {
  height: 2px;
  width: 100%;
  transform: translate(0%, calc(-50% - 1px));
  right: 0;
  left: 0;
}
.press-releases .heading span {
  position: relative;
  padding: 0 1.7rem;
  background: var(--white);
}
@media (min-width: 641px) {
  .press-releases .heading span {
    padding: 0 4rem;
  }
}
.press-releases .release-contain {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1800px) {
  .press-releases .release-contain {
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.press-release-detail {
  position: relative;
  padding: 17rem 0 5rem 0;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .press-release-detail {
    padding: 25rem 0 5rem 0;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .press-release-detail {
    padding: 35rem 0 7rem 0;
  }
}
.press-release-detail:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(250, 245, 238, 0) 0%, rgba(250, 245, 238, 0.5) 80%, #faf5ee 100%);
}
@media (min-width: 641px) {
  .press-release-detail.pad-sm {
    padding-bottom: 2rem;
  }
}
.press-release-detail.pad-sm .press-release-contain {
  margin-bottom: 0;
}
.press-release-detail .press-release-contain {
  position: relative;
  z-index: 2;
  margin-bottom: 5rem;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .press-release-detail .press-release-contain {
    margin-bottom: 10rem;
  }
}
@media (min-width: 1024px) {
  .press-release-detail .press-release-contain {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.press-release-detail .press-release-contain .overline {
  margin-bottom: 2rem;
}
.press-release-detail .press-release-contain .subhead {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 400;
  font-size: var(--xsm);
  color: var(--gray);
  letter-spacing: 0;
  line-height: 1.4;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .press-release-detail .press-release-contain .subhead {
    font-size: var(--md);
  }
}
.press-release-detail .press-release-contain picture {
  display: block;
  margin-bottom: 3rem;
}
@media (min-width: 641px) {
  .press-release-detail .press-release-contain picture {
    margin-bottom: 5rem;
  }
}
.press-release-detail .press-release-contain .press-release-copy p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 350;
  font-size: var(--xsm);
  max-width: 75rem;
  margin-bottom: 2rem;
  line-height: 1.7;
  color: var(--gray);
}
@media (min-width: 641px) {
  .press-release-detail .press-release-contain .press-release-copy p {
    font-size: var(--sm);
    margin-bottom: 3rem;
  }
}
.press-release-detail .press-release-contain .press-release-copy ul, .press-release-detail .press-release-contain .press-release-copy ol {
  max-width: 60rem;
  margin-bottom: 4rem;
  padding-left: 2em;
}
@media (min-width: 641px) {
  .press-release-detail .press-release-contain .press-release-copy ul, .press-release-detail .press-release-contain .press-release-copy ol {
    padding-left: 4em;
  }
}
.press-release-detail .press-release-contain .press-release-copy ul li, .press-release-detail .press-release-contain .press-release-copy ol li {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 350;
  font-size: var(--xsm);
  margin-bottom: 1.5rem;
  line-height: 1.7;
  color: var(--gray);
}
@media (min-width: 641px) {
  .press-release-detail .press-release-contain .press-release-copy ul li, .press-release-detail .press-release-contain .press-release-copy ol li {
    font-size: var(--sm);
    margin-bottom: 2rem;
  }
}
.press-release-detail .press-release-contain .press-release-copy ul li:last-child, .press-release-detail .press-release-contain .press-release-copy ol li:last-child {
  margin-bottom: 0;
}
.press-release-detail .press-release-contain .press-release-copy a {
  display: inline-flex;
  line-height: 0.9;
  text-transform: lowercase;
  font-weight: normal;
}
.press-release-detail .press-release-contain .press-release-copy a span {
  text-transform: lowercase;
}
.press-release-detail .press-release-contain .press-release-copy a span.link-text:after {
  padding-top: 1rem;
}
.press-release-detail .press-release-contain .press-release-copy a span.text {
  padding-top: 1rem;
}
.press-release-detail .press-release-contain .pdf-download {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 5%;
  background: var(--white);
  border: 3px solid var(--blue);
  border-radius: 1rem;
  font-size: var(--md);
  margin: 4rem 0;
}
.press-release-detail .press-release-contain .pdf-download:hover {
  background: var(--gold);
  border-color: var(--gold);
}
.press-release-detail .press-release-contain .pdf-download:hover p {
  color: var(--white);
}
.press-release-detail .press-release-contain .pdf-download:hover .icon {
  color: var(--white);
}
.press-release-detail .press-release-contain .pdf-download:hover svg polygon {
  fill: var(--white);
}
.press-release-detail .press-release-contain .pdf-download:hover svg .arrow-down {
  animation: downloadPDFAnimation 0.7s infinite alternate;
}
.press-release-detail .press-release-contain .pdf-download p {
  font-weight: var(--semibold);
  font-size: var(--xl);
  text-transform: uppercase;
  transition: 0.3s;
}
.press-release-detail .press-release-contain .pdf-download .icon {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: var(--obviously);
  font-size: var(--sm);
  color: var(--gray);
  text-transform: uppercase;
  transition: 0.3s;
}
.press-release-detail .press-release-contain .pdf-download .icon svg {
  width: 100%;
  max-width: 2rem;
}
.press-release-detail .press-release-contain .pdf-download .icon svg polygon {
  transition: 0.3s;
}

.form-mast {
  position: relative;
  padding: 20rem 0 5rem 0;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .form-mast {
    padding: 25rem 0 5rem 0;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .form-mast {
    padding: 40rem 0 5rem 0;
  }
}
.form-mast .copy {
  position: relative;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1800px) {
  .form-mast .copy {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.hotel-amenities {
  position: relative;
  padding: 5rem 0;
  max-width: none !important;
}
@media (min-width: 641px) {
  .hotel-amenities {
    padding: 8rem 0 5rem 0;
  }
}
.hotel-amenities:after {
  position: absolute;
  content: "";
  inset: 0;
}
.hotel-amenities h2 {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 4rem;
}
@media (min-width: 641px) {
  .hotel-amenities h2 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .hotel-amenities h2 {
    margin-bottom: 7rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.hotel-amenities h2:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  height: 0;
  width: 0%;
  background: var(--gold);
  transition: 1s;
  transition-delay: 1s;
}
.hotel-amenities h2.in-view:after {
  height: 2px;
  width: 100%;
  transform: translate(0%, calc(-50% - 2px));
  right: 0;
  left: 0;
}
.hotel-amenities h2 span {
  position: relative;
  z-index: 2;
  padding: 0 1.7rem;
  background: var(--white);
}
@media (min-width: 641px) {
  .hotel-amenities h2 span {
    padding: 0 4rem;
  }
}
.hotel-amenities .amenities-contain {
  position: relative;
  z-index: 1;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1440px) {
  .hotel-amenities .amenities-contain {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.hotel-amenities .amenities-contain .amenities {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 2rem;
  margin-bottom: 4rem;
}
@media (min-width: 641px) {
  .hotel-amenities .amenities-contain .amenities {
    gap: 2.5rem;
  }
}
.hotel-amenities .amenities-contain .amenities .amenity {
  text-transform: uppercase;
  padding: 2.5rem 3rem;
  border: 3px solid var(--blue);
  border-radius: 0.5rem;
  background: var(--white);
  text-align: center;
}
.hotel-amenities .amenities-contain .amenities .amenity p {
  font-family: var(--tungsten);
  font-weight: var(--medium);
  font-size: var(--xl);
  letter-spacing: 0.03em;
  line-height: 1;
}
.hotel-amenities .amenities-contain .link {
  justify-content: center;
}

.stay-at-hotel {
  padding-bottom: 0;
}
.stay-at-hotel .heading2 span {
  display: inline-block;
}
@media (min-width: 1024px) {
  .stay-at-hotel .heading2 span {
    display: block;
  }
}
.stay-at-hotel .slides-contain {
  padding-bottom: 2rem;
}
@media (min-width: 641px) {
  .stay-at-hotel .slides-contain {
    padding-bottom: 5rem;
  }
}
.stay-at-hotel .viewport-text {
  position: relative;
  z-index: 2;
  font-family: var(--obviously);
  font-variation-settings: "wdth" 90, "wght" 592;
  font-size: clamp(18vw, 18vw, 15rem);
  text-align: center;
  color: var(--gold);
  line-height: 0.9;
  padding-top: 3rem;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .stay-at-hotel .viewport-text {
    font-variation-settings: "wdth" 190, "wght" 592;
    font-size: clamp(3rem, 9vw, 15rem);
  }
}
.stay-at-hotel .viewport-text.in-view {
  opacity: 0.1;
}

.properties {
  padding: 2rem 0 5rem 0;
}
@media (min-width: 641px) {
  .properties {
    padding: 2rem 0 10rem 0;
  }
}
@media (min-width: 1024px) {
  .properties {
    padding: 3rem 0 10rem 0;
  }
}
.properties .properties-container .copy {
  text-align: center;
  margin-bottom: 4rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .properties .properties-container .copy {
    margin-bottom: 10rem;
  }
}
.properties .properties-container .copy .animated-overline {
  margin-bottom: 4rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .properties .properties-container .copy .animated-overline {
    margin-bottom: 7rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.properties .properties-container .copy .animated-overline span {
  background: var(--white);
}
.properties .properties-container .properties-contain {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .properties .properties-container .properties-contain {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
  }
}
@media (min-width: 1280px) {
  .properties .properties-container .properties-contain {
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
  }
}
.properties .properties-container .properties-contain .property {
  position: relative;
  display: grid;
  place-items: center;
  width: 50%;
  padding: 4rem 5%;
  border-bottom: 1px solid var(--gold);
  border-right: 1px solid var(--gold);
}
@media (min-width: 641px) {
  .properties .properties-container .properties-contain .property {
    padding: 10rem 5%;
  }
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-contain .property {
    width: 33.33%;
  }
  .properties .properties-container .properties-contain .property:nth-child(2) img {
    max-height: 16rem;
  }
}
.properties .properties-container .properties-contain .property:nth-child(2n+2):before {
  position: absolute;
  content: "";
  z-index: 1;
  bottom: -1.5rem;
  left: -1.5rem;
  height: 3rem;
  width: 3rem;
  background: var(--white);
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-contain .property:nth-child(3n+2):before {
    position: absolute;
    content: "";
    z-index: 1;
    bottom: -1.5rem;
    left: -1.5rem;
    height: 3rem;
    width: 3rem;
    background: var(--white);
  }
  .properties .properties-container .properties-contain .property:nth-child(3n+2):after {
    position: absolute;
    content: "";
    z-index: 2;
    bottom: -1.5rem;
    right: -1.5rem;
    height: 3rem;
    width: 3rem;
    background: var(--white);
  }
}
.properties .properties-container .properties-contain .property:nth-child(2n+2) {
  border-right: 0;
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-contain .property:nth-child(2n+2) {
    border-right: 1px solid var(--gold);
  }
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-contain .property:nth-child(3n+3) {
    border-right: 0;
  }
}
.properties .properties-container .properties-contain .property:nth-last-child(-n+2) {
  border-bottom: 0;
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-contain .property:nth-last-child(-n+3) {
    border-bottom: 0;
  }
}
.properties .properties-container .properties-contain .property img {
  width: 100%;
  max-height: 9.5rem;
  max-width: 15rem;
}
@media (min-width: 641px) {
  .properties .properties-container .properties-contain .property img {
    max-height: 17rem;
    max-width: 20rem;
  }
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-contain .property img {
    max-height: 20rem;
    max-width: none;
  }
}
.properties .properties-container .properties-copy-contain {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .properties .properties-container .properties-copy-contain {
    max-width: 81.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.properties .properties-container .properties-copy-contain .properties-copy {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 425;
  font-size: var(--xsm);
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .properties .properties-container .properties-copy-contain .properties-copy {
    font-size: var(--md);
    margin-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .careers-three-photos .columns-contain {
    display: flex;
    gap: 3rem;
  }
}
.careers-three-photos .columns-contain img {
  border-radius: var(--borderradius);
}
@media (min-width: 1024px) {
  .careers-three-photos .columns-contain .column-left {
    width: 50%;
    padding-bottom: 12rem;
  }
}
.careers-three-photos .columns-contain .column-left img:first-child {
  height: 40rem;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .careers-three-photos .columns-contain .column-left img:first-child {
    height: 60rem;
  }
}
@media (min-width: 1024px) {
  .careers-three-photos .columns-contain .column-left img:first-child {
    height: calc(70% - 3rem);
    margin-bottom: 3rem;
  }
}
.careers-three-photos .columns-contain .column-left img:last-child {
  height: 30%;
}
.careers-three-photos .columns-contain .column-right {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .careers-three-photos .columns-contain .column-right {
    width: 50%;
  }
}
.careers-three-photos .columns-contain .column-right .copy {
  padding: 5rem 10%;
}
@media (min-width: 1024px) {
  .careers-three-photos .columns-contain .column-right .copy {
    max-width: calc(50rem + 20%);
    padding: 7rem 10%;
  }
}
.careers-three-photos .columns-contain .column-right .copy p:not(.heading2) {
  font-family: var(--obviously);
  font-size: var(--xsm);
  font-variation-settings: "wdth" 100, "wght" 425;
  line-height: 2;
  margin-bottom: 1rem;
}
@media (min-width: 641px) {
  .careers-three-photos .columns-contain .column-right .copy p:not(.heading2) {
    font-size: var(--sm);
  }
}
.careers-three-photos .columns-contain .column-right .image {
  height: 100%;
}
@media (min-width: 641px) {
  .careers-three-photos .columns-contain .column-right .image {
    height: 100%;
  }
}
.careers-three-photos .columns-contain .column-right .image img {
  max-height: 40rem;
}
@media (min-width: 641px) {
  .careers-three-photos .columns-contain .column-right .image img {
    max-height: 60rem;
  }
}
@media (min-width: 1024px) {
  .careers-three-photos .columns-contain .column-right .image img {
    max-height: none;
  }
}
.careers-three-photos .mission-copy {
  padding: 5rem 10%;
}
@media (min-width: 1024px) {
  .careers-three-photos .mission-copy {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: -12rem;
    padding: 0;
  }
}
.careers-three-photos .mission-copy .copy {
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .careers-three-photos .mission-copy .copy {
    width: 50%;
    padding: 10rem 5%;
    margin-bottom: 0;
  }
}
.careers-three-photos .mission-copy .copy .heading2 {
  max-width: 75rem;
}
@media (min-width: 1024px) {
  .careers-three-photos .mission-copy .copy .heading2 {
    max-width: 61rem;
  }
}
.careers-three-photos .mission-copy .copy .heading2.in-view {
  letter-spacing: 0.1em;
}
.careers-three-photos .mission-copy .copy:nth-child(2) {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .careers-three-photos .mission-copy .copy:nth-child(2) {
    padding: 18rem 5% 0 5%;
  }
}
.careers-three-photos .mission-copy .copy:nth-child(2) p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 425;
  line-height: 1.6;
  margin-bottom: 1rem;
  max-width: 48rem;
  font-size: var(--xsm);
}
@media (min-width: 641px) {
  .careers-three-photos .mission-copy .copy:nth-child(2) p {
    line-height: 2;
    font-size: var(--sm);
  }
}
.careers-three-photos .mission-copy .copy:nth-child(2) p:last-child {
  margin-bottom: 0;
}

.vision-with-values {
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 900px) {
  .vision-with-values {
    display: flex;
  }
}
.vision-with-values > div {
  position: relative;
  padding: 8rem 10% 4rem;
  overflow: hidden;
}
@media (min-width: 641px) {
  .vision-with-values > div {
    padding: 15rem 10% 7rem;
  }
}
@media (min-width: 900px) {
  .vision-with-values > div {
    width: 50%;
    padding: 15rem 5% 7rem;
  }
}
.vision-with-values > div:after {
  position: absolute;
  content: "";
  inset: 0;
}
.vision-with-values .copy-contain {
  position: relative;
  z-index: 2;
}
.vision-with-values .vision {
  background: #f1ece4;
}
.vision-with-values .vision:after {
  background: linear-gradient(180deg, rgba(241, 236, 228, 0) 0%, #f1ece4 30%);
}
.vision-with-values .vision p {
  font-size: var(--3xl);
  font-weight: var(--medium);
  letter-spacing: 0.05em;
  line-height: 1.15;
  text-transform: uppercase;
  max-width: 56rem;
}
@media (min-width: 641px) {
  .vision-with-values .vision p {
    letter-spacing: 0.05em;
  }
}
@media (min-width: 1024px) {
  .vision-with-values .vision p {
    font-size: var(--5xl);
  }
}
.vision-with-values .vision p strong {
  font-weight: var(--medium);
  color: var(--gold);
}
.vision-with-values .values {
  background: var(--cream);
}
.vision-with-values .values:after {
  background: linear-gradient(180deg, rgba(250, 245, 238, 0) 0%, #faf5ee 30%);
}
.vision-with-values .values p {
  font-size: var(--4xl);
  font-weight: var(--medium);
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .vision-with-values .values p {
    font-size: var(--6xl);
    letter-spacing: 0.11em;
  }
}
@media (min-width: 1024px) {
  .vision-with-values .values p {
    font-size: var(--7xl);
  }
}

.benefits-package {
  padding: 5rem 0 7rem 0;
}
@media (min-width: 641px) {
  .benefits-package {
    padding: 8rem 0 12rem 0;
  }
}
@media (min-width: 1024px) {
  .benefits-package {
    padding: 10rem 0 12rem 0;
  }
}
.benefits-package .benefits-contain {
  padding: 5rem 7.5% 3rem;
  border: 3px solid var(--blue);
  border-radius: var(--borderradius);
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .benefits-package .benefits-contain {
    padding: 8rem 5rem 3rem;
  }
}
@media (min-width: 1024px) {
  .benefits-package .benefits-contain {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
  }
}
.benefits-package .benefits-contain .benefits {
  position: relative;
}
@media (min-width: 1024px) {
  .benefits-package .benefits-contain .benefits {
    columns: 2;
    column-gap: 5rem;
  }
}
.benefits-package .benefits-contain .benefits:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: var(--white);
}
.benefits-package .benefits-contain .benefits .benefit {
  border-bottom: 2px solid var(--gold);
  padding: 2rem 0;
  break-inside: avoid;
}
@media (min-width: 641px) {
  .benefits-package .benefits-contain .benefits .benefit {
    padding: 3rem 0;
  }
}
.benefits-package .benefits-contain .benefits .benefit p {
  max-width: 50rem;
  font-size: var(--xl);
  font-weight: var(--semibold);
  letter-spacing: 0.03em;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .benefits-package .benefits-contain .benefits .benefit p {
    font-size: var(--2xl);
  }
}

.join-us {
  padding-bottom: 5rem;
}
@media (min-width: 641px) {
  .join-us {
    padding-bottom: 10rem;
  }
}
.join-us .copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.join-us .copy p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 425;
  font-size: var(--sm);
  text-align: center;
  margin-bottom: 1rem;
  max-width: 65rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .join-us .copy p {
    font-size: var(--md);
    margin-bottom: 2rem;
  }
}

.job-openings-contain {
  padding: 5%;
  height: 80vh;
  background: var(--white);
}
@media (min-width: 641px) {
  .job-openings-contain {
    padding: 5rem;
  }
}
.job-openings-contain iframe {
  height: 100%;
  width: 100%;
}

.q-benefits-contain {
  padding-bottom: 7rem;
}
@media (min-width: 641px) {
  .q-benefits-contain {
    padding-bottom: 10rem;
  }
}
.q-benefits-contain .copy {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .q-benefits-contain .copy {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
.q-benefits-contain .copy .heading2 {
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .q-benefits-contain .copy .heading2 {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .q-benefits-contain .copy .heading2 {
    font-size: var(--7xl);
  }
}
.q-benefits-contain .q-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .q-benefits-contain .q-benefits {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.q-benefits-contain .q-benefits .benefit {
  padding: 5rem 5%;
  background: var(--white);
  border-radius: var(--borderradius);
  border: 3px solid var(--blue);
  text-align: center;
  width: 100%;
}
@media (min-width: 641px) {
  .q-benefits-contain .q-benefits .benefit {
    width: calc(50% - 1.5rem);
  }
}
@media (min-width: 1024px) {
  .q-benefits-contain .q-benefits .benefit {
    width: calc(33.33% - 1.5rem);
  }
}
.q-benefits-contain .q-benefits .benefit:has(p) .heading3 {
  margin-bottom: 2rem;
}
.q-benefits-contain .q-benefits .benefit .heading3 {
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
  font-size: var(--2xl);
  line-height: 0.9;
}
@media (min-width: 641px) {
  .q-benefits-contain .q-benefits .benefit .heading3 {
    font-size: var(--3xl);
  }
}
@media (min-width: 1024px) {
  .q-benefits-contain .q-benefits .benefit .heading3 {
    font-size: var(--5xl);
  }
}
.q-benefits-contain .q-benefits .benefit p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 350;
  font-size: var(--xsm);
  line-height: 1.6;
}

.how-to-sign-up {
  position: relative;
  padding: 10rem 0 5rem 0;
  border-radius: var(--borderradius);
  overflow: hidden;
}
@media (min-width: 641px) {
  .how-to-sign-up {
    padding: 10rem 0;
  }
}
@media (min-width: 1024px) {
  .how-to-sign-up {
    padding: 15rem 0;
  }
}
.how-to-sign-up:after {
  position: absolute;
  content: "";
  inset: 0;
  opacity: 0.6;
  background: var(--black);
}
@media (min-width: 641px) {
  .how-to-sign-up:after {
    opacity: 0.4;
  }
}
.how-to-sign-up .copy {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .how-to-sign-up .copy {
    margin-bottom: 10rem;
  }
}
.how-to-sign-up .copy .heading2 {
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .how-to-sign-up .copy .heading2 {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .how-to-sign-up .copy .heading2 {
    font-size: var(--7xl);
  }
}
.how-to-sign-up .sign-up-steps {
  position: relative;
  z-index: 1;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .how-to-sign-up .sign-up-steps {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .how-to-sign-up .sign-up-steps {
    display: flex;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  .how-to-sign-up .sign-up-steps {
    max-width: 110rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.how-to-sign-up .sign-up-steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 5rem 5% 3rem 5%;
  text-align: center;
  color: var(--white);
  border-bottom: 2px solid var(--bordergray);
}
@media (min-width: 641px) {
  .how-to-sign-up .sign-up-steps .step {
    padding: 7rem 5% 5rem 5%;
  }
}
@media (min-width: 1024px) {
  .how-to-sign-up .sign-up-steps .step {
    width: 33.33%;
    border-right: 2px solid var(--bordergray);
    border-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .how-to-sign-up .sign-up-steps .step:first-child {
    padding-left: 0;
  }
}
.how-to-sign-up .sign-up-steps .step:last-child {
  border-right: 0;
  border-bottom: 0;
}
@media (min-width: 1024px) {
  .how-to-sign-up .sign-up-steps .step:last-child {
    padding-right: 0;
  }
}
.how-to-sign-up .sign-up-steps .step .heading3 {
  font-size: var(--2xl);
  line-height: 0.9;
  margin-bottom: 2rem;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .how-to-sign-up .sign-up-steps .step .heading3 {
    font-size: var(--5xl);
    margin-bottom: 3rem;
  }
}
.how-to-sign-up .sign-up-steps .step p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 350;
  font-size: var(--sm);
  line-height: 1.6;
}

.faqs {
  padding: 7rem 0 4rem 0;
}
@media (min-width: 641px) {
  .faqs {
    padding: 10rem 0;
  }
}
.faqs .copy {
  text-align: center;
  margin-bottom: 4rem;
}
@media (min-width: 1024px) {
  .faqs .copy {
    margin-bottom: 8rem;
  }
}
.faqs .copy .heading2 {
  font-size: var(--3xl);
}
@media (min-width: 641px) {
  .faqs .copy .heading2 {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .faqs .copy .heading2 {
    font-size: var(--7xl);
  }
}
.faqs .faqs-contain {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .faqs .faqs-contain {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px) {
  .faqs .faqs-contain {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
.faqs .faqs-contain .faq {
  border: 3px solid var(--blue);
  border-radius: 1rem;
  background: var(--white);
  margin-bottom: 2rem;
}
.faqs .faqs-contain .faq.active .expander {
  transform: rotate(135deg);
}
.faqs .faqs-contain .faq.active .hidden-content {
  grid-template-rows: 1fr;
  opacity: 1;
}
.faqs .faqs-contain .faq.active .hidden-content .content .faq-copy {
  opacity: 1;
  visibility: visible;
}
.faqs .faqs-contain .faq button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  padding: 3rem 5%;
  width: 100%;
  text-align: left;
}
@media (min-width: 641px) {
  .faqs .faqs-contain .faq button {
    gap: 5rem;
  }
}
.faqs .faqs-contain .faq button .heading3 {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 450;
  font-size: var(--md);
  text-transform: initial;
}
@media (min-width: 641px) {
  .faqs .faqs-contain .faq button .heading3 {
    font-size: var(--lg);
  }
}
.faqs .faqs-contain .faq button .btn-contain {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  gap: 1rem;
}
.faqs .faqs-contain .faq button .btn-contain span {
  display: none;
  position: relative;
  top: 0.5rem;
  font-family: var(--obviously);
  font-size: var(--xsm);
  color: var(--gray);
  text-transform: uppercase;
}
@media (min-width: 641px) {
  .faqs .faqs-contain .faq button .btn-contain span {
    display: block;
  }
}
.faqs .faqs-contain .faq button .btn-contain .expander {
  height: 4rem;
  width: 4rem;
  border: 2px solid var(--gold);
  border-radius: 50%;
  padding: 1rem;
  transition: 0.3s;
}
.faqs .faqs-contain .faq .hidden-content {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  overflow: hidden;
  transition: 0.3s;
}
.faqs .faqs-contain .faq .hidden-content .content {
  overflow: hidden;
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  padding: 0 5% 3rem 5%;
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy p {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 400;
  font-size: var(--xsm);
  margin-bottom: 2rem;
  padding-left: 1rem;
  max-width: 80rem;
}
@media (min-width: 641px) {
  .faqs .faqs-contain .faq .hidden-content .content .faq-copy p {
    font-size: var(--sm);
    padding-left: 2rem;
  }
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy p:last-child {
  margin-bottom: 0;
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy ol, .faqs .faqs-contain .faq .hidden-content .content .faq-copy ul {
  padding-left: 0;
  margin-bottom: 2rem;
  padding-left: 1rem;
  max-width: 80rem;
}
@media (min-width: 641px) {
  .faqs .faqs-contain .faq .hidden-content .content .faq-copy ol, .faqs .faqs-contain .faq .hidden-content .content .faq-copy ul {
    padding-left: 2rem;
  }
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy ol li, .faqs .faqs-contain .faq .hidden-content .content .faq-copy ul li {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 100, "wght" 400;
  font-size: var(--xsm);
  margin-bottom: 1.5rem;
  line-height: 1.4;
}
@media (min-width: 641px) {
  .faqs .faqs-contain .faq .hidden-content .content .faq-copy ol li, .faqs .faqs-contain .faq .hidden-content .content .faq-copy ul li {
    font-size: var(--sm);
  }
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy ol li:last-child, .faqs .faqs-contain .faq .hidden-content .content .faq-copy ul li:last-child {
  margin-bottom: 0;
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy a .text {
  padding: 0.5rem;
}
.faqs .faqs-contain .faq .hidden-content .content .faq-copy a .link-text:after {
  padding: 0.5rem;
}

.q-tiers {
  padding: 5rem 0;
}
@media (min-width: 641px) {
  .q-tiers {
    padding: 10rem 0;
  }
}
.q-tiers.expanded .tiers .tier .hidden-content {
  grid-template-rows: 1fr;
  opacity: 1;
}
.q-tiers.expanded .tiers .tier .hidden-content .content {
  opacity: 1;
}
.q-tiers.expanded .desktop-expander .expander span {
  transform: rotate(135deg);
}
.q-tiers .copy {
  text-align: center;
  max-width: 90%;
  margin: 0 auto 10rem auto;
}
@media (min-width: 641px) {
  .q-tiers .copy {
    margin: 0 auto 7rem auto;
  }
}
@media (min-width: 1300px) {
  .q-tiers .copy {
    margin: 0 auto 20rem auto;
  }
}
.q-tiers .tiers {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 8rem;
  max-width: 50rem;
  margin: 0 auto;
}
@media (min-width: 641px) {
  .q-tiers .tiers {
    gap: 1.5rem;
    max-width: 80rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers {
    grid-template-columns: repeat(5, 1fr);
    max-width: none;
  }
}
.q-tiers .tiers .tier {
  position: relative;
  padding: 0 10% 7rem 10%;
  border-radius: 1rem;
  background: #f4ddd3;
  color: var(--black);
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    align-items: flex-start;
    gap: 0 3rem;
    padding: 3rem 5% 4rem 5%;
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier {
    display: flex;
    flex-direction: column;
    padding: 0 10% 3rem 10%;
    gap: 0;
  }
}
.q-tiers .tiers .tier.expanded .hidden-content {
  grid-template-rows: 1fr;
  opacity: 1;
}
.q-tiers .tiers .tier.expanded .hidden-content .content {
  opacity: 1;
}
.q-tiers .tiers .tier.expanded .mobile-expander .expander span {
  transform: rotate(135deg);
}
.q-tiers .tiers .tier:nth-child(2) {
  background: rgba(161, 163, 165, 0.38);
}
.q-tiers .tiers .tier:nth-child(3) {
  background: #fce9b9;
}
.q-tiers .tiers .tier:nth-child(4) {
  color: var(--white);
  background: #444444;
}
.q-tiers .tiers .tier:last-child {
  background: #eeeff0;
}
.q-tiers .tiers .tier img {
  display: block;
  position: relative;
  width: 100%;
  max-width: 25rem;
  margin: -15% auto 3rem auto;
  transform: rotateX(10deg) rotateY(-10deg) rotateZ(-5deg);
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier img {
    margin-left: -15%;
    margin-top: 10%;
    max-width: 35rem;
    transform: rotateX(10deg) rotateY(-10deg) rotateZ(-5deg) scale(1.2);
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier img {
    margin-top: -12rem;
    margin-left: 0;
    max-width: 30rem;
    transform: rotateX(10deg) rotateY(-10deg) rotateZ(-5deg) scale(1);
  }
}
.q-tiers .tiers .tier .visible-copy {
  align-self: center;
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .visible-copy {
    margin-top: 4rem;
    text-align: left;
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .visible-copy {
    text-align: center;
    margin-top: 2rem;
    min-height: 15rem;
  }
}
.q-tiers .tiers .tier .visible-copy h3 {
  font-weight: var(--medium);
  font-size: var(--5xl);
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-variation-settings: "wdth" 100, "wght" 500;
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .visible-copy h3 {
    font-size: var(--8xl);
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .visible-copy h3 {
    font-size: var(--4xl);
  }
}
.q-tiers .tiers .tier .visible-copy .subhead {
  font-family: var(--obviously);
  font-size: var(--xsm);
  text-transform: uppercase;
  line-height: 1.1;
  max-width: 24rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .visible-copy .subhead {
    margin: 0 0 2rem 0;
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .visible-copy .subhead {
    margin: 0 auto 2rem auto;
  }
}
.q-tiers .tiers .tier .visible-copy .points {
  font-family: var(--obviously);
  font-variation-settings: "wdth" 130, "wght" 500;
  font-size: var(--md);
}
.q-tiers .tiers .tier .hidden-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .hidden-content {
    grid-area: 2/1/3/3;
  }
}
.q-tiers .tiers .tier .hidden-content .content {
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .hidden-content .content {
    margin-top: 4rem;
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .hidden-content .content {
    margin-top: 0;
  }
}
.q-tiers .tiers .tier .hidden-content .content .info {
  padding: 3rem 5% 1.5rem 5%;
  border-top: 2px solid var(--white);
  font-family: var(--obviously);
  font-variation-settings: "wdth" 120, "wght" 400;
  font-size: var(--xsm);
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .hidden-content .content .info {
    padding: 3rem 1rem 1rem 1rem;
  }
}
.q-tiers .tiers .tier .hidden-content .content .info h4 {
  font-variation-settings: "wdth" 150, "wght" 500;
  text-transform: uppercase;
  font-size: var(--xsm);
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .hidden-content .content .info h4 {
    font-size: var(--sm);
  }
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .hidden-content .content .info h4 {
    font-size: var(--xsm);
  }
}
.q-tiers .tiers .tier .hidden-content .content .info ol, .q-tiers .tiers .tier .hidden-content .content .info ul {
  padding-left: 2rem;
  margin-top: 2rem;
}
.q-tiers .tiers .tier .hidden-content .content .info ol li, .q-tiers .tiers .tier .hidden-content .content .info ul li {
  margin-bottom: 1rem;
  text-wrap: balance;
  line-height: 1.2;
}
.q-tiers .tiers .tier .hidden-content .content .info ol li:last-child, .q-tiers .tiers .tier .hidden-content .content .info ul li:last-child {
  margin-bottom: 0;
}
.q-tiers .tiers .tier .hidden-content .content .info ol li strong, .q-tiers .tiers .tier .hidden-content .content .info ul li strong {
  font-variation-settings: "wdth" 100, "wght" 450;
}
.q-tiers .tiers .tier .hidden-content .content .info p {
  font-family: var(--obviously);
  font-size: var(--xsm);
  padding-left: 0.5rem;
  margin-bottom: 1rem;
}
.q-tiers .tiers .tier .mobile-expander {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 1300px) {
  .q-tiers .tiers .tier .mobile-expander {
    display: none;
  }
}
.q-tiers .tiers .tier .mobile-expander .expander {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
  font-family: var(--obviously);
  font-size: var(--xsm);
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .mobile-expander .expander {
    margin: 0;
  }
}
.q-tiers .tiers .tier .mobile-expander .expander:hover span {
  background: var(--gold);
}
.q-tiers .tiers .tier .mobile-expander .expander span {
  display: grid;
  place-items: center;
  height: 3.8rem;
  width: 3.8rem;
  border: 2px solid var(--gold);
  border-radius: 50%;
  padding: 1.2rem;
  transition: 0.3s;
}
@media (min-width: 641px) {
  .q-tiers .tiers .tier .mobile-expander .expander span {
    height: 4.5rem;
    width: 4.5rem;
  }
}
.q-tiers .desktop-expander {
  display: none;
}
@media (min-width: 1300px) {
  .q-tiers .desktop-expander {
    display: block;
  }
}
.q-tiers .desktop-expander .expander {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 0 auto;
  font-family: var(--obviously);
  font-size: var(--xsm);
}
.q-tiers .desktop-expander .expander:hover span {
  background: var(--gold);
}
.q-tiers .desktop-expander .expander span {
  display: grid;
  place-items: center;
  height: 4.5rem;
  width: 4.5rem;
  border: 2px solid var(--gold);
  border-radius: 50%;
  padding: 1.2rem;
  transition: 0.3s;
}

.amphitheater {
  padding: 5rem 0 3rem 0;
}
@media (min-width: 641px) {
  .amphitheater {
    padding: 5rem 0;
  }
}
.amphitheater .contain {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .amphitheater .contain {
    max-width: 110rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.amphitheater .copy {
  text-align: center;
  margin-bottom: 3rem;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .amphitheater .copy {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1024px) {
  .amphitheater .copy {
    margin-bottom: 7rem;
  }
}
.amphitheater .copy h2 {
  font-size: var(--4xl);
}
@media (min-width: 641px) {
  .amphitheater .copy h2 {
    font-size: var(--5xl);
  }
}
@media (min-width: 1024px) {
  .amphitheater .copy h2 {
    font-size: var(--7xl);
  }
}
.amphitheater .events-contain {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media (min-width: 1024px) {
  .amphitheater .events-contain {
    flex-direction: row;
    align-items: center;
  }
}
.amphitheater .events-contain .content {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 641px) {
  .amphitheater .events-contain .content {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .amphitheater .events-contain .content {
    width: 50%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.amphitheater .events-contain .content p {
  font-family: var(--obviously);
  font-size: var(--sm);
  margin-bottom: 2rem;
}
.amphitheater .events-contain .content ul, .amphitheater .events-contain .content ol {
  padding-left: 2em;
}
.amphitheater .events-contain .content ul li, .amphitheater .events-contain .content ol li {
  font-family: var(--obviously);
  font-size: var(--sm);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
.amphitheater .events-contain .content ul li:last-child, .amphitheater .events-contain .content ol li:last-child {
  margin-bottom: 0;
}
.amphitheater .events-contain .content a {
  text-decoration: underline;
}

.amphitheater-callout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 5rem 5%;
  border-radius: 1.6rem;
  background: var(--black);
}
@media (min-width: 641px) {
  .amphitheater-callout {
    gap: 4rem;
    padding: 5rem 5% 8rem 5%;
  }
}
@media (min-width: 1024px) {
  .amphitheater-callout {
    width: 50%;
  }
}
.amphitheater-callout img {
  max-width: 18rem;
}
@media (min-width: 641px) {
  .amphitheater-callout img {
    max-width: 22rem;
  }
}
.amphitheater-callout p {
  font-weight: var(--medium);
  color: var(--white);
  font-size: var(--4xl);
  text-transform: uppercase;
  line-height: 0.95;
  max-width: 53rem;
  text-align: center;
}
.amphitheater-callout p strong {
  display: block;
  font-weight: var(--medium);
  color: var(--gold);
}

.amphitheater-slideshow {
  margin-bottom: 5rem;
}
.amphitheater-slideshow .slides-contain {
  padding-bottom: 2rem;
}
@media (min-width: 641px) {
  .amphitheater-slideshow .slides-contain {
    padding-bottom: 5rem;
  }
}