@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap";.dn-header{background:#060606;border-bottom:1px solid #2c2c2c;position:relative;z-index:100;font-family:DM Sans,sans-serif}.dn-header__mega{position:absolute;left:0;right:0;top:100%;background:#060606;border-bottom:1px solid #2c2c2c;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease;z-index:99}.dn-header__mega.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.dn-header__mega-inner{max-width:1440px;margin:0 auto;padding:59px 36px 59px 277px;display:flex;gap:180px}.dn-header__mega-col--nav,.dn-header__mega-col--feature{width:437px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}.dn-header__mega-section-label{font-size:20px;font-weight:700;color:#b0b0b0;text-transform:uppercase;letter-spacing:.1em;margin:0;line-height:1}.dn-header__mega-links{display:flex;flex-direction:column}.dn-header__mega-link{display:flex;align-items:center;height:61px;font-size:24px;font-weight:400;color:#2c2c2c;text-decoration:none;letter-spacing:-.02em;line-height:32px;transition:color .2s;border:none;background:none}.dn-header__mega-link.is-active{color:#a2c1c4}.dn-header__mega-link-text{position:relative;display:inline-block}.dn-header__mega-link.is-active .dn-header__mega-link-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#a2c1c4;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.dn-header__mega-link.is-active:hover .dn-header__mega-link-text:after{transform:scaleX(1)}.dn-header__mega-link.is-disabled,.dn-header__dropdown-link.is-disabled,.dn-header__nav-link.is-disabled,.dn-header__mobile-link.is-disabled{color:#2c2c2c;pointer-events:none;cursor:default}.dn-header__mega-card{display:flex;flex-direction:column;gap:24px;text-decoration:none}.dn-header__mega-img-wrap{width:430px;height:241px;border-radius:20px;overflow:hidden;background:#2c2c2c;flex-shrink:0}.dn-header__mega-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.dn-header__mega-card:hover .dn-header__mega-img{transform:scale(1.04)}.dn-header__mega-feature-title{font-size:24px;font-weight:400;color:#a2c1c4;margin:0;line-height:32px;letter-spacing:-.02em;max-width:437px}.dn-header--sticky{position:fixed;top:0;left:0;right:0;transition:transform .35s ease}.dn-header--sticky.is-hidden{transform:translateY(-100%)}.dn-header__inner{max-width:1440px;margin:0 auto;padding:0 36px;height:100px;display:flex;align-items:center;justify-content:space-between}.dn-header__logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.dn-header__logo{height:30px;width:auto;display:block}.dn-header__logo-text{font-size:20px;font-weight:700;color:#a2c1c4;letter-spacing:.02em}.dn-header__nav{display:flex;align-items:center;gap:0}.dn-header__item{position:relative}.dn-header__nav-link,.dn-header__nav-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;color:#a2c1c4;text-transform:uppercase;text-decoration:none;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;letter-spacing:.02em;line-height:24px;white-space:nowrap;transition:opacity .2s}.dn-header__nav-link:hover,.dn-header__nav-btn:hover{opacity:.7}.dn-header__chevron{flex-shrink:0;transition:transform .2s}.dn-header__item--dropdown.is-open .dn-header__chevron{transform:rotate(180deg)}.dn-header__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#060606;border:1px solid #2c2c2c;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s;z-index:200}.dn-header__item--dropdown.is-open .dn-header__dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.dn-header__dropdown-link{font-size:13px;font-weight:400;color:#a2c1c4;text-decoration:none;padding:12px 20px;letter-spacing:.02em;transition:background .15s;white-space:nowrap}.dn-header__dropdown-link:hover{background:#a2c1c414}.dn-header__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0}.dn-header__burger span{display:block;height:2px;background:#a2c1c4;border-radius:2px;transition:transform .25s,opacity .25s;transform-origin:center}.dn-header__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.dn-header__burger.is-open span:nth-child(2){opacity:0}.dn-header__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dn-header__mobile-nav{display:none;background:#060606;border-top:1px solid #2c2c2c;max-height:0;overflow:hidden;transition:max-height .3s ease}.dn-header__mobile-nav.is-open{max-height:80vh;overflow-y:auto}.dn-header__mobile-inner{padding:16px 24px 32px;display:flex;flex-direction:column}.dn-header__mobile-link.dn-header__mobile-link--top{display:block;font-size:17px;font-weight:700;color:#a2c1c4;text-decoration:none;text-transform:uppercase;padding:18px 0;border-bottom:1px solid #1a1a1a;letter-spacing:.02em}.dn-header__mobile-heading{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:17px;font-weight:700;color:#a2c1c4;text-transform:uppercase;background:none;border:none;border-bottom:1px solid #1a1a1a;padding:18px 0;cursor:pointer;font-family:DM Sans,sans-serif;letter-spacing:.02em}.dn-header__mobile-heading svg{transition:transform .2s;flex-shrink:0}.dn-header__mobile-group.is-open .dn-header__mobile-heading svg{transform:rotate(180deg)}.dn-header__mobile-sub{display:none;flex-direction:column;padding-left:16px}.dn-header__mobile-group.is-open .dn-header__mobile-sub{display:flex}.dn-header__mobile-link{font-size:15px;font-weight:400;color:#a2c1c4;text-decoration:none;padding:14px 0;letter-spacing:.02em;border-bottom:1px solid #1a1a1a}@media(max-width:900px){.dn-header__nav,.dn-header__mega{display:none}.dn-header__burger{display:flex}.dn-header__mobile-nav{display:block}}@media(max-width:480px){.dn-header__inner{padding:0 24px;height:72px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/dn-header.css.map */