.sj-final-header{display:block;position:relative;z-index:30;background:#fff;color:var(--ink)}.sj-final-header [hidden]{display:none!important}.sj-header-shell{width:min(1440px,calc(100% - 80px));margin-inline:auto}.sj-final-header .sj-announcements{height:30px;min-height:30px;display:flex;align-items:center;justify-content:center;gap:28px;font-size:11px;font-weight:500;line-height:1.4}.sj-final-header .sj-announcements span{display:inline}.sj-final-header .sj-announcements span+span:before{content:"\b7";margin-right:28px;color:#899697}.sj-final-site-header{position:relative!important;top:auto!important;z-index:31;background:#fff!important;border-bottom:1px solid var(--line);box-shadow:none!important}.sj-header-main{height:80px;display:grid;grid-template-columns:198px minmax(0,600px) minmax(0,1fr);align-items:center;gap:24px;width:calc(100% - 100px);max-width:1650px}.sj-final-header .brand{font-size:27px;line-height:1;letter-spacing:-1px;white-space:nowrap}.sj-final-header .brand{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;width:150px;height:52px}.sj-final-header .brand img{display:block;width:150px;height:auto}.sj-final-header .brand small{font-size:9px;letter-spacing:.06em;margin-left:10px}.sj-inline-search{width:min(100%,600px);justify-self:start;position:relative;display:flex;align-items:center;background:#ededed;border:0;border-radius:999px;height:48px}.sj-inline-search:focus-within{border-color:#9ca8a6}.sj-inline-search input[type=search]{width:100%;min-width:0;height:100%;border:0;background:transparent;padding:0 50px 0 184px;border-radius:999px;font-size:15px;color:var(--ink);outline-offset:4px}.sj-inline-search input::placeholder{color:#697874;opacity:1}.sj-search-categories{position:absolute;left:0;top:0;z-index:3;width:164px;height:48px;font:600 14px/48px Instrument Sans,Arial,sans-serif}.sj-search-categories summary{display:block;position:relative;height:48px;padding:0 28px 0 24px;cursor:pointer;list-style:none;white-space:nowrap}.sj-search-categories summary::-webkit-details-marker{display:none}.sj-search-categories summary:before{content:"";position:absolute;right:0;top:13px;width:1px;height:22px;background:#d1d1d1}.sj-search-categories summary:after{content:"";position:absolute;right:18px;top:19px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.sj-search-category-links{display:grid;gap:2px;padding:8px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 12px 30px #1018201c;line-height:1.3}.sj-search-category-links a{display:block;padding:9px 12px;border-radius:6px;color:inherit;text-decoration:none}.sj-search-category-links a:hover,.sj-search-category-links a:focus-visible{background:#f5f5f5}.sj-final-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:#f2f4f1;color:var(--ink);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;font:inherit;text-decoration:none}.sj-final-icon:hover{transform:translateY(-2px);background:#e7ebe5}.sj-final-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sj-inline-search>.sj-final-icon{margin-right:3px;background:transparent;color:#101820}.sj-header-actions{display:flex;justify-content:flex-end;gap:20px}.sj-final-cart{position:relative}.sj-final-cart .cart-count{position:absolute;right:-4px;top:-4px;margin:0;min-width:18px;height:18px;font-size:10px;line-height:18px;background:var(--ink);color:#fff}.sj-final-nav{height:52px;display:flex;align-items:center;gap:32px;position:relative;font-size:15px;font-weight:600;width:calc(100% - 100px);max-width:1650px}.sj-final-nav>a,.sj-nav-trigger{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;background:transparent;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.sj-final-nav>a:after,.sj-nav-trigger:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:currentColor;transition:right .2s}.sj-final-nav>a:hover:after,.sj-nav-trigger:hover:after,.sj-nav-trigger[aria-expanded=true]:after{right:0}.sj-nav-caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.sj-nav-trigger[aria-expanded=true] .sj-nav-caret{transform:translateY(2px) rotate(225deg)}.sj-menu-panel{position:absolute;left:0;right:0;top:100%;z-index:4;max-height:calc(100dvh - var(--sj-menu-top, 162px));overflow-y:auto;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 16px 24px #10182014}.sj-menu-backdrop{position:fixed;left:0;right:0;top:var(--sj-menu-top, 162px);bottom:0;z-index:3;background:#10182085}.sj-shop-menu-inner,.sj-sidebar-menu-inner{width:calc(100% - 100px);max-width:1650px}.sj-shop-menu-inner{min-height:336px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(380px,2.1fr);padding-block:20px 30px}.sj-shop-menu-column{padding:4px 24px 0;border-right:1px solid #e6e6e6}.sj-shop-menu-column:first-child{padding-left:0}.sj-shop-menu-column h2,.sj-shop-menu-products h2{font-size:16px;line-height:1.3;margin:0 0 14px;font-weight:700}.sj-shop-menu-column a{display:block;padding:7px 0;font-size:14px;line-height:1.35;color:#62676a;text-decoration:none}.sj-shop-menu-column a:hover,.sj-shop-menu-column a:focus-visible,.sj-compact-menu a:hover,.sj-compact-menu a:focus-visible{color:var(--orange-dark)}.sj-shop-menu-products{padding:4px 0 0 30px}.sj-shop-menu-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sj-menu-product{display:flex;flex-direction:column;gap:5px;min-width:0;color:inherit;text-decoration:none;font-size:13px;line-height:1.35}.sj-menu-product img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f5f5f5;border-radius:6px}.sj-menu-product span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sj-menu-product strong{font-size:13px}.sj-menu-all{display:inline-block;margin-top:13px;font-size:13px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px}.sj-sidebar-menu-inner{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:400px}.sj-menu-tabs{padding:20px 28px 20px 0;border-right:1px solid #e6e6e6}.sj-menu-tabs button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:600 15px/1.3 Instrument Sans,Arial,sans-serif;text-align:left;cursor:pointer}.sj-menu-tabs button:after{content:"";width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.sj-menu-tabs button[aria-selected=true],.sj-menu-tabs button:hover,.sj-menu-tabs button:focus-visible{background:#ededed}.sj-menu-panes{min-width:0;padding:20px 0 32px 30px}.sj-menu-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 28px}.sj-menu-tile{display:flex;flex-direction:column;gap:10px;min-width:0;color:inherit;text-decoration:none;font-size:14px;font-weight:600;line-height:1.35}.sj-menu-tile img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#f5f5f5;border-radius:5px;transition:filter .2s,transform .2s}.sj-menu-tile:not(:has(img)):before{content:"";display:block;width:100%;aspect-ratio:1.6;background:#f5f5f5;border-radius:5px}.sj-menu-tile:hover img,.sj-menu-tile:focus-visible img{filter:brightness(.95)}.sj-menu-tile:hover span,.sj-menu-tile:focus-visible span{text-decoration:underline;text-underline-offset:3px}.sj-compact-menu{left:var(--sj-menu-anchor-x,50px);right:auto;width:270px;padding:10px;border:1px solid #e6e6e6;border-radius:0 0 8px 8px}.sj-compact-menu a{display:block;padding:12px 14px;min-height:44px;font-size:14px;border-radius:5px;text-decoration:none;color:inherit}.sj-compact-menu a:hover,.sj-compact-menu a:focus-visible{background:#f5f5f5}.sj-menu-panel a:focus-visible,.sj-menu-tabs button:focus-visible,.sj-nav-trigger:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.sj-search-panel{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:50;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px #10182024;overflow:hidden;padding:16px;max-height:calc(100dvh - 165px);display:flex;flex-direction:column}.sj-search-panel-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;flex:none}.sj-search-panel-head .sj-final-icon{width:36px;height:36px;font-size:22px}.sj-search-message{font-size:13px;color:var(--muted);margin:8px 0;flex:none}.sj-final-results{min-height:0;max-height:360px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:auto}.sj-final-results a{display:flex;align-items:center;gap:14px;min-height:88px;padding:12px 6px;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;line-height:1.4}.sj-final-results a:hover,.sj-final-results a[aria-selected=true]{background:#f3f5f1}.sj-final-results img{width:64px;height:64px;object-fit:contain;background:#f6f7f4;border-radius:6px;flex:none}.sj-final-results span{overflow-wrap:anywhere}.sj-final-results small{display:block;margin-top:5px;color:var(--muted)}.sj-search-panel .sj-final-view-all{min-height:44px;font-size:14px;margin-top:14px;flex:none;width:100%}.sj-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sj-final-hero{width:100%;max-width:none;margin:0;min-height:87vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:0;background:var(--ink)}.sj-final-hero .hero-copy{padding:clamp(42px,5vw,78px) clamp(30px,4.2vw,64px)}.sj-final-hero .hero-copy:before{display:none}.sj-final-hero h1{font-size:clamp(48px,5.6vw,82px);line-height:1.06;letter-spacing:-.035em}.sj-final-hero .hero-lead{font-size:16px;line-height:1.6;max-width:490px}.sj-final-hero .eyebrow{font-size:11px;margin-bottom:24px}.sj-final-hero .hero-actions{gap:12px;margin-bottom:36px}.sj-final-hero .hero-actions .btn{min-height:48px;padding:0 22px;font-size:14px}.sj-final-hero .hero-proof{gap:22px}.sj-final-hero .proof-item strong{font-size:14px}.sj-final-hero .proof-item span{font-size:11px}.sj-final-hero .hero-visual{min-height:0}.sj-final-hero .hero-visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:55% center}@media(min-width:1024px){.sj-final-hero{min-height:87vh;min-height:87svh}}@media(max-width:1199px){.sj-header-main{grid-template-columns:160px minmax(320px,1fr) 118px;gap:24px}.sj-header-actions{gap:12px}.sj-final-nav{gap:24px}.sj-final-hero .hero-actions{flex-direction:column;align-items:flex-start}.sj-final-hero .hero-proof{gap:14px}.sj-final-hero .hero-copy{padding:42px 32px}.sj-final-hero h1{font-size:56px}.sj-shop-menu-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.sj-shop-menu-products{grid-column:1/-1;padding:20px 0 0}.sj-sidebar-menu-inner{grid-template-columns:210px minmax(0,1fr)}.sj-menu-tile-grid{gap:20px 16px}}@media(min-width:900px)and (max-width:1199px){.sj-header-main{grid-template-columns:198px minmax(320px,1fr) 118px}}@media(max-width:759px){.sj-header-shell{width:calc(100% - 32px)}.sj-final-header .sj-announcements{height:auto;min-height:36px;gap:0;font-size:10px;padding:8px 0}.sj-announcements span:not(:first-child){display:none}.sj-header-main{height:auto;min-height:140px;grid-template-columns:1fr auto;gap:14px;padding-block:16px}.sj-final-header .brand{font-size:24px}.sj-inline-search{grid-column:1/-1;grid-row:2;width:100%}.sj-header-actions{grid-column:2;grid-row:1}.sj-final-nav{height:auto;min-height:48px;gap:0 18px;overflow:visible;flex-wrap:wrap;padding:4px 0 6px;font-size:13px}.sj-final-nav .sj-nav-trigger{min-height:38px}.sj-shop-menu-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:18px;gap:0}.sj-shop-menu-column{padding:5px 12px 15px 0;border-right:0}.sj-shop-menu-products{grid-column:1/-1;border-top:1px solid #e6e6e6;padding-top:16px}.sj-sidebar-menu-inner{display:block;min-height:0}.sj-menu-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;border-right:0;border-bottom:1px solid #e6e6e6}.sj-menu-tabs button{width:auto;min-height:38px;padding:0 10px;border:1px solid #e6e6e6;font-size:12px}.sj-menu-tabs button:after{display:none}.sj-menu-panes{padding:18px 0 26px}.sj-menu-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.sj-menu-tile{font-size:12px}.sj-compact-menu{left:0;right:0;width:auto}.sj-search-panel{max-height:65dvh}.sj-final-hero{width:calc(100% - 32px);grid-template-columns:1fr;min-height:0;border-radius:10px}.sj-final-hero .hero-copy{padding:40px 26px}.sj-final-hero h1{font-size:48px}.sj-final-hero .hero-lead{font-size:15px}.sj-final-hero .hero-visual{min-height:360px}.sj-final-hero .hero-actions{flex-direction:row}.sj-final-hero .hero-actions .btn{font-size:12px;padding:0 16px}.sj-final-hero .hero-proof{gap:20px}.sj-final-hero .proof-item span{font-size:10px}}@media(prefers-reduced-motion:reduce){.sj-final-header *,.sj-final-hero .btn,.sj-final-hero .arrow{transition:none!important}.sj-final-header .sj-final-icon:hover,.sj-final-hero .btn:hover,.sj-final-hero .btn:hover .arrow{transform:none!important}}.sj-final-header .brand{font-size:34px;letter-spacing:-1.15px}@media(min-width:760px)and (max-width:1050px){.sj-final-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:640px}.sj-final-hero .hero-copy{min-height:0;padding:40px 26px}.sj-final-hero h1{font-size:clamp(36px,5vw,52px)}.sj-final-hero .hero-visual{min-height:640px}.sj-final-hero .hero-proof{gap:12px}.sj-final-hero .proof-item{max-width:125px}.sj-final-hero .hero-lead{font-size:14px}}@media(max-width:759px){.sj-final-header .brand{font-size:29px}.sj-final-hero{width:100%;margin:0;border-radius:0;position:relative;isolation:isolate;display:block;min-height:640px}.sj-final-hero .hero-visual{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;z-index:0;opacity:.7}.sj-final-hero .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:65% center}.sj-final-hero .hero-visual:after{background:linear-gradient(90deg,#101820f5,#101820c9 52%,#10182033),linear-gradient(0deg,#101820b3,transparent 60%)}.sj-final-hero .hero-copy{position:relative;z-index:1;min-height:640px;padding:48px 24px;max-width:600px}.sj-final-hero h1{font-size:clamp(40px,7vw,52px)}.sj-final-hero .hero-lead{max-width:440px}.sj-final-hero .hero-actions{flex-wrap:wrap}}@media(max-width:759px){.sj-final-header .brand{width:130px;height:48px}.sj-final-header .brand img{width:130px}.sj-search-categories{display:none}.sj-inline-search input[type=search]{padding-left:20px}}.sj-inline-search input[type=search]:focus,.sj-inline-search input[type=search]:focus-visible{outline:0;box-shadow:none}@media(max-width:759px){.sj-final-header .sj-announcements{height:30px;min-height:30px}.sj-header-main{min-height:104px;gap:12px}.sj-final-nav{height:48px}.sj-inline-search{height:42px}}.sj-commerce .sj-final-header .sj-final-nav{gap:32px}.sj-commerce .sj-shop-menu-inner,.sj-commerce .sj-sidebar-menu-inner{width:calc(100% - 100px);max-width:1650px}@media(max-width:759px){.sj-final-header .sj-final-nav,.sj-commerce .sj-final-header .sj-final-nav{height:auto;min-height:48px;gap:0 18px;overflow:visible;flex-wrap:wrap;padding:4px 0 6px}.sj-commerce .sj-shop-menu-inner,.sj-commerce .sj-sidebar-menu-inner{width:calc(100% - 32px)}}@media(min-width:1060px){.sj-final-hero{display:block;position:relative;isolation:isolate;min-height:87vh;min-height:87svh}.sj-final-hero .hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;z-index:0}.sj-final-hero .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.sj-final-hero .hero-visual:after{background:linear-gradient(90deg,#101820eb,#101820d9 25%,#101820b3 38%,#10182059 54%,#10182000 74%),linear-gradient(0deg,#10182059,transparent 36%)}.sj-final-hero .hero-copy{position:relative;z-index:1;width:60%;max-width:1040px;min-height:87vh;min-height:87svh;padding:clamp(52px,7vh,90px) clamp(40px,4.2vw,80px)}.sj-final-hero h1{font-size:clamp(58px,5.2vw,96px);max-width:840px}.sj-final-hero .hero-lead{max-width:530px}.sj-final-hero .hero-proof{gap:28px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sj-header-final.css.map */