sticky-header{--c-ink: #1a1c1c;--c-ink-soft: #333333;--c-body: #474747;--c-body-soft: #5e5e5e;--c-mute: #a8a8a8;--c-line-soft: #e5e5e5;--c-stone: #f6f5f4;--c-paper: #ffffff;--c-orchid: #734e95;--font-body: "AlbertSans", "Inter", system-ui, sans-serif;--font-display: "DarkerGrotesque", "AlbertSans", system-ui, sans-serif;--font-italic: "Alegreya", Georgia, serif;--site-header-h: 62px;--site-header-inset: .5rem;display:block;position:fixed;top:var(--site-header-inset);left:var(--site-header-inset);right:var(--site-header-inset);z-index:48;color:var(--c-ink-soft);transition:transform .3s ease;will-change:transform}@media(min-width:1025px){sticky-header{--site-header-h: 72px}}body:has(.hide-website) .site-header{display:none}sticky-header[data-top-banner=true]{transform:translateY(36px)}sticky-header[data-current-skin=dark]{color:#fff}sticky-header[data-current-skin=light]{color:var(--c-ink-soft)}sticky-header:has(.mega-menu-container.is-active),sticky-header:has(.mobile-drawer-container.is-active){color:var(--c-ink-soft)!important}.site-header{position:relative;z-index:2;background:#f6f5f466;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);border-radius:.5rem;transition:background .3s ease,border-color .3s ease}.site-header.transparent{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header.white,.site-header.white-mobile{background:transparent!important;border-color:transparent}sticky-header[data-current-skin=dark] .site-header:not(.transparent){background:#0006}sticky-header.is-hidden{transform:translateY(calc(-100% - var(--site-header-inset)))}sticky-header[data-top-banner=true]:has(.white-mobile){transform:translateY(0)!important}.site-header-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:var(--site-header-h);transition:height .3s ease;padding-inline:max(1rem,50% - 700px)}@media(min-width:1025px){.site-header-bar{padding-inline:max(2rem,50% - 700px)}}sticky-header [hidden]{display:none}.site-header-side{display:flex;align-items:center;gap:1.25rem;color:inherit}.site-header-side-start{justify-content:flex-start;display:grid;grid-template-areas:"stack";justify-items:start}.site-header-side-start>*{grid-area:stack}.site-header-side-end{justify-content:flex-end}#site-header-logo{display:block;color:inherit;transition:opacity .3s ease;opacity:1}#site-header-logo svg{display:block;width:148px;height:auto;color:inherit;transition:width .3s ease}@media(min-width:1025px){#site-header-logo svg{width:168px}}.site-header-icon,.cart-icon-bubble{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;outline:none;background:none;color:inherit;cursor:pointer}.site-header-icon svg,.cart-icon-bubble svg{display:block;width:22px;height:22px;color:inherit}@media(min-width:1025px){.site-header-icon svg,.cart-icon-bubble svg{width:21px;height:21px}}.site-header .cart-icon-bubble>span{position:absolute;inset:auto auto auto auto;top:-6px;right:-8px;bottom:auto;left:auto;font-family:var(--font-body);font-size:11px;font-weight:600;line-height:1;color:inherit}.site-header-icon[data-target][aria-expanded=true]{border-bottom:2px solid currentColor;padding-bottom:2px}.site-header-back{visibility:hidden;opacity:0;transition:opacity .3s ease}sticky-header:has(.mobile-panel.is-active) .site-header-back{visibility:visible;opacity:1}sticky-header:has(.mobile-panel.is-active) #site-header-logo{visibility:hidden;opacity:0}.site-header-nav{display:flex;align-items:center;justify-content:center;gap:2.25rem}.site-header-link{display:inline-flex;align-items:center;gap:6px;padding:4px 0 2px;border:none;border-bottom:2px solid transparent;outline:none;background:none;font-family:var(--font-body);font-size:13px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:inherit;opacity:.82;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.site-header-link:hover,.site-header-link:focus-visible{opacity:1}.site-header-link[aria-expanded=true]{opacity:1;border-bottom-color:currentColor}.nav-caret{display:inline-flex;opacity:.6}.nav-caret svg{display:block;width:12px;height:12px}.nav-caret-open,.site-header-link[aria-expanded=true] .nav-caret-closed{display:none}.site-header-link[aria-expanded=true] .nav-caret-open{display:inline-flex;opacity:1}.mega-menu-container,.mobile-drawer-container{position:fixed;top:calc(var(--site-header-inset) * -1);left:0;right:0;z-index:1;border-radius:0 0 1rem 1rem;background-color:var(--c-paper);box-shadow:0 25px 50px -12px #00000040;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;pointer-events:none}.mega-menu-container.is-active,.mobile-drawer-container.is-active{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s;pointer-events:auto}.mobile-drawer-container{left:calc(var(--site-header-inset) * -1);right:calc(var(--site-header-inset) * -1)}.nav-eyebrow{margin:0 0 .5rem;font-family:var(--font-body);font-size:11px;font-weight:700;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--c-mute)}.nav-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.nav-row{display:flex;align-items:center;gap:.75rem;padding:8px 0;text-decoration:none;color:var(--c-ink-soft)}.nav-row>svg{flex:none;width:14px;height:14px;margin-left:auto;color:var(--c-mute);transition:transform .2s ease}.nav-row:hover>svg{transform:translate(3px);color:var(--c-body-soft)}.nav-thumb{flex:none;width:48px;height:48px;object-fit:cover;border-radius:8px}.nav-thumb-empty{background:var(--c-stone);border:1px solid var(--c-line-soft)}.nav-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-row-title{font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-row-sub{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:1.3;color:var(--c-body-soft)}.nav-text-link{padding:7px 0;font-family:var(--font-body);font-size:14px;font-weight:400;text-decoration:none;color:var(--c-body);transition:color .2s ease}.nav-text-link:hover{color:var(--c-ink)}.nav-link-more{display:inline-flex;align-items:center;gap:6px;padding-top:.625rem;font-family:var(--font-body);font-size:13px;font-weight:500;text-decoration:none;color:var(--c-ink-soft);white-space:nowrap}.nav-link-more svg{flex:none;width:13px;height:13px;color:var(--c-body-soft);transition:transform .2s ease}.nav-link-more:hover svg{transform:translate(3px)}.nav-sparkle{display:inline-flex;flex:none;color:var(--c-orchid)}.nav-sparkle svg{display:block;width:18px;height:18px;color:inherit}.mega-panel{display:none;width:100%;gap:3.5rem;padding:calc(var(--site-header-h) + var(--site-header-inset) * 2 + 28px) max(2rem,50% - 700px) 36px}.mega-panel.is-active{display:flex;animation:navFadeContent .3s ease forwards}.mega-panel-centered{justify-content:center;gap:4rem}@keyframes navFadeContent{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.mega-col{display:flex;flex-direction:column}.mega-col-devices{flex:none;width:320px}.mega-col-accessories{flex:none;width:240px}.mega-col-bundles{flex:none;width:220px}.mega-col-rail{flex:none;width:300px}.mega-col-blog{flex:1;gap:.75rem;min-width:0}.nav-rail-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:11px 0;border-bottom:1px solid var(--c-line-soft);font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;color:var(--c-ink-soft)}.nav-rail-link-last{border-bottom:none}.nav-rail-link svg{flex:none;width:14px;height:14px;color:var(--c-body-soft);transition:transform .2s ease}.nav-rail-link:hover svg{transform:translate(3px)}.nav-rail-label{display:inline-flex;align-items:center;gap:8px}.nav-rail-label svg{width:16px;height:16px;color:var(--c-orchid)}.nav-rail-link:hover .nav-rail-label svg{transform:none}.nav-article-grid{display:flex;gap:1.5rem}.nav-article{flex:1;display:flex;flex-direction:column;gap:.625rem;min-width:0;text-decoration:none}.nav-article-image{display:block;width:100%;height:130px;object-fit:cover;object-position:top;border-radius:12px}.nav-article-text{display:flex;flex-direction:column;gap:3px}.nav-article-title{font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-article-meta{font-family:var(--font-body);font-size:12px;color:var(--c-body-soft)}.nav-article:hover .nav-article-title{color:var(--c-ink)}header-search{display:contents}.mega-panel-search{flex-direction:column;gap:1.5rem}.nav-search-form{width:100%;max-width:720px;margin:0 auto}.nav-search-field{display:flex;align-items:center;gap:.875rem;padding:6px 2px 12px;border-bottom:1px solid var(--c-body-soft);cursor:text}.nav-search-icon{display:inline-flex;flex:none;color:var(--c-ink-soft)}.nav-search-field .nav-search-icon svg{display:block;width:22px;height:22px}.nav-search-field input{flex:1;min-width:0;padding:0;border:none;outline:none;background:none;font-family:var(--font-body);font-size:20px;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-search-field input::placeholder{color:var(--c-mute)}sticky-header input[type=search]::-webkit-search-cancel-button,sticky-header input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.nav-search-clear{display:inline-flex;flex:none;padding:0;border:none;outline:none;background:none;color:var(--c-mute);cursor:pointer}.nav-search-clear svg{display:block;width:20px;height:20px}.nav-search-clear:hover{color:var(--c-body-soft)}.nav-search-results-desktop{display:flex;justify-content:center;gap:4.5rem}.nav-search-results-desktop:empty{display:none}.nav-search-results-desktop .nav-search-group{flex:none;width:380px}.nav-search-group{display:flex;flex-direction:column}.nav-freq-row{display:flex;align-items:center;gap:.75rem;padding:10px 0;border-bottom:1px solid var(--c-line-soft);text-decoration:none}.nav-freq-row:last-child{border-bottom:none}.nav-freq-hz{flex:none;width:76px;font-family:var(--font-body);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--c-ink-soft)}.nav-freq-label{font-family:var(--font-body);font-size:13px;color:var(--c-body)}.nav-freq-row svg,.nav-search-group .nav-row>svg{flex:none;width:14px;height:14px;margin-left:auto;color:var(--c-mute)}.nav-search-results strong{font-weight:600;color:var(--c-ink-soft)}.nav-search-empty{margin:0;padding:.5rem 0;font-family:var(--font-body);font-size:14px;color:var(--c-body-soft)}.nav-search-empty-state{display:flex;flex-direction:column;gap:.5rem;max-width:420px}.nav-search-ask{display:flex;align-items:center;gap:.625rem;padding:12px 14px;border:1px solid var(--c-line-soft);border-radius:10px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.nav-search-ask>svg{flex:none;width:14px;height:14px;margin-left:auto;color:var(--c-mute)}.nav-search-ask:hover,.nav-search-results [data-search-row].nav-search-ask[data-highlighted]{border-color:var(--c-mute);border-radius:10px;background:var(--c-stone);box-shadow:none}.nav-search-results[data-loading]{opacity:.55;transition:opacity .15s ease}.nav-search-results [data-search-row][data-highlighted]{border-radius:3px;background:var(--c-stone);box-shadow:0 0 0 8px var(--c-stone)}.mobile-drawer-panel{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:calc(var(--site-header-h) + var(--site-header-inset) * 2);background-color:var(--c-paper)}.mobile-drawer-panel-divided:before{content:"";position:absolute;top:calc(var(--site-header-h) + var(--site-header-inset) * 2);left:0;right:0;border-top:1px solid var(--c-line-soft)}.mobile-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.mobile-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer-scroll{flex:1;display:flex;flex-direction:column;gap:1.25rem;padding:1rem 1.5rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer-footer{display:flex;flex-direction:column;padding:0 1.5rem calc(1.25rem + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.mobile-drawer-scroll,.mobile-drawer-footer{padding-left:3.5rem;padding-right:3.5rem}}.mobile-groups{display:flex;flex-direction:column;gap:1.25rem}.mobile-group{display:flex;flex-direction:column}.mobile-group .nav-eyebrow{margin-bottom:.375rem}.mobile-group-rows .nav-row{padding:10px 0;border-bottom:1px solid var(--c-line-soft)}.mobile-group-rows .nav-row:last-child{border-bottom:none}.mobile-drawer-scroll>.nav-link-more{align-self:flex-start;padding-top:0}.mobile-drawer-panel .nav-thumb{width:56px;height:56px}.mobile-drawer-panel .nav-row-title{font-size:15px}.mobile-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:12px 0;border:none;outline:none;background:none;font-family:var(--font-body);font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-.01em;text-align:left;text-decoration:none;color:var(--c-ink-soft);cursor:pointer}.mobile-row svg{flex:none;width:16px;height:16px;color:var(--c-mute);transition:transform .2s ease}.mobile-row:hover svg,.mobile-row:focus-visible svg{transform:translate(3px)}.nav-search-pill-form{flex:none}.nav-search-pill{display:flex;align-items:center;gap:.625rem;padding:11px 14px;border:1px solid var(--c-line-soft);border-radius:8px;background:var(--c-stone);cursor:text;transition:background .2s ease,border-color .2s ease}.nav-search-pill:focus-within{background:var(--c-paper);border-color:var(--c-body-soft)}.nav-search-pill .nav-search-icon svg{display:block;width:17px;height:17px;color:var(--c-body-soft)}.nav-search-pill:focus-within .nav-search-icon svg{color:var(--c-ink-soft)}.nav-search-pill input{flex:1;min-width:0;padding:0;border:none;outline:none;background:none;font-family:var(--font-body);font-size:14px;color:var(--c-ink-soft)}.nav-search-pill input::placeholder{color:var(--c-mute)}.nav-search-pill .nav-search-clear svg{width:17px;height:17px}header-search[data-surface=mobile] [data-search-results]{display:flex;flex-direction:column;gap:1.375rem}header-search[data-surface=mobile] [data-search-results]:empty{display:none}.nav-hero-card{position:relative;display:flex;flex-direction:column;border:1px solid var(--c-line-soft);border-radius:12px;overflow:hidden;text-decoration:none}.nav-hero-image{display:block;width:100%;height:140px;object-fit:cover;object-position:top}.nav-hero-badge{position:absolute;top:12px;left:12px;padding:5px 12px;border:1px solid rgba(255,255,255,.6);border-radius:9999px;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink-soft)}.nav-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:14px 16px;background:var(--c-paper)}.nav-hero-foot svg{flex:none;width:18px;height:18px;color:var(--c-ink-soft);transition:transform .2s ease}.nav-hero-card:hover .nav-hero-foot svg{transform:translate(3px)}.nav-hero-title{font-family:var(--font-body);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-hero-sub{font-family:var(--font-body);font-size:12px;color:var(--c-body-soft)}.nav-note{display:flex;flex-direction:column;gap:.5rem;padding:14px 16px;border:1px solid var(--c-line-soft);border-radius:12px;background:var(--c-stone)}.nav-note .nav-eyebrow{margin:0;font-size:10px}.nav-note-body{margin:0;font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--c-body)}.nav-note .nav-link-more{padding-top:0}.nav-note-inline{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.nav-note-title{font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-lede{display:flex;flex-direction:column;gap:.5rem}.nav-lede-title{margin:0;font-family:var(--font-display);font-size:48px;font-weight:400;line-height:.95;color:var(--c-ink-soft)}.nav-lede-title em{font-family:var(--font-italic);font-style:normal;font-weight:400}.nav-lede-body{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--c-body)}.nav-card-row{display:flex;align-items:center;justify-content:space-between;gap:.875rem;padding:15px 0;border-top:1px solid var(--c-line-soft);text-decoration:none}.nav-card-row-last{border-bottom:1px solid var(--c-line-soft)}.nav-card-row svg{flex:none;width:16px;height:16px;color:var(--c-ink-soft);transition:transform .2s ease}.nav-card-row:hover svg{transform:translate(3px)}.nav-card-title{font-family:var(--font-body);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:13px 0;border-top:1px solid var(--c-line-soft);font-family:var(--font-body);font-size:14px;font-weight:400;text-decoration:none;color:var(--c-body)}.nav-footer-row svg{flex:none;width:15px;height:15px;color:var(--c-body);transition:transform .2s ease}.nav-footer-row:hover svg{transform:translate(3px)}.nav-footer-row-feature{padding:14px 0}.nav-footer-lead{display:inline-flex;align-items:center;gap:.625rem}.nav-footer-lead svg{transform:none}.nav-footer-row-feature:hover .nav-footer-lead svg{transform:none}.nav-footer-title{font-family:var(--font-body);font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--c-ink-soft)}.nav-footer-sub{font-family:var(--font-body);font-size:12px;line-height:1.3;color:var(--c-body-soft)}.nav-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:13px;border-top:1px solid var(--c-line-soft)}.nav-footer-account{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:13px;font-weight:500;text-decoration:none;color:var(--c-ink-soft)}.nav-footer-account svg{flex:none;width:18px;height:18px;color:var(--c-body)}.nav-footer-meta-links{display:flex;gap:1.25rem}.nav-footer-meta-links a,.nav-footer-meta-links button{padding:0;border:none;outline:none;background:none;font-family:var(--font-body);font-size:13px;font-weight:400;text-decoration:none;color:var(--c-body-soft);cursor:pointer}.nav-footer-meta-links a:hover,.nav-footer-meta-links button:hover{color:var(--c-ink-soft)}.icon-hamburger{display:block;width:24px;height:24px}.icon-hamburger .line{transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}#site-header-mobile-trigger.is-active .line-top{transform:translateY(4px) rotate(45deg)}#site-header-mobile-trigger.is-active .line-bottom{transform:translateY(-4px) rotate(-45deg)}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media(max-width:1024px){sticky-header{z-index:48}sticky-header:has(.mobile-drawer-container.is-active){z-index:101}.desktop-only{display:none!important}.mobile-only{display:flex!important}.site-header-bar{grid-template-columns:1fr auto;gap:0}.site-header-side{gap:1rem}sticky-header:has(.mobile-drawer-container.is-active){--site-header-h: 52px}sticky-header:has(.mobile-drawer-container.is-active) #site-header-logo svg{width:126px}}@media(max-width:1024px)and (max-height:800px){.mobile-drawer-scroll{gap:1rem;padding-top:.75rem;padding-bottom:1.25rem}.mobile-groups{gap:1rem}.mobile-row{padding:9px 0;font-size:17px}}@media(max-width:1024px)and (max-height:700px){sticky-header:has(.mobile-drawer-container.is-active){--site-header-h: 48px}.mobile-drawer-scroll{gap:.75rem;padding-top:.625rem;padding-bottom:1rem}.mobile-groups{gap:.75rem}.mobile-row{padding:6px 0;font-size:16px}.nav-search-pill{padding:9px 14px}.mobile-drawer-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.nav-footer-row{padding:9px 0}.nav-footer-row-feature{padding:10px 0}.nav-footer-meta{padding-top:9px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/site-header.css.map */