.section-header .header-wrapper{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#111;border-bottom:1px solid transparent}.section-header .header{max-width:none;min-height:80px;padding:12px 24px;grid-template-columns:auto 1fr auto;column-gap:24px;transition:min-height .35s ease,padding .35s ease}.section-header .header__heading-link{display:inline-flex;align-items:center;gap:12px;padding:0;margin:0;color:#111;text-decoration:none}.tt-header-logo{width:auto;height:51.2px;object-fit:contain;border-radius:6px;filter:drop-shadow(0 8px 9px rgba(0,0,0,.2));transition:height .35s ease}.tt-header-word{font-size:14.72px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.section-header .header__inline-menu{margin:0;justify-self:center}.section-header .header__inline-menu>.list-menu{justify-content:center;gap:12px}.section-header .header__menu-item{font-size:15px;letter-spacing:.04em;color:#111}.section-header .header__menu-item>span{position:relative;text-decoration:none}.section-header .header__menu-item>span:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.section-header .header__menu-item:hover>span:after,.section-header .header__menu-item:focus-visible>span:after{transform:scaleX(1)}.section-header .tt-nav-item,.section-header .tt-nav-subitem{position:relative}.section-header .tt-nav-item>.header__menu-item .icon-caret{position:static;width:.9rem;margin-left:.7rem;transition:transform .2s ease}.section-header .tt-nav-item>.header__submenu,.section-header .tt-nav-subitem>.header__submenu{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(.8rem);z-index:10;background:#fffffff5;border:1px solid rgba(0,0,0,.08);border-radius:0;box-shadow:0 18px 45px #0000001a;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.section-header .tt-nav-item>.header__submenu{width:max-content;min-width:32rem;max-width:min(40rem,calc(100vw - 4rem))}.section-header .tt-nav-item:hover>.header__submenu,.section-header .tt-nav-item:focus-within>.header__submenu,.section-header .tt-nav-subitem:hover>.header__submenu,.section-header .tt-nav-subitem:focus-within>.header__submenu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.section-header .tt-nav-item:hover>.header__menu-item .icon-caret,.section-header .tt-nav-item:focus-within>.header__menu-item .icon-caret{transform:rotate(180deg)}.section-header .tt-nav-subitem>.header__submenu{top:-.1rem;left:calc(100% - .2rem);margin:0;min-width:20rem}.section-header .tt-nav-subitem>.header__menu-item .icon-caret{transform:rotate(-90deg)}.section-header .tt-nav-item>.header__submenu .header__menu-item{min-height:4.2rem;padding-right:2.4rem;padding-left:2.4rem;text-decoration:none}.section-header .header__icon{color:#111;transition:opacity .2s ease}.section-header .header__icon:hover{opacity:.55}.section-header.scrolled-past-header .header{min-height:60px;padding-top:8px;padding-bottom:8px}.section-header.scrolled-past-header .tt-header-logo{height:40.8px}.section-header.scrolled-past-header .header-wrapper{border-bottom-color:#e6e6e6}@media(min-width:990px){.section-header .header__heading{grid-column:1}}@media(max-width:1199px)and (min-width:990px){.section-header .header{column-gap:12px;padding-inline:16px}.section-header .header__inline-menu>.list-menu{gap:0}.section-header .header__menu-item{padding-inline:8px;font-size:13.5px}.tt-header-word{font-size:12px;letter-spacing:.14em}}@media(max-width:989px){.section-header .header{grid-template-columns:1fr auto 1fr;min-height:72px;padding:10px 16px;column-gap:8px}.section-header .header__heading,.section-header .header__heading-link{justify-self:center}.tt-header-logo{height:44px}.tt-header-word{font-size:13px;letter-spacing:.14em}}@media(max-width:374px){.tt-header-word{font-size:11px}.section-header .header__heading-link{gap:6px}.section-header .header{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.section-header .header,.tt-header-logo,.section-header .header__menu-item>span:after,.section-header .header__icon{transition:none}}.section-header{--tt-scroll: 0;--tt-logo-start: 148px;--tt-logo-shrink: 100px}.section-header .header,.section-header.scrolled-past-header .header{min-height:0;padding-top:calc(16px - 8px * var(--tt-scroll));padding-bottom:calc(16px - 8px * var(--tt-scroll))}.section-header .tt-header-logo,.section-header.scrolled-past-header .tt-header-logo{height:calc(var(--tt-logo-start) - var(--tt-logo-shrink) * var(--tt-scroll));transition:height .12s ease-out}@media(max-width:989px){.section-header{--tt-logo-start: 104px;--tt-logo-shrink: 56px}}@media(prefers-reduced-motion:reduce){.section-header .tt-header-logo{height:48px;transition:none}.section-header.scrolled-past-header .tt-header-logo{height:48px}}.section-header .header,.section-header.scrolled-past-header .header{height:80px;min-height:80px;padding-top:12px;padding-bottom:12px}.section-header .header__heading-link{position:relative;min-height:48px;padding-left:124px}.section-header .tt-header-logo{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:2}.section-header .header-wrapper{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.section-header.tt-header-scrolled .header-wrapper{background:#ffffffc7;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom-color:#0000000f;box-shadow:0 8px 24px #00000017,0 1px 3px #0000000a}@media(max-width:989px){.section-header .header,.section-header.scrolled-past-header .header{height:64px;min-height:64px;padding-top:8px;padding-bottom:8px}.section-header .header__heading-link{min-height:42px;padding-left:44px}.section-header .tt-header-logo{height:42px}}@media(max-width:374px){.section-header .header__heading-link{padding-left:40px}}@media(prefers-reduced-motion:reduce){.section-header .header-wrapper{transition:none}}.section-header .tt-header-logo{top:0;transform:none}.shopify-section.section-header{margin-bottom:100px}@media(max-width:1199px){.shopify-section.section-header{--tt-logo-start: 48px;--tt-logo-shrink: 0px;margin-bottom:0}.section-header .header__heading-link{padding-left:48px}}@media(prefers-reduced-motion:reduce){.shopify-section.section-header{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/tt-vault-header.css.map */