.footer {
  position: relative;

  --on-dark:       rgba(251, 250, 247, .86);
  --on-dark-mute:  rgba(251, 250, 247, .62);
  --on-dark-faint: rgba(251, 250, 247, .38);

  z-index: 6;

  background: linear-gradient(180deg,
    var(--page-night)  0%,
    var(--navy)       58%);

  padding: 7rem 0 0;

  color: var(--on-dark);
  overflow: hidden;
}

.ft-top { row-gap: 5rem; padding-bottom: 5rem; }

.ft-left { grid-column: content-start / span 6; }

.ft-mark {
  display: block;
  width: 11rem;
  margin-bottom: 3.4rem;
}
.ft-mark img { width: 100%; height: auto; }

.ft-proof {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 22rem));
  justify-content: start;
  gap: 1rem;
  margin-bottom: 4.4rem;
}
.ft-badge {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  min-width: 0;
  padding: 1.3rem 1.4rem;
  border: var(--hair) solid var(--line-dark);
  border-radius: .3rem;
  background: rgba(250,247,241,.03);
  transition: border-color .5s var(--ease), background .5s var(--ease);
}
.ft-badge b {
  font-family: var(--font-sans);
  font-size: 1.45rem;
  font-weight: 600;
  color: var(--ivory);
  letter-spacing: -.005em;
}
.ft-badge span {
  color: var(--on-dark-faint);
  font-size: .95rem;
  line-height: 1.45;
  letter-spacing: .1em;
}
@media (hover: hover) {
  a.ft-badge:hover { border-color: var(--line-dark-lift); background: rgba(250,247,241,.06); }
}

.ft-capture h3 {
  font-family: var(--font-display);
  font-weight: 400;

  font-size: 2.8rem;
  line-height: 1.1;
  letter-spacing: -.012em;
  color: var(--ivory);
  margin-bottom: .8rem;
}
.ft-capture p { font-size: 1.5rem; color: var(--on-dark-mute); margin-bottom: 2rem; max-width: 36rem; }

.ft-form { display: flex; gap: 1rem; max-width: 42rem; }
.ft-form input {
  flex: 1;
  min-width: 0;
  height: 5.4rem;
  padding: 0 1.8rem;
  background: rgba(250,247,241,.05);
  border: var(--hair) solid var(--line-dark);
  border-radius: 100vmax;
  color: var(--ivory);
  font-family: var(--font-sans);
  font-size: 1.55rem;
  transition: border-color .4s var(--ease), background .4s var(--ease);
}
.ft-form input::placeholder { color: rgba(250,247,241,.26); }
.ft-form input:focus {
  outline: none;
  border-color: var(--gold-lift);
  background: rgba(250,247,241,.08);
}
.ft-send {
  flex: none;
  display: grid;
  place-items: center;
  width: 5.4rem; height: 5.4rem;
  border-radius: 50%;
  background: var(--gold);
  color: var(--ivory);
  transition: background .45s var(--ease), transform .45s var(--ease-out);
}
.ft-send svg { width: 1.8rem; height: 1.8rem; }
@media (hover: hover) {
  .ft-send:hover { background: var(--gold-lift); transform: translateX(.3rem); }
}
.ft-send:focus-visible { outline: 2px solid var(--gold-lift); outline-offset: 3px; }

.ft-cols {
  grid-column: span 9 / content-end;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.6rem var(--gap);
}
.ft-group h4 {
  font-family: var(--font-sans);
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: .16em;
  text-transform: uppercase;

  color: var(--gold-lift);

  margin-bottom: 1.3rem;
}
.ft-group ul { display: flex; flex-direction: column; gap: 1.1rem; }
.ft-group a {
  font-size: 1.55rem;
  color: var(--on-dark);
  transition: color .35s var(--ease);
}
@media (hover: hover) { .ft-group a:hover { color: var(--ivory); } }

.ft-line {
  position: relative;

  padding: 3rem 0 3.5rem;
}

.ft-marquee {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: ft-slide 34s linear infinite;
}
.ft-marquee.is-paused { animation-play-state: paused; }
.ft-marquee span {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding-right: 4rem;
  font-family: var(--font-display);
  font-weight: 400;

  font-size: 8.6rem;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--ivory);
  white-space: nowrap;
}
.ft-marquee em {
  font-style: italic;

  color: var(--gold-lift);
}

.ft-marquee i {
  flex: none;
  width: 4.4rem; height: 1rem;
  border-radius: .2rem;
  background: var(--gold);
}

@keyframes ft-slide {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .ft-marquee { animation: none; }
}

.ft-base {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 3rem;
  width: 100%;
  max-width: var(--max);
  margin-inline: auto;
  padding: 2.2rem var(--pad) 2.6rem;
  border-top: var(--hair) solid var(--line-dark);
}
.ft-base p { color: var(--on-dark-faint); }

@media (max-width: 1200px) {
  .ft-left { grid-column: content-start / span 7; }
  .ft-cols { grid-column: span 9 / content-end; gap: 4rem var(--gap); }
  .ft-marquee span { font-size: 8rem; }
}
@media (max-width: 991px) {

  .footer {
    padding-top: 8rem;
    border-top: var(--hair) solid var(--line-dark);
  }
  .ft-top { row-gap: 5rem; padding-bottom: 5rem; }
  .ft-left, .ft-cols { grid-column: content; }
  .ft-cols { gap: 3.6rem var(--gap); }
  .ft-marquee span { font-size: 5.6rem; gap: 2.6rem; padding-right: 2.6rem; }
  .ft-marquee i { width: 3rem; height: 1.4rem; }

}

@media (min-width: 768px) and (max-width: 991px) {
  .ft-left {
    display: grid;

    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 4.5rem;
    row-gap: 5rem;
    align-items: center;
  }

  .ft-mark  { grid-column: 1; grid-row: 1; margin-bottom: 0; }
  .ft-proof { grid-column: 2; grid-row: 1; margin-bottom: 0; }

  .ft-capture {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 4.5rem;
    align-items: center;
  }
  .ft-capture h3 { grid-column: 1; grid-row: 1; }
  .ft-capture p  { grid-column: 1; grid-row: 2; margin-bottom: 0; }

  .ft-form       { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 767px) {

  .ft-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.6rem 5rem;
  }

  .ft-group h4 { font-size: 1.35rem; letter-spacing: .12em; }

  .ft-marquee i { height: .5rem; width: 3rem; }
  .ft-mark { width: 9rem; }
  .ft-marquee span { font-size: 4rem; }
  .ft-badge { min-width: 13rem; padding: 1.2rem 1.4rem; }

  .ft-base {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1.1rem;
  }

  .ft-by span { display: block; }
}

.ft-by b { font-weight: 500; color: var(--on-dark-mute); }

.ft-space,
.ft-shade { display: none; }

html.ft-reveal .ft-shade {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--ft-h, 0px);
  z-index: 2;
  background: var(--page);
  pointer-events: none;
}

html.ft-reveal .footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  z-index: 1;
}

html.ft-reveal .ft-space {
  display: block;
  height: var(--ft-h, 0px);

  pointer-events: none;
}

.menu-btn {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  height: 3.4rem;
  color: inherit;
}

.menu-btn-label {
  font-family: var(--font-sans);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: inherit;
  transition: color .4s var(--ease);
}

.menu-ico {
  position: relative;
  display: block;
  width: 2.2rem; height: 1.1rem;
}
.menu-ico i {
  position: absolute;
  left: 0; top: 50%;
  width: 100%; height: var(--hair);
  margin-top: calc(var(--hair) / -2);
  background: currentColor;
  transform-origin: 50% 50%;
  transition: transform .55s var(--ease-arch), width .55s var(--ease-arch);
}
.menu-ico i:nth-child(1) { transform: translateY(-.42rem); }
.menu-ico i:nth-child(2) { width: 62%; transform: translateY(.42rem); }

@media (hover: hover) {
  .menu-btn:hover .menu-ico i:nth-child(2) { width: 100%; }
}

.menu-btn.is-open .menu-ico i:nth-child(1) { width: 100%; transform: rotate(45deg) scaleX(.7); }
.menu-btn.is-open .menu-ico i:nth-child(2) { width: 100%; transform: rotate(-45deg) scaleX(.7); }

.menu-btn:focus-visible { outline: 2px solid currentColor; outline-offset: .6rem; }

.menu {
  position: fixed;
  inset: 0;
  z-index: 150;
  visibility: hidden;
  pointer-events: none;
}
.menu.is-open { visibility: visible; pointer-events: auto; }

.menu-panel {
  position: absolute;
  inset: 0;
  background: var(--navy);

  clip-path: inset(0 0 100% 0);
  will-change: clip-path;
}

.menu-panel::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: var(--hair);
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity: .8;
}

.menu-inner {
  position: relative;
  height: 100%;
  align-content: center;
  row-gap: 6rem;
  padding-top: var(--header-h);
}

.menu-nav { grid-column: content-start / span 9; }

.menu-link {
  position: relative;
  display: block;
}

.menu-link::before,
.menu-link::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: var(--hair);
}
.menu-link::before { background: rgba(255,255,255,.1); }
.menu-link a {
  display: flex;
  align-items: baseline;
  gap: 3.2rem;

  padding: 2.6rem 0;
  color: var(--paper);
}

.menu-link .idx {
  flex: none;
  width: 4rem;
  font-family: var(--font-sans);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: .16em;
  font-variant-numeric: tabular-nums;
  color: var(--gold);
  transition: color .5s var(--ease), transform .7s var(--ease-arch);
}

.menu-link .slot {
  display: block;
  overflow: hidden;
  font-size: 4.2rem;
  padding: .3em .12em;
  margin: -.3em -.12em;
}

.menu-link b {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;

  font-size: inherit;
  line-height: 1.08;
  letter-spacing: -.005em;
  transition: color .5s var(--ease), transform .7s var(--ease-arch);
}
.menu-link a:focus-visible { outline: 2px solid var(--gold); outline-offset: .4rem; }

.menu-link b {
  background-image: linear-gradient(95deg,
    var(--gold-lift) 0%,
    var(--gold-lift) 44%,
    var(--paper)     56%,
    var(--paper)     100%);
  background-size: 220% 100%;
  background-repeat: no-repeat;

  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  transition: background-position .85s var(--ease-arch);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .menu-link b { color: transparent; -webkit-text-fill-color: transparent; }
}

.menu-link::after {
  background: linear-gradient(90deg, var(--gold) 0%, var(--gold) 55%, rgba(201,160,99,0) 100%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .8s var(--ease-arch);
}

.menu-link .go {
  margin-left: auto;
  flex: none;

  align-self: center;
  font-family: var(--font-sans);
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1;
  color: var(--gold-lift);
  opacity: 0;
  transform: translateX(-1.8rem);
  transition: opacity .45s var(--ease), transform .65s var(--ease-arch);
}

@media (hover: hover) {
  .menu-link a:hover b           { background-position: 0 0; }
  .menu-link a:hover .idx        { color: var(--gold-lift); }
  .menu-link a:hover .go         { opacity: 1; transform: translateX(0); }
  .menu-link:has(a:hover)::after { transform: scaleX(1); }
}

.menu-side {
  grid-column: span 6 / content-end;
  align-self: end;
  display: flex;
  flex-direction: column;
  gap: 3.4rem;
}

.menu-block .menu-label {

  display: block;
  font-family: var(--font-sans);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--gold);
  opacity: .82;
  margin-bottom: 1.4rem;
}

.menu-block p,
.menu-lines a,
.menu-social a {
  font-family: var(--font-sans);
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: .012em;
  color: rgba(255,255,255,.82);
}
.menu-block p { line-height: 1.8; max-width: 40rem; }

.menu-lines {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.4rem;
}
.menu-social {
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem 2.6rem;
}
.menu-lines a,
.menu-social a {
  line-height: 1.25;
  transition: color .4s var(--ease);
}
.menu-lines a:hover,
.menu-social a:hover { color: var(--gold-lift); }

@media (max-width: 991px) {

  .menu-inner {
    align-content: start;
    padding-top: calc(var(--header-h) + 3rem);
    padding-bottom: 5rem;
    row-gap: 4rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .menu-nav, .menu-side { grid-column: content; }
  .menu-link .slot { font-size: 3.4rem; }
  .menu-link a { padding: 2rem 0; gap: 2.4rem; }
  .menu-link .idx { width: 3rem; font-size: 1.3rem; }
  .menu-side { align-self: start; gap: 2.4rem; }
}
@media (max-width: 767px) {
  .menu-link .slot { font-size: 2.3rem; }
  .menu-link .idx { width: 2.6rem; font-size: 1.15rem; }
  .menu-link a { gap: 1.6rem; padding: 1.5rem 0; }
  .menu-block .menu-label { font-size: 1.1rem; margin-bottom: 1.1rem; }
  .menu-block p, .menu-lines a, .menu-social a { font-size: 1.5rem; }
  .menu-lines { gap: 1.2rem; }
}

@media (max-height: 560px) and (max-width: 991px) {
  .menu-inner { padding-top: calc(var(--header-h) + 1.4rem); row-gap: 2.6rem; }
  .menu-link a { padding: 1.1rem 0; }
  .menu-link .slot { font-size: 2.4rem; }
  .menu-side { gap: 2rem; }
}

.menu.menu--drawer .menu-scrim {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .56);
  opacity: 0;
}

.menu.menu--drawer .menu-panel {
  inset: 0 0 0 auto;
  width: max-content;
  max-width: min(88vw, 56rem);
  clip-path: none;
  will-change: transform;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 40%),
    #080808;
  border-left: var(--hair) solid rgba(217, 179, 120, .22);
  box-shadow: -3rem 0 8rem rgba(0, 0, 0, .55);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.menu.menu--drawer .menu-panel::-webkit-scrollbar { width: 3px; }
.menu.menu--drawer .menu-panel::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(217, 179, 120, 0), rgba(217, 179, 120, .09) 20%, rgba(217, 179, 120, .09) 80%, rgba(217, 179, 120, 0));
}
.menu.menu--drawer .menu-panel::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: linear-gradient(180deg, #f6e1ad 0%, #e5c071 45%, #b8862a 100%);
}
.menu.menu--drawer .menu-panel::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fffdf4 0%, #eed18d 45%, #d0a044 100%);
}
@supports not selector(::-webkit-scrollbar) {
  .menu.menu--drawer .menu-panel {
    scrollbar-width: thin;
    scrollbar-color: #d9b378 rgba(217, 179, 120, .07);
  }
}

.menu.menu--drawer .menu-panel::after { display: none; }

.menu.menu--drawer .menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  min-height: 100%;
  width: auto;
  max-width: none;
  margin: 0;
  padding: calc(var(--header-h) / 2 + 1.7rem + 80px + 7px) clamp(28px, 4.8rem, 56px) clamp(28px, 5rem, 56px) clamp(28px, 4.4rem, 52px);
}

.menu.menu--drawer .menu-link:first-child a { padding-top: 0; }

.menu.menu--drawer .menu-side { display: none; }

.menu.menu--drawer .menu-nav { min-width: clamp(240px, 30rem, 340px); }

.menu.menu--drawer .menu-link a { padding: clamp(21px, 3.4rem, 33px) 0; }
.menu.menu--drawer .menu-link .slot { font-size: clamp(18px, 2.6rem, 26px); }

@media (min-width: 768px) and (max-width: 991px) {
  .menu.menu--drawer .menu-link .slot { font-size: clamp(18px, 2.2rem, 21px); }
}

.menu.menu--drawer .menu-link .go { font-size: clamp(16px, 1.8rem, 20px); }

body:has(.menu--drawer) .header .header-right > .btn {
  transition:
    border-color .5s var(--ease),
    color .5s var(--ease),
    box-shadow .5s var(--ease),
    opacity .35s var(--ease);
}
html.is-drawer .header .header-right > .btn { opacity: 0; pointer-events: none; }

@media (max-width: 767px) {
  .menu.menu--drawer .menu-panel {
    width: 100%;
    max-width: none;
    border-left: 0;
    box-shadow: none;
  }
  .menu.menu--drawer .menu-inner {
    justify-content: flex-start;
    padding: calc(var(--header-h) / 2 + 1.7rem + 80px + 7px) var(--pad) 40px;
  }
  .menu.menu--drawer .menu-nav { min-width: 0; width: 100%; }
  .menu.menu--drawer .menu-link a { padding: 20px 0; }
  .menu.menu--drawer .menu-link:first-child a { padding-top: 0; }
  .menu.menu--drawer .menu-link .slot { font-size: clamp(17px, 1.9rem, 20px); }

  .menu.menu--drawer .menu-link::before { display: none; }
  .menu.menu--drawer .menu-link {
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg,
      rgba(224, 189, 111, .6) 0%,
      rgba(224, 189, 111, .22) 55%,
      rgba(224, 189, 111, 0) 100%) 1;
  }
}

@media (max-height: 560px) {
  .menu.menu--drawer .menu-inner { justify-content: flex-start; }
}

.header-nav { display: none; }

@media (min-width: 1280px) {
  body:has(.menu--drawer) .header .menu-btn { display: none; }

  .header-nav {
    display: flex;
    align-items: center;
    gap: clamp(20px, 2.8rem, 34px);
    margin-right: clamp(8px, 1.2rem, 20px);
  }
}

.header-nav-link {
  position: relative;
  padding: .8rem 0;
  font: 500 clamp(11px, 1.2rem, 14px)/1 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  opacity: .82;
  transition: color .35s var(--ease), opacity .35s var(--ease);
}

.header-nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(208, 160, 68, .35) 0%, #e5c071 10%, #f6e1ad 50%, #e5c071 90%, rgba(208, 160, 68, .35) 100%);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .5s var(--ease);
}

@media (hover: hover) {
  .header-nav-link[href]:hover { color: #e0bd6f; opacity: 1; }
  .header-nav-link[href]:hover::after { transform: scaleX(1); transform-origin: left center; }
}

.header-nav-link:focus-visible { outline: 1px solid #e0bd6f; outline-offset: .6rem; opacity: 1; }

.header-nav-link[aria-current] { color: #e0bd6f; opacity: 1; }
.header-nav-link[aria-current]::after { transform: scaleX(1); }

.header-nav-link[aria-disabled="true"] { opacity: .45; cursor: default; }

@media (min-width: 1440px) {
  .header-nav { gap: clamp(26px, 3.6rem, 48px); }
  .header-nav-link { font-size: clamp(12px, 1.32rem, 15px); }
}

.header-mega { display: none; }

@media (min-width: 1280px) {
  body:has(.menu--drawer) .header-right { position: relative; }

  .header-mega {
    display: block;
    position: absolute;
    top: 100%;
    left: var(--hm-x, 0px);
    z-index: 5;
    padding-top: 1.4rem;
    width: clamp(500px, 62rem, 640px);
    visibility: hidden;
    pointer-events: none;
    transition: visibility 0s .5s;
  }

  .header-mega.is-open {
    visibility: visible;
    pointer-events: auto;
    transition: visibility 0s;
  }
}

.hm-panel {
  position: relative;
  padding: clamp(18px, 2.2rem, 26px);
  border: 1px solid rgba(217, 179, 120, .18);
  border-radius: 1.6rem;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0) 55%),
    #090909;
  box-shadow: 0 2.6rem 6rem -1rem rgba(0, 0, 0, .75);
  color: var(--paper);

  opacity: 0;
  clip-path: inset(0 0 100% 0 round 1.6rem);
  transition:
    clip-path .38s cubic-bezier(.4, 0, .2, 1),
    opacity .25s var(--ease) .08s;
}

.hm-panel::before {
  content: '';
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(224, 189, 111, 0), #e0bd6f 30%, #f6e1ad 50%, #e0bd6f 70%, rgba(224, 189, 111, 0));
  box-shadow: 0 0 .8rem rgba(224, 189, 111, .35);
  opacity: 0;
  transform: scaleX(.15);
  transition:
    transform .42s cubic-bezier(.55, 0, .45, 1),
    opacity .34s cubic-bezier(.4, 0, .2, 1);
}

.header-mega.is-open .hm-panel {
  opacity: 1;
  clip-path: inset(0 0 0 0 round 1.6rem);
  transition:
    clip-path .7s cubic-bezier(.22, 1, .36, 1),
    opacity .3s var(--ease);
}

.header-mega.is-open .hm-panel::before {
  opacity: 1;
  transform: scaleX(1);
  transition:
    transform 1s cubic-bezier(.22, 1, .36, 1) .06s,
    opacity .6s cubic-bezier(.4, 0, .2, 1) .06s;
}

.hm-in {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.4rem, 30px);
}

.hm-cover {
  position: relative;
  display: block;
  height: clamp(64px, 8.4rem, 96px);
  border-radius: 1rem;
  overflow: hidden;
  isolation: isolate;
}

.hm-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.12);
  transition: transform .5s var(--ease);
}

.header-mega.is-open .hm-cover img {
  transform: scale(1);
  transition: transform 1.2s cubic-bezier(.22, 1, .36, 1) .05s;
}

.hm-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .25) 70%, rgba(0, 0, 0, .1) 100%);
}

.hm-cover-txt {
  position: absolute;
  left: 1.4rem;
  right: 1.4rem;
  bottom: 1.1rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.hm-cover-txt b {
  font-family: var(--font-title);
  font-weight: 400;
  font-size: clamp(18px, 2.2rem, 26px);
  line-height: 1;
  color: var(--paper);
}

.hm-cover-txt i {
  font-style: normal;
  font-size: clamp(9px, .95rem, 11px);
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #e0bd6f;
}

@media (hover: hover) {
  .header-mega.is-open .hm-cat:hover .hm-cover img { transform: scale(1.04); transition-duration: .9s; transition-delay: 0s; }
}

.hm-list { list-style: none; margin: .8rem 0 0; padding: 0; }

.hm-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.4rem;
  align-items: center;
  column-gap: 1rem;
  padding: clamp(7px, .95rem, 11px) 0;
  border-bottom: 1px solid rgba(251, 250, 247, .07);
  color: var(--paper);
}

.hm-name {
  font-size: clamp(13px, 1.4rem, 15.5px);
  font-weight: 400;
  line-height: 1.3;
  transition: color .35s var(--ease);
}

.hm-soon {
  display: inline-block;
  margin-left: 1rem;
  padding: .3rem .8rem;
  border: 1px solid rgba(224, 189, 111, .45);
  border-radius: 100vmax;
  vertical-align: .15em;
  font-size: clamp(8px, .85rem, 10px);
  font-weight: 500;
  letter-spacing: .18em;
  line-height: 1.2;
  text-transform: uppercase;
  color: #e0bd6f;
}

.hm-soon--done {
  border-color: rgba(251, 250, 247, .22);
  color: rgba(251, 250, 247, .62);
}

.hm-place {
  grid-column: 1;
  font-size: clamp(9px, .95rem, 11px);
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(251, 250, 247, .4);
}

.hm-item svg {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.hm-item svg,
.hm-all svg {
  width: 1.3rem;
  height: 1.3rem;
  color: #e0bd6f;
  opacity: 0;
  transform: translateX(-.5rem);
  transition: opacity .35s var(--ease), transform .5s var(--ease-out);
}

@media (hover: hover) {
  .hm-item:hover .hm-name { color: #e0bd6f; }
  .hm-item:hover svg { opacity: 1; transform: none; }
}

.hm-item:focus-visible { outline: 1px solid #e0bd6f; outline-offset: .3rem; }
.hm-item:focus-visible svg { opacity: 1; transform: none; }

.hm-all {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-top: 1.4rem;
  font-size: clamp(9.5px, 1rem, 11.5px);
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #e0bd6f;
}

.hm-all svg { opacity: 1; transform: none; }

@media (hover: hover) {
  .hm-all:hover svg { transform: translateX(.4rem); }
}

.hm-all:focus-visible { outline: 1px solid #e0bd6f; outline-offset: .3rem; }

.hm-stag {
  opacity: 0;
  transform: translateY(.8rem);
  transition: opacity .2s var(--ease), transform .2s var(--ease);
}

.header-mega.is-open .hm-stag {
  opacity: 1;
  transform: none;
  transition:
    opacity .55s var(--ease) calc(.14s + var(--i, 0) * 35ms),
    transform .75s cubic-bezier(.22, 1, .36, 1) calc(.14s + var(--i, 0) * 35ms);
}

.header-nav-link.has-mega {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.hm-caret {
  width: 1rem;
  height: 1rem;
  min-width: 9px;
  min-height: 9px;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}

.has-mega[aria-expanded="true"] .hm-caret { transform: rotate(180deg); }
.header-nav-link.has-mega[aria-expanded="true"] { color: #e0bd6f; opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .hm-panel, .hm-panel::before, .hm-cover img, .hm-stag { transition: none !important; }
}

@media (min-width: 1280px) {
  .header-mega--flat { width: max-content; max-width: calc(100vw - 32px); }
}

.hm-list--flat {
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  grid-auto-columns: clamp(200px, 24rem, 280px);
  column-gap: clamp(20px, 3rem, 36px);
  margin: 0;
}

body:has(.menu--drawer) .header.is-stuck {
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  background: rgba(9, 9, 9, .86);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 1px 0 rgba(217, 179, 120, .16), 0 1.6rem 4rem -2rem rgba(0, 0, 0, .7);
  color: var(--paper);
}

body:has(.menu--drawer) .header.is-stuck.is-ready {
  transition:
    transform .6s cubic-bezier(.22, 1, .36, 1),
    opacity .6s var(--ease),
    color .5s var(--ease);
}

body:has(.menu--drawer) .header.is-stuck .header-logo { width: 6.7rem; transform: none; }

@media (max-width: 767px) {
  body:has(.menu--drawer) .header.is-stuck .header-logo { width: 5.3rem; }
}

body:has(.menu--drawer) .header.is-stuck.is-shown,
body:has(.menu--drawer) .header.is-stuck.is-menu { transform: none; }

@media (prefers-reduced-motion: reduce) {
  body:has(.menu--drawer) .header.is-stuck.is-ready { transition: none; }
}

html.nb-home-head .header[data-header] {
  position: fixed;
  top: 0;
  transform: translateY(var(--head-y, 0px));
}

html.nb-home-head .header[data-header].is-menu { transform: none; }

/* Scrolling down tucks the header away; scrolling up brings it back. */
html.nb-home-head .header[data-header] {
  transition:
    transform .6s cubic-bezier(.22, 1, .36, 1),
    opacity .6s var(--ease),
    color .5s var(--ease);
}
/* The large home logo hangs below the bar, so tuck it further than the bar's own height. */
html.nb-home-head .header[data-header].is-tucked:not(.is-menu) { transform: translateY(calc(-100% - 8rem)); }

.header--sticky {
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  visibility: hidden;
  background: rgba(9, 9, 9, .86);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 1px 0 rgba(217, 179, 120, .16), 0 1.6rem 4rem -2rem rgba(0, 0, 0, .7);
  color: var(--paper);
  transition:
    transform .6s cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear .6s;
}

.header--sticky.is-shown {
  transform: none;
  visibility: visible;
  transition:
    transform .6s cubic-bezier(.22, 1, .36, 1),
    visibility 0s;
}

.header[data-header].is-menu ~ .header--sticky { transform: translateY(-100%); visibility: hidden; }

.header.header--sticky .header-logo { width: 6.7rem; transform: none; }

@media (max-width: 767px) {
  .header.header--sticky .header-logo { width: 5.3rem; }
}

@media (min-width: 1280px) {
  .header--sticky .menu-btn { display: none; }
  .header--sticky .header-right { position: relative; }
}

@media (prefers-reduced-motion: reduce) {
  html.nb-home-head .header[data-header],
  .header--sticky,
  .header--sticky.is-shown { transition: none; }
}

@media (min-width: 1280px) {
  .header-drop { width: clamp(210px, 22rem, 260px); }
}

.hd-list { list-style: none; margin: 0; padding: 0; }

.hd-item {
  display: block;
  padding: clamp(10px, 1.25rem, 15px) 0;
  border-bottom: 1px solid rgba(251, 250, 247, .07);
  color: var(--paper);
}

.hd-list li:last-child .hd-item { border-bottom: 0; padding-bottom: .2rem; }
.hd-list li:first-child .hd-item { padding-top: .2rem; }

.hd-name {
  font: 500 clamp(11px, 1.2rem, 14px)/1.3 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(251, 250, 247, .82);
  transition: color .35s var(--ease);
}

@media (min-width: 1440px) {
  .hd-name { font-size: clamp(12px, 1.32rem, 15px); }
}

@media (hover: hover) {
  .hd-item:hover .hd-name { color: #e0bd6f; }
}

.hd-item:focus-visible { outline: 1px solid #e0bd6f; outline-offset: .3rem; }

.hd-item[aria-current] .hd-name { color: #e0bd6f; }

button.header-nav-link {
  border: 0;
  background: none;
  cursor: pointer;
}

.header-nav-link.is-here { color: #e0bd6f; opacity: 1; }

:root {

  --page-night: #000000;
  --ink:        #000000;
  --ink-2:      #0c0c0c;
  --ink-soft:   #565656;
  --navy:       #000000;
  --navy-2:     #0c0c0c;

  --paper-rgb: 0 0 0;

  --paper:   #fbfaf7;
  --paper-2: #050505;

  --ivory:   #ffffff;

  --on-light:        rgba(251, 250, 247, .74);
  --on-light-mute:   rgba(251, 250, 247, .47);
  --on-light-faint:  rgba(251, 250, 247, .24);
  --line-light:      rgba(251, 250, 247, .12);
  --line-light-lift: rgba(251, 250, 247, .26);
}

.scene,
.st-stage,
.fx-stage,
.wk { background: var(--page-night); }

.st-stage,
.wk { color: var(--paper); }

.wk-link { background: var(--ink); }

.loader { background: #000; }

.loader::before,
.loader::after { display: none; }

.ct-glow i:nth-child(1) { background: #1a1a1a; }
.ct-glow i:nth-child(2) { background: #0f0f0f; }
.ct-glow i:nth-child(3) { background: #212121; }

html.is-night .rv-card { background: #090909; }

.fx-cue { --cue-fill: var(--gold-lift); }

.fx-point { border-color: var(--line-light); }

@media (max-height: 760px) {
  .tl-stage { padding: calc(var(--header-h) + 3.2rem) 0 2.6rem; }
  .tl-inner { row-gap: 1.6rem; }
  .tl-title { font-size: 3.6rem; margin-bottom: 1.8rem; }
  .tl-year  { font-size: 4.2rem; }

  .fx-stage { padding-block: 5rem; }
}

@media (max-height: 680px) {
  .tl-stage { padding: calc(var(--header-h) + 2.6rem) 0 2.4rem; }
  .tl-inner { row-gap: 1.1rem; }
  .tl-title { font-size: 2.9rem; margin-bottom: 1.3rem; }
  .tl-year  { font-size: 3.4rem; }
  .tl-panel-body { line-height: 1.45; }

  .fx-stage { padding-block: 3.2rem; }
  .fx-said  { font-size: 1.35rem; }

  .fx-note   { margin-top: 1.6rem; }
  .fx-rule   { margin-top: 1.8rem; }
  .fx-points { margin-top: 1.4rem; }
}

.fx-stage  { color: var(--paper); }
.fx-title  { color: var(--paper); }
.fx-term   { color: var(--paper); }
.st-para   { color: var(--paper); }
.wk-arrow  { color: var(--paper); }
.wk-more   { color: var(--paper); }
.display   { color: var(--paper); }

.tl,
.tl-stage { background: transparent; }

@media (max-width: 991px) {
  .fx,
  .fx-stage { background: transparent; }
}

.hero-scrim {
  background:
    linear-gradient(90deg, rgba(6, 6, 6, .68) 0%, rgba(6, 6, 6, .28) 42%, transparent 68%),
    linear-gradient(180deg, rgba(6, 6, 6, .66) 0%, rgba(6, 6, 6, .30) 12%, rgba(6, 6, 6, .10) 30%, rgba(6, 6, 6, .46) 68%, rgba(6, 6, 6, .88) 100%);
}

.btn { color: var(--paper); }
.btn::before { background: var(--paper); }
.btn:hover { color: var(--ink); }

:root {

  --on-dark-faint: rgba(251, 250, 247, .34);
}

.mk-word { color: rgb(var(--dark-rgb) / .74); }

@font-face {
  font-family: "IvyPresto Text";
  src: url("../assets/fonts/IvyPrestoText-SemiBold.otf") format("opentype");
  font-weight: 400 900;
  font-style: normal;

  font-display: swap;
}

.ld-lock {
  position: absolute;
  left: 50%;
  top: calc(100% + 1.1rem);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .7rem;
  width: 62%;
}

.ld-rule {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .5);
}

.ld-since {
  font-family: var(--font-year);
  font-size: 1.5rem;
  letter-spacing: .12em;
  color: rgba(255, 255, 255, .82);
  white-space: nowrap;
}
.ld-since b { font-weight: inherit; }

.ld-fly {
  position: fixed;
  z-index: 9999;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 12rem;
  line-height: 1;
  letter-spacing: -.014em;
  color: #fff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  will-change: transform;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .ld-fly {
    background-image: var(--gold-grad);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@media (max-width: 1200px) { .ld-fly { font-size: 9.6rem; } }
@media (max-width: 991px)  { .ld-fly { font-size: 7.6rem; } }
@media (max-width: 767px)  { .ld-fly { font-size: 5.8rem; } }
@media (max-height: 720px) { .ld-fly { font-size: 6.6rem; } }

.ld-bar {
  top: calc(50% + var(--ld-h) / 2 + 2rem);
  width: calc(var(--ld-w) * .7);
  background: rgba(255, 255, 255, .22);
}

.ld-lock {
  top: calc(100% + 3.65rem);
  gap: 0;
  width: 70%;
}

.ld-rule { display: none; }

.ld-since {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .34em;
  font-size: 2.7rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: .1em;
}

.ld-since b {
  font-size: 3.1rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: .04em;
  color: rgba(255, 255, 255, .92);
}

.ld-photo {
  isolation: isolate;
}

.ld-veil { display: none; }

.ld-photo::before,
.ld-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.ld-photo::before {
  z-index: 1;
  background: #808080;
  mix-blend-mode: saturation;
}

.ld-photo::after {
  z-index: 3;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.55'/></svg>");
  background-size: 180px 180px;
}

.ld-scrim {

  --dark-rgb: 6 6 6;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgb(var(--dark-rgb) / .68) 0%,
      rgb(var(--dark-rgb) / .28) 42%,
      transparent 68%),
    linear-gradient(180deg,
      rgb(var(--dark-rgb) / .66) 0%,
      rgb(var(--dark-rgb) / .30) 12%,
      rgb(var(--dark-rgb) / .10) 30%,
      rgb(var(--dark-rgb) / .46) 68%,
      rgb(var(--dark-rgb) / .88) 100%);
}

.ld-grade {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(270deg,
      rgb(var(--dark-rgb) / .74) 0%,
      rgb(var(--dark-rgb) / .52) 26%,
      rgb(var(--dark-rgb) / .18) 48%,
      rgb(var(--dark-rgb) / 0) 66%);
}

:root {
  --font-year: "IvyPresto Text", var(--font-title);
  --gold-metal: linear-gradient(180deg,
    #5e3f0d 0%,
    #a87a25 4%,
    #e0bd6f 9%,
    #f7e3ad 14%,
    #fffdf4 20%,
    #f4dc9f 26%,
    #d9a94c 35%,
    #b07f28 44%,
    #8a5c15 51%,
    #a9761f 55%,
    #d4a344 62%,
    #f6e2ab 70%,
    #fffef8 76%,
    #f0d18e 83%,
    #cb9a3c 91%,
    #6f4a10 100%);
  --gold-grad: var(--gold-metal);
  --gold-cast:
    drop-shadow(0 .028em 0 rgba(54, 33, 5, .95))
    drop-shadow(0 .13em .09em rgba(118, 76, 15, .62))
    drop-shadow(0 .3em .34em rgba(74, 46, 6, .44));

  --gold-cast-light:
    drop-shadow(0 .02em 0 rgba(96, 64, 14, .5))
    drop-shadow(0 .07em .06em rgba(125, 86, 21, .32))
    drop-shadow(0 .16em .2em rgba(125, 86, 21, .2));
  --gold-metal-light: linear-gradient(180deg,
    #4a3008 0%,
    #86590f 4%,
    #b8862a 9%,
    #dbb663 14%,
    #edd08a 20%,
    #d4aa52 26%,
    #ae7f26 35%,
    #8a5d14 44%,
    #67450b 51%,
    #82590f 55%,
    #ab7f27 62%,
    #d8b165 70%,
    #e8c87c 76%,
    #c79c41 83%,
    #9a6b1c 91%,
    #523807 100%);
  --gold-line-light: linear-gradient(180deg,
    #382305 0%,
    #472d07 14%,
    #603f0b 24%,
    #8a5f15 33%,
    #b5862c 42%,
    #d0a54c 50%,
    #c0913a 58%,
    #a3761f 66%,
    #865c14 74%,
    #6b480c 82%,
    #513608 90%,
    #3a2405 100%);
  --gold-sheen: linear-gradient(180deg, #a87a28 0%, #f3dda4 16%, #fffdf3 34%, #e2bb6e 56%, #b98d33 78%, #f0d199 100%);
  --gold-small-cast: 0 1px 2px rgba(74, 46, 6, .5);
}

.sy-year,
.sy-dig,
.sy-col > span,
.ld-fly {
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
}

.sy-col > span,
.ld-fly {
  background-image: var(--gold-metal);
}

.sy .sy-dig .sy-col > span {
  background-size: 100% 100%;
  background-position: 50% 50%;
  line-height: .86;
}

.ld-fly {
  line-height: .86;
}

.sy-year-frame {
  overflow: visible;
  position: relative;
}

.sy-year,
.ld-fly {
  filter: var(--gold-cast);
}

.sy-year-frame::before,
.sy-year-frame::after { display: none; }

.sy-year-frame::before,
.sy-year-frame::after {
  content: '';
  position: absolute;
  z-index: 3;
  pointer-events: none;
  width: 7rem;
  height: 7rem;
  opacity: 0;
  background:
    radial-gradient(closest-side, rgba(255, 253, 246, 1) 0%, rgba(255, 245, 210, .7) 28%, rgba(255, 238, 186, 0) 72%) center / 32% 32% no-repeat,
    linear-gradient(90deg, rgba(255, 247, 216, 0) 0%, rgba(255, 253, 240, .95) 50%, rgba(255, 247, 216, 0) 100%) center / 100% 4% no-repeat,
    linear-gradient(180deg, rgba(255, 247, 216, 0) 0%, rgba(255, 253, 240, .95) 50%, rgba(255, 247, 216, 0) 100%) center / 4% 100% no-repeat;
  animation: sy-glint 4.6s ease-in-out infinite;
}

.sy-year-frame::before { top: -1rem; right: 17.5rem; }
.sy-year-frame::after  { top: 1.1rem; right: 2.7rem; animation-delay: 2.3s; }

@keyframes sy-glint {
  0%, 58%, 100% { opacity: 0; transform: scale(.5) rotate(0deg); }
  9%            { opacity: 1; transform: scale(1) rotate(10deg); }
  22%           { opacity: .3; transform: scale(.78) rotate(18deg); }
}

@media.sy-eyebrow,
.sy-count b,
.sy-tick.is-on,
.sy-caption b,
.hero-title em,
.fx-ico,
.ct-call,
.cp-year {
  text-shadow: var(--gold-small-cast);
}

.sy--flush { --sy-fill-flush: 1; }

.sy--flush .sy-years {
  grid-auto-columns: auto;
  justify-content: space-between;
}

.sy--flush .sy-years > li:first-child .sy-tick { transform-origin: left bottom; }
.sy--flush .sy-years > li:last-child  .sy-tick { transform-origin: right bottom; }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .hero-title em {
    background-image: var(--gold-sheen);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.v6 {
  --gold-cast-mid:
    drop-shadow(0 .02em 0 rgba(54, 33, 5, .88))
    drop-shadow(0 .075em .06em rgba(118, 76, 15, .5))
    drop-shadow(0 .18em .2em rgba(74, 46, 6, .38));
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {

  .v6 .hero-title em,
  .v6 .ft-marquee em,
  .v6 .tl-year,
  .v6 .gt-name,
  .v6 .hero-eyebrow,
  .v6 .sy-eyebrow,
  .v6 .vt-eyebrow,
  .v6 .ct-eyebrow,
  .v6 .fx-eyebrow,
  .v6 .wk-eyebrow,
  .v6 .lg-eyebrow,
  .v6 .rv-eyebrow,
  .v6 .menu-label,
  .v6 .sy-count b,
  .v6 .sy-caption b,
  .v6 .ft-group h4,
  .v6 .menu-link .idx,
  .v6 .menu-link .go,
  .v6 .gt-go,
  .v6 .nx-tag,
  .v6 .wk-place,
  .v6 .sy-tick,
  .v6 .wk-more,
  .v6 .lg-role,
  .v6 .ct-call,
  .v6 .fm-sound {
    background-image: var(--gold-metal);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
            background-clip: text;
  }

  .v6 .hero-title em,
  .v6 .ft-marquee em,
  .v6 .tl-year {
    background-size: 100% 100%;
    background-position: 50% 50%;
  }

  .v6 .gt-name {
    background-size: 100% 230%;
    background-position: 50% 18%;
  }

  .v6 .hero-eyebrow,
  .v6 .sy-eyebrow,
  .v6 .vt-eyebrow,
  .v6 .ct-eyebrow,
  .v6 .fx-eyebrow,
  .v6 .wk-eyebrow,
  .v6 .lg-eyebrow,
  .v6 .rv-eyebrow,
  .v6 .menu-label,
  .v6 .sy-count b,
  .v6 .sy-caption b,
  .v6 .ft-group h4,
  .v6 .menu-link .idx,
  .v6 .menu-link .go,
  .v6 .gt-go,
  .v6 .nx-tag,
  .v6 .wk-place,
  .v6 .sy-tick,
  .v6 .wk-more,
  .v6 .lg-role,
  .v6 .ct-call,
  .v6 .fm-sound {
    background-size: 100% 640%;
    background-position: 50% 24%;
  }

  .v6 .hero-title em,
  .v6 .ft-marquee em {
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast);
  }
  .v6 .tl-year.is-active { filter: var(--gold-cast); }

  .v6 .gt-name {
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-mid);
  }

  .v6 .hero-eyebrow,
  .v6 .sy-eyebrow,
  .v6 .vt-eyebrow,
  .v6 .ct-eyebrow,
  .v6 .fx-eyebrow,
  .v6 .wk-eyebrow,
  .v6 .lg-eyebrow,
  .v6 .rv-eyebrow,
  .v6 .menu-label,
  .v6 .sy-count b,
  .v6 .sy-caption b,
  .v6 .ft-group h4,
  .v6 .menu-link .idx,
  .v6 .menu-link .go,
  .v6 .gt-go,
  .v6 .nx-tag,
  .v6 .wk-place {
    -webkit-text-fill-color: transparent;
    text-shadow: var(--gold-small-cast);
  }

  .v6 .wk-more,
  .v6 .lg-role,
  .v6 .ct-call,
  .v6 .fm-sound {
    -webkit-text-fill-color: currentColor;
    transition:
      -webkit-text-fill-color .5s var(--ease),
      color .5s var(--ease),
      transform .5s var(--ease-arch);
  }
  .v6 .ct-call:hover,
  .v6 .fm-sound:hover,
  .v6 .wk-card:hover .wk-more,
  .v6 .lg-cell:hover .lg-role {
    -webkit-text-fill-color: transparent;
    text-shadow: var(--gold-small-cast);
  }

  .v6 .sy-tick {
    -webkit-text-fill-color: transparent;
    background-size: 100% 830%;
    background-position: 50% 28.4%;
    text-shadow: var(--gold-small-cast);
    transition:
      background-size .5s var(--ease),
      background-position .5s var(--ease),
      transform .5s var(--ease-arch);
  }
  .v6 .sy-tick:hover { background-position: 50% 24%; }

  .v6 .sy-tick.is-on {
    background-size: 100% 640%;
    background-position: 50% 24%;
    transform: scale(1.32);
  }

  .v6 .gt-go:hover {
    background-image: none;
    -webkit-background-clip: border-box;
            background-clip: border-box;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
  }
}

.v6 {
  --btn-gold-face:
    linear-gradient(178deg,
      #e7c886   0%,
      #f5e1ae  15%,
      #fdf3d4  30%,
      #f0d79f  45%,
      #ddb86e  60%,
      #c9a055  75%,
      #bd9244  90%,
      #d4ae66 100%);

  --btn-gold-ink: #1b1205;
  --btn-gold-rim: #f0d8a2;

  --btn-gold-edge: #dfb96c;
}

.v6 .header .btn::before,
.v6 .header.is-dark .btn::before,
.v6 .header.is-menu .btn::before,
.v6 .tl .btn::before,
.v6 .nx-go::before,
.v6 .ct .btn--solid::before,
.v6 .btn--solid::before {
  background: var(--btn-gold-face);

  inset: calc(var(--hair) * -1);

  transition: transform .55s var(--ease), filter .4s var(--ease);
}

.v6 .header .btn:hover::before,
.v6 .header.is-dark .btn:hover::before,
.v6 .header.is-menu .btn:hover::before,
.v6 .tl .btn:hover::before,
.v6 .nx-go:hover::before,
.v6 .ct .btn--solid:hover::before,
.v6 .btn--solid:hover::before {
  filter: brightness(1.06);
}

.v6 .header .btn:hover,
.v6 .header.is-dark .btn:hover,
.v6 .header.is-menu .btn:hover,
.v6 .tl .btn:hover,
.v6 .nx-go:hover,
.v6 .ct .btn--solid:hover,
.v6 .btn--solid:hover {
  color: var(--btn-gold-ink);
  border-color: transparent;
  box-shadow:
    0 1.2rem 2.8rem rgba(0, 0, 0, .45),
    0 .2rem .9rem rgba(201, 160, 99, .26);
}

.v6 .btn {
  transition:
    border-color .5s var(--ease),
    color .5s var(--ease),
    box-shadow .5s var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  .v6 .header .btn::before,
  .v6 .header.is-dark .btn::before,
  .v6 .header.is-menu .btn::before,
  .v6 .tl .btn::before,
  .v6 .ct .btn--solid::before,
  .v6 .btn--solid::before { transition: none; }
}

.v6 .st-mark svg { stroke: url(#icoGold48); }
.v6 .st-mark .m-dot { fill: url(#icoGold48); }

.v6 .fx-ico svg,
.v6 .tl-panel-ico svg,
.v6 .gt-go-dot svg { stroke: url(#icoGold24); }

@media (hover: hover) {
  .v6 .fx-point:hover .fx-ico svg { stroke: url(#icoGold24Lit); }

  .v6 .gt-go:hover .gt-go-dot svg { stroke: currentColor; }
}
.cp {
  --cp-rim-secs: 82;
  --cp-tick-spin: 0;
  --cp-ring-lo: .48;
  --cp-ring-hi: .72;
  --cp-faint-lo: .2;
  --cp-faint-hi: .4;
}

.cp .cp-case {
  stroke: url(#cpCase);
  stroke-width: 10;
  opacity: 1;
  filter:
    drop-shadow(0 0 .55rem rgba(255, 206, 130, .55))
    drop-shadow(0 0 1.6rem rgba(255, 186, 96, .3))
    drop-shadow(0 .1rem .28rem rgba(46, 28, 4, .3));
}

.cp .cp-ring:not(.cp-ring--faint),
.cp .cp-case-in {
  stroke: url(#cpInner);
  opacity: .82;
}

.cp .cp-ticks line {
  stroke: url(#cpInner);
}

.cp .cp-ring--faint {
  stroke: url(#cpInner);
  opacity: .3;
}

.cp .cp-needle-n {
  filter: drop-shadow(0 0 .3rem rgba(255, 205, 130, .4));
}

.cp .cp-hub-in {
  filter: drop-shadow(0 0 .24rem rgba(255, 205, 130, .5));
}

.cp .cp-year {
  fill: url(#cpYear);
}

.v6 .cp .cp-year.is-on {
  fill: url(#cpYearOn);
  opacity: 1;
}

.cp .cp-year.is-near {
  opacity: .82;
}

.cp .cp-deg {
  fill: url(#cpDeg);
  opacity: .62;
}

.cp .cp-rose--b {
  display: none;
}

.ld-gate {
  position: absolute;
  inset: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 4vw, 6rem);
  padding: 4rem 3rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: rgb(6 6 6 / .74);
  backdrop-filter: blur(8px) saturate(.9);
  transition: opacity .55s var(--ease), visibility .55s var(--ease);
}

.ld-gate.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gt-mascot {
  flex: none;
  width: auto;
  height: min(61vh, 47rem);
  object-fit: contain;
  transform: translateY(1.4rem) scale(.92);
  opacity: 0;
  filter: drop-shadow(0 1.6rem 2.4rem rgb(0 0 0 / .6));
  transition: transform .8s var(--ease), opacity .7s var(--ease);
  transition-delay: .12s;
}

.ld-gate.is-open .gt-mascot {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.gt-panel {
  max-width: 46rem;
  transform: translateY(1.2rem);
  opacity: 0;
  transition: transform .8s var(--ease), opacity .7s var(--ease);
  transition-delay: .24s;
}

.ld-gate.is-open .gt-panel {
  transform: translateY(0);
  opacity: 1;
}

.gt-year {
  margin: 0 0 3.4rem;
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  font-size: 17.4rem;
  line-height: .86;
  letter-spacing: 0;
  color: #fff;
}

.gt-year b {
  font-weight: inherit;
  background-image: var(--gold-metal);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: var(--gold-cast);
}

.gt-ask {
  margin: 0 0 2.6rem;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 2.1rem;
  line-height: 1.42;
  color: rgb(255 255 255 / .82);
}

.gt-form {
  display: flex;
  align-items: stretch;
  gap: 1.2rem;
  flex-wrap: wrap;
}

.gt-input {
  flex: 1 1 22rem;
  min-width: 0;
  padding: 1.1rem .2rem;
  border: 0;
  border-bottom: var(--hair) solid rgb(255 255 255 / .3);
  background: none;
  font-family: var(--font-sans);
  font-size: 1.9rem;
  letter-spacing: .01em;
  color: #fff;
  transition: border-color .3s var(--ease);
}

.gt-input::placeholder { color: rgb(255 255 255 / .34); }
.gt-input:focus { outline: none; border-bottom-color: var(--gold-lift); }

.ld-gate.is-empty .gt-input {
  border-bottom-color: rgb(226 120 90 / .9);
  animation: gt-nudge .4s var(--ease);
}

@keyframes gt-nudge {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-.5rem); }
  75% { transform: translateX(.5rem); }
}

.gt-go {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 1.9rem;
  border: var(--hair) solid rgb(235 196 134 / .55);
  border-radius: 999px;
  background: none;
  cursor: pointer;
  font-family: var(--font-sans);
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold-lift);
  transition: color .3s var(--ease), border-color .3s var(--ease), background-color .3s var(--ease);
}

.gt-go:hover {
  color: #1a1206;
  border-color: transparent;
  background-color: var(--gold-lift);
}

.gt-go svg { width: 1.6rem; height: 1.6rem; display: block; }

.v6 .gt-go {
  position: relative;
  overflow: hidden;
  transition:
    color .4s var(--ease),
    border-color .4s var(--ease),
    box-shadow .4s var(--ease);
}

.v6 .gt-go > * { position: relative; z-index: 1; }

.v6 .gt-go { border-color: var(--btn-gold-edge); }

/* Phones: mobile Safari paints clipped gradient text on a button as dark, and a
   tap leaves :hover stuck (dark ink). Use plain gold text with no hover state. */
@media (hover: none), (max-width: 767px) {
  html .v6 .gt-go,
  html .v6 .gt-go:hover {
    color: var(--gold-lift);
    background: none;
    -webkit-text-fill-color: var(--gold-lift);
    text-shadow: none;
    border-color: var(--btn-gold-edge);
    box-shadow: none;
  }
  html .v6 .gt-go:hover::before { transform: scaleY(0); }
  html .v6 .gt-go .gt-go-dot svg,
  html .v6 .gt-go:hover .gt-go-dot svg { stroke: var(--gold-lift); }
  html .v6 .gt-go svg { stroke: var(--gold-lift); }
}

.gt-fly {
  position: fixed;
  z-index: 400;
  left: 50%;
  top: 50%;
  margin: 0;
  white-space: nowrap;
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  line-height: .86;
  letter-spacing: 0;
  pointer-events: none;
  transform-origin: 50% 50%;

  color: transparent;
  -webkit-text-fill-color: transparent;
}

.gt-fly::before,
.gt-fly::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity var(--gt-fly-morph, .95s) linear;
}

.gt-fly::before {
  color: rgba(255, 255, 255, .92);
  -webkit-text-fill-color: rgba(255, 255, 255, .92);
  opacity: 1;
}

.gt-fly::after {
  background-image: var(--gold-metal);
  background-size: 100% var(--fly-band, 100%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: var(--gold-cast);
  opacity: 0;
}

.gt-fly.is-gold::before { opacity: 0; }
.gt-fly.is-gold::after  { opacity: 1; }

.gt-fly::before { opacity: 0; }
.gt-fly::after  { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .gt-fly::before,
  .gt-fly::after { transition: none; }
}

.nx {
  position: fixed;
  inset: 0;
  z-index: 410;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 3rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s var(--ease), visibility .6s var(--ease);
}

.nx.is-in {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.nx-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.nx-year,
.nx-voice,
.nx-go {
  opacity: 0;
  transform: translateY(1.4rem);
  transition: opacity .7s var(--ease), transform .8s var(--ease);
}

.nx.is-in .nx-year { opacity: 1; transform: none; }
.nx.is-ready .nx-voice { opacity: 1; transform: none; transition-delay: .1s; }
.nx.is-ready .nx-go { opacity: 1; transform: none; transition-delay: .24s; }

/* The disclaimer line under the founder's voice card. */
.nx-legal {
  margin: -2.2rem 0 3.2rem;
  font-size: clamp(12px, 1.3rem, 14px);
  line-height: 1.5;
  letter-spacing: .02em;
  color: rgb(255 255 255 / .58);
  opacity: 0;
  transition: opacity .7s var(--ease);
}
.nx.is-ready .nx-legal { opacity: 1; transition-delay: .18s; }
.nx-legal a {
  color: #e0bd6f;
  text-decoration: underline;
  text-decoration-color: rgb(224 189 111 / .45);
  text-underline-offset: .3em;
  transition: color .3s var(--ease), text-decoration-color .3s var(--ease);
}
.nx-legal a:hover,
.nx-legal a:focus-visible { color: #f3d49c; text-decoration-color: currentColor; }

.nx-year {
  margin: 0 0 3.4rem;
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  font-size: 17.4rem;
  line-height: .86;
  letter-spacing: 0;
  color: #fff;
}

.nx-year b {
  font-weight: inherit;
  background-image: var(--gold-metal);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: var(--gold-cast);
}

.nx-fly {
  position: fixed;
  z-index: 420;
  left: 50%;
  top: 50%;
  margin: 0;
  white-space: nowrap;
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
  pointer-events: none;
  transform-origin: 50% 50%;

  background-image: var(--gold-metal);
  background-size: 100% var(--fly-band, 100%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: var(--gold-cast);
}

.nx-fly.is-out {
  filter: drop-shadow(0 .028em 0 rgba(54, 33, 5, .95));

  will-change: transform, opacity;
}

.nx-veil {
  position: fixed;
  inset: 0;
  z-index: 390;
  pointer-events: none;
}

.nx.is-leaving .nx-voice {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.v6 .st-frame {
  visibility: visible;
  overflow: hidden;

  aspect-ratio: 585 / 673;
}

.v6 .st-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nx-voice {
  width: 100%;
  margin-bottom: 3.9rem;
  padding: 2rem 2.3rem 2.2rem;
  border-radius: 1.7rem;
  border: var(--hair) solid rgb(223 185 108 / .3);

  background: linear-gradient(180deg,
    rgb(255 255 255 / .075) 0%,
    rgb(255 255 255 / .022) 42%,
    rgb(0 0 0 / .16) 100%);
  backdrop-filter: blur(1.5rem) saturate(1.2);
  -webkit-backdrop-filter: blur(1.5rem) saturate(1.2);
  box-shadow:
    0 1.6rem 3.6rem rgb(0 0 0 / .5),
    inset 0 var(--hair) 0 rgb(255 253 240 / .17);
}

.nx-voice-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.8rem;
  margin-bottom: 1.7rem;
}

.nx-tag {
  font-family: var(--font-sans);
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--gold-lift);
  white-space: nowrap;
}

.nx-time {
  display: flex;
  align-items: baseline;
  gap: .5em;
  font-family: var(--font-sans);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .1em;
  font-variant-numeric: tabular-nums;
  color: rgb(255 255 255 / .38);
  white-space: nowrap;
}

.nx-time b { font-weight: 500; color: rgb(255 255 255 / .82); }
.nx-time i { font-style: normal; opacity: .4; }

.nx-voice-row {
  display: flex;
  align-items: center;
  gap: 1.8rem;
}

.nx-play {
  flex: none;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  width: 5.6rem;
  height: 5.6rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  color: var(--btn-gold-ink);

  box-shadow:
    0 .6rem 1.6rem rgb(0 0 0 / .42),
    inset 0 0 0 var(--hair) rgb(255 253 240 / .34);
  transition: box-shadow .4s var(--ease), transform .4s var(--ease-arch);
}

.nx-play::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(128% 112% at 50% 6%,
      rgb(255 253 242 / .72) 0%,
      rgb(255 253 242 / 0) 54%),
    linear-gradient(172deg,
      #f0d79b 0%,
      #e2bd77 36%,
      #cda253 72%,
      #dcb66c 100%);
  transition: filter .4s var(--ease);
}

.nx-play > * { position: relative; z-index: 1; }

.nx-play:hover {
  transform: scale(1.06);
  box-shadow:
    0 .9rem 2.2rem rgb(0 0 0 / .5),
    inset 0 0 0 var(--hair) rgb(255 253 240 / .5);
}
.nx-play:hover::before { filter: brightness(1.07); }

.nx-ico {
  grid-area: 1 / 1;
  width: 3.5rem;
  height: 3.5rem;
  display: block;
  transition:
    opacity .34s var(--ease),
    transform .46s var(--ease-arch);
}

.nx-ico--play { opacity: 1; transform: none; }
.nx-ico--pause { opacity: 0; transform: scale(.66); }

.nx-voice.is-playing .nx-ico--play { opacity: 0; transform: scale(.66); }
.nx-voice.is-playing .nx-ico--pause { opacity: 1; transform: none; }
/* waiting for the greeting read with the visitor's name */
.nx-voice.is-loading .nx-play::after {
  content: '';
  position: absolute;
  inset: .4rem;
  z-index: 2;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: nx-wait .9s linear infinite;
}
@keyframes nx-wait { to { transform: rotate(360deg); } }
.nx-voice.is-loading .nx-ico--play { opacity: .35; }

.nx-wave {
  flex: 1 1 auto;
  position: relative;
  height: 3.4rem;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.nx-wave-row {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: .18rem;
  pointer-events: none;
}

.nx-wave-row i {
  flex: 1 1 0;
  min-width: 1px;
  min-height: 2px;
  border-radius: 1px;
  transition: background-color .3s var(--ease);
}

.nx-wave-dim i { background-color: rgb(255 255 255 / .16); }

.nx-wave-lit {
  clip-path: inset(0 100% 0 0);
}

.nx-wave-lit i {
  background-color: #e5c071;
  box-shadow: 0 0 .5rem rgb(229 192 113 / .3);
}

.nx-wave-head {
  position: absolute;
  top: 8%;
  bottom: 8%;
  left: 0;
  width: var(--hair);
  margin-left: calc(var(--hair) * -.5);
  border-radius: 1px;
  background: #fdf3d4;
  box-shadow: 0 0 .7rem rgb(253 243 212 / .75);
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s var(--ease);
}

.nx-voice.is-playing .nx-wave-head { opacity: 1; }

.nx-wave:hover .nx-wave-dim i { background-color: rgb(255 255 255 / .24); }
.nx-wave:hover .nx-wave-lit i { background-color: #edcd85; }
.nx-wave:hover .nx-wave-head { opacity: 1; }

.v6 .nx-go {
  --h: 5.8rem;
  padding: 0 2.8rem;
  font-size: 1.4rem;
  background: var(--paper);
  border-color: var(--paper);
  color: var(--ink);
}

@media (max-width: 991px) {
  .nx-year { font-size: 11.8rem; margin-bottom: 2.6rem; }
  .nx-voice { gap: 1.2rem; margin-bottom: 2.6rem; }
  .nx-play { width: 4rem; height: 4rem; }
  .nx-time { min-width: 7.4rem; font-size: 1.15rem; }
}

@media (prefers-reduced-motion: reduce) {
  .nx,
  .nx-year,
  .nx-voice,
  .nx-go { transition: none; }
}

.v6 {
  --gt-grow-fill: 1;
  --gt-grow-even: 1;
  --gt-grow-cap:  .92;
  --gt-grow-drop: .055;
  --gt-grow-dim:  1;
  --gt-grow-grey: #0a0a0a;
  --gt-grow-morph: .75s;
  --gt-fly-morph:  .95s;
}

.gt-grow {
  position: fixed;
  z-index: 400;
  left: 50%;
  top: 50%;
  margin: 0;
  white-space: nowrap;
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  line-height: .86;
  letter-spacing: 0;
  pointer-events: none;
  transform-origin: 50% 50%;

  color: var(--gt-grow-grey, #0a0a0a);
  -webkit-text-fill-color: var(--gt-grow-grey, #0a0a0a);
}

.gt-grow::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;

  background-image: var(--gold-metal);
  background-size: 100% var(--fly-band, 100%);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;

  filter: drop-shadow(0 .028em 0 rgba(54, 33, 5, .95));

  transition: opacity var(--gt-grow-morph, .75s) var(--ease-out);
}

.gt-grow.is-grey::after { opacity: 0; }

.v6 .ld-gate {
  transition:
    opacity .55s var(--ease),
    visibility .55s var(--ease),
    -webkit-backdrop-filter .55s var(--ease),
    backdrop-filter .55s var(--ease);
}

.v6 .ld-gate.is-growing {
  pointer-events: none;

  backdrop-filter: blur(0px) saturate(1);
  -webkit-backdrop-filter: blur(0px) saturate(1);
}

.v6 .ld-gate.is-open ~ .ld-bar,
.v6 .loader.is-handover .ld-bar {
  opacity: 0 !important;
}

.v6 .loader.is-handover .ld-stage,
.v6 .loader.is-handover .ld-foot {
  opacity: 0;
  pointer-events: none;
  transition: opacity .55s var(--ease);
}

@media (prefers-reduced-motion: reduce) {
  .gt-grow,
  .gt-grow::after { transition: none; }
}

.v6 .gt-go::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--btn-gold-face);
  inset: calc(var(--hair) * -1);
  transform: scaleY(0);
  transform-origin: bottom center;
  transition: transform .5s var(--ease), filter .4s var(--ease);
}

.v6 .gt-go:hover::before {
  transform: scaleY(1);
  filter: brightness(1.06);
}

.v6 .gt-go:hover {
  background-color: transparent;
  color: var(--btn-gold-ink);
  border-color: transparent;
  box-shadow:
    0 .9rem 2.2rem rgba(0, 0, 0, .45),
    0 .2rem .8rem rgba(201, 160, 99, .26);
}

.v6 .gt-input {
  background-image: linear-gradient(90deg,
    #f6e1ad 0%,
    #e5c071 42%,
    rgba(208, 160, 68, .35) 100%);
  background-repeat: no-repeat;
  background-size: 0 var(--hair);
  background-position: 0 100%;
  transition:
    background-size .55s var(--ease),
    border-color .3s var(--ease);
}

.v6 .gt-input:focus {
  background-size: 100% var(--hair);
  border-bottom-color: rgb(255 255 255 / .3);
}

@media (prefers-reduced-motion: reduce) {
  .v6 .gt-go::before,
  .v6 .gt-input { transition: none; }
}

.gt-note {
  margin: 2.2rem 0 0;
  font-family: var(--font-sans);
  font-size: 1.2rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgb(255 255 255 / .38);
}

.gt-name {
  font-style: normal;
  color: var(--gold-lift);
}

@media (max-width: 991px) {
  .ld-gate { flex-direction: column; gap: 2rem; padding: 3rem 2rem; }
  .gt-mascot { height: min(26vh, 20rem); }
  .gt-year { font-size: 11.8rem; margin-bottom: 2.6rem; }
  .gt-ask { font-size: 1.8rem; margin-bottom: 2rem; }
  .gt-panel { text-align: center; }
  .gt-form { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .ld-gate, .gt-mascot, .gt-panel { transition: none; }
  .ld-gate.is-empty .gt-input { animation: none; }
}

.ld-gate.is-sent {
  background: none;
  backdrop-filter: none;
  pointer-events: none;
}

.ld-gate.is-sent .gt-mascot {
  opacity: 0;
  transform: translateY(1.2rem) scale(.96);
}

.ld-gate.is-sent .gt-ask,
.ld-gate.is-sent .gt-form,
.ld-gate.is-sent .gt-note {
  opacity: 0;
  transform: translateY(.8rem);
}

.gt-ask,
.gt-form,
.gt-note {
  transition: opacity .45s var(--ease), transform .45s var(--ease);
}

.wk-media img.has-px {
  translate: calc(var(--px, 0) * 1px) calc(var(--py, 0) * 1px);
  will-change: translate, transform;
}

.wk-track.is-dragging { scroll-behavior: auto; cursor: grabbing; }
.wk-track.is-dragging .wk-link { pointer-events: none; }

@media (hover: hover) and (pointer: fine) {
  .wk-track { cursor: grab; }
}

.v6 .st-name {
  font-weight: 400;
  margin: 0 0 1.8rem;
}

.v6 .st-name-pre {
  display: block;

  font-family: var(--font-sans);
  font-size: 1.35rem;
  line-height: 1;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--gold);

  margin-bottom: 2rem;
}

.v6 .st-name-main {
  display: block;

  font-family: var(--font-title);
  font-size: 7rem;
  line-height: 1.06;
  letter-spacing: -.018em;

  max-width: 19ch;

  padding: .1em 0 .22em;
  margin: -.1em 0 -.22em;
}

.v6 .st-role {
  display: flex;
  align-items: center;
  gap: 1.2rem;

  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--on-dark-mute);
}

.v6 .st-dot {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  background: var(--gold);
  opacity: .8;
  flex: none;
}

.v6 .st-para {
  margin-top: 3rem;

  font-size: 2.15rem;
  line-height: 1.68;
  letter-spacing: -.002em;
  color: var(--on-dark);

  max-width: 58ch;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .st-name-main,
  .v6 .st-name-pre,
  .v6 .st-role b {
    background-image: var(--gold-metal);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .v6 .st-name-main {
    background-size: 100% 150%;
    background-position: 50% 28%;
    filter: var(--gold-cast);
  }

  .v6 .st-name-pre {
    background-size: 100% 640%;
    background-position: 50% 20%;
    text-shadow: var(--gold-small-cast);
  }

  .v6 .st-role b {
    background-size: 100% 640%;
    background-position: 50% 24%;
    font-weight: 400;
    text-shadow: var(--gold-small-cast);
  }
}

@media (max-width: 1200px) {
  .v6 .st-name-main { font-size: 5.8rem; }
  .v6 .st-para { font-size: 2rem; }
}

@media (max-width: 991px) {
  .v6 .st-name-main { font-size: 5rem; max-width: none; }
}

@media (max-width: 767px) {
  .v6 .st-name-main { font-size: 3.8rem; }
  .v6 .st-name-pre { font-size: 1.2rem; letter-spacing: .24em; margin-bottom: 1.4rem; }
  .v6 .st-para { font-size: 1.8rem; }
}

.v6 [data-rise] { opacity: 1; }

.v6 [data-rise].is-armed {
  opacity: 0;
  transform: translateY(2.6rem);

  transition: none;
}

.v6 [data-rise].is-armed.is-ready {
  transition:
    opacity 1.1s var(--ease-out),
    transform 1.1s var(--ease-out);
}

.v6 [data-rise].is-armed.is-in { opacity: 1; transform: none; }

.v6 .et {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  min-height: 100vh;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 9rem 0 7rem;
}

.v6 .et-inner {
  width: 100%;
  row-gap: 6rem;
}

.v6 .et-bg { position: absolute; inset: 0; z-index: -1; }

.v6 .et-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  filter: grayscale(.45) brightness(.72);
}

.v6 .et-scrim {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(100deg,
      rgba(8, 7, 5, .93) 0%, rgba(8, 7, 5, .72) 30%,
      rgba(8, 7, 5, .34) 52%, rgba(8, 7, 5, .8) 82%, rgba(8, 7, 5, .9) 100%),
    linear-gradient(180deg, rgba(8, 7, 5, .5) 0%, rgba(8, 7, 5, .1) 38%, rgba(8, 7, 5, .55) 100%);
}

.v6 .et-lead { grid-column: content-start / span 10; }

.v6 .et-eyebrow {
  display: flex;
  align-items: center;
  gap: 1.4rem;

  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--gold);

  margin: 0 0 2.8rem;
}

.v6 .et-eyebrow i {
  width: 3.4rem;
  height: var(--hair);
  background: currentColor;
  opacity: .5;
  flex: none;
}

.v6 .et-title {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 6.4rem;
  line-height: 1.08;
  letter-spacing: -.022em;
  color: var(--paper);

  margin: 0 0 2.8rem;

  max-width: 16ch;
  text-wrap: balance;
}

.v6 .et-note {
  font-size: 1.85rem;
  line-height: 1.7;
  color: var(--on-dark);

  margin: 0;

  max-width: 40ch;
}

.v6 .et-points {
  grid-column: span 6 / content-end;
  align-self: center;

  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.v6 .et-point {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 2.4rem;
  align-items: start;

  padding: 2.8rem 0;
}

.v6 .et-point + .et-point { border-top: var(--hair) solid var(--line-dark); }
.v6 .et-point:first-child { padding-top: 0; }
.v6 .et-point:last-child  { padding-bottom: 0; }

.v6 .et-ico {
  display: block;
  width: 3.2rem;
  height: 3.2rem;

  color: var(--gold);

  margin-top: .3rem;
  grid-row: 1 / span 2;
}

.v6 .et-ico svg { width: 100%; height: 100%; display: block; stroke: url(#icoGold24); }

.v6 .et-term {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 2.95rem;
  line-height: 1.18;
  letter-spacing: -.016em;
  color: var(--gold);
  text-shadow: var(--gold-small-cast);

  margin: 0 0 .9rem;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .et-term {
    background-image: var(--gold-sheen);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 1px 2px rgba(74, 46, 6, .5));
  }
}

.v6 .et-said {
  font-size: 1.8rem;
  line-height: 1.58;
  color: var(--on-dark);

  margin: 0;
  max-width: 27ch;
}

.v6 .et-stats {
  grid-column: content;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 var(--gap);
  align-items: start;

  margin: 0;
  padding-top: 4rem;
  border-top: var(--hair) solid var(--line-dark-lift);
}

.v6 .et-stat { text-align: left; }

.v6 .et-num {
  font-family: var(--font-year);
  font-weight: 400;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: .01em;
  color: var(--gold);

  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;

  margin: 0 0 1rem;
}

.v6 .et-label {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  min-height: 3em;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--on-dark);

  margin: 0;
  max-width: 18ch;
}

@media (min-width: 992px) {
  .v6 .et-label {
    max-width: none;
    min-height: 0;
    white-space: nowrap;
  }
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .et-eyebrow,
  .v6 .et-num b {
    background-image: var(--gold-metal);
    background-repeat: no-repeat;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .v6 .et-eyebrow {
    background-size: 100% 640%;
    background-position: 50% 24%;
    text-shadow: var(--gold-small-cast);
  }

  .v6 .et-num b {
    background-size: 100% 100%;
    background-position: 50% 50%;
    font-weight: 400;
    filter: var(--gold-cast-mid);
  }
}

@media (max-width: 1200px) {
  .v6 .et-lead   { grid-column: content-start / span 9; }
  .v6 .et-points { grid-column: span 7 / content-end; }
  .v6 .et-title  { font-size: 5.2rem; }
  .v6 .et-num    { font-size: 4.2rem; }
}

@media (max-width: 991px) {
  .v6 .et { min-height: 0; padding: 10rem 0 9rem; }
  .v6 .et-inner { row-gap: 4.4rem; }

  .v6 .et-lead,
  .v6 .et-points { grid-column: content; }
  .v6 .et-points { align-self: stretch; }

  .v6 .et-title { font-size: 4.2rem; max-width: none; }
  .v6 .et-note  { max-width: none; }
  .v6 .et-stats { grid-template-columns: repeat(2, 1fr); gap: 3.6rem var(--gap); }
}

@media (max-width: 767px) {
  .v6 .et { padding: 8rem 0 7.5rem; }
  .v6 .et-title { font-size: 3.4rem; }
  .v6 .et-note { font-size: 1.55rem; }

  .v6 .et-point { column-gap: 1.4rem; padding: 1.8rem 0; }
  .v6 .et-term { font-size: 2.4rem; }
  .v6 .et-said { max-width: none; }

  .v6 .et-stats { padding-top: 3rem; }
  .v6 .et-num { font-size: 3.6rem; }
}

.v6 .wk-media img {
  filter: grayscale(1) contrast(1.03) brightness(.94);

  transition:
    transform 1.1s var(--ease-arch),
    filter .8s var(--ease-out);
}

@media (hover: hover) {
  .v6 .wk-card:hover .wk-media img,
  .v6 .wk-card:focus-within .wk-media img {
    filter: grayscale(0) contrast(1) brightness(1);
  }
}

@media (hover: none) {
  .v6 .wk-media img { filter: none; }
}


.v6 .fq { padding: 7rem 0 13rem; }

.v6 .fq-head {
  grid-column: 4 / span 12;

  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 0 calc(var(--gap) * 3);
  align-items: center;

  margin-bottom: 7rem;
}

.v6 .fq-eyebrow {
  display: flex;
  align-items: center;
  gap: 1.4rem;

  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--gold);

  margin-bottom: 2.4rem;
}

.v6 .fq-eyebrow i {
  width: 3.4rem;
  height: var(--hair);
  background: currentColor;
  opacity: .5;
  flex: none;
}

.v6 .fq-title {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 5.6rem;
  line-height: 1.08;
  letter-spacing: -.022em;
  color: var(--paper);

  margin: 0;
  max-width: 16ch;
}

.v6 .fq-note {
  font-size: 2.05rem;
  line-height: 1.62;
  color: var(--on-dark);

  margin: 0;

  max-width: 34ch;
}

.v6 .fq-list { grid-column: 4 / span 12; }

.v6 .fq-item { border-top: var(--hair) solid var(--line-dark); }
.v6 .fq-item:last-child { border-bottom: var(--hair) solid var(--line-dark); }

.v6 .fq-q { margin: 0; }

.v6 .fq-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap);

  width: 100%;
  padding: 3.4rem 0;

  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
  color: inherit;
  font: inherit;
}

.v6 .fq-ask {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1.32;
  letter-spacing: -.014em;
  color: var(--paper);

  max-width: 44ch;
  transition: color .45s var(--ease-out);
}

.v6 .fq-item.is-open .fq-ask { color: var(--gold-lift); }

@media (hover: hover) {
  .v6 .fq-btn:hover .fq-ask { color: var(--gold-lift); }
}

.v6 .fq-btn:focus-visible { outline: var(--hair) solid var(--gold); outline-offset: .6rem; }

.v6 .fq-sign {
  position: relative;
  flex: none;

  width: 2.2rem;
  height: 2.2rem;
  color: var(--gold);
}

.v6 .fq-sign i {
  position: absolute;
  top: 50%;
  left: 0;

  width: 100%;
  height: max(1.5px, .15rem);
  margin-top: calc(max(1.5px, .15rem) / -2);

  background: currentColor;
  border-radius: 1px;
}

.v6 .fq-sign i:last-child {
  transform: rotate(90deg);
  transition: transform .5s var(--ease-arch), opacity .5s var(--ease-out);
}

.v6 .fq-item.is-open .fq-sign i:last-child {
  transform: rotate(0deg);
  opacity: 0;
}

.v6 .fq-panel {
  overflow: hidden;
  height: 0;
  visibility: hidden;
}

.v6 .fq-say {
  padding-bottom: 3.6rem;
  max-width: 68ch;
}

.v6 .fq-say p {
  font-size: 1.75rem;
  line-height: 1.7;
  color: var(--on-dark);
  margin: 0;
}

html:not(.has-js) .v6 .fq-panel { height: auto; visibility: visible; }
html:not(.has-js) .v6 .fq-sign  { display: none; }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .fq-eyebrow {
    background-image: var(--gold-metal);
    background-repeat: no-repeat;
    background-size: 100% 640%;
    background-position: 50% 24%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: var(--gold-small-cast);
  }
}

@media (max-width: 1200px) {
  .v6 .fq-title { font-size: 4.6rem; }
  .v6 .fq-ask { font-size: 2.2rem; }
}

@media (max-width: 991px) {
  .v6 .fq { padding: 5rem 0 8.5rem; }
  .v6 .fq-head { grid-template-columns: 1fr; gap: 2.4rem; margin-bottom: 5rem; }
  .v6 .fq-title { font-size: 4rem; max-width: none; }
  .v6 .fq-note { max-width: 56ch; margin-bottom: 0; }
  .v6 .fq-list,
  .v6 .fq-head { grid-column: content; }
}

@media (max-width: 767px) {
  .v6 .fq { padding: 7.5rem 0 7rem; }
  .v6 .fq-title { font-size: 3.2rem; }
  .v6 .fq-btn { padding: 2.6rem 0; }
  .v6 .fq-ask { font-size: 1.9rem; }
  .v6 .fq-say { padding-bottom: 2.8rem; }
  .v6 .fq-say p { font-size: 1.6rem; }
}

.v6 .ft-proof { grid-template-columns: minmax(0, 24rem); }

.v6 .ft-reach {
  display: grid;
  gap: .4rem 0;
  margin: 0 0 3.2rem;
}

.v6 .ft-reach dt {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--on-dark-faint);

  margin-top: 1.6rem;
}
.v6 .ft-reach dt:first-of-type { margin-top: 0; }

.v6 .ft-reach dd {
  margin: 0;
  font-size: 1.55rem;
  line-height: 1.6;
  color: var(--on-dark);
}

.v6 .ft-reach a {
  color: var(--on-dark);
  transition: color .35s var(--ease);
}

.v6 .ft-reach address { font-style: normal; }

@media (hover: hover) {
  .v6 .ft-reach a:hover { color: var(--gold-lift); }
}

.v6 .ft-social {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.v6 .ft-social a {
  display: grid;
  place-items: center;

  width: 3.8rem;
  height: 3.8rem;

  border: var(--hair) solid var(--line-dark-lift);
  border-radius: 50%;
  color: var(--on-dark);

  transition:
    color .4s var(--ease),
    border-color .4s var(--ease),
    transform .5s var(--ease-arch);
}

.v6 .ft-social svg { width: 1.8rem; height: 1.8rem; display: block; }

@media (hover: hover) {
  .v6 .ft-social a:hover {
    color: var(--gold-lift);
    border-color: var(--gold);
    transform: translateY(-.3rem);
  }
}

.v6 .ft-social a:focus-visible {
  outline: var(--hair) solid var(--gold);
  outline-offset: .3rem;
}

.v6 .st-frame {
  position: relative;
  pointer-events: auto;
}

.v6 .st-frame img {
  transform: scale(1);
  filter: grayscale(.4) contrast(1.02) brightness(.9);

  transition:
    transform 1.25s var(--ease-arch),
    filter .9s var(--ease-out);
}

.v6 .st-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;

  pointer-events: none;
  opacity: 0;

  background: linear-gradient(104deg,
    rgba(255, 253, 244, 0)   40%,
    rgba(247, 227, 173, .18) 47%,
    rgba(255, 253, 244, .3)  50%,
    rgba(247, 227, 173, .18) 53%,
    rgba(255, 253, 244, 0)   60%);

  transform: translateX(-115%);
  transition:
    transform 1.15s var(--ease-arch),
    opacity .3s var(--ease-out) .85s;
}

@media (hover: hover) {
  .v6 .st-frame:hover img {
    transform: scale(1.055);
    filter: grayscale(0) contrast(1.05) brightness(1.02);
  }

  .v6 .st-frame:hover::after {
    opacity: 1;
    transform: translateX(115%);

    transition:
      transform 1.15s var(--ease-arch),
      opacity .25s var(--ease-out);
  }
}

@media (prefers-reduced-motion: reduce) {
  .v6 .st-frame img { transition: filter .9s var(--ease-out); transform: none; }
  .v6 .st-frame:hover img { transform: none; }
  .v6 .st-frame::after { display: none; }
}

.v6 .et,
.v6 .fq {
  position: relative;
  z-index: 6;
}

.v6 .ft-mark { width: 19rem; }

.v6 .ft-group h4 {
  font-size: 2rem;
  letter-spacing: .1em;
  margin-bottom: 2.2rem;
}

.v6 .ft-social {
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1.2rem;
}

.v6 .ft-social a {
  width: 4.8rem;
  height: 4.8rem;
}

.v6 .ft-social svg { width: 2.5rem; height: 2.5rem; }

@media (max-width: 480px) {
  .v6 .ft-social { gap: .9rem; }
  .v6 .ft-social a { width: 4.2rem; height: 4.2rem; }
  .v6 .ft-social svg { width: 2.2rem; height: 2.2rem; }
}

.v6 .ft-group a       { font-size: 1.67rem; }
.v6 .ft-reach dd      { font-size: 1.67rem; }
.v6 .ft-reach dt      { font-size: 1.32rem; }

.v6 .ft-social a      { width: 4.92rem; height: 4.92rem; }
.v6 .ft-social svg    { width: 2.62rem; height: 2.62rem; }

.v6 .st {
  --on-light:        rgba(16, 12, 6, .78);
  --on-light-mute:   rgba(16, 12, 6, .5);
  --on-light-faint:  rgba(16, 12, 6, .28);
  --line-light:      rgba(16, 12, 6, .13);
  --line-light-lift: rgba(16, 12, 6, .26);
}

.v6 .st,
.v6 .st-stage { background: var(--paper); }

.v6 .st-stage { color: var(--ink); }

.v6 .st-para { color: var(--on-light); }
.v6 .st-role { color: var(--on-light-mute); }

.v6 .st-dot { background: #a8792c; opacity: 1; }

.v6 .st-ring   { border-color: rgba(150, 110, 48, .3); }
.v6 .st-ring--b { border-color: rgba(150, 110, 48, .18); }

.v6 .st-mark svg { stroke: url(#icoGoldInk); }
.v6 .st-mark .m-dot { fill: url(#icoGoldInk); }

.v6 .st-frame img { filter: grayscale(.28) contrast(1.02) brightness(1); }

@media (hover: hover) {
  .v6 .st-frame:hover img { filter: grayscale(0) contrast(1.04) brightness(1.02); }
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {

  .v6 .st-name-main {
    background-size: 100% 833%;
    background-position: 50% 50%;

    filter: var(--gold-cast-light);
  }

  .v6 .st-name-pre,
  .v6 .st-role b {
    background-image: none;
    -webkit-text-fill-color: currentColor;
    color: #7d5615;
    text-shadow: none;
  }
}

.v6 .vt-rail {
  grid-column: full;

  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.v6 .vt-rail::-webkit-scrollbar { display: none; }

.v6 .vt-rail.is-auto {
  overflow: hidden;
  scroll-snap-type: none;
}

.v6 .vt-grid {
  display: flex;
  grid-template-columns: none;
  gap: var(--gap);

  width: max-content;
  will-change: transform;
}

.v6 .vt-card {
  flex: 0 0 var(--vt-w, 32rem);
  width: var(--vt-w, 32rem);
  scroll-snap-align: start;
}

.v6 .vt-rail.is-auto .vt-grid { mask-image: none; }

@media (prefers-reduced-motion: reduce) {
  .v6 .vt-grid { will-change: auto; }
}

@media (max-width: 767px) {
  .v6 .vt-grid { grid-template-columns: none; gap: 1.8rem; }
  .v6 .vt-card,
  .v6 .vt-card:last-child { grid-column: auto; }
}

.v6 .vt-rail.is-auto {
  cursor: grab;

  touch-action: pan-y;

  -webkit-user-select: none;
          user-select: none;
}

.v6 .vt-rail.is-auto.is-dragging { cursor: grabbing; }

.v6 .vt-rail.is-auto img {
  -webkit-user-drag: none;
  pointer-events: none;
}

.v6 .vt-rail.is-auto:focus-visible {
  outline: var(--hair) solid var(--gold);
  outline-offset: -.4rem;
}

.v6 .fq-say { max-width: 92ch; }

.v6 .vt { padding-bottom: 3.6rem; }

.v6 .vt-nav {
  grid-column: content;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.2rem;

  margin-top: 4rem;
}

.v6 .vt-arrow {
  flex: none;
  display: block;

  padding: 1rem .6rem;

  color: #b8934e;
  transition:
    transform .42s var(--ease-arch),
    filter .35s var(--ease);
}

.v6 .vt.on-dark .vt-arrow { color: var(--gold-lift, #ebc486); }

.v6 .vt-arrow svg {
  display: block;
  width: clamp(2.4rem, 2.2vw, 3rem);
  height: auto;
}

@media (hover: hover) {
  .v6 .vt-arrow--back:hover {
    transform: translateX(-.5rem);
    filter: brightness(1.22) saturate(1.06);
  }
  .v6 .vt-arrow--on:hover {
    transform: translateX(.5rem);
    filter: brightness(1.22) saturate(1.06);
  }
}

.v6 .vt-arrow:focus-visible {
  outline: var(--hair) solid var(--gold);
  outline-offset: .4rem;
}

.v6 .vt-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.1rem;
}

.v6 .vt-dot {
  position: relative;
  width: .9rem;
  height: .9rem;
  padding: 0;

  border: 0;
  border-radius: 99px;
  background: var(--on-dark-faint);
  cursor: pointer;

  transition:
    width .55s var(--ease-arch),
    background-color .45s var(--ease),
    opacity .45s var(--ease);
}

.v6 .vt-dot::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  background: linear-gradient(90deg, #f6e1ad 0%, #e5c071 45%, #d0a044 100%);
  opacity: 0;
  transition: opacity .55s var(--ease-arch);
}

.v6 .vt-dot.is-on::before { opacity: 1; }

.v6 .vt-dot.is-on {
  width: 3.2rem;
  box-shadow: var(--gold-small-cast);
}

@media (hover: hover) {
  .v6 .vt-dot:hover { background: var(--on-dark-mute); }
  .v6 .vt-dot.is-on:hover::before {
    background: linear-gradient(90deg, #fbeec8 0%, #eccb84 45%, #d9ac52 100%);
  }
}

.v6 .vt-dot:focus-visible {
  outline: var(--hair) solid var(--gold);
  outline-offset: .5rem;
}

@media (max-width: 767px) {
  .v6 .vt { padding-bottom: 3rem; }
  .v6 .vt-nav { margin-top: 3rem; gap: 1.5rem; }
}

.v6 .ft-left { grid-column: content-start / span 4; }

.v6 .ft-cols {
  grid-column: span 8;
  grid-template-columns: 1fr 1fr;
}

.v6 .ft-group .ft-sub { margin-top: 3.4rem; }

.v6 .ft-contact { grid-column: span 4 / content-end; }

.v6 .ft-legal {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem 2.4rem;
}

.v6 .ft-legal a {
  font-family: var(--font-mono);
  font-size: 1.35rem;
  color: var(--on-dark-faint);

  transition: color .35s var(--ease);
}

@media (hover: hover) {
  .v6 .ft-legal a:hover { color: var(--gold-lift); }
}

@media (max-width: 1200px) {
  .v6 .ft-left    { grid-column: content-start / span 4; }
  .v6 .ft-cols    { grid-column: span 12 / content-end; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .ft-contact { grid-column: content-start / span 9; }
}

@media (max-width: 991px) {
  .v6 .ft-left,
  .v6 .ft-contact { grid-column: content; }
  .v6 .ft-cols    { grid-column: content; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v6 .ft-proof   { grid-template-columns: repeat(2, minmax(0, 22rem)); }
}

@media (max-width: 600px) {
  .v6 .ft-cols  { grid-template-columns: 1fr; }
  .v6 .ft-proof { grid-template-columns: minmax(0, 24rem); }
}

.v6 .vt-card {
  transform: translateZ(0);
  backface-visibility: hidden;
  isolation: isolate;
}

.v6 .vt-shot { backface-visibility: hidden; }

.v6 .vt-card::after { inset: -1px; }

.v6 .et-eyebrow,
.v6 .fq-eyebrow {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: .28em;
}

.v6 .et-title,
.v6 .fq-title { font-weight: 500; }

.v6 .wk-note,
.v6 .vt-note,
.v6 .ct-note,
.v6 .fq-note,
.v6 .et-note,
.v6 .fq-say p {
  font-size: 2.1rem;
  font-weight: 300;
  line-height: 1.5;
}

.v6 .fq-note { max-width: 34ch; }
.v6 .et-note { max-width: 40ch; }

.v6 .menu-link b {
  background-image:
    linear-gradient(95deg,
      rgb(var(--paper-rgb) / 0) 0%,
      rgb(var(--paper-rgb) / 0) 44%,
      var(--paper) 56%,
      var(--paper) 100%),
    var(--gold-metal);

  background-size: 220% 100%, 100% 230%;
  background-position: 100% 0, 50% 18%;
  background-repeat: no-repeat, no-repeat;

  transition: background-position .85s var(--ease-arch);
}

@media (hover: hover) {
  .v6 .menu-link a:hover b { background-position: 0 0, 50% 18%; }
}

.v6 .menu-panel {
  overflow-y: auto;
  overscroll-behavior: contain;
}

.v6 .menu-inner {
  height: auto;
  min-height: 100%;

  align-content: end;
  row-gap: clamp(2.2rem, 4.4vh, 3.8rem);
  padding-bottom: clamp(3rem, 7vh, 8rem);
}

.v6 .menu-link a {
  padding: clamp(1.2rem, 3.5vh, 2.9rem) 0;
  gap: clamp(1.6rem, 2.4vw, 2.4rem);
}

.v6 .menu-link .slot { font-size: clamp(2.1rem, 3.2vh, 3.1rem); }

.v6 .menu-link .idx {
  width: 3.2rem;
  font-size: 1.22rem;
}

@media (max-width: 991px) {
  .v6 .menu-link a { padding: clamp(.8rem, 1.9vh, 1.9rem) 0; }
  .v6 .menu-link .slot { font-size: clamp(1.8rem, 2.4vh, 2.6rem); }
}

@media (max-width: 600px) {
  .v6 .menu-link a { padding: clamp(.6rem, 1.2vh, 1.1rem) 0; }
  .v6 .menu-link .slot { font-size: clamp(1.7rem, 2.2vh, 2.1rem); }
  .v6 .menu-link .idx { width: 2.6rem; font-size: 1.05rem; }
}

.v6 .menu-link::after {
  background: linear-gradient(90deg,
    #f6e1ad 0%,
    #e5c071 28%,
    #d0a044 54%,
    rgba(208, 160, 68, 0) 100%);
}

.v6 .cp svg { overflow: visible; }

.v6 .wk {
  --on-light:        rgba(16, 12, 6, .78);
  --on-light-mute:   rgba(16, 12, 6, .5);
  --on-light-faint:  rgba(16, 12, 6, .28);
  --line-light:      rgba(16, 12, 6, .13);
  --line-light-lift: rgba(16, 12, 6, .26);
  --paper-2:         #f2f0eb;

  background: var(--paper);
  color: var(--ink);
}

.v6 .wk-title,
.v6 .wk-group-title,
.v6 .wk-name { color: var(--ink); }

.v6 .wk-note,
.v6 .wk-desc { color: var(--on-light); }

.v6 .wk-link { background: var(--paper-2); }
.v6 .wk-card { border-color: var(--line-light); }

.v6 .wk-arrow {
  color: var(--ink);
  border-color: var(--line-light-lift);
}

@media (hover: hover) {
  .v6 .wk-arrow:hover { border-color: #a8792c; color: #7d5615; }
}


@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .wk-eyebrow,
  .v6 .wk-place,
  .v6 .wk-more {
    background-image: none;
    -webkit-text-fill-color: currentColor;
    color: #7d5615;
    text-shadow: none;
  }
}

.v6 .wk-more { color: #7d5615; }

@media (hover: hover) {
  .v6 .wk-card:hover .wk-more { color: #5e3f0d; }
}

.v6 .wk-media img { filter: grayscale(1) contrast(1.02) brightness(.98); }

@media (hover: hover) {
  .v6 .wk-card:hover .wk-media img,
  .v6 .wk-card:focus-within .wk-media img {
    filter: grayscale(0) contrast(1) brightness(1);
  }
}

.v6 .wk .btn {
  color: var(--ink);
  border-color: var(--line-light-lift);
}

.v6 .wk .btn::before { background: var(--ink); }

@media (hover: hover) {
  .v6 .wk .btn:hover { color: var(--paper); border-color: transparent; }
}

.v6 .wk .gt-name,
.v6 .st .gt-name {
  background-size: 100% 833%;
  background-position: 50% 50%;
  filter: var(--gold-cast-light);
  text-shadow: none;
}

.v6 .wk-title,
.v6 .wk-group-title,
.v6 .wk-name,
.v6 .st-stage { color: rgba(16, 12, 6, .92); }

.v6 .wk-eyebrow { text-shadow: none; }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .fq-ask {
    background-image: var(--gold-metal);
    background-repeat: no-repeat;
    background-size: 100% 230%;
    background-position: 50% 18%;
    -webkit-background-clip: text;
            background-clip: text;

    -webkit-text-fill-color: currentColor;
    transition:
      -webkit-text-fill-color .5s var(--ease),
      color .5s var(--ease);
  }

  .v6 .fq-item.is-open .fq-ask {
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-mid);
  }
}

@media (hover: hover) {
  @supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .v6 .fq-btn:hover .fq-ask {
      -webkit-text-fill-color: transparent;
      filter: var(--gold-cast-mid);
    }
  }
}

.v6 .fq-sign i {
  background: linear-gradient(90deg, #f6e1ad 0%, #e5c071 45%, #d0a044 100%);
}

.v6 .wk {
  --gold-metal: var(--gold-metal-light);
  --gold-grad:  var(--gold-metal-light);
}

.v6 .st,
.v6 .nt-card {
  --gold-metal-aged: linear-gradient(180deg,
    #241503 0%,
    #4d3207 4%,
    #7a5514 9%,
    #a07c37 14%,
    #bd9a4f 20%,
    #9c7433 26%,
    #7c5518 35%,
    #5e3e0c 44%,
    #432c06 51%,
    #573a08 55%,
    #78551a 62%,
    #9a7a3c 70%,
    #ac8a4b 76%,
    #8c6826 83%,
    #6b4711 91%,
    #2e1d04 100%);

  --gold-metal: var(--gold-metal-aged);
  --gold-grad:  var(--gold-metal-aged);

  --gold-line-light: linear-gradient(180deg,
    #1c1002 0%,
    #281903 12%,
    #3a2605 22%,
    #543a0b 32%,
    #77561a 41%,
    #a67f33 48%,
    #b98e3d 52%,
    #96702a 57%,
    #77551a 65%,
    #5c4010 73%,
    #452f09 82%,
    #2e1f05 91%,
    #1d1103 100%);

  --gold-cast-light:
    drop-shadow(0 .02em 0 rgba(72, 46, 8, .58))
    drop-shadow(0 .07em .06em rgba(96, 64, 14, .38))
    drop-shadow(0 .16em .2em rgba(110, 74, 18, .24));
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {

  .v6 .st-name-main {
    background-image: var(--gold-line-light);
    background-repeat: repeat-y;

    background-size: 100% 1.06em;
    background-position: 50% .1em;

    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-light);
    text-shadow: none;
  }

  .v6 .st .gt-name,
  .v6 .wk .gt-name {
    background-image: var(--gold-line-light);
    background-repeat: repeat-y;
    background-size: 100% 1.08em;
    background-position: 50% 0;
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-light);
    text-shadow: none;
  }

  .v6 .st-name-pre,
  .v6 .st-role b,
  .v6 .wk-eyebrow,
  .v6 .wk-place,
  .v6 .wk-more {
    background-image: var(--gold-line-light);
    background-repeat: no-repeat;
    background-size: 100% 500%;
    background-position: 50% 77.5%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #7d5615;
    text-shadow: none;
  }

  .v6 .wk-card:hover .wk-more,
  .v6 .wk-card:focus-within .wk-more {
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    background-position: 50% 60%;
  }
}

.v6 .wk-more,
.v6 .wk-card:hover .wk-more { color: #7d5615; }

.v6 .menu-block .menu-label { font-size: 1.4rem; }

.v6 .cp .cp-hub {
  fill: url(#cpHub);
  stroke: currentColor;
  stroke-width: 2;
  opacity: 1;
}

.v6 .cp .cp-hub-in {
  fill: url(#cpPin);
  stroke: none;
  opacity: 1;
}

.v6 .wk-more { transition: background-position .5s var(--ease), transform .5s var(--ease-arch); }

.v6 .gt-year,
.v6 .nx-year {
  font-size: 12.4rem;
  letter-spacing: var(--yr-track);
  white-space: nowrap;
  margin-bottom: 2.4rem;
}

.v6 .nx-year { font-size: 6.8rem; margin-bottom: 1.4rem; }

@media (max-width: 1200px) {
  .v6 .gt-year { font-size: 9.6rem; }
  .v6 .nx-year { font-size: 6rem; }
}

@media (max-width: 991px) {
  .v6 .gt-year { font-size: 7.6rem; margin-bottom: 2rem; }
  .v6 .nx-year { font-size: 5.1rem; margin-bottom: 1.2rem; }
}

@media (max-width: 600px) {
  .v6 .gt-year { font-size: 5.4rem; }
  .v6 .nx-year { font-size: 4rem; }
}

.v6 .nx-hello {
  margin: 0 0 1.8rem;
  max-width: 100%;

  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 8.37rem;
  line-height: 1.11;
  letter-spacing: -.02em;
  color: rgb(255 255 255 / .96);

  text-wrap: balance;

  padding-bottom: .12em;
}

.v6 .nx-said {
  margin: 0 auto 3.2rem;

  width: 70%;
  max-width: none;

  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.66;
  color: rgb(255 255 255 / .62);

  text-wrap: balance;
}

@media (max-width: 991px) {
  .v6 .nx-hello { font-size: 5.3rem; }
  .v6 .nx-said  { font-size: 1.6rem; margin-bottom: 2.6rem; }
}

@media (max-width: 600px) {
  .v6 .nx-hello { font-size: 4.05rem; }
  .v6 .nx-said  { width: 92%; }
}

@media (max-width: 600px) and (max-height: 720px) {
  .v6 .nx { padding: 3rem 2.4rem; }

  .v6 .nx-year  { font-size: 3.5rem; margin-bottom: 1rem; }
  .v6 .nx-hello { font-size: 3.5rem; margin-bottom: 1.3rem; }

  .v6 .nx-said {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.58;
    margin-bottom: 2rem;
  }

  .v6 .nx-voice { margin-bottom: 2rem; }
}

@media (max-width: 600px) and (max-height: 600px) {
  .v6 .nx { padding: 1.6rem 2.2rem; }

  .v6 .nx-year  { font-size: 2.7rem; margin-bottom: .5rem; }
  .v6 .nx-hello { font-size: 2.8rem; margin-bottom: .8rem; }

  .v6 .nx-said {
    font-size: 1.3rem;
    line-height: 1.45;
    margin-bottom: 1.1rem;
  }

  .v6 .nx-voice { margin-bottom: 1.2rem; }
}

.v6 .nx-hello,
.v6 .nx-said {
  opacity: 0;
  transform: translateY(1.4rem);
  transition: opacity .7s var(--ease), transform .8s var(--ease);
}

.v6 .nx.is-ready .nx-hello { opacity: 1; transform: none; transition-delay: .06s; }
.v6 .nx.is-ready .nx-said  { opacity: 1; transform: none; transition-delay: .16s; }
.v6 .nx.is-ready .nx-voice { transition-delay: .28s; }
.v6 .nx.is-ready .nx-go    { transition-delay: .4s; }

@media (prefers-reduced-motion: reduce) {
  .v6 .nx-hello,
  .v6 .nx-said { transition: none; }
}

.v6 .nx-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.v6 .nx-in {
  position: relative;
  z-index: 1;
  width: min(78rem, 100%);
}

.v6 .nx-bloom {
  position: absolute;
  left: 50%;
  top: 42%;
  width: min(128rem, 120vw);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;

  background: radial-gradient(circle at 50% 50%,
    rgb(214 173 85 / .06) 0%,
    rgb(184 138 48 / .032) 36%,
    rgb(0 0 0 / 0) 66%);
}

.v6 .nx-tick {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  border: 0 solid rgb(214 173 85 / .34);
}

.v6 .nx-tick--tl { left: 5.6rem;  top: 5.6rem;    border-left-width: var(--hair, 1px);  border-top-width: var(--hair, 1px); }
.v6 .nx-tick--tr { right: 5.6rem; top: 5.6rem;    border-right-width: var(--hair, 1px); border-top-width: var(--hair, 1px); }
.v6 .nx-tick--bl { left: 5.6rem;  bottom: 5.6rem; border-left-width: var(--hair, 1px);  border-bottom-width: var(--hair, 1px); }
.v6 .nx-tick--br { right: 5.6rem; bottom: 5.6rem; border-right-width: var(--hair, 1px); border-bottom-width: var(--hair, 1px); }

.v6 .nx-frame {
  position: absolute;
  inset: 3.4rem;
  border: var(--hair, 1px) solid rgb(214 173 85 / .1);
}

@media (prefers-reduced-motion: reduce) {
  .v6 .nx-rings { transition: none; }
}

.v6 { --yr-track: .012em; }

.v6 .ld-since {
  display: block;
  gap: 0;

  font-family: var(--font-year);
  font-size: 2.9rem;
  line-height: 1;
  font-weight: 400;
  letter-spacing: var(--yr-track);
  color: rgba(255, 255, 255, .92);
  white-space: nowrap;

  background-image: var(--gold-metal);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: var(--gold-cast);
}

.v6 .ld-since b {
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.v6 .gt-year,
.v6 .nx-year,
.v6 .gt-fly,
.v6 .nx-fly,
.v6 .gt-grow { letter-spacing: var(--yr-track); }

.v6 .gt-panel {
  width: max-content;
  max-width: 100%;
}

.v6 .gt-ask,
.v6 .gt-form,
.v6 .gt-note { max-width: 46rem; }

.v6 .nx-voice {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.2rem;
  padding: 1.8rem 2rem 1.9rem;
}

.v6 .nx-wave-row {
  gap: 0;
  justify-content: space-between;
}

.v6 .nx-wave-row i {
  flex: 0 0 auto;
  width: .3rem;
  min-width: 2px;
  border-radius: 99px;
}

.v6 .nx-play { width: 4.8rem; height: 4.8rem; }
.v6 .nx-voice-row { gap: 1.5rem; }
.v6 .nx-wave { height: 3rem; }

html.nb-held .header {
  position: fixed;
  top: 0;
  z-index: 420;
}

.v6 .hx {
  position: relative;
  z-index: 6;
  height: 100vh;
  height: 100dvh;
  background: var(--page, #0a0908);
  overflow: hidden;

  --gold-hx: repeating-linear-gradient(180deg,
    #ab7c27  0em,
    #e6c47b  .2em,
    #fffdf4  .34em,
    #edd08e  .5em,
    #cf9f46  .72em,
    #a4761f  1.04em);
}

.v6 .hx::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: calc(var(--header-h, 9.6rem) * 3.6);
  z-index: 4;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgb(4 3 3 / .72)  0%,
    rgb(4 3 3 / .64)  8%,
    rgb(4 3 3 / .54) 18%,
    rgb(4 3 3 / .44) 29%,
    rgb(4 3 3 / .34) 41%,
    rgb(4 3 3 / .25) 54%,
    rgb(4 3 3 / .17) 66%,
    rgb(4 3 3 / .10) 78%,
    rgb(4 3 3 / .04) 89%,
    rgb(4 3 3 / 0)  100%);
}

.v6 .hx-row {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.v6 .hx-cell {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.v6 .hx-cell + .hx-cell::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: max(1px, .12rem);
  z-index: 3;
  pointer-events: none;

  background: linear-gradient(180deg,
    rgb(217 179 120 / 0)   0%,
    rgb(217 179 120 / .3)  15%,
    rgb(225 187 128 / .64) 44%,
    rgb(238 201 142 / .84) 80%,
    rgb(217 179 120 / .24) 100%);
  box-shadow: 0 0 1.2rem rgb(217 179 120 / .18);
  transition: background .45s var(--ease), box-shadow .45s var(--ease);
}

.v6 .hx-link {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  padding: 0 clamp(1.6rem, 1.9vw, 3rem) clamp(3.6rem, 10vh, 80px);
  text-decoration: none;
  color: var(--paper, #fbfaf7);
}

.v6 .hx-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.v6 .hx-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--hx-pos, 50% 50%);
  display: block;

  transform: translateZ(0) scale(1.02);
  backface-visibility: hidden;

  transition: transform .95s cubic-bezier(.16, 1, .3, 1);
}

.v6 .hx-media .hx-img--base {
  filter: grayscale(1) sepia(.34) contrast(1.1) brightness(var(--hx-lift, .72));
}

.v6 .hx-media .hx-img--lit {
  filter: saturate(1.16) contrast(1.06) brightness(var(--hx-hot, 1.05));

  opacity: 0;
  transition:
    transform .95s cubic-bezier(.16, 1, .3, 1),
    opacity .62s cubic-bezier(.33, 1, .68, 1);
}

@media (hover: none) {
  .v6 .hx-media .hx-img--lit { display: none; }
}

.v6 .hx-cell { contain: layout paint; }

.v6 .hx-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgb(6 5 4 / .34)  0%,
      rgb(6 5 4 / .08) 24%,
      rgb(6 5 4 / .42) 54%,
      rgb(6 5 4 / .74) 76%,
      rgb(6 5 4 / .94) 100%);
}

.v6 .hx-body {
  position: relative;
  z-index: 2;
}

.v6 .hx-mark {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  margin-bottom: 2.7rem;
}

.v6 .hx-num {
  font-family: var(--font-year);
  font-weight: 400;
  font-synthesis: none;
  font-size: clamp(1.5rem, 1.5vw, 1.9rem);
  line-height: 1;
  letter-spacing: .06em;
  color: rgb(255 255 255 / .9);
}

.v6 .hx-dash {
  flex: 1 1 auto;
  max-width: 5.4rem;
  height: var(--hair, 1px);

  background: linear-gradient(90deg,
    #8a5c15   0%,
    #cf9f46  16%,
    #f2dda6  30%,
    #fffdf4  42%,
    #e2bb6e  58%,
    #c08f30  74%,
    #9a6b1c 100%);

  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 34%, rgb(0 0 0 / .22) 100%);
          mask-image: linear-gradient(90deg, #000 0%, #000 34%, rgb(0 0 0 / .22) 100%);

  transition: filter .4s var(--ease);
}

.v6 .hx-title {
  padding-top: .14em;
  margin: -.14em 0 1.85rem;

  font-family: var(--font-title);

  font-weight: 600;
  font-size: clamp(2.2rem, 2.24vw, 3.25rem);
  line-height: 1.04;
  letter-spacing: .002em;
  text-transform: uppercase;
  text-wrap: balance;

  color: var(--gold-lift, #ebc486);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .v6 .hx-title {
    background-image: var(--gold-hx);

    background-repeat: repeat-y;
    background-size: 100% 1.04em;
    background-position: 50% .14em;

    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-mid);
  }
}

.v6 .hx-sub {
  margin: 0;

  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.08rem, 1vw, 1.26rem);

  line-height: 1.75;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgb(255 255 255 / .62);
}

.v6 .hx-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.4rem;

  margin-top: clamp(3.1rem, 4.9vh, 5.2rem);
  padding-top: clamp(2.1rem, 3vh, 3rem);
  border-top: var(--hair, 1px) solid rgb(255 255 255 / .16);
}

.v6 .hx-say {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.05rem, .98vw, 1.25rem);
  line-height: 1.7;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgb(255 255 255 / .74);
}

.v6 .hx-go {
  flex: none;
  display: block;
  width: clamp(2.6rem, 2.6vw, 3.4rem);

  color: var(--gold, #d9b378);
  transition:
    transform .42s var(--ease-arch, cubic-bezier(.2,.9,.2,1)),
    filter .35s var(--ease);
}

.v6 .hx-go svg { width: 100%; height: auto; display: block; }

@media (hover: hover) {
  .v6 .hx:hover .hx-media img { will-change: transform, opacity; }

  .v6 .hx-link:hover .hx-media img { transform: translateZ(0) scale(1.075); }
  .v6 .hx-link:hover .hx-media .hx-img--lit { opacity: 1; }
  .v6 .hx-link:hover .hx-go {
    transform: translateX(.7rem);
    filter: brightness(1.22) saturate(1.06);
  }
  .v6 .hx-link:hover .hx-dash {
    filter: brightness(1.24) saturate(1.05);
  }
  .v6 .hx-cell:hover + .hx-cell::before,
  .v6 .hx-cell:hover::before {
    background: linear-gradient(180deg,
      rgb(235 196 134 / 0)   0%,
      rgb(235 196 134 / .44) 15%,
      rgb(243 209 152 / .86) 44%,
      rgb(250 226 176 / 1)   80%,
      rgb(235 196 134 / .34) 100%);
    box-shadow: 0 0 1.8rem rgb(235 196 134 / .32);
  }
}

.v6 .hx-link:focus-visible {
  outline: var(--hair, 1px) solid var(--gold, #c9a063);
  outline-offset: -.6rem;
}

@media (max-width: 991px) {
  .v6 .hx-row { flex-wrap: wrap; align-content: stretch; }
  .v6 .hx-cell { flex: 0 0 50%; max-width: 50%; }

  .v6 .hx-cell:nth-child(3)::before { display: none; }
  .v6 .hx-cell:nth-child(n+3)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: var(--hair, 1px);
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(90deg,
      rgb(217 179 120 / .1) 0%,
      rgb(217 179 120 / .5) 50%,
      rgb(217 179 120 / .1) 100%);
  }

  .v6 .hx-title { font-size: clamp(2.1rem, 4.2vw, 3rem); }
  .v6 .hx-link { padding: 0 2rem 2.4rem; }
  .v6 .hx::before { height: calc(var(--header-h, 9.6rem) * 2.8); }
}

@media (max-width: 600px) {
  .v6 .hx-title { font-size: min(clamp(2.1rem, 4.2vw, 3rem), 4.3vw); }
  .v6 .hx-say { font-size: 1.05rem; letter-spacing: .16em; }
  .v6 .hx-sub { font-size: 1rem; letter-spacing: .2em; }
  .v6 .hx-foot { margin-top: 1.6rem; padding-top: 1.2rem; }
}

html.nb-held .hx {
  position: fixed;
  inset: 0;
  z-index: 405;
  height: 100vh;
  height: 100dvh;

  background: transparent;
}

.v6 .hx-cell { background: var(--page, #0a0908); }

html.nb-band .hx::before {
  transform: translateY(-100%);
  transition: none;
}

html.nb-band.nb-dealt .hx::before {
  transform: translateY(0);

  transition: transform .78s cubic-bezier(.215, .61, .355, 1);
}

.v6 .hx-cell:nth-child(4) { --hx-lift: .6; }

.v6 .hx-cell:nth-child(4) { --hx-hot: .84; }

.v6 .hx-cell:nth-child(1) { --hx-pos: 40% 60%; }
.v6 .hx-cell:nth-child(2) { --hx-pos: 56% 52%; }
.v6 .hx-cell:nth-child(3) { --hx-pos: 50% 42%; }
.v6 .hx-cell:nth-child(4) { --hx-pos: 19% 50%; }

.v6 .header-logo {
  width: 13.4rem;

  transform: translateY(calc(.7rem + 5px));
}

@media (max-width: 767px) {
  .v6 .header-logo { width: 7.2rem; transform: translateY(.4rem); }

  /* Phones, home page: the top header scrolls away with the page instead of
     staying pinned over the hero; the sticky bar slides in on scroll-up. */
  html.nb-home-head .header[data-header]:not(.is-menu) {
    position: absolute;
    transform: none;
  }
}

/* Phones and tablets, menu open: solid bar behind a smaller logo + close
   button, and the menu list scrolls under it instead of under the logo. */
@media (max-width: 1279px) {
  html .header[data-header].is-menu,
  html.nb-home-head .header[data-header].is-menu {
    position: fixed;
    top: 0;
    transform: none;
    background: #080808;
    box-shadow: 0 1px 0 rgba(217, 179, 120, .16);
  }
  /* One flat black for bar and panel (the panel's top sheen read as grey). */
  .menu .menu-panel,
  .menu.menu--drawer .menu-panel { background: #080808; }
    .menu .menu-panel::after { display: none; }
  html .header[data-header].is-menu .header-logo { width: 6.4rem; transform: none; }
}

.v6 { --r-card: 20px; }

.v6 .st-frame { border-radius: var(--r-card); }
.v6 .st-frame::after { border-radius: inherit; }

.v6 .wk-link { border-radius: var(--r-card); }

.v6 .vt-card { border-radius: var(--r-card); }

.v6 .ct-box { border-radius: var(--r-card); }
.v6 .ct-box::before { border-radius: var(--r-card); }

.v6 .rv-card { border-radius: var(--r-card); }

.v6 .sy[data-story-flow] {
  --sy-release: calc(var(--sy-steps, 4) * 36vh + 70vh + 24px);
}

.v6 .fm-runway { height: 176vh; }

@media (max-width: 767px) { .v6 .fm-runway { height: 150vh; } }

.v6 .fm { background: var(--page); }

.v6 .vt-card { border: 0; }

.v6 .vt,
.v6 .fq {
  background: var(--page);

  transition:
    background-color .9s var(--ease),
    color .9s var(--ease);
}

html:not(.is-night) .v6 .fq {
  --on-dark:        rgb(var(--dark-rgb) / .74);
  --on-dark-mute:   rgb(var(--dark-rgb) / .5);
  --on-dark-faint:  rgb(var(--dark-rgb) / .24);
  --line-dark:      rgb(var(--dark-rgb) / .12);
  --line-dark-lift: rgb(var(--dark-rgb) / .26);

  --gold-metal: var(--gold-metal-light);
  --gold-grad:  var(--gold-metal-light);

  background-color: var(--paper);
  color: var(--on-light);
}

.v6 {
  --np-sheet:     #ece2cd;
  --np-lift:      247 240 225;
  --np-burn:      146 110 62;
  --np-burn-deep: 104 74 38;

  --np-age: 1;
}

.v6 .st-skin {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
  transform: translateZ(0);
}

html:not(.is-night) .v6 .fq-title,
html:not(.is-night) .v6 .fq-ask { color: var(--ink); }

html:not(.is-night) .v6 .fq-note,
html:not(.is-night) .v6 .fq-say p { color: rgb(var(--dark-rgb) / .72); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html:not(.is-night) .v6 .fq-eyebrow {
    background-image: var(--gold-line-light);
    background-repeat: no-repeat;
    background-size: 100% 500%;
    background-position: 50% 77.5%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #7d5615;
    text-shadow: none;
  }
}

.v6 .sy-title,
.v6 .et-title,
.v6 .wk-title,
.v6 .vt-title,
.v6 .fq-title,
.v6 .ct-title,
.v6 .rv-title {
  font-family: var(--font-title);
  font-weight: 400;
  letter-spacing: -.016em;
  line-height: 1.1;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html:not(.is-night) .v6 .fq .gt-name,
  html:not(.is-night) .v6 .fq-title em {
    background-image: var(--gold-line-light);
    background-repeat: repeat-y;
    background-size: 100% 1.08em;
    background-position: 50% 0;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-light);
    text-shadow: none;
  }

  .v6 .wk-title em,
  .v6 .st-title em {
    background-image: var(--gold-line-light);
    background-repeat: repeat-y;
    background-size: 100% 1.08em;
    background-position: 50% 0;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: var(--gold-cast-light);
    text-shadow: none;
  }
}

.v6 .wk-head,
.v6 .vt-head,
.v6 .fq-head { column-gap: clamp(3.2rem, 6vw, 9rem); }

@media (max-width: 991px) {
  .v6 .wk-head,
  .v6 .vt-head,
  .v6 .fq-head { column-gap: var(--gap); }
}


.v6 .vt,
.v6 .fq,
.v6 .vt-title, .v6 .vt-note, .v6 .vt-eyebrow, .v6 .vt-head,
.v6 .fq-title, .v6 .fq-note, .v6 .fq-ask, .v6 .fq-say p,
.v6 .fq-item, .v6 .fq-btn, .v6 .fq-eyebrow, .v6 .fq-sign i,
.v6 .vt-dot {
  transition:
    background-color .9s var(--ease),
    border-color .9s var(--ease),
    color .9s var(--ease),
    -webkit-text-fill-color .9s var(--ease),
    filter .9s var(--ease),
    opacity .9s var(--ease);
}

.v6 .fq-ask {
  transition:
    -webkit-text-fill-color .5s var(--ease),
    color .5s var(--ease),
    filter .5s var(--ease),
    background-color .9s var(--ease);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html:not(.is-night) .v6 .fq-item.is-open .fq-ask,
  html:not(.is-night) .v6 .fq-btn:hover .fq-ask {
    -webkit-text-fill-color: currentColor;
    color: var(--ink);
    filter: none;
  }
}

html:not(.is-night) .v6 .fq-say p { color: rgb(var(--dark-rgb) / .72); }

.v6 .vt-dot { transition: background-color .9s var(--ease), width .55s var(--ease-arch); }

@media (min-width: 992px) {
  .v6 .menu:not(.menu--drawer) .menu-link a { padding: clamp(1rem, 2.2vh, 2.4rem) 0; }
  .v6 .menu:not(.menu--drawer) .menu-link .slot { font-size: clamp(2rem, 2.8vh, 3rem); }
}

.v6 .menu:not(.menu--drawer) .menu-link a { padding-top: clamp(14px, 2.9vh, 30px); padding-bottom: clamp(14px, 2.9vh, 30px); }

/* Newsletter sign-up, under the footer's contact details. */
.ft-news { margin-top: 3.6rem; max-width: 36rem; }
.ft-left .ft-news { margin-top: 0; }

/* Credentials: RERA QR on the left, the badges compact beside it. */
.ft-cred { display: flex; align-items: flex-start; gap: 1.4rem; margin-bottom: 4rem; }
.ft-cred .ft-proof,
.v6 .ft-cred .ft-proof { display: flex; flex-direction: column; gap: .6rem; margin: 0; min-width: 0; }
.ft-cred .ft-badge { gap: .2rem; padding: .8rem 1.2rem; }
.ft-cred .ft-badge b { font-size: 1.3rem; }
.ft-cred .ft-badge span { font-size: .85rem; }
.ft-qr { flex: none; display: flex; flex-direction: column; align-items: center; gap: .6rem; margin: 0; }
.ft-qr img { display: block; width: 10.4rem; height: 10.4rem; object-fit: contain; padding: .6rem; background: #fff; border-radius: .3rem; }
.ft-qr figcaption { font-size: .85rem; letter-spacing: .1em; color: var(--on-dark-faint); text-transform: uppercase; }
.ft-news-k {
  display: block;
  font-size: clamp(11.5px, 1.3rem, 14px);
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--gold);
}
.ft-news-say { margin: .8rem 0 1.4rem; font-size: clamp(14px, 1.5rem, 16px); line-height: 1.5; color: rgb(251 250 247 / .6); }
.ft-news-row { display: flex; align-items: center; gap: 1rem; border-bottom: 1px solid rgb(251 250 247 / .28); transition: border-color .3s var(--ease); }
.ft-news-row:focus-within { border-color: var(--gold); }
.ft-news-row input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 1rem 0;
  border: 0;
  background: transparent;
  color: var(--paper);
  font: inherit;
  font-size: clamp(15px, 1.6rem, 17px);
  outline: none;
}
.ft-news-row input::placeholder { color: rgb(251 250 247 / .4); }
.ft-news-go {
  flex: none;
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid rgb(217 179 120 / .5);
  border-radius: 50%;
  background: transparent;
  color: var(--gold);
  cursor: pointer;
  transition: background-color .3s var(--ease), color .3s var(--ease);
}
.ft-news-go svg { width: 45%; height: 45%; }
.ft-news-go:focus-visible { outline: 1px solid var(--gold); outline-offset: .3rem; }
.ft-news-go:disabled { opacity: .5; cursor: default; }
@media (hover: hover) {
  .ft-news-go:not(:disabled):hover { background: var(--gold); color: #120d06; }
}
.ft-news-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ft-news-msg { min-height: 1.5em; margin: .8rem 0 0; font-size: clamp(13px, 1.4rem, 15px); color: var(--gold-lift); }
.ft-news-msg.is-bad { color: #e8a08a; }

/* RERA box: the registration number and the GujRERA website on the left (65%), the
   project's QR code on the right (35%) once it is uploaded (Project page > Hero >
   RERA QR code). Without a QR code, the details take the full width. */
.nb-rera {
  display: grid;
  align-items: center;
  gap: 2.4rem;
  padding: 2.4rem;
  border: var(--hair) solid rgba(217, 179, 120, .24);
  border-radius: 1.6rem;
  background: rgba(251, 250, 247, .03);
}
.nb-rera.has-qr { grid-template-columns: minmax(0, 65fr) minmax(0, 35fr); }
.nb-rera-body {
  display: grid;
  gap: .3rem;
  margin: 0;
  min-width: 0;
}
.nb-rera-body > div { display: contents; }
.nb-rera-body dt {
  font-size: clamp(10.5px, 1.1rem, 12px);
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--gold);
}
.nb-rera-body dd {
  margin: 0;
  font-size: clamp(13.5px, 1.45rem, 16px);
  line-height: 1.5;
  color: rgba(251, 250, 247, .86);
  overflow-wrap: anywhere;
}
.nb-rera-body > div + div > dt { margin-top: 1.2rem; }
.nb-rera-body a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(217, 179, 120, .5);
  text-underline-offset: .25em;
  transition: color .3s var(--ease);
}
.nb-rera-body a:hover { color: var(--gold); }

/* the code sits against the right edge, so the padding there matches the left */
.nb-rera-qr {
  justify-self: end;
  display: grid;
  justify-items: center;
  gap: .8rem;
  width: 100%;
  max-width: clamp(96px, 15rem, 160px);
  margin: 0;
}
.nb-rera-code {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1;
  padding: .6rem;
  border-radius: .8rem; 
}
.nb-rera-code img { display: block; width: 100%; height: 100%; object-fit: contain; }
.nb-rera-qr figcaption {
  font-size: clamp(10px, 1.05rem, 11.5px);
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(251, 250, 247, .55);
  text-align: center;
}
@media (max-width: 767px) {
  .nb-rera { gap: 1.6rem; padding: 1.8rem; }
}
