.site-header{position:fixed;top:12px;left:0;right:0;z-index:50;padding:0 12px;transition:top .4s var(--ease-out-expo);isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(min-width:640px){.site-header{top:14px;padding:0 16px}}@media(min-width:1024px){.site-header{top:20px;padding:0 24px}}.site-header__inner{max-width:1480px;margin:0 auto;height:48px;border-radius:999px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 6px 0 14px;transition:background .5s var(--ease-out-expo);will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(min-width:1024px){.site-header__inner{height:56px;padding:0 8px 0 24px}}.site-header__logo{display:flex;align-items:center;text-decoration:none;min-height:unset}.site-header__logo img{height:28px;width:auto;display:block}@media(min-width:640px){.site-header__logo img{height:32px}}@media(min-width:1024px){.site-header__logo img{height:36px}}.site-header__brand{font-size:1rem;letter-spacing:-.02em;white-space:nowrap}@media(min-width:1024px){.site-header__brand{font-size:1.125rem}}.site-header__sub{font-size:.6rem}@media(max-width:640px){.site-header__sub{display:none}}.site-header__nav{display:none;gap:28px;list-style:none;justify-content:center}@media(min-width:768px){.site-header__nav{display:flex;align-items:center;gap:28px}}@media(min-width:1024px){.site-header__nav{gap:40px}}.site-header__nav a{color:#f5f5f5cc;transition:color .3s;white-space:nowrap;padding:4px 0}.site-header__nav a:hover{color:var(--foreground)}.site-header__cta-group{display:flex;align-items:center;gap:8px;justify-content:flex-end}@media(min-width:640px){.site-header__cta-group{gap:12px}}@media(min-width:1024px){.site-header__cta-group{gap:20px}}.site-header__status{display:none}@media(min-width:768px){.site-header__status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}}@media(max-width:380px){.site-header__cta-group .btn--solid span{display:none}}.header-burger{display:flex;flex-direction:column;gap:5px;padding:10px;background:none;border:none;cursor:pointer;min-height:44px;min-width:44px;align-items:center;justify-content:center}@media(min-width:768px){.header-burger{display:none}}.header-burger span{display:block;width:20px;height:1px;background:var(--foreground);transition:transform .35s var(--ease-out-expo),opacity .2s}.header-burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.header-burger.is-open span:nth-child(2){opacity:0}.header-burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--background);z-index:49;display:flex;flex-direction:column;justify-content:center;padding:0 24px;clip-path:inset(0 0 100% 0);transition:clip-path .65s var(--ease-out-expo);pointer-events:none}@media(min-width:640px){.mobile-nav{padding:0 40px}}.mobile-nav.is-open{clip-path:inset(0 0 0% 0);pointer-events:all}.mobile-nav__list{list-style:none;display:flex;flex-direction:column;gap:4px}.mobile-nav__list a{font-family:var(--font-display);font-size:clamp(2.2rem,10vw,5rem);font-weight:300;letter-spacing:-.03em;color:var(--foreground);opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo),color .2s;display:block;padding:4px 0;line-height:1.15}.mobile-nav__list a:hover{color:var(--light-grey)}.mobile-nav.is-open .mobile-nav__list a{opacity:1;transform:translateY(0)}.mobile-nav.is-open .mobile-nav__list li:nth-child(1) a{transition-delay:.08s}.mobile-nav.is-open .mobile-nav__list li:nth-child(2) a{transition-delay:.13s}.mobile-nav.is-open .mobile-nav__list li:nth-child(3) a{transition-delay:.18s}.mobile-nav.is-open .mobile-nav__list li:nth-child(4) a{transition-delay:.23s}.mobile-nav__footer{position:absolute;bottom:2rem;left:24px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)}@media(min-width:640px){.mobile-nav__footer{left:40px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/croce-nav.css.map */