.nav-dropdown{position:relative}
.nav-dropdown-toggle{display:flex;align-items:center;gap:7px;padding:10px 0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.nav-dropdown-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s ease}
.nav-submenu{position:absolute;z-index:80;left:50%;top:calc(100% + 12px);width:270px;padding:8px;background:rgba(3,13,31,.97);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .22s ease,transform .28s ease,visibility .22s ease}
.nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-submenu a{display:block!important;padding:11px 12px;border-radius:9px;color:#fff!important;font-size:14px;line-height:1.4;transition:background .2s ease,color .2s ease}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:rgba(255,255,255,.09);color:#f2dcae!important}
.nav-submenu a[aria-current="page"]{color:#f2dcae!important;background:rgba(255,255,255,.07)}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.is-open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown.is-open .nav-dropdown-toggle svg{transform:rotate(180deg)}
.nav .links{gap:clamp(14px,2vw,30px);font:400 14px/1.55 "DM Sans",sans-serif}
.nav .links>a,.nav .nav-dropdown-toggle{white-space:nowrap}
.nav .links .active{color:#e4c78f}
.nav .nav-cta{padding:12px 20px}
.nav .nav-in{column-gap:24px}
.nav .brand{flex-shrink:0}
.nav .brand-logo{height:auto;margin:0}
.nav .mobile-tabs{max-height:calc(100dvh - 94px);overflow-y:auto;overscroll-behavior:contain}
.footer .discover-links a:last-child:nth-child(odd){grid-column:1/-1}
#add-ons{scroll-margin-top:100px}
@media(min-width:1001px){.nav .links{display:flex!important;align-items:center}.nav .nav-in{height:108px}.nav .brand-logo{width:172px}}
/* Use the same compact menu on tablet widths where five tabs would crowd the logo. */
@media(min-width:581px) and (max-width:1000px){
 .nav{position:relative;z-index:100;background:rgba(3,13,31,.97)}
 .nav .nav-in{height:90px}
 .nav .brand-logo{width:154px}
 .nav .links{display:none!important}
 .mobile-menu-toggle{position:absolute;display:flex;align-items:center;gap:9px;right:24px;top:24px;height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font:600 14px/1 "DM Sans",sans-serif;cursor:pointer}
 .menu-icon{position:relative;width:16px;height:12px;display:block}
 .menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:16px;height:1px;background:#fff;transition:transform .32s ease,top .32s ease}
 .menu-icon:before{top:2px}.menu-icon:after{top:9px}
 .mobile-tabs{position:absolute;display:flex!important;flex-direction:column;gap:4px;top:78px;right:24px;width:288px;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(3,13,31,.97);box-shadow:0 20px 55px rgba(0,0,0,.34);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.97);transform-origin:top right;transition:opacity .24s ease,transform .32s ease,visibility .24s}
 .mobile-tabs a{display:flex;align-items:center;min-height:42px;padding:0 13px;border-radius:10px;color:#fff;font:500 14px/1.4 "DM Sans",sans-serif}
 .mobile-tabs a:hover,.mobile-tabs a:focus-visible{background:rgba(255,255,255,.09)}
 .mobile-tabs a.active{color:#f2dcae}
 .mobile-tabs .mobile-plan{margin-top:4px;color:#f2dcae;border:1px solid rgba(213,181,120,.5);justify-content:center}
 .mobile-events-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:0 13px;border:0;border-radius:10px;background:none;color:#fff;font:500 14px/1.4 "DM Sans",sans-serif;text-align:left;cursor:pointer}
 .mobile-events-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s ease}
 .mobile-events-group.is-open .mobile-events-toggle{background:rgba(255,255,255,.08)}
 .mobile-events-group.is-open .mobile-events-toggle svg{transform:rotate(180deg)}
 .mobile-events-list{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
 .mobile-events-list>div{overflow:hidden}
 .mobile-events-group.is-open .mobile-events-list{grid-template-rows:1fr}
 .mobile-tabs .mobile-events-list a{margin-left:12px;padding-left:15px;border-left:1px solid rgba(213,181,120,.5);border-radius:0}
 .nav.menu-open .mobile-tabs{opacity:1;visibility:visible;pointer-events:auto;transform:none}
 .nav.menu-open .menu-icon:before{top:6px;transform:rotate(45deg)}
 .nav.menu-open .menu-icon:after{top:6px;transform:rotate(-45deg)}
}
@media(prefers-reduced-motion:reduce){.nav-submenu,.nav-dropdown-toggle svg{transition:none}}