:root {
  --orange: #FBB900;
  --yellow: #FFEE26;
  --navy: #000000;
  --text: #999999;
  --cream: #f6f6f6;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  box-shadow: 0 5px 24px #0000001a;
}

section[id] {
  scroll-margin-top: 145px;
}

.skip-link {
  position: fixed;
  left: 15px;
  top: 12px;
  z-index: 10000;
  padding: 12px 16px;
  background: var(--yellow);
  color: #000;
  font-weight: 800;
  transform: translateY(-150%);
  transition: transform .2s;
}

.skip-link:focus { transform: none; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 3px;
}

#mainNav a.active {
  color: #b57e00;
}

#mainNav a.active::after {
  right: 0;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.tile:hover .number {
  color: var(--yellow);
  opacity: .42;
}

.footer-logo {
  width: 190px;
  max-height: 82px;
  object-fit: contain;
  object-position: left center;
  filter: none;
}

.nav-cta,
.button,
.post time,
.to-top {
  color: #000;
}

.nav-cta:hover,
.button:hover {
  background: var(--yellow);
  color: #000;
}

.hero-overlay {
  background: linear-gradient(90deg, #000 0%, #000000c7 48%, #00000024 82%);
}

.eyebrow,
.section-head span,
.tile small,
.tile .arrow,
.stat b,
.footer-grid a:hover {
  color: var(--yellow);
}

.about-visual::before,
.video-section,
.post time,
.to-top {
  background: var(--orange);
}

.video-copy {
  color: #000;
}

.video-copy .button.secondary {
  border-color: #000;
  color: #000;
}

.video-copy .button.secondary:hover {
  background: #000;
  color: var(--yellow);
}

.gallery-item::after,
footer {
  background: #000000e8;
}

.topbar {
  color: #999;
}

.offer-point span,
.footer-grid p,
.footer-grid a,
.copyright {
  color: #999;
}

.hero .button.secondary {
  color: #fff;
  border-color: #fff;
}

.hero .button.secondary:hover {
  background: #fff;
  color: #000;
}