.site-header--transparent{position:absolute;left:0;right:0;background:transparent;border-bottom-color:#ffffff2e;transition:background .25s,border-color .25s,box-shadow .25s}.site-header--transparent .main-nav a,.site-header--transparent .header-actions__link,.site-header--transparent .icon-btn{color:#fff}.site-header--transparent .icon-btn:hover{background:#ffffff1f;color:#fff}.site-header--transparent .main-nav a:hover,.site-header--transparent .main-nav a[aria-current=page]{color:#fff}.site-header--transparent.is-scrolled{position:fixed;top:0;background:var(--navy);border-bottom-color:transparent;box-shadow:0 6px 24px #0a1b3540;animation:header-in .25s ease-out}.site-header--transparent .search-bar{background:var(--navy);border-top-color:#ffffff26}.site-header--transparent .mobile-nav{background:var(--navy)}.site-header--transparent .mobile-nav a{color:#fff;border-bottom-color:#ffffff26}@keyframes header-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.template-index .hero__content{padding-top:160px}.hero__heading{font-size:clamp(44px,6.4vw,92px);line-height:1}.template-index .hero:after{content:"";position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(180deg,#0a1b3599,#0a1b3500);pointer-events:none}.site-header--transparent .mobile-nav .btn{color:var(--navy)}.main-nav{align-self:stretch;align-items:center}.nav-dd{align-self:stretch;display:flex;align-items:center;gap:2px}.nav-dd__toggle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:6px;padding:0;color:var(--ink)}.nav-dd__toggle svg{transition:transform .2s}.nav-dd:hover .nav-dd__toggle svg,.nav-dd.is-open .nav-dd__toggle svg{transform:rotate(180deg)}.nav-dd:hover>.nav-dd__link{border-bottom-color:var(--accent)}.site-header--transparent .nav-dd__toggle{color:#fff}.site-header--transparent .nav-dd__toggle:hover{background:#ffffff1f}.nav-dd__toggle:hover{background:var(--grey)}.mega{position:absolute;left:0;right:0;top:100%;background:#0a1b35b8;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-top:1px solid rgba(255,255,255,.18);box-shadow:0 24px 48px #00000040;padding:36px 0 28px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility 0s linear .18s;z-index:60}.nav-dd:hover .mega,.nav-dd:focus-within .mega,.nav-dd.is-open .mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}.nav-dd.is-closed .mega{opacity:0;visibility:hidden}.mega__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.site-header .main-nav .mega a{color:#ffffffd9;border-bottom:0;padding:0}.site-header .main-nav .mega a:hover,.site-header .main-nav .mega a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}.mega__col{padding-left:18px;border-left:3px solid var(--accent)}.site-header .main-nav .mega .mega__heading{display:block;font-size:17px;font-weight:700;color:#fff;margin-bottom:12px}.mega__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.site-header .main-nav .mega__list a{font-size:15px;font-weight:500;color:#ffffffc7}.mega__foot{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.site-header .main-nav .mega .mega__all{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--accent)}.m-dd{border-bottom:1px solid var(--line)}.m-dd>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:17px;font-weight:600;color:var(--ink);cursor:pointer}.m-dd>summary::-webkit-details-marker{display:none}.m-dd[open]>summary svg{transform:rotate(180deg)}.m-dd__body{padding:0 0 8px 14px}.m-dd--sub{border-bottom:0}.m-dd--sub>summary{font-size:16px;padding:10px 0}.mobile-nav .m-dd__body a{font-size:15px;font-weight:500;padding:9px 0;border-bottom:0}.site-header--transparent .m-dd{border-bottom-color:#ffffff26}.site-header--transparent .m-dd>summary{color:#fff}.site-header--transparent .mobile-nav .m-dd__body a{color:#ffffffd9}.site-header:not(.site-header--transparent) .mega{background:#0a1b35e6}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mega{background:var(--navy)}}@media(max-width:900px){.mega{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/dusk-header.css.map */