.announcement-bar{background:var(--color-ink);color:var(--color-canvas);text-align:center;padding:var(--space-3) var(--page-gutter);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;position:relative;z-index:calc(var(--z-header) + 1)}.announcement-bar a{color:inherit;border-bottom:1px solid currentColor}.header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-canvas);border-bottom:1px solid var(--color-border);transition:box-shadow var(--duration-base) var(--ease-out)}.header.is-scrolled{box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding-block:var(--space-2);position:relative}@media(min-width:1024px){.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-5);min-height:68px}}.header-start{display:flex;align-items:center;position:relative;z-index:1}@media(max-width:1023px){.header-start{flex:1;justify-content:flex-start}.header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:auto}.header-actions{flex:1;justify-content:flex-end}}.header-logo{display:inline-flex;align-items:center;font-family:var(--font-brand);font-size:1.5rem;font-weight:500;color:var(--color-ink);letter-spacing:-.01em;line-height:1;white-space:nowrap}@media(min-width:1024px){.header-logo{position:static;transform:none}}.header-logo img{max-height:36px;width:auto}.header-nav{display:none;justify-content:center}@media(min-width:1024px){.header-nav{display:flex;gap:var(--space-7)}}.header-nav-link{position:relative;font-size:var(--fs-sm);font-weight:500;color:var(--color-ink);padding-block:var(--space-2);transition:opacity var(--duration-fast) var(--ease-out)}.header-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--color-ink);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.header-nav-link:hover:after,.header-nav-link[aria-current=page]:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:var(--space-1);position:relative;z-index:1}@media(min-width:1024px){.header-actions{flex:unset;justify-content:flex-end;gap:var(--space-2)}}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--color-ink);transition:background var(--duration-fast) var(--ease-out);position:relative}.header-action-btn:hover{background:var(--color-surface)}.cart-count{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;background:var(--color-ink);color:var(--color-canvas);font-size:10px;font-weight:600;line-height:18px;text-align:center;border-radius:var(--radius-full);border:2px solid var(--color-canvas)}.cart-count:empty,.cart-count[data-count="0"]{display:none}.header-menu-toggle{display:inline-flex;flex-shrink:0}@media(min-width:1024px){.header-menu-toggle{display:none}}.mobile-menu{position:fixed;top:0;left:0;width:min(380px,85vw);height:100vh;height:100dvh;background:var(--color-canvas);transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);z-index:var(--z-drawer);display:flex;flex-direction:column;overflow-y:auto}.mobile-menu.is-open{transform:translate(0)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14243d66;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out);z-index:calc(var(--z-drawer) - 1)}.mobile-menu-overlay.is-visible{opacity:1;pointer-events:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.mobile-menu-nav{flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-menu-nav a{font-size:var(--fs-lg);font-weight:500;color:var(--color-ink)}.mobile-menu-footer{padding:var(--space-5);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-menu-utility{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.mobile-menu-utility-link{font-size:var(--fs-sm);font-weight:400;color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out)}.mobile-menu-utility-link:hover{color:var(--color-ink)}.footer{background:var(--color-ink);color:var(--color-canvas);padding:var(--space-7) 0 var(--space-5);margin-top:0}.footer a{color:#f6f3eebf;transition:color var(--duration-fast) var(--ease-out)}.footer a:hover{color:var(--color-canvas)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding-bottom:var(--space-6)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-6)}}.footer-brand .footer-logo{font-family:var(--font-brand);font-size:1.75rem;font-weight:500;color:var(--color-canvas);margin-bottom:var(--space-3);display:inline-block}.footer-brand p{color:#f6f3eeb3;max-width:320px;font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.footer-col h4{font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-canvas);margin-bottom:var(--space-4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col li a{font-size:var(--fs-sm)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid rgba(246,243,238,.12);font-size:var(--fs-xs);color:#f6f3ee80}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-socials{display:flex;gap:var(--space-4)}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid rgba(246,243,238,.2);color:var(--color-canvas);transition:all var(--duration-fast) var(--ease-out)}.footer-socials a:hover{background:var(--color-canvas);color:var(--color-ink)}.grid{display:grid;gap:var(--space-5)}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid{gap:var(--space-6)}}.split{display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:center}@media(min-width:1024px){.split{grid-template-columns:1fr 1fr;gap:var(--space-8)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/layout.css.map */