#site-header { transition: background-color .25s, color .25s, box-shadow .25s; }
#site-header.is-transparent { background: transparent; color: #fff; }
#site-header.is-solid { background: #fff; color: #0B0B0B; box-shadow: 0 1px 0 #f4f4f5; }
#site-header .logo-sub { opacity: .65; }
#site-header.is-transparent .btn-ghost { border-color: rgba(255, 255, 255, .45); }
#site-header.is-solid .btn-ghost { border-color: #d4d4d8; }

.nav-link { position: relative; }
.nav-link::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -24px; height: 2px;
  background: #B5121B; transform: scaleX(0); transition: transform .2s;
}
.nav-link:hover::after, .nav-link[aria-expanded="true"]::after, .nav-link.is-active::after { transform: scaleX(1); }

#mega { transition: opacity .2s, transform .2s, visibility .2s; }
#mega[data-open="false"] { opacity: 0; visibility: hidden; transform: translateY(-8px); }
#mega[data-open="true"] { opacity: 1; visibility: visible; transform: none; }
#mega-backdrop { transition: opacity .2s, visibility .2s; }
#mega-backdrop[data-open="false"] { opacity: 0; visibility: hidden; }
.cat-tab[aria-selected="true"] { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.cat-tab[aria-selected="true"] .cat-arrow { opacity: 1; transform: none; }
.cat-arrow { opacity: 0; transform: translateX(-4px); transition: .2s; }
.mega-panel[hidden] { display: none; }

#drawer { transition: transform .3s, visibility .3s; }
#drawer[data-open="false"] { transform: translateX(100%); visibility: hidden; }

.site main .btn { border-radius: 9999px; }
.site main .btn-brand { background-color: #AC9378; color: #fff; }
.site main .btn-brand:hover { background-color: #957C62; }

[hidden] { display: none !important; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }
details[open] .chev { transform: rotate(180deg); }
details > summary::-webkit-details-marker { display: none; }
[x-cloak] { display: none !important; }

.hero-slide { transition: opacity .7s ease; }
.hero-slide[aria-hidden="true"] { opacity: 0; pointer-events: none; }

@keyframes lineup-in-right { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: none; } }
@keyframes lineup-in-left { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: none; } }
.lineup-slide:not([hidden]) { animation: lineup-in-right .45s ease; }
.lineup-slide.from-left:not([hidden]) { animation-name: lineup-in-left; }

.cf-stage { perspective: 1600px; perspective-origin: 50% 50%; }
.cf-slide {
  transition: transform .6s cubic-bezier(.22, .7, .2, 1), opacity .6s ease;
  transform-style: preserve-3d; backface-visibility: hidden; will-change: transform;
}
.cf-slide .cf-dim { transition: opacity .6s ease; }
.cf-slide[data-pos="0"] .cf-dim { opacity: 0; }
.cf-slide:not([data-pos="0"]) .cf-desc { display: none; }
.cf-slide[data-pos="0"] { cursor: default; }

#lightbox[data-open="false"] { display: none; }

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