/* FOUNDATION START */
:root {
  --ink: #302128;
  --wine: #38212d;
  --cream: #f7f0e2;
  --gold: #e4bd78;
  --header: 76px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header) + 15px);
}

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: Arial,Helvetica,sans-serif;
}

button,a {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #e2a84a;
  outline-offset: 3px;
}

.skip {
  position: fixed;
  top: -80px;
  left: 10px;
  background: #fff;
  padding: 12px;
  z-index: 100;
}

.skip:focus {
  top: 8px;
}

[hidden] {
  display: none!important;
}

/* FOUNDATION END */
/* HEADER START */
.header {
  height: var(--header);
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0 max(5%,calc((100vw - 1420px)/2));
  background: #291d24;
  color: #fff8ed;
  box-shadow: 0 2px 12px #1b101426;
}

.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  font: 700 17px Georgia,serif;
  letter-spacing: .12em;
  white-space: nowrap;
}

.brand small {
  display: block;
  font: 8px Arial,sans-serif;
  letter-spacing: .24em;
  margin-top: 4px;
}

.brand-monogram {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border: 1px solid #dcb77b;
  border-radius: 50%;
  font: 24px Georgia;
  color: #e8c58d;
}

.header-nav {
  display: flex;
  gap: 28px;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.header-nav a,.header-nav button {
  background: none;
  border: 0;
  color: #ede2da;
  text-decoration: none;
  font-size: 13px;
  padding: 10px 2px;
  border-bottom: 1px solid transparent;
}

.header-nav a:hover,.header-nav button:hover,.header-nav button.is-active {
  color: #e8c58d;
  border-bottom-color: #e8c58d;
}

.play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  background: var(--gold);
  color: #302128;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  border: 1px solid var(--gold);
}

.play:hover {
  background: #f2d294;
}

/* HEADER END */
/* HOME START */
.home {
  display: grid;
  grid-template-columns: 1fr 43%;
  max-width: 1600px;
  margin: 0 auto;
  background: #f7f0e2;
}

.hero-copy {
  padding: clamp(35px,5vw,76px) clamp(32px,7vw,112px) 36px;
}

.location {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #765c56;
  font-size: 9px;
  letter-spacing: .16em;
  font-weight: 700;
  white-space: nowrap;
}

.location span:first-child {
  color: #ae7947;
  font-size: 15px;
}

.location-line {
  height: 1px;
  width: 25px;
  background: #ae947f;
}

.eyebrow {
  color: #9a663f;
  font-size: 10px;
  letter-spacing: .18em;
  font-weight: 700;
  margin: 0 0 16px;
}

.hero-copy>.eyebrow {
  margin-top: clamp(45px,6vw,90px);
}

h1 {
  font: normal clamp(58px,7.8vw,112px)/.9 Georgia,serif;
  letter-spacing: -.06em;
  margin: 0 0 25px;
}

h1 em {
  font-weight: normal;
  color: #a85b40;
}

.intro {
  max-width: 390px;
  color: #61534f;
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 24px;
}

.hero-action {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.play-large {
  background: var(--wine);
  color: #fff4e4;
  border-color: var(--wine);
  min-width: 143px;
  min-height: 51px;
}

.play-large:hover {
  background: #5a3343;
  color: #fff;
}

.hero-action>span {
  font-size: 11px;
  color: #776962;
}

.hero-action>span span {
  padding: 0 4px;
}

.home-facts {
  display: flex;
  gap: 35px;
  margin-top: 45px;
  border-top: 1px solid #d8c9b8;
  padding-top: 20px;
  color: #806d61;
  font-size: 11px;
}

.home-facts strong {
  display: block;
  font: normal 20px Georgia,serif;
  color: #493037;
  margin-bottom: 4px;
}

.hero-photo {
  min-height: 520px;
  position: relative;
  background: #39282b url('../images/clinton-floor.webp') center/cover no-repeat;
  display: flex;
  align-items: end;
  padding: 30px;
}

.hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(35,22,28,.8),transparent 65%);
}

.photo-caption {
  position: relative;
  z-index: 1;
  color: #fff5e6;
  border-left: 2px solid #e4bd78;
  padding-left: 18px;
}

.photo-caption span {
  display: block;
  font-size: 9px;
  letter-spacing: .18em;
  color: #ecd2a7;
}

.photo-caption strong {
  display: block;
  font: normal 24px/1.18 Georgia,serif;
  margin: 12px 0;
}

.photo-caption em {
  color: #e4bd78;
}

.explore {
  grid-column: 1/-1;
  background: #ede2d1;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 5%;
  padding: 38px max(5%,calc((100vw - 1420px)/2));
  align-items: center;
}

.explore h2 {
  font: normal 35px/1.05 Georgia,serif;
  letter-spacing: -.03em;
  margin: 0 0 10px;
}

.explore h2 em {
  font-weight: normal;
  color: #a85b40;
}

.explore-intro p {
  font-size: 13px;
  line-height: 1.6;
  color: #71625a;
  max-width: 290px;
  margin: 0;
}

.feature-list {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}

.feature {
  min-height: 145px;
  padding: 18px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  background: #fffaf2;
  color: #392831;
  border: 1px solid #c8ad95;
  box-shadow: 0 3px 0 #cbb7a1;
  transition: background .2s,transform .2s;
}

.feature:hover,.feature.is-active {
  background: #fff;
  border-color: #8b4b38;
  transform: translateY(-3px);
}

.feature-icon {
  font-size: 20px;
  line-height: 1;
  color: #a7613c;
}

.feature strong,.feature small {
  display: block;
}

.feature strong {
  font: normal 23px Georgia,serif;
}

.feature small {
  font-size: 11px;
  color: #74655e;
  line-height: 1.4;
  margin-top: 5px;
}

.feature-label {
  display: inline-block;
  background: #432a35;
  color: #fff5e9;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  padding: 8px 13px;
}

/* HOME END */
/* FEATURE DETAILS START */
.detail {
  min-height: 50vh;
  background: #f2e7d6;
  color: #392831;
  padding: 80px max(12%,calc((100vw - 1200px)/2));
  position: relative;
}

.detail h2 {
  font: normal clamp(40px,6vw,70px)/1.05 Georgia,serif;
  letter-spacing: -.04em;
  max-width: 800px;
}

.detail h2 em {
  color: #a8793c;
}

.detail p:not(.eyebrow) {
  font-size: 16px;
  line-height: 1.8;
  max-width: 650px;
}

.detail-close {
  position: absolute;
  right: 6%;
  top: 25px;
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
  padding: 10px 14px;
}

.detail-close span {
  margin-left: 12px;
  font-size: 18px;
}

/* FEATURE DETAILS END */
/* SECTION SWITCHER START */
.switcher {
  position: fixed;
  z-index: 9;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  background: #291d24;
  box-shadow: 0 3px 15px #0003;
}

.switcher button,.switcher a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 3px;
  color: #fff5e9;
  background: #291d24;
  border: 0;
  border-bottom: 1px solid #ffffff22;
  text-decoration: none;
  padding: 9px 5px;
  width: 66px;
  min-height: 54px;
}

.switcher button span,.switcher a span {
  color: #e4bd78;
  font-size: 17px;
}

.switcher small {
  font-size: 10px;
}

.switcher button:hover,.switcher button.is-active {
  background: #65434b;
}

.switcher .switcher-play {
  background: #e4bd78;
  color: #291d24;
  font-weight: 700;
}

.switcher .switcher-play span {
  color: #291d24;
}

.hero-copy,.explore,.detail {
  padding-right: max(80px,5%);
}

/* SECTION SWITCHER END */
/* RESPONSIVE START */
@media(max-width:900px) {
  :root {
    --header: 68px;
  }
  .header {
    padding: 0 20px;
  }
  .header-nav {
    gap: 14px;
  }
  .hero-copy {
    padding-left: 30px;
  }
  .home {
    grid-template-columns: 1fr 42%;
  }
  .hero-photo {
    min-height: 470px;
  }
  .explore {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .explore h2 br {
    display: none;
  }
}

@media(max-width:650px) {
  body {
    padding-bottom: calc(62px + env(safe-area-inset-bottom));
  }
  .header {
    height: var(--header);
    padding: 0 16px;
    gap: 10px;
  }
  .brand {
    font-size: 14px;
  }
  .brand-monogram {
    width: 35px;
    height: 35px;
    font-size: 22px;
  }
  .brand small {
    font-size: 7px;
  }
  .header-nav {
    display: none;
  }
  .header>.play {
    margin-left: auto;
    min-height: 42px;
    padding: 0 16px;
  }
  .home {
    display: flex;
    flex-direction: column;
  }
  .hero-copy {
    padding: 29px 22px 30px;
  }
  .location {
    font-size: 8px;
    gap: 7px;
  }
  .hero-copy>.eyebrow {
    margin-top: 38px;
  }
  h1 {
    font-size: clamp(58px,15vw,80px);
    margin-bottom: 20px;
  }
  .intro {
    font-size: 14px;
    line-height: 1.65;
  }
  .home-facts {
    margin-top: 29px;
    gap: 28px;
  }
  .hero-photo {
    min-height: 270px;
    background-position: center 45%;
    padding: 20px;
  }
  .photo-caption strong {
    font-size: 21px;
  }
  .explore {
    padding: 32px 22px 38px;
  }
  .feature-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .feature {
    min-height: 0;
    display: grid;
    grid-template-columns: 32px 1fr auto;
    align-items: center;
    padding: 15px;
    gap: 9px;
  }
  .feature strong {
    font-size: 21px;
  }
  .feature-label {
    padding: 9px 11px;
  }
  .switcher {
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;
    flex-direction: row;
    padding-bottom: env(safe-area-inset-bottom);
    background: #291d24;
  }
  .switcher button,.switcher a {
    flex: 1;
    width: auto;
    min-width: 0;
    min-height: 62px;
    border: 0;
    border-right: 1px solid #ffffff22;
  }
  .detail {
    padding: 75px 24px 55px;
  }
  .detail-close {
    right: 20px;
    top: 18px;
  }
}

@media(max-width:360px) {
  .brand {
    font-size: 12px;
  }
  .brand small {
    letter-spacing: .15em;
  }
  .location {
    letter-spacing: .1em;
  }
  .location-line {
    width: 12px;
  }
  .feature small {
    font-size: 10px;
  }
  .feature-label {
    padding: 8px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }
  *,*::before,*::after {
    transition: none!important;
  }
}

/* RESPONSIVE END */
/* FEATURE PHOTOGRAPHY START */
.feature {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff8ee;
  background: #35242a;
}

.feature:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(34, 22, 27, .94), rgba(34, 22, 27, .55)), url('../images/clinton-games.webp') center / cover no-repeat;
}

.feature:nth-child(2):before {
  background-image: linear-gradient(90deg, rgba(34, 22, 27, .94), rgba(34, 22, 27, .55)), url('../images/clinton-offers.webp');
}

.feature:nth-child(3):before {
  background-image: linear-gradient(90deg, rgba(34, 22, 27, .94), rgba(34, 22, 27, .55)), url('../images/clinton-rewards.webp');
}

.feature:hover,.feature.is-active {
  background: #513240;
  border-color: #e3ba7c;
}

.feature small {
  color: #f0dfd1;
}

.feature-icon {
  color: #e4bd78;
}

.feature-label {
  background: #e4bd78;
  color: #291d24;
}

/* FEATURE PHOTOGRAPHY END */

/* HEADER AND NAVIGATION REFINEMENT START */
.header {
  border-bottom: 3px solid #bf8d51;
  background: #26151e;
}

.brand-monogram {
  background: #e4bd78;
  color: #291d24;
  border: 0;
  font-weight: bold;
}

.header-nav {
  justify-content: flex-end;
  gap: 8px;
}

.header-nav a,
.header-nav button {
  padding: 10px 11px;
  border: 1px solid #ffffff35;
  color: #fff4e6;
}

.header-nav a:hover,
.header-nav button:hover,
.header-nav button.is-active {
  background: #66414d;
  border-color: #e4bd78;
  color: #fff;
}

.switcher {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.switcher.is-visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.hero-copy {
  background: #41252e;
  color: #fff2df;
}

.location,
.intro,
.hero-action > span,
.home-facts {
  color: #e4d1bc;
}

.home-facts {
  border-color: #ffffff40;
}

.home-facts strong {
  color: #fff0d9;
}

.hero-copy .eyebrow,
.hero-copy h1 em {
  color: #f0c17c;
}

.hero-copy .play-large {
  background: #e4bd78;
  border-color: #e4bd78;
  color: #291d24;
}

.explore {
  background: #d9b98f;
}

@media (max-width: 650px) {
  .hero-copy {
    padding-right: 22px;
  }
}
/* HEADER AND NAVIGATION REFINEMENT END */

/* FIRST SCREEN BALANCE START */
@media (min-width: 901px) {
  .hero-copy {
    padding-top: clamp(24px, 3vh, 42px);
    padding-bottom: 24px;
  }

  .hero-copy > .eyebrow {
    margin-top: clamp(24px, 4vh, 48px);
  }

  .hero-copy h1 {
    font-size: clamp(58px, 6.5vw, 92px);
    margin-bottom: 18px;
  }

  .home-facts {
    margin-top: 25px;
    padding-top: 15px;
  }

  .hero-photo {
    min-height: 390px;
    background-position: center 38%;
  }

  .explore {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .feature {
    min-height: 135px;
  }
}

@media (min-width: 651px) and (max-height: 700px) {
  .hero-copy > .eyebrow {
    margin-top: 20px;
  }

  .hero-copy h1 {
    font-size: clamp(54px, 6vw, 75px);
  }

  .hero-photo {
    min-height: 350px;
  }
}

@media (max-width: 650px) {
  .hero-photo {
    background-position: center 30%;
  }

  .feature:before {
    background-position: center 36%;
  }
}
/* FIRST SCREEN BALANCE END */

/* FULL-WIDTH FIRST SCREEN START */
body {
  background: #291d24;
}

.home {
  max-width: none;
  min-height: calc(100svh - var(--header));
  grid-template-rows: 1fr auto;
}

.hero-copy {
  padding-left: clamp(32px, 7vw, 120px);
}

.explore {
  padding-left: clamp(32px, 7vw, 120px);
  padding-right: clamp(32px, 7vw, 120px);
}

@media (max-width: 650px) {
  .home {
    min-height: 0;
  }

  .hero-copy,
  .explore {
    padding-left: 22px;
    padding-right: 22px;
  }

  .switcher button,
  .switcher a {
    padding-left: 2px;
    padding-right: 2px;
  }

  .switcher small {
    font-size: 9px;
  }
}
/* FULL-WIDTH FIRST SCREEN END */

/* VISIT PREVIEW AND MOBILE MENU START */

.menu-toggle {
  display: none;
}

@media (max-width: 900px) {
  .header-nav {
    gap: 3px;
  }

  .header-nav a,
  .header-nav button {
    padding: 9px 7px;
    font-size: 12px;
  }
}

@media (max-width: 700px) {
  .header-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100dvh - var(--header) - 70px);
    overflow-y: auto;
    padding: 12px 16px;
    background: #291d24;
    box-shadow: 0 8px 20px #0006;
  }

  .header-nav.menu-open {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .header-nav a,
  .header-nav button {
    padding: 13px 12px;
    text-align: left;
    font-size: 13px;
  }

  .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-left: auto;
    padding: 0 12px;
    color: #fff3e4;
    border: 1px solid #e4bd78;
    background: #41252e;
    font-size: 12px;
    font-weight: 700;
  }

  .header > .play {
    margin-left: 0;
  }

}
/* VISIT PREVIEW AND MOBILE MENU END */

/* PERSISTENT MOBILE SWITCHER START */
.switcher-home {
  display: none !important;
}

@media (max-width: 700px) {
  body {
    padding-bottom: calc(104px + env(safe-area-inset-bottom));
  }

  .switcher {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    transform: none;
    padding-bottom: env(safe-area-inset-bottom);
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .switcher button,
  .switcher a,
  .switcher-home {
    display: flex !important;
    width: auto;
    min-width: 0;
    min-height: 52px;
    padding: 5px 2px;
    border-right: 1px solid #ffffff22;
    border-bottom: 1px solid #ffffff22;
  }

  .switcher small {
    font-size: 10px;
    line-height: 1.2;
  }

  .switcher button span,
  .switcher a span {
    font-size: 14px;
    line-height: 1;
  }
}
/* PERSISTENT MOBILE SWITCHER END */

/* PLAY BUTTON CONTRAST START */
.play,
.hero-copy .play-large,
.switcher .switcher-play {
  color: #ffffff;
  background: #087054;
  border: 1px solid #8ee9bd;
  font-weight: 700;
  box-shadow: 0 2px 8px #0004;
}

.play:hover,
.hero-copy .play-large:hover,
.switcher .switcher-play:hover {
  color: #ffffff;
  background: #095c48;
}

.switcher .switcher-play span {
  color: #ffffff;
}
/* PLAY BUTTON CONTRAST END */

/* MOBILE HORIZONTAL SWITCHER START */
@media (max-width: 700px) {
  body {
    padding-bottom: calc(62px + env(safe-area-inset-bottom));
  }

  .switcher {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .switcher::-webkit-scrollbar {
    display: none;
  }

  .switcher button,
  .switcher a,
  .switcher-home {
    flex: 0 0 72px;
    width: 72px;
    min-height: 62px;
  }

  .switcher .switcher-play {
    position: sticky;
    right: 0;
    z-index: 1;
    flex: 0 0 86px;
    width: 86px;
    box-shadow: -4px 0 10px #0007;
  }
}
/* MOBILE HORIZONTAL SWITCHER END */

/* MOBILE PINNED PLAY AND SCROLLING SECTIONS START */
.switcher-items {
  display: contents;
}

.switcher .switcher-play {
  order: 1;
}

@media (max-width: 700px) {
  .switcher {
    overflow: hidden;
  }

  .switcher .switcher-play {
    position: static;
    order: 0;
    flex: 0 0 86px;
    width: 86px;
    box-shadow: 4px 0 10px #0007;
  }

  .switcher-items {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .switcher-items::-webkit-scrollbar {
    display: none;
  }

  .switcher-items button,
  .switcher-items a {
    flex: 0 0 25%;
    width: 25%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
/* MOBILE PINNED PLAY AND SCROLLING SECTIONS END */

/* GAMES SECTION START */
.games-section {
  padding: 0;
  color: #f8ecdf;
  background: #241822;
  overflow: clip;
}

.games-masthead {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  min-height: 510px;
  background: #37212d;
}

.games-masthead-copy {
  padding: clamp(65px, 8vw, 110px) clamp(32px, 7vw, 115px);
}

.games-eyebrow {
  margin: 0 0 18px;
  color: #eac787;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.games-section .games-masthead h2 {
  max-width: 660px;
  margin: 0 0 24px;
  font: normal clamp(48px, 6vw, 88px)/.98 Georgia, serif;
  letter-spacing: -.045em;
}

.games-section h2 em,
.games-section h3 em {
  color: #eac787;
  font-weight: normal;
}

.games-section .games-lead {
  max-width: 540px;
  margin: 0;
  color: #e5d5ca;
  font-size: 16px;
  line-height: 1.75;
}

.games-statline {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 34px;
  margin-top: 38px;
  padding-top: 20px;
  border-top: 1px solid #ffffff3d;
}

.games-statline span {
  color: #d8c8b9;
  font-size: 12px;
}

.games-statline strong {
  display: block;
  margin-bottom: 5px;
  color: #fff2df;
  font: normal 23px Georgia, serif;
}

.games-masthead-image {
  min-height: 420px;
  background: linear-gradient(90deg, #37212d 0%, transparent 35%), url('../images/clinton-floor.webp') center 34% / cover no-repeat;
}

.games-section .games-close {
  z-index: 2;
  top: 25px;
  right: 30px;
  color: #fff;
  background: #241822e8;
  border: 1px solid #eac787;
}

.games-section .games-close:hover {
  background: #624252;
}

.games-overview {
  display: grid;
  grid-template-columns: minmax(200px, .8fr) minmax(0, 1.5fr);
  gap: clamp(30px, 6vw, 90px);
  padding: clamp(58px, 7vw, 100px) clamp(32px, 7vw, 115px);
  background: #1e4a42;
}

.games-section h3 {
  margin: 0;
  font: normal clamp(35px, 4vw, 58px)/1.05 Georgia, serif;
  letter-spacing: -.035em;
}

.games-format-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

.games-format {
  padding: 24px 0 0;
  border-top: 1px solid #ffffff80;
}

.games-icon {
  color: #eac787;
  font-size: 24px;
}

.games-section h4 {
  margin: 15px 0 12px;
  font: normal 24px Georgia, serif;
}

.games-section .games-format p,
.games-section .games-guide-copy > p:not(.games-eyebrow) {
  margin: 0;
  color: #e3e9df;
  font-size: 15px;
  line-height: 1.8;
}

.games-collection {
  padding: clamp(58px, 7vw, 105px) clamp(32px, 7vw, 115px);
  background: #e5c9a8;
  color: #35232b;
}

.games-collection .games-eyebrow {
  color: #7b4c33;
}

.games-collection h3 em {
  color: #92513c;
}

.games-collection-heading {
  display: grid;
  grid-template-columns: 1fr minmax(220px, .55fr);
  align-items: end;
  gap: 30px;
  margin-bottom: 36px;
}

.games-section .games-collection-heading > p {
  margin: 0;
  color: #685348;
  font-size: 14px;
  line-height: 1.7;
}

.games-accordions {
  display: grid;
  gap: 12px;
}

.games-accordion {
  background: #fff7ea;
  border: 1px solid #936e56;
}

.games-accordion summary {
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  align-items: center;
  gap: 15px;
  min-height: 88px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
}

.games-accordion summary::-webkit-details-marker {
  display: none;
}

.games-accordion summary:hover,
.games-accordion[open] summary {
  background: #f5e5d0;
}

.games-accordion summary:focus-visible {
  outline: 3px solid #1e7159;
  outline-offset: -4px;
}

.games-summary-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #b08b6a;
  border-radius: 50%;
  color: #9a5a3e;
  font-size: 22px;
}

.games-accordion summary strong,
.games-accordion summary small {
  display: block;
}

.games-accordion summary strong {
  font: normal 24px Georgia, serif;
}

.games-accordion summary small {
  margin-top: 5px;
  color: #705c50;
  font-size: 12px;
}

.games-expand {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  background: #44303a;
  color: #fff7ea;
  font-size: 26px;
}

.games-expand::before {
  content: '+';
}

.games-accordion[open] .games-expand::before {
  content: '−';
}

.games-accordion-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  padding: 25px 25px 30px;
  border-top: 1px solid #d5beaa;
}

.games-accordion-content article {
  padding-left: 15px;
  border-left: 2px solid #b57b53;
}

.games-accordion-content h4 {
  margin-top: 0;
  font-size: 21px;
}

.games-section .games-accordion-content p {
  margin: 0;
  color: #625048;
  font-size: 14px;
  line-height: 1.7;
}

.games-section .games-availability {
  margin: 18px 0 0;
  color: #67534b;
  font-size: 12px;
  line-height: 1.6;
}

.games-section .games-guide-copy > p:not(.games-eyebrow) + p {
  margin-top: 18px;
}

.games-section .games-note p {
  margin: 8px 0 0;
  color: #eee2d9;
  font-size: 14px;
  line-height: 1.7;
}

.games-endnote {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 25px clamp(32px, 7vw, 115px);
  background: #211820;
  color: #d8c3ae;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
}

@media (min-width: 701px) {
  body:has(#games:not([hidden])) .switcher {
    right: auto;
    left: 0;
  }

  body:has(#games:not([hidden])) .games-section {
    padding-left: 66px;
  }
}

@media (max-width: 700px) {
  .games-section {
    padding: 0;
  }

  .games-masthead,
  .games-overview,
  .games-collection-heading,

  .games-masthead-copy {
    padding: 78px 24px 38px;
  }

  .games-masthead-image {
    min-height: 230px;
    background-image: linear-gradient(180deg, #37212d 0%, transparent 35%), url('../images/clinton-floor.webp');
  }

  .games-section .games-close {
    top: 18px;
    right: 20px;
  }

  .games-overview,
  .games-collection,

  .games-format-list,
  .games-accordion-content {
    grid-template-columns: 1fr;
  }

  .games-accordion summary {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 10px;
    padding: 15px;
  }

  .games-summary-icon,
  .games-expand {
    width: 38px;
    height: 38px;
  }

  .games-accordion summary strong {
    font-size: 20px;
  }

  .games-endnote {
    padding: 24px;
    font-size: 9px;
  }
}
/* GAMES SECTION END */

/* GAMES READING AND COMPARISON START */
.games-editorial {
  display: grid;
  grid-template-columns: minmax(210px, .7fr) minmax(0, 1.3fr);
  gap: clamp(32px, 7vw, 110px);
  padding: clamp(60px, 7vw, 105px) clamp(32px, 7vw, 115px);
}

.games-editorial-intro {
  background: #f2e2cc;
  color: #34242a;
}

.games-editorial-reels {
  background: #60403c;
  color: #fff4e7;
}

.games-editorial-video {
  background: #254a47;
  color: #f2f1e4;
}

.games-editorial-guide {
  background: #e4c7a7;
  color: #37262b;
}

.games-editorial-intro .games-eyebrow,
.games-editorial-guide .games-eyebrow {
  color: #875137;
}

.games-editorial-intro h3 em,
.games-editorial-guide h3 em {
  color: #9d503d;
}

.games-editorial-mark {
  display: inline-grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-top: 32px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 25px;
  opacity: .75;
}

.games-section .games-prose p {
  max-width: 760px;
  margin: 0 0 20px;
  color: inherit;
  font-size: 16px;
  line-height: 1.85;
}

.games-section .games-prose p:last-child {
  margin-bottom: 0;
}

.games-prose h4 {
  margin-top: 32px;
}

.games-prose h4:first-child {
  margin-top: 0;
}

.games-comparison {
  padding: clamp(60px, 7vw, 105px) clamp(32px, 7vw, 115px);
  background: #382b42;
  color: #fff4e8;
}

.games-comparison-heading {
  max-width: 850px;
  margin-bottom: 30px;
}

.games-section .games-comparison-heading > p:not(.games-eyebrow),
.games-section .games-comparison-foot {
  margin: 20px 0 0;
  color: #e9dce5;
  font-size: 15px;
  line-height: 1.75;
}

.games-comparison-scroll {
  overflow-x: auto;
  border: 1px solid #b6a0ac;
}

.games-comparison-scroll:focus-visible {
  outline: 3px solid #f1cf91;
  outline-offset: 4px;
}

.games-comparison table {
  width: 100%;
  min-width: 610px;
  border-collapse: collapse;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
}

.games-comparison th,
.games-comparison td {
  width: 33.333%;
  padding: 18px 20px;
  border-right: 1px solid #ffffff2e;
  border-bottom: 1px solid #ffffff2e;
  vertical-align: top;
}

.games-comparison thead th {
  background: #ead0ad;
  color: #30212a;
}

.games-comparison tbody th {
  color: #f2cf98;
}

.games-questions {
  display: grid;
  grid-template-columns: minmax(200px, .75fr) minmax(0, 1.25fr);
  gap: clamp(30px, 6vw, 90px);
  padding: clamp(60px, 7vw, 105px) clamp(32px, 7vw, 115px);
  background: #17453f;
  color: #f9f0e4;
}

.games-section .games-questions-heading > p:not(.games-eyebrow) {
  margin: 20px 0 0;
  color: #d8e5df;
  line-height: 1.7;
}

.games-question {
  margin-bottom: 10px;
  border: 1px solid #a7c5b4;
  background: #f8f0e4;
  color: #273b34;
}

.games-question summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  line-height: 1.4;
}

.games-question summary::-webkit-details-marker {
  display: none;
}

.games-question summary:hover,
.games-question[open] summary {
  background: #dfebdd;
}

.games-question summary:focus-visible {
  outline: 3px solid #b67b3e;
  outline-offset: -4px;
}

.games-question summary span {
  display: grid;
  flex: 0 0 34px;
  place-items: center;
  height: 34px;
  background: #17453f;
  color: white;
  font-size: 23px;
}

.games-question summary span::before {
  content: '+';
}

.games-question[open] summary span::before {
  content: '−';
}

.games-section .games-question p {
  margin: 0;
  padding: 0 20px 20px;
  color: #394e43;
  font-size: 14px;
  line-height: 1.75;
}

@media (max-width: 700px) {
  .games-editorial,
  .games-questions {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 50px 24px;
  }

  .games-editorial-mark {
    margin-top: 18px;
  }

  .games-section .games-prose p {
    font-size: 15px;
  }

  .games-comparison {
    padding: 50px 24px;
  }
}
/* GAMES READING AND COMPARISON END */

/* GAMES RETURN CONTROL START */
@media (min-width: 701px) {
  body:has(#games:not([hidden])) .switcher .switcher-home {
    display: flex !important;
  }
}
/* GAMES RETURN CONTROL END */

/* GAMES REDESIGN START */
.games-section {
  background: #102638;
  color: #f4f7f6;
}

.games-masthead {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  min-height: 490px;
  background: #102638;
}

.games-masthead-image {
  order: -1;
  min-height: 490px;
  background: linear-gradient(90deg, transparent 60%, #102638 100%),
    url('../images/games-floor-welcome.webp') center / cover no-repeat;
}

.games-masthead-copy {
  align-self: center;
  padding: 70px clamp(32px, 6vw, 100px);
}

.games-section .games-masthead h2 {
  font-size: clamp(48px, 5.5vw, 78px);
}

.games-section h2 em,
.games-section h3 em {
  color: #98d8dc;
}

.games-eyebrow,
.games-section .games-statline strong {
  color: #bce6e6;
}

.games-section .games-lead,
.games-statline span {
  color: #d9e9ed;
}

.games-contents-kicker,

.games-editorial {
  display: block;
  padding: clamp(48px, 6vw, 85px) clamp(32px, 6vw, 100px);
}

.games-editorial-intro {
  background: #e6f0ed;
  color: #18383d;
}

.games-editorial-reels {
  background: #24444f;
  color: #f4f7f3;
}

.games-editorial-video {
  background: #263454;
  color: #f4f6fc;
}

.games-editorial-guide {
  background: #d8e9e4;
  color: #193b3c;
}

.games-editorial-label {
  max-width: 1300px;
  margin: 0 auto 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid currentColor;
}

.games-editorial-label h3 {
  max-width: 850px;
}

.games-editorial-mark {
  display: none;
}

.games-editorial-intro .games-eyebrow,
.games-editorial-guide .games-eyebrow {
  color: #3c7175;
}

.games-editorial-intro h3 em,
.games-editorial-guide h3 em {
  color: #16747a;
}

.games-prose {
  max-width: 1300px;
  margin: 0 auto;
  columns: 2;
  column-gap: clamp(35px, 5vw, 75px);
  column-rule: 1px solid #90aaa866;
}

.games-section .games-prose p {
  max-width: none;
  margin: 0 0 20px;
  break-inside: avoid;
}

.games-prose h4 {
  break-after: avoid;
}

.games-editorial-reels .games-editorial-label,
.games-editorial-video .games-editorial-label {
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 230px;
  padding: 28px;
  border: 0;
  color: #fff;
  background-position: center;
  background-size: cover;
}

.games-editorial-reels .games-editorial-label {
  background-image: linear-gradient(90deg, #102b36eb 0%, #102b3670 65%, #102b3622),
    url('../images/games-reel-blue.webp');
  background-position: center 43%;
}

.games-editorial-video .games-editorial-label {
  background-image: linear-gradient(90deg, #16213feb 0%, #16213f70 65%, #16213f22),
    url('../images/games-video-blue.webp');
  background-position: center 43%;
}

.games-overview {
  background: #15616a;
}

.games-comparison {
  background: #173353;
}

.games-comparison thead th {
  background: #c4e3e3;
  color: #16333c;
}

.games-comparison tbody th {
  color: #bce7e5;
}

.games-collection {
  background: #d5e9e7;
  color: #173c43;
}

.games-collection .games-eyebrow {
  color: #416b71;
}

.games-collection h3 em {
  color: #14737a;
}

.games-questions {
  background: #0d555a;
}

.games-endnote {
  background: #0c2735;
}

.games-contents a,
.games-editorial,
.games-comparison,
.games-collection,
.games-questions {
  scroll-margin-top: calc(var(--header) + 16px);
}

@media (max-width: 700px) {
  .games-masthead {
    display: flex;
    flex-direction: column;
  }

  .games-masthead-image {
    order: 0;
    min-height: 235px;
    background-image: linear-gradient(180deg, #10263815 60%, #102638 100%),
      url('../images/games-floor-welcome.webp');
  }

  .games-masthead-copy {
    padding: 72px 24px 30px;
  }

  .games-editorial {
    padding: 45px 24px;
  }

  .games-prose {
    columns: 1;
  }

  .games-editorial-reels .games-editorial-label,
  .games-editorial-video .games-editorial-label {
    min-height: 185px;
    padding: 20px;
  }
}
/* GAMES REDESIGN END */

/* GAMES PHOTO AND MOBILE COMPARISON START */
.games-editorial-reels,
.games-editorial-video {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
  column-gap: clamp(30px, 5vw, 72px);
  row-gap: 25px;
  align-items: start;
}

.games-editorial-reels .games-editorial-label,
.games-editorial-video .games-editorial-label {
  grid-column: 1 / -1;
  display: block;
  min-height: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 22px;
  border-bottom: 1px solid #ffffff66;
  background: none;
}

.games-format-photo {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #ffffff52;
}

.games-format-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center;
}

.games-editorial-reels .games-prose,
.games-editorial-video .games-prose {
  width: 100%;
  max-width: 760px;
  margin: 0;
  columns: 1;
  column-rule: none;
}

.comparison-cell-label {
  display: none;
}

@media (max-width: 900px) {
  .games-editorial-reels,
  .games-editorial-video {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .games-editorial-reels .games-editorial-label,
  .games-editorial-video .games-editorial-label {
    grid-column: auto;
    min-height: 0;
    padding: 0 0 18px;
  }

  .games-format-photo {
    max-width: 420px;
  }

  .games-format-photo img {
    aspect-ratio: 5 / 4;
    object-position: center 42%;
  }

  .games-comparison-scroll {
    overflow: visible;
    border: 0;
  }

  .games-comparison table,
  .games-comparison tbody,
  .games-comparison tr,
  .games-comparison th,
  .games-comparison td {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .games-comparison thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .games-comparison tr {
    margin-bottom: 14px;
    border: 1px solid #a9c9d4;
    background: #112d48;
  }

  .games-comparison tbody th,
  .games-comparison td {
    padding: 13px 16px;
    border-right: 0;
    border-bottom: 1px solid #ffffff2e;
  }

  .games-comparison tbody th {
    background: #c4e3e3;
    color: #16333c;
  }

  .games-comparison tr td:last-child {
    border-bottom: 0;
  }

  .comparison-cell-label {
    display: block;
    margin-bottom: 4px;
    color: #bce7e5;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
}
/* GAMES PHOTO AND MOBILE COMPARISON END */

/* GAMES QUESTIONS LAYOUT START */
.games-questions {
  display: block;
}

.games-questions-heading {
  max-width: 1200px;
  margin: 0 auto 28px;
}

.games-question-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  max-width: 1200px;
  margin: 0 auto;
}

.games-question {
  margin: 0;
}

@media (max-width: 700px) {
  .games-question-list {
    grid-template-columns: 1fr;
  }
}
/* GAMES QUESTIONS LAYOUT END */

/* OFFERS START */
.offers-section {
  padding: 0;
  overflow: clip;
  color: #fff7e9;
  background: #47222f;
}

.offers-intro {
  position: relative;
  padding: clamp(55px, 7vw, 105px) clamp(30px, 7vw, 110px);
  background: radial-gradient(circle at 80% 20%, #a7524777, transparent 42%), #52272f;
}

.offers-eyebrow {
  margin: 0 0 16px;
  color: #f2ca90;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .17em;
}

.offers-section .offers-intro h2 {
  max-width: 850px;
  margin: 0 0 20px;
  color: #fff5e6;
  font: normal clamp(48px, 6.5vw, 84px)/1 Georgia, serif;
  letter-spacing: -.045em;
}

.offers-section .offers-intro h2 em,
.offers-heading h3 em {
  color: #f2ca90;
  font-weight: normal;
}

.offers-section .offers-lead {
  max-width: 620px;
  margin: 0;
  color: #f3ded3;
  font-size: 16px;
  line-height: 1.7;
}

.offers-section .offers-notice p {
  margin: 7px 0 0;
  color: #f4e5d8;
  font-size: 13px;
  line-height: 1.65;
}

.offers-collection {
  padding: clamp(45px, 6vw, 90px) clamp(30px, 7vw, 110px);
  background: #cfb296;
  color: #37282b;
}

.offers-heading {
  max-width: 900px;
  margin: 0 auto 30px;
}

.offers-heading .offers-eyebrow,
.offer-panel .offers-eyebrow {
  color: #87513c;
}

.offers-heading h3 {
  margin: 0 0 12px;
  font: normal clamp(34px, 4vw, 53px)/1.05 Georgia, serif;
}

.offers-heading h3 em {
  color: #a24c39;
}

.offers-section .offers-heading > p:not(.offers-eyebrow) {
  margin: 0;
  color: #5b4845;
  font-size: 14px;
  line-height: 1.6;
}

.offers-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 1350px;
  margin: 0 auto;
}

.offer-button {
  order: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  min-height: 205px;
  padding: 20px;
  border: 1px solid #e8c99d;
  background: #452a32;
  color: #fff5e9;
  text-align: left;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}

.offer-button:hover,
.offer-button.is-active {
  border-color: #fff3d6;
  background: #76473f;
}

.offer-button:focus-visible {
  outline: 3px solid #0c7155;
  outline-offset: 3px;
}

.offer-icon {
  color: #f4cd90;
  font-size: 24px;
  line-height: 1;
}

.offer-value {
  color: #f5d69e;
  font: normal 25px Georgia, serif;
}

.offer-name {
  font: normal 21px Georgia, serif;
}

.offer-subtitle {
  color: #f1ded0;
  font-size: 12px;
  line-height: 1.4;
}

.offer-action {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 8px 11px;
  background: #f0d2a1;
  color: #342329;
  font-size: 11px;
  font-weight: 700;
}

.offer-action span {
  font-size: 17px;
  line-height: 1;
}

.offer-button.is-active .offer-action span {
  transform: rotate(45deg);
}

.offer-panel {
  order: 1;
  grid-column: 1 / -1;
  padding: clamp(25px, 4vw, 50px);
  border-left: 4px solid #a04d3c;
  background: #fff7eb;
  color: #34282a;
}

.offer-panel h4 {
  margin: 0 0 8px;
  font: normal clamp(30px, 3vw, 42px) Georgia, serif;
}

.offers-section .offer-panel-highlight {
  margin: 0 0 20px;
  color: #a04d3c;
  font: normal 27px Georgia, serif;
}

.offers-section .offer-panel p:not(.offers-eyebrow):not(.offer-panel-highlight) {
  max-width: 900px;
  margin: 0 0 14px;
  color: #544441;
  font-size: 15px;
  line-height: 1.75;
}

.offers-section .offer-panel p:last-child {
  margin-bottom: 0;
}

.offers-section .offers-footer-note {
  max-width: 1350px;
  margin: 25px auto 0;
  color: #4e3b37;
  font-size: 13px;
  line-height: 1.7;
}

@media (min-width: 701px) {
  body:has(#offers:not([hidden])) .switcher {
    right: auto;
    left: 0;
  }

  body:has(#offers:not([hidden])) .offers-section {
    padding-left: 66px;
  }

  body:has(#offers:not([hidden])) .switcher .switcher-home {
    display: flex !important;
  }
}

@media (max-width: 1000px) {
  .offers-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .offers-intro,
  .offers-collection {
    padding: 38px 20px;
  }

  .offers-section .offers-intro h2 {
    font-size: clamp(40px, 11vw, 60px);
  }

  .offers-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .offer-button,
  .offer-panel {
    order: initial;
  }

  .offer-button {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    column-gap: 10px;
    min-height: 0;
    padding: 15px;
  }

  .offer-icon {
    grid-row: 1 / 4;
  }

  .offer-value,
  .offer-name,
  .offer-subtitle {
    grid-column: 2;
  }

  .offer-value {
    font-size: 19px;
  }

  .offer-name {
    font-size: 19px;
  }

  .offer-action {
    grid-column: 3;
    grid-row: 1 / 4;
    align-self: center;
    margin: 0;
    padding: 8px;
  }

  .offer-panel {
    grid-column: 1;
    padding: 24px 20px;
  }
}
/* OFFERS END */

/* OFFERS REDESIGN START */
.offers-section { background: #f3eee3; color: #183b35; }
.offers-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  background: #103f39;
  color: #fff9ed;
}
.offers-intro-copy { padding: clamp(48px, 7vw, 110px) clamp(28px, 6vw, 100px); }
.offers-intro-image {
  min-height: 430px;
  background: #124b3d url('../images/offers-celebration.webp') center / cover no-repeat;
}
.offers-section .offers-intro h2 { color: #fff9ed; max-width: 11ch; }
.offers-section .offers-intro h2 em { color: #f4ca73; }
.offers-section .offers-lead { color: #f0f5eb; max-width: 56ch; }
.offers-section .offers-intro-note {
  margin: 24px 0 0;
  max-width: 55ch;
  color: #d0e6d9;
  font-size: 14px;
  line-height: 1.6;
}
.offers-collection { background: #f3eee3; padding: clamp(50px, 6vw, 90px) clamp(24px, 6vw, 100px); }
.offers-heading { max-width: 1350px; margin: 0 auto 32px; }
.offers-heading .offers-eyebrow, .offer-panel .offers-eyebrow { color: #276756; }
.offers-heading h3 { color: #143f36; }
.offers-heading h3 em { color: #ac5925; }
.offers-section .offers-heading > p:not(.offers-eyebrow) { color: #39584f; }
.offers-list { gap: 14px; }
.offer-button {
  min-height: 215px;
  padding: 22px;
  background: #145044;
  border: 2px solid #145044;
  color: #fff;
  box-shadow: 0 5px 16px rgba(14, 51, 41, .12);
}
.offer-button:nth-of-type(4n + 2) { background: #17414e; border-color: #17414e; }
.offer-button:nth-of-type(4n + 3) { background: #5c3930; border-color: #5c3930; }
.offer-button:nth-of-type(4n) { background: #3a4930; border-color: #3a4930; }
.offer-button:hover, .offer-button.is-active { border-color: #d8a532; box-shadow: 0 0 0 2px #d8a532; }
.offer-value { color: #ffdf83; font: bold clamp(25px, 2.1vw, 34px) Georgia, serif; line-height: 1.15; }
.offer-name { color: #fff; font-size: 24px; }
.offer-subtitle { color: #edf5ec; line-height: 1.45; }
.offer-action { background: #ffda73; color: #152e28; font-weight: 700; }
.offer-icon { color: #ffda73; }
.offer-panel {
  scroll-margin-top: 105px;
  background: #fffdf7;
  border-left: 5px solid #218266;
  box-shadow: 0 8px 24px rgba(18, 50, 42, .1);
  color: #173b33;
}
.offer-panel h4 { color: #143e34; }
.offers-section .offer-panel-highlight { color: #964115; font-weight: bold; }
.offers-section .offer-panel p:not(.offers-eyebrow):not(.offer-panel-highlight) { max-width: 85ch; color: #29443c; }
.offers-section .offers-footer-note { color: #36584c; }
@media (max-width: 700px) {
  .offers-intro { display: flex; flex-direction: column; padding: 0; }
  .offers-intro-copy { padding: 42px 22px 28px; }
  .offers-intro-image { min-height: 210px; }
  .offers-collection { padding: 38px 20px; }
  .offer-button { min-height: 0; padding: 16px; scroll-margin-top: 85px; }
  .offer-value { font-size: 22px; }
  .offer-name { font-size: 20px; }
  .offer-panel { scroll-margin-top: 85px; }
}
/* OFFERS REDESIGN END */

/* REWARDS V2 START */
.detail.rewards-v2 { padding: 0; background: #f5f1e7; color: #1b3340; }
.rewards-v2 .rv-wrap { max-width: 1400px; margin: 0 auto; }
.rewards-v2 .rv-hero { background: #153b44; color: #fffdf5; padding: clamp(45px, 6vw, 85px) clamp(24px, 6vw, 90px); }
.rv-hero-grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: clamp(30px, 5vw, 80px); }
.rewards-v2 .rv-label { margin: 0 0 14px; color: #94601c; font-size: 12px !important; font-weight: 800; letter-spacing: .14em; }
.rv-hero .rv-label, .rv-points-section .rv-label, .rv-join .rv-label { color: #f5d88e; }
.rewards-v2 h2 { margin: 0 0 22px; color: #fffdf5; font: normal clamp(48px, 5.5vw, 78px)/1.03 Georgia, serif; }
.rewards-v2 h2 em { color: #f3d18a; }
.rewards-v2 h3 { margin: 0 0 18px; font: normal clamp(35px, 4vw, 55px)/1.12 Georgia, serif; }
.rewards-v2 h3 em { color: #a2552d; }
.rewards-v2 p:not(.rv-label) { max-width: none; font-size: 16px; line-height: 1.7; }
.rv-hero p:not(.rv-label) { color: #eff5ec; max-width: 62ch; }
.rv-hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.rv-hero-facts div { min-width: 0; padding: 20px 14px; background: #f0e5cb; color: #153b44; }
.rv-hero-facts strong, .rv-hero-facts span { display: block; }
.rv-hero-facts strong { font: bold clamp(30px, 3vw, 42px) Georgia, serif; }
.rv-hero-facts span { margin-top: 6px; font-size: 13px; line-height: 1.4; }
.rv-levels, .rv-points-section, .rv-experiences, .rv-join { padding: clamp(45px, 5vw, 75px) clamp(24px, 6vw, 90px); }
.rv-levels { background: #f5f1e7; }.rv-intro { max-width: 80ch !important; }
.rv-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-top: 30px; }
.rv-card { grid-column: span 2; background: #fffdf8; box-shadow: 0 5px 18px #19383712; padding: 0 22px 22px; min-width: 0; }
.rv-card:nth-child(4) { grid-column: 2 / span 2; }.rv-card:nth-child(5) { grid-column: 4 / span 2; }
.rv-card-head { margin: 0 -22px; padding: 20px 22px; color: #fff; background: #334a56; }
.rv-silver .rv-card-head { background: #4c6570; }.rv-gold .rv-card-head { background: #795622; }
.rv-elite .rv-card-head { background: #292c40; }.rv-ultra .rv-card-head { background: #006361; }
.rv-card-head span { font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.rv-card h4 { font: normal 30px Georgia, serif; margin: 8px 0 0; color: #fff; }
.rewards-v2 .rv-points { margin: 20px 0 16px; line-height: 1.1 !important; }
.rv-points strong { display:block; color: #134b49; font: bold clamp(24px, 2.1vw, 34px) Georgia, serif; }
.rv-points span { display:block; margin-top: 5px; color: #426263; font-size: 13px; font-weight: 700; }
.rv-card p:not(.rv-points) { font-size: 15px !important; line-height: 1.6 !important; }
.rv-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 20px; }
.rv-benefits div { padding: 13px; background: #dcece5; color: #153d38; }
.rv-benefits strong, .rv-benefits span { display:block; }.rv-benefits strong { font: bold 29px Georgia, serif; }
.rv-benefits span { margin-top: 4px; font-size: 12px; line-height: 1.35; }.rv-card-foot { padding: 13px; background: #dcece5; font-weight: 700; }
.rewards-v2 .rv-note { margin: 24px 0 0; color: #3c5856; font-size: 14px; }
.rv-points-section { background: #1c4750; color: #fff; }.rv-points-section h3 em, .rv-join h3 em { color: #f3d18a; }
.rv-experiences { background: #e7e4d7; }.rv-join { background: #26344b; color: #fff; }
.rv-two { display:grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 26px; }
.rv-two article { padding: 24px; background: #fffdf8; color: #233d42; }.rv-two h4 { margin: 0 0 12px; font: normal 28px Georgia, serif; }
.rv-join .rv-wrap > p:not(.rv-label) { max-width: 85ch; }
@media (min-width: 701px) {
  body:has(#rewards:not([hidden])) .switcher { left: 0; right: auto; }
  body:has(#rewards:not([hidden])) .switcher .switcher-home { display: flex !important; }
  body:has(#rewards:not([hidden])) .detail.rewards-v2 { margin: 0; padding-left: 66px; }
}
@media (max-width: 900px) {
  .rv-grid { grid-template-columns: 1fr 1fr; }
  .rv-card, .rv-card:nth-child(4), .rv-card:nth-child(5) { grid-column: auto; }
  .rv-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .rewards-v2 .rv-hero, .rv-levels, .rv-points-section, .rv-experiences, .rv-join { padding: 36px 20px; }
  .rv-hero-grid, .rv-two, .rv-grid { grid-template-columns: 1fr; }
  .rv-hero-grid { gap: 24px; }.rv-hero-facts { gap: 7px; }.rv-hero-facts div { padding: 12px 8px; }
  .rv-hero-facts strong { font-size: 25px; }.rv-hero-facts span { font-size: 11px; }
  .rv-card:last-child { grid-column: auto; }.rv-card { padding-bottom: 18px; }
  .rv-points strong { font-size: 28px; }.rv-two article { padding: 20px; }
}
/* REWARDS V2 END */

/* REWARDS MOBILE DISCLOSURES START */
.rv-mobile-toggle { display: none; }
@media (max-width: 700px) {
  .rv-hero-facts { display: none; }
  .rv-grid { gap: 10px; }
  .rv-card { padding: 0; }
  .rv-card-head { display: none; }
  .rv-mobile-toggle {
    display: flex;
    width: 100%;
    min-height: 72px;
    padding: 15px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 2px solid transparent;
    background: #334a56;
    color: #fff;
    cursor: pointer;
    text-align: left;
  }
  .rv-silver .rv-mobile-toggle { background: #4c6570; }
  .rv-gold .rv-mobile-toggle { background: #795622; }
  .rv-elite .rv-mobile-toggle { background: #292c40; }
  .rv-ultra .rv-mobile-toggle { background: #006361; }
  .rv-mobile-toggle:focus-visible { outline: 3px solid #d9a839; outline-offset: 2px; }
  .rv-mobile-toggle[aria-expanded="true"] { border-color: #d9a839; }
  .rv-mobile-toggle strong, .rv-mobile-toggle small { display: block; }
  .rv-mobile-toggle strong { font: normal 25px Georgia, serif; }
  .rv-mobile-toggle small { margin-top: 4px; font-size: 13px; font-weight: 700; }
  .rv-toggle-icon { flex: 0 0 34px; height: 34px; display: grid; place-items: center; background: #fff; color: #173d3c; }
  .rv-toggle-icon::after { content: '+'; font-size: 25px; line-height: 1; }
  .rv-mobile-toggle[aria-expanded="true"] .rv-toggle-icon::after { content: '−'; }
  .rv-mobile-content { padding: 0 18px 20px; }
  .rv-mobile-toggle[aria-expanded="false"] + .rv-mobile-content { display: none; }
}
/* REWARDS MOBILE DISCLOSURES END */

/* DINING START */
.dining-section { color: #352b24; background: #f6eee0; scroll-margin-top: calc(var(--header) + 8px); }
.dining-wrap { max-width: 1400px; margin: 0 auto; }
.dining-hero, .dining-breakfast { display: grid; grid-template-columns: 1fr 1fr; }
.dining-hero { background: #8a4735; color: #fffaf1; }
.dining-copy { padding: clamp(42px, 6vw, 90px) clamp(24px, 6vw, 90px); align-self: center; }
.dining-hero img, .dining-breakfast img { display: block; width: 100%; height: 100%; min-height: 400px; object-fit: cover; }
.dining-section .dining-kicker { margin: 0 0 14px; color: #a36536; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.dining-hero .dining-kicker { color: #ffe0a2; }
.dining-section h2, .dining-section h3 { margin: 0 0 22px; font: normal clamp(37px, 4.5vw, 66px)/1.08 Georgia, serif; }
.dining-section h2 em { color: #ffdc9c; }.dining-section h3 em { color: #a1492f; }
.dining-section p:not(.dining-kicker) { max-width: 72ch; font-size: 16px; line-height: 1.75; }
.dining-hours { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: baseline; margin: 25px 0 0; padding-top: 18px; border-top: 1px solid #ffffff70; }
.dining-hours strong { font: 25px Georgia, serif; }
.dining-menu, .dining-rewards, .dining-finish { padding: clamp(45px, 6vw, 85px) clamp(24px, 6vw, 90px); }
.dining-menu { background: #f6eee0; }.dining-lead { max-width: 75ch; }
.dining-menu-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 30px; }
.dining-menu-grid article { padding-top: 18px; border-top: 3px solid #b46f42; }
.dining-menu-grid h4 { margin: 0 0 12px; font: 26px Georgia, serif; }
.dining-menu-grid p { margin: 0 0 12px; }
.dining-breakfast { background: #e1d1ac; }.dining-breakfast .dining-kicker { color: #7c471d; }
.dining-rewards { background: #173f38; color: #f7fbf1; }.dining-rewards .dining-kicker { color: #f4d692; }
.dining-rewards h3 em { color: #f4d692; }.dining-rewards-grid { display: grid; grid-template-columns: 1fr .7fr; gap: 40px; align-items: center; }
.dining-discount { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dining-discount p { margin: 0; padding: 24px 16px; background: #f4e5c6; color: #153e36; }
.dining-discount strong, .dining-discount span { display: block; }.dining-discount strong { font: bold 42px Georgia, serif; }.dining-discount span { font-weight: 700; font-size: 13px; }
.dining-rewards-button { margin-top: 12px; padding: 15px 23px; background: #f5d28c; color: #17362c; border: 2px solid #f5d28c; font-weight: 700; cursor: pointer; }
.dining-rewards-button:hover, .dining-rewards-button:focus-visible { background: #fff3d7; outline: 2px solid #fff; outline-offset: 3px; }
.dining-finish { background: #e7d5ca; }.dining-finish p:not(.dining-kicker) { max-width: 85ch; }
@media (min-width: 701px) {
  body:has(.detail:not([hidden])) .dining-section { padding-left: 66px; }
}
@media (max-width: 700px) {
  .dining-hero, .dining-breakfast, .dining-menu-grid, .dining-rewards-grid { grid-template-columns: 1fr; }
  .dining-copy, .dining-menu, .dining-rewards, .dining-finish { padding: 38px 22px; }
  .dining-hero img, .dining-breakfast img { min-height: 0; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
  .dining-breakfast img { order: 2; }.dining-menu-grid { gap: 18px; margin-top: 24px; }
  .dining-rewards-grid { gap: 24px; }.dining-discount strong { font-size: 35px; }
}
/* DINING END */

/* RACEWAY START */
.raceway-section { color: #243927; background: #f0ede0; scroll-margin-top: calc(var(--header) + 8px); }
.raceway-wrap { max-width: 1400px; margin: 0 auto; }
.raceway-hero { display: grid; grid-template-columns: 1fr 1fr; background: #304e3b; color: #fffaf0; }
.raceway-hero-image img { display: block; width: 100%; height: 100%; min-height: 440px; object-fit: cover; }
.raceway-hero-copy { align-self: center; padding: clamp(44px, 6vw, 90px); }
.raceway-section .raceway-kicker { margin: 0 0 15px; color: #966027; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.raceway-hero .raceway-kicker, .raceway-harness .raceway-kicker, .raceway-visit .raceway-kicker { color: #f7d28d; }
.raceway-section h2, .raceway-section h3 { margin: 0 0 22px; font: normal clamp(38px, 4.5vw, 65px)/1.08 Georgia, serif; }
.raceway-section h2 em { color: #f6d28d; }.raceway-section h3 em { color: #a75d37; }
.raceway-section p:not(.raceway-kicker) { max-width: 75ch; font-size: 16px; line-height: 1.8; }
.raceway-experience, .raceway-harness, .raceway-tradition, .raceway-visit { padding: clamp(48px, 6vw, 85px) clamp(24px, 6vw, 90px); }
.raceway-experience { background: #f0ede0; }.raceway-harness { background: #345958; color: #f6f8ef; }
.raceway-harness h3 em, .raceway-visit h3 em { color: #f4d39a; }.raceway-tradition { background: #e1d2ba; }
.raceway-visit { background: #213f35; color: #f6f8ef; }.raceway-visit p:not(.raceway-kicker) { max-width: 100ch; }
.raceway-columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 70px); }
.raceway-columns p { margin: 0 0 18px; }.raceway-columns p:last-child { margin-bottom: 0; }
@media (min-width: 701px) {
  .switcher { left: 0; right: auto; }
  .dining-section, .raceway-section { padding-left: 66px; }
}
@media (max-width: 700px) {
  .raceway-hero, .raceway-columns { grid-template-columns: 1fr; }
  .raceway-hero-copy, .raceway-experience, .raceway-harness, .raceway-tradition, .raceway-visit { padding: 38px 22px; }
  .raceway-hero-image img { min-height: 0; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
  .raceway-columns { gap: 18px; }
}
/* RACEWAY END */

/* ABOUT START */
.about-section { background: #f1e9dc; color: #342b29; scroll-margin-top: calc(var(--header) + 8px); }
.about-wrap { max-width: 1400px; margin: 0 auto; }
.about-hero { display: grid; grid-template-columns: 1.05fr .95fr; background: #40313c; color: #fff9ed; }
.about-hero-copy { align-self: center; padding: clamp(44px, 6vw, 90px); }
.about-hero img { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.about-section .about-kicker { margin: 0 0 15px; color: #925a34; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.about-hero .about-kicker, .about-experience .about-kicker, .about-closing .about-kicker { color: #f3d291; }
.about-section h2, .about-section h3 { margin: 0 0 22px; font: normal clamp(38px, 4.5vw, 65px)/1.08 Georgia, serif; }
.about-section h2 em { color: #f3d291; }.about-section h3 em { color: #a55635; }
.about-section p:not(.about-kicker) { max-width: 78ch; font-size: 16px; line-height: 1.8; }
.about-visit, .about-first-visit, .about-experience, .about-amenities, .about-closing { padding: clamp(48px, 6vw, 85px) clamp(24px, 6vw, 90px); }
.about-visit { background: #f1e9dc; }.about-visit-grid { display: grid; grid-template-columns: .65fr 1fr; gap: clamp(30px, 5vw, 80px); align-items: start; }
.about-address { padding: 28px; background: #e0c9a6; border-left: 4px solid #aa6e3d; }
.about-address address { font: normal clamp(25px, 2.5vw, 34px)/1.3 Georgia, serif; }
.about-section .about-address-label { margin-top: 0; font-size: 12px !important; font-weight: 800; letter-spacing: .12em; }
.about-section h4 { margin: 0 0 12px; font: normal 27px Georgia, serif; }
.about-first-visit { background: #dae7de; }.about-columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 70px); }
.about-columns p { margin: 0 0 18px; }.about-experience { background: #294943; color: #f7f9ef; }
.about-experience h3 em, .about-closing h3 em { color: #f3d291; }.about-experience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 30px; }
.about-experience-grid article { border-top: 2px solid #e4bf82; padding-top: 20px; }
.about-amenities { background: #e5d4c4; }.about-closing { background: #3c303c; color: #fff9ef; }
@media (min-width: 701px) { .about-section { padding-left: 66px; } }
@media (max-width: 700px) {
  .about-hero, .about-visit-grid, .about-columns, .about-experience-grid { grid-template-columns: 1fr; }
  .about-hero-copy, .about-visit, .about-first-visit, .about-experience, .about-amenities, .about-closing { padding: 38px 22px; }
  .about-hero img { min-height: 0; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
  .about-visit-grid, .about-columns, .about-experience-grid { gap: 20px; }
  .about-address { padding: 22px; }
}
/* ABOUT END */

/* FOOTER START */
.site-footer { background: #20141d; color: #f7ede2; padding: 58px clamp(24px, 6vw, 90px) 22px; }
.footer-inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.3fr; gap: 48px; }

.footer-brand p { max-width: 36ch; color: #d5c9c4; line-height: 1.7; }
.footer-navigation { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.footer-group { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.footer-group h2 { margin: 0 0 8px; color: #f0cb86; font: normal 23px Georgia, serif; }
.footer-group a { color: #f7ede2; text-decoration: none; line-height: 1.4; }
.footer-group a:hover, .footer-group a:focus-visible, .footer-logo:hover, .footer-logo:focus-visible { color: #f2c878; text-decoration: underline; }
.footer-bottom { max-width: 1400px; margin: 42px auto 0; padding-top: 20px; border-top: 1px solid #ffffff35; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; color: #d5c9c4; font-size: 13px; }
.footer-bottom p { margin: 0; }
@media (min-width: 701px) { .site-footer { padding-left: calc(66px + clamp(24px, 6vw, 90px)); } }
@media (max-width: 700px) {
  .site-footer { padding: 38px 22px 24px; }
  .footer-inner { grid-template-columns: 1fr; gap: 25px; }
  .footer-navigation { grid-template-columns: 1fr 1fr; gap: 18px; }
  .footer-group { gap: 11px; }
  .footer-group h2 { font-size: 20px; }
  .footer-group a { font-size: 14px; }
  .footer-bottom { margin-top: 30px; }
}
/* FOOTER END */

/* LEGAL PAGES START */
.footer-navigation { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.legal-page { background: #f5eee3; color: #302830; }
.legal-main { min-height: 60vh; }
.legal-heading { padding: clamp(45px, 6vw, 85px) clamp(24px, 8vw, 120px); background: #3b2430; color: #fff8ea; }
.legal-heading > * { max-width: 1100px; margin-left: auto; margin-right: auto; }
.legal-eyebrow { color: #efd08f; font-size: 12px; font-weight: 800; letter-spacing: .15em; }
.legal-heading h1 { margin-top: 18px; margin-bottom: 15px; font: normal clamp(40px, 5vw, 65px)/1.1 Georgia, serif; }
.legal-heading p:not(.legal-eyebrow) { line-height: 1.7; }
.legal-heading .legal-date { color: #ecd5ad; font-size: 14px; margin-top: 22px; }
.legal-content { max-width: 1100px; margin: 0 auto; padding: clamp(40px, 5vw, 75px) 24px; }
.legal-section { padding: 24px 0; border-bottom: 1px solid #d4c1ae; }
.legal-section:first-child { padding-top: 0; }
.legal-section:last-child { border-bottom: 0; padding-bottom: 0; }
.legal-section h2 { margin: 0 0 12px; font: normal clamp(25px, 3vw, 32px) Georgia, serif; color: #3b2832; }
.legal-section p { max-width: 85ch; margin: 0; font-size: 16px; line-height: 1.8; }
@media (min-width: 701px) { .legal-page .site-footer { padding-left: clamp(24px, 6vw, 90px); } }
@media (max-width: 700px) {
  .footer-navigation { grid-template-columns: 1fr 1fr; }
  .footer-legal { grid-column: 1 / -1; }
  .legal-page { padding-bottom: 0; }
  .legal-heading { padding: 38px 22px; }
  .legal-content { padding: 35px 22px 45px; }
  .legal-section { padding: 21px 0; }
}
/* LEGAL PAGES END */

/* SECTION SWITCHER CONTRAST START */
.switcher { background: #173c3a; border: 1px solid #81b8a0; }
.switcher-items button, .switcher-items a {
  background: #1b4844;
  color: #fffdf6;
  border-color: #93c7b470;
  font-weight: 700;
  cursor: pointer;
}
.switcher-items button span, .switcher-items a span { color: #ffe19e; font-size: 18px; }
.switcher-items small { font-size: 11px; line-height: 1.15; }
.switcher-items button:hover, .switcher-items a:hover { background: #326f5d; color: #fff; }
.switcher-items button.is-current, .switcher-items a.is-current {
  background: #f3d18a;
  color: #193d36;
  box-shadow: inset 4px 0 #fff3d6;
}
.switcher-items button.is-current span, .switcher-items a.is-current span { color: #193d36; }
.switcher-items button:focus-visible, .switcher-items a:focus-visible, .switcher-play:focus-visible {
  outline: 3px solid #fff; outline-offset: -3px;
}
.switcher .switcher-play { background: #a83237; color: #fff; border: 2px solid #f7b5a7; }
.switcher .switcher-play span { color: #fff; }
.switcher .switcher-play small { color: #fff; font-size: 12px; font-weight: 800; line-height: 1.1; }
.switcher .switcher-play:hover { background: #c14645; }
@media (max-width: 700px) {
  .switcher { border-width: 1px 0 0; }
  .switcher-items button.is-current, .switcher-items a.is-current { box-shadow: inset 0 4px #fff3d6; }
  .switcher .switcher-play small { font-size: 13px; }
}
/* SECTION SWITCHER CONTRAST END */
@media (max-width: 700px) { .switcher-items { position: relative; } }
.switcher-items button.is-active:not(.is-current) { background: #1b4844; color: #fffdf6; }
.switcher-items button.is-active:not(.is-current):hover { background: #326f5d; }