.section-header{position:sticky;top:0;z-index:var(--z-header)}.section-header:has(.header--overlay){margin-bottom:calc(-1 * var(--header-h, 76px))}.header{--hdr-fg: var(--color-ink);--hdr-logo: var(--color-brand);--hdr-bg: color-mix(in srgb, var(--color-bg) 86%, transparent);position:relative;color:var(--hdr-fg)}.header.is-ready{transition:transform .6s var(--ease-out),color .4s var(--ease-out)}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--hdr-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.header.is-ready:before{transition:opacity .4s var(--ease-out),background-color .4s var(--ease-out)}.header--overlay:not(.is-solid):not(:has(details[open])):before{opacity:0}.header.is-hidden{transform:translate3d(0,-110%,0)}.header.is-on-dark{--hdr-fg: var(--color-on-brand);--hdr-logo: var(--color-on-brand);--hdr-bg: color-mix(in srgb, var(--color-night) 72%, transparent);--color-focus: var(--color-light)}.header__inner{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,max-content) minmax(max-content,1fr);align-items:center;gap:var(--space-5);padding:16px var(--gutter);padding-top:max(16px,env(safe-area-inset-top))}.header__logo{justify-self:start;display:block;color:var(--hdr-logo);line-height:0;transition:color .4s var(--ease-out)}.header__logo .logo,.header__logo img{display:block;height:var(--logo-h, 30px);width:auto;overflow:visible}.header__nav{min-width:0}.header__menu{display:flex;justify-content:center;gap:28px;list-style:none;margin:0;padding:0;font-size:var(--text-small);white-space:nowrap}.header__link{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:44px;color:inherit;text-decoration:none;list-style:none;cursor:pointer;transition:opacity .4s var(--ease-out)}.header__link::-webkit-details-marker{display:none}.header__link:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-out)}.header__link:hover:after,.header__link[aria-current=page]:after,.header__link[data-active]:after,[open]>.header__link:after{transform:scaleX(1);transform-origin:left}.header__link .icon{transition:transform .5s var(--ease-out)}[open]>.header__link .icon{transform:rotate(180deg)}@media(hover:hover)and (pointer:fine){.header__menu:hover>li:not(:hover) .header__link{opacity:.5}}.mega{position:absolute;left:0;right:0;top:100%;color:var(--color-ink);background:var(--color-bg);border-top:1px solid var(--color-line);box-shadow:var(--shadow-soft);padding:var(--space-7) 0 var(--space-8)}.mega__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-7)}.mega__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5) var(--space-6);white-space:normal}.mega__link{font-family:var(--font-display);font-size:var(--text-h4);line-height:1.05;letter-spacing:var(--tracking-heading);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:background-size .5s var(--ease-out)}.mega__link:hover,.mega__link[aria-current=page]{background-size:100% 1px}.mega__sub{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:6px;font-size:var(--text-small);color:var(--color-ink-soft)}.mega__sub a{text-decoration:none}.mega__sub a:hover{color:var(--color-brand)}.mega__all{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-small);text-decoration:none;white-space:nowrap}.mega__all .icon{transition:transform .5s var(--ease-out)}.mega__all:hover .icon{transform:translate(4px)}.header__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:#1e140e47}.header__dropdown>.header__scrim{pointer-events:none}.header__actions{justify-self:end;display:flex;align-items:center;gap:var(--space-1)}.header__icon{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:inherit;list-style:none;cursor:pointer;transition:background-color .3s var(--ease-out)}.header__icon::-webkit-details-marker{display:none}@media(hover:hover){.header__icon:hover{background-color:color-mix(in srgb,currentColor 8%,transparent)}}.header__search-toggle .icon{grid-area:1 / 1;transition:opacity .3s var(--ease-out),transform .5s var(--ease-out)}.header__search-toggle .icon--close,.header__search[open]>summary .icon--search{opacity:0;transform:rotate(-90deg) scale(.6)}.header__search[open]>summary .icon--close{opacity:1;transform:none}.header__cart{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding-left:var(--space-2);color:inherit;text-decoration:none;font-size:var(--text-small)}.header__cart-icon{display:none}.header__cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);font-size:11px;font-variant-numeric:tabular-nums;transition:background-color .3s var(--ease-out),color .3s var(--ease-out),box-shadow .3s var(--ease-out)}.header__cart-count[data-count="0"]{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 30%,transparent)}.is-on-dark .header__cart-count:not([data-count="0"]){background:var(--color-light);color:var(--color-night)}.search-sheet{position:absolute;left:0;right:0;top:100%;color:var(--color-ink);background:var(--color-bg);border-top:1px solid var(--color-line);box-shadow:var(--shadow-soft);padding:var(--space-6) 0 var(--space-7)}.search-sheet__label{display:block}.search-sheet__field{position:relative;display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-line)}.search-sheet__field:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--color-brand);box-shadow:0 0 12px 2px #f2b45a8c;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-out)}.search-sheet__field:focus-within:after{transform:scaleX(1)}.search-sheet__input{flex:1;min-width:0;padding:var(--space-2) 0 var(--space-3);border:0;border-radius:0;background:none;color:inherit;font-family:var(--font-display);font-size:clamp(32px,4.6vw,64px);line-height:1.1;letter-spacing:var(--tracking-heading);outline:none;-webkit-appearance:none;appearance:none}.search-sheet__input::placeholder{color:var(--color-muted);opacity:.7}.search-sheet__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-sheet__submit{flex:none;display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;background:var(--color-brand);color:var(--color-on-brand);cursor:pointer;transition:transform .5s var(--ease-out)}.search-sheet__submit:hover{transform:translate(3px)}.search-sheet__hint{margin:var(--space-3) 0 0}@media(hover:none){.search-sheet__hint{display:none}}.header__drawer{display:none;justify-self:start}.header__burger{z-index:3}.burger{position:relative;display:block;width:16px;height:12px}.burger i{position:absolute;left:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform .5s var(--ease-out),opacity .3s var(--ease-out),width .5s var(--ease-out)}.burger i:nth-child(1){top:0;width:16px}.burger i:nth-child(2){top:5.25px;width:16px}.burger i:nth-child(3){top:10.5px;width:10px}.header__drawer[open] .burger i:nth-child(1){transform:translateY(5.25px) rotate(45deg)}.header__drawer[open] .burger i:nth-child(2){opacity:0;transform:scaleX(.3)}.header__drawer[open] .burger i:nth-child(3){width:16px;transform:translateY(-5.25px) rotate(-45deg)}.header__drawer[open]>.header__burger{color:var(--color-ink)}.menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom));color:var(--color-ink);background:radial-gradient(80vw 80vw at 90% 100%,rgba(242,180,90,.16),transparent 70%),var(--color-bg);overflow-y:auto;overscroll-behavior:contain;interpolate-size:allow-keywords}.menu-drawer__top{display:grid;place-items:center;min-height:44px}.menu-drawer__logo{color:var(--color-brand);line-height:0}.menu-drawer__logo .logo,.menu-drawer__logo img{height:var(--logo-h-mobile, 26px);width:auto;overflow:visible}.menu-drawer__nav{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:var(--space-7)}.menu-drawer__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.menu-drawer__link{display:flex;align-items:flex-start;gap:10px;min-height:44px;color:inherit;font-family:var(--font-display);font-size:clamp(38px,11vw,60px);line-height:1.05;letter-spacing:var(--tracking-heading);text-decoration:none;list-style:none;cursor:pointer}.menu-drawer__link::-webkit-details-marker{display:none}.menu-drawer__link[aria-current=page]>span:first-child{background:linear-gradient(currentColor,currentColor) 0 92% / 100% 1px no-repeat}.menu-drawer__num{padding-top:.5em;font-family:var(--font-body);font-size:12px;letter-spacing:.1em;color:var(--color-muted)}.menu-drawer__plus{position:relative;flex:none;width:18px;height:18px;margin:.45em 0 0 auto}.menu-drawer__plus:before,.menu-drawer__plus:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:currentColor;transition:transform .5s var(--ease-out)}.menu-drawer__plus:after{transform:rotate(90deg)}[open]>summary>.menu-drawer__plus:after{transform:rotate(0)}.menu-drawer__sub::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--ease-out),content-visibility .5s allow-discrete}.menu-drawer__sub[open]::details-content{block-size:auto}.menu-drawer__children{list-style:none;margin:0;padding:var(--space-2) 0 var(--space-4);display:grid;font-size:var(--text-lead)}.menu-drawer__children a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;text-decoration:none}.menu-drawer__children a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.menu-drawer__grandchildren{list-style:none;margin:0 0 var(--space-2);padding:0 0 0 var(--space-4);font-size:var(--text-body);color:var(--color-ink-soft)}.menu-drawer__all{color:var(--color-brand)}.menu-drawer__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-line);font-size:var(--text-small)}.menu-drawer__foot:not(:has(*)){display:none}.menu-drawer__account{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;text-decoration:none}.social-links{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0}.social-links a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit}.mega,.search-sheet,.menu-drawer,.header__drawer[open]>.header__burger{--color-focus: var(--color-brand)}@media(max-width:860px){.header__inner{gap:var(--space-2);padding-block:12px;padding-top:max(12px,env(safe-area-inset-top))}.header__drawer{display:block}.header__nav,.header__account{display:none}.header__logo{justify-self:center}.header__logo .logo,.header__logo img{height:var(--logo-h-mobile, 26px)}.header__cart-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.header__cart{position:relative;justify-content:center;width:44px;padding:0}.header__cart-icon{display:grid}.header__cart-count{position:absolute;top:3px;right:0;min-width:18px;height:18px;padding:0 5px;font-size:10px}.header__cart-count[data-count="0"]{display:none}.search-sheet{padding:var(--space-5) 0 var(--space-6)}.search-sheet__submit{width:44px;height:44px}}.header.is-compact .header__drawer{display:block}.header.is-compact .header__nav{position:absolute;visibility:hidden;pointer-events:none}.header.is-compact .header__logo{justify-self:center}@keyframes hdr-fade-in{0%{opacity:0}}@keyframes hdr-fade-out{to{opacity:0}}@keyframes hdr-rise{0%{opacity:0;transform:translate3d(0,18px,0)}}@keyframes hdr-drop{0%{opacity:0;transform:translate3d(0,-10px,0)}}@keyframes hdr-unroll{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes hdr-roll-up{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100% 0)}}@keyframes hdr-light-on{0%{clip-path:circle(0 at var(--ox, 38px) var(--oy, 38px))}to{clip-path:circle(150% at var(--ox, 38px) var(--oy, 38px))}}@keyframes hdr-light-off{0%{clip-path:circle(150% at var(--ox, 38px) var(--oy, 38px))}to{clip-path:circle(0 at var(--ox, 38px) var(--oy, 38px))}}.js-motion.intro .header__inner>*{animation:hdr-drop .9s var(--ease-out) backwards;animation-delay:calc(.15s + var(--i, 0) * var(--stagger))}.js-motion.intro .header__menu>li{animation:hdr-drop .9s var(--ease-out) backwards;animation-delay:calc(.15s + var(--i, 0) * var(--stagger))}.js-motion.intro .header__nav{animation:none}.js-motion .header__dropdown[open]>.mega{animation:hdr-unroll .55s var(--ease-out) both}.js-motion .header__dropdown.is-switch>.mega{animation:none}.js-motion .header__dropdown[open] .mega__list>li{animation:hdr-rise .7s var(--ease-out) both;animation-delay:calc(80ms + var(--i, 0) * var(--stagger))}.js-motion .header__dropdown[open] .mega__all{animation:hdr-fade-in .6s .25s var(--ease-out) both}.js-motion .header__dropdown.is-closing>.mega{animation:hdr-roll-up .3s var(--ease-in-out) both}.js-motion .header__search[open]>.search-sheet{animation:hdr-unroll .55s var(--ease-out) both}.js-motion .header__search[open] .search-sheet__form{animation:hdr-rise .7s .1s var(--ease-out) both}.js-motion .header__search.is-closing>.search-sheet{animation:hdr-roll-up .32s var(--ease-in-out) both}.js-motion details[open]>.header__scrim{animation:hdr-fade-in .5s var(--ease-out) both}.js-motion details.is-closing>.header__scrim{animation:hdr-fade-out .3s var(--ease-in-out) both}.js-motion .header__dropdown.is-switch>.header__scrim{animation:none}.js-motion .header__drawer[open]>.menu-drawer{animation:hdr-light-on .8s var(--ease-out) both}.js-motion .header__drawer.is-closing>.menu-drawer{animation:hdr-light-off .45s var(--ease-in-out) both}.js-motion .header__drawer[open] .menu-drawer__list>li{animation:hdr-rise .8s var(--ease-out) both;animation-delay:calc(.14s + var(--i, 0) * var(--stagger))}.js-motion .header__drawer[open] .menu-drawer__top,.js-motion .header__drawer[open] .menu-drawer__foot{animation:hdr-fade-in .7s .3s var(--ease-out) both}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-header.css.map */