#nav{position:fixed;inset-block-start:0;inset-inline:0;height:var(--nav-h);background:#000c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:900;transition:background .3s var(--ease)}#nav.scrolled{background:#000000f0}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:24px}@media(min-width:768px){.nav-inner{padding-inline:48px}}@media(min-width:1400px){.nav-inner{padding-inline:64px}}.nav-logo{width:150px;height:auto}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:16px}.nav-cta{display:inline-flex;align-items:center;background:#fc0;color:#020105;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:10px 16px;border-radius:5px;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s var(--ease);flex-shrink:0}.nav-cta:hover{background:#fc0;transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:clamp(22px,2.8vw,44px)}.nav-links a{font-size:14px;font-weight:400;color:var(--white);transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--yellow)}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px}.nav-burger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:transform .28s var(--ease),opacity .2s}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-drawer{display:none;position:fixed;top:var(--nav-h);inset-inline:0;background:#000000f7;padding:16px 24px 32px;z-index:899;flex-direction:column}.nav-drawer.open{display:flex}.nav-drawer a{font-size:20px;font-weight:400;color:var(--white);padding:18px 0;border-bottom:.5px solid rgba(255,255,255,.1);transition:color .2s}.nav-drawer a:last-child{border-bottom:none}.nav-drawer a:hover{color:var(--yellow)}.drawer-cta{color:#fc0!important;font-weight:700!important}@media(max-width:767px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.nav-logo{width:120px}}#nav,#navDrawer{--nav-h: 68px;--max-w: 1400px;--white: #fff;--yellow: #ffcc00;--ease: cubic-bezier(.4, 0, .2, 1);font-family:Montserrat,sans-serif;font-size:16px;line-height:normal;letter-spacing:normal;color:#fff}#nav,#nav.scrolled{background:#000}#nav *,#nav *:before,#nav *:after,#navDrawer *{box-sizing:border-box}#nav a,#navDrawer a{text-decoration:none}#nav .nav-links{list-style:none;padding:0;margin:0}#nav .nav-logo{display:block;max-width:100%}#nav .nav-inner{grid-template-columns:auto 1fr auto;gap:32px}#nav .nav-inner>nav{justify-self:center}#nav .nav-cta{line-height:normal}#nav .nav-burger{cursor:pointer}#nav .lookout-utility-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;padding:0;margin:0;color:#fff;flex-shrink:0}#nav .lookout-utility-link .svg-wrapper,#nav .lookout-utility-link svg{display:block;width:32px;height:32px}#nav .lookout-cart-link .svg-wrapper,#nav .lookout-cart-link svg{width:44px;height:44px}#nav .cart-count-bubble{position:absolute;top:0;right:-4px;bottom:auto;left:auto;display:flex;align-items:center;justify-content:center;min-width:16px;width:auto;height:16px;padding:0 4px;margin:0;border-radius:9px;background:#fc0;color:#020105;font-size:10px;line-height:16px}#nav .lookout-visually-hidden,#nav .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#navDrawer{max-height:calc(100dvh - 68px);overflow-y:auto}#navDrawer[hidden]{display:none}#nav a:focus-visible,#nav button:focus-visible,#navDrawer a:focus-visible{outline:2px solid #ffcc00;outline-offset:4px}.lookout-native-header-shell{position:relative;height:68px;z-index:900}.lookout-native-header-shell cart-notification .cart-notification-wrapper{top:68px}.lookout-native-header-shell .cart-notification.active{z-index:1}html{scroll-padding-top:68px}@media(max-width:1199px){#nav .nav-links,#nav .nav-cta,#nav .lookout-search-link,#nav .lookout-account-link{display:none}#nav .nav-burger{display:flex}#nav .nav-logo{width:120px}#nav .nav-inner{grid-template-columns:1fr auto;gap:16px}#nav .nav-inner>nav{display:none}}@media(prefers-reduced-motion:reduce){#nav,#nav a,#nav .nav-burger span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lookout-site-header.css.map */