body.cc-store-neu .cc-app-header{--cc-header-topbar-height: 28px;--cc-header-topbar-below-gap: 0;--cc-header-nav-gap: 32px;--cc-header-active: #c41e1e;--cc-header-nav-accent: #c41e1e;--cc-header-ink: #3c424e;--cc-header-topbar-ink: #2f3d4c;--cc-header-page-margin: 16px;--cc-header-logo-padding-bottom: 12px;--cc-header-topbar-bg-top: #ced6dc;--cc-header-topbar-bg-bottom: #b8c4ce;--cc-header-topbar-border: rgba(168, 180, 192, .32);--cc-header-topbar-highlight: rgba(252, 252, 253, .52);--cc-header-mainbar-haze-0: rgba(178, 198, 218, .44);--cc-header-mainbar-haze-20: rgba(204, 218, 234, .54);--cc-header-mainbar-haze-45: rgba(222, 230, 242, .82);--cc-header-mainbar-haze-100: rgba(236, 241, 248, .95)}.cc-app-header{position:relative;display:flex;flex-direction:column;gap:0;width:100%;max-width:none;margin:0;background:transparent;isolation:isolate}.cc-app-header.is-stuck{box-shadow:0 6px 28px #484f6024}@media screen and (min-width:750px){.cc-app-header{--cc-header-page-margin: 40px}}.cc-app-header__inner{width:100%;max-width:none;margin:-1px 0 0;box-sizing:border-box;background:linear-gradient(180deg,var(--cc-header-topbar-bg-bottom) 0%,var(--cc-header-mainbar-haze-20, rgba(204, 218, 234, .54)) 12%,var(--cc-header-mainbar-haze-45, rgba(222, 230, 242, .82)) 40%,var(--cc-header-mainbar-haze-100, rgba(236, 241, 248, .95)) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cc-app-header__topbar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:none;min-height:var(--cc-header-topbar-height);margin:0;padding:5px max(1rem,var(--cc-header-page-margin));padding-top:max(5px,env(safe-area-inset-top,0px));line-height:1.2;background-color:var(--cc-header-topbar-bg-top);background-image:linear-gradient(180deg,var(--cc-header-topbar-bg-top) 0%,var(--cc-header-topbar-bg-bottom) 100%);color:var(--cc-header-topbar-ink);border-bottom:1px solid var(--cc-header-topbar-border);box-shadow:0 1px 0 var(--cc-header-topbar-highlight) inset;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:none}.cc-app-header__topbar-left{display:inline-flex;align-items:center;gap:12px;min-width:0;overflow:hidden;white-space:nowrap}.cc-app-header__live{display:inline-flex;align-items:center}.cc-app-header__sep{opacity:.35;-webkit-user-select:none;user-select:none}.cc-app-header__topbar-right{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.cc-app-header__account{display:inline-flex;align-items:center;gap:12px}.cc-app-header__topbar-right a{display:inline-flex;align-items:center;gap:5px;padding:0;color:inherit;text-decoration:none;transition:color .15s ease}.cc-app-header__topbar-right a:hover,.cc-app-header__topbar-right a:focus-visible{color:var(--cc-header-active)}.cc-app-header__cart-icon{width:14px;height:14px;flex-shrink:0}.cc-app-header__mainbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-height:88px;margin-top:0;padding:.35rem max(1rem,var(--cc-header-page-margin));background:transparent;background-image:none;box-shadow:none}.cc-app-header__mainbar.cc-app-header__mainbar--with-nav-cart{grid-template-columns:auto minmax(0,1fr) auto}.cc-app-header__leading{padding-bottom:var(--cc-header-logo-padding-bottom)}.cc-app-header__logo-link{display:inline-flex;align-items:center;padding:0;border:none;background:transparent;box-shadow:none;text-decoration:none;line-height:0}.cc-app-header__logo-img{display:block;width:auto;height:auto;max-height:clamp(44px,5.5vw,68px);max-width:min(560px,52vw);object-fit:contain}.cc-app-header__logo-text{font-family:Onest,Inter,system-ui,sans-serif;font-weight:700;font-size:1.25rem;color:var(--pc-caesura-dark, #484f60)}.cc-app-header__nav{display:flex;align-items:center;justify-content:flex-start;gap:var(--cc-header-nav-gap);min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cc-app-header__nav::-webkit-scrollbar{display:none}@media screen and (max-width:989px){.cc-app-header__mainbar,.cc-app-header__mainbar.cc-app-header__mainbar--with-nav-cart{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem .85rem;min-height:0;padding-bottom:.65rem}.cc-app-header__leading{flex:0 0 100%;display:flex;justify-content:center;padding-bottom:.1rem}.cc-app-header__logo-link{justify-content:center}.cc-app-header__logo-img{max-width:min(420px,88vw);margin-inline:auto}.cc-app-header__nav{flex:1 1 100%;width:100%;max-width:100%;justify-content:center;overflow-x:visible;overflow-y:visible;flex-wrap:wrap;gap:.55rem .75rem;padding-inline:.15rem;box-sizing:border-box}.cc-app-header__nav>a{flex-shrink:0;font-size:clamp(.9rem,.82rem + .35vw,1.05rem)}.cc-app-header__nav-cart{flex:0 0 auto;font-size:clamp(.9rem,.82rem + .35vw,1.05rem)}.cc-app-header__mainbar .project-clad-storefront-nav__html-trailing{flex:1 1 100%;display:flex;justify-content:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box}}.cc-app-header__nav>a{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;padding:8px 0;border:none;border-radius:0;background:transparent;box-shadow:none;text-decoration:none;font-family:Onest,Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(1.05rem,.88rem + .65vw,1.35rem);letter-spacing:-.038em;line-height:1.15;text-transform:none;color:var(--cc-header-ink);text-shadow:none;white-space:nowrap;transition:color .15s ease,text-shadow .15s ease}.cc-app-header__nav>a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:0;background-color:var(--cc-header-nav-accent, #c41e1e);transform:scaleX(0);transform-origin:left bottom;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),height .18s ease}.cc-app-header__nav>a:hover,.cc-app-header__nav>a:focus-visible,.cc-app-header__nav>a.is-active,.cc-app-header__nav>a.is-active:hover,.cc-app-header__nav>a.is-active:focus-visible{--button-color: var(--cc-header-nav-accent, #c41e1e);color:var(--cc-header-nav-accent, #c41e1e);-webkit-text-fill-color:var(--cc-header-nav-accent, #c41e1e);text-shadow:none}.cc-app-header__nav>a:hover:after,.cc-app-header__nav>a:focus-visible:after,.cc-app-header__nav>a.is-active:after{background-color:var(--cc-header-nav-accent, #c41e1e);transform:scaleX(1);height:1.35px;transition:transform .3s cubic-bezier(.22,1,.36,1),height .18s ease .3s}.cc-app-header__nav>a.is-active{font-weight:700}.cc-app-header__nav>a.is-active:after{transition:none}.cc-app-header__hide-mobile{display:none}@media screen and (min-width:750px){.cc-app-header__hide-mobile{display:inline-flex}}@media(prefers-reduced-motion:reduce){.cc-app-header__nav>a:after,.cc-app-header__nav>a:hover:after,.cc-app-header__nav>a:focus-visible:after{transition:none}}.cc-app-header__nav-cart{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem;padding:8px 0;border:none;border-radius:0;background:transparent;box-shadow:none;text-decoration:none;font-family:Onest,Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(1.05rem,.88rem + .65vw,1.35rem);letter-spacing:-.038em;line-height:1.15;text-transform:none;color:var(--cc-header-ink);text-shadow:none;white-space:nowrap;transition:color .15s ease,text-shadow .15s ease}.cc-app-header__nav-cart:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:0;background-color:currentColor;transform:scaleX(0);transform-origin:left bottom;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),height .18s ease}.cc-app-header__nav-cart:hover,.cc-app-header__nav-cart:focus-visible{color:var(--cc-header-active);text-shadow:var(--pc-caesura-hover-red-text-glow)}.cc-app-header__nav-cart:hover:after,.cc-app-header__nav-cart:focus-visible:after{transform:scaleX(1);height:1.35px;transition:transform .3s cubic-bezier(.22,1,.36,1),height .18s ease .3s}.cc-app-header__nav-cart.is-active{color:var(--cc-header-active);font-weight:700;text-shadow:var(--pc-caesura-hover-red-text-glow)}.cc-app-header__nav-cart.is-active:after{transform:scaleX(1);height:1.35px;transition:none}.cc-app-header__nav-cart-icon{width:1em;height:1em;flex-shrink:0}@media(prefers-reduced-motion:reduce){.cc-app-header__nav-cart:after,.cc-app-header__nav-cart:hover:after,.cc-app-header__nav-cart:focus-visible:after{transition:none}}#header-group:has(.cc-app-header) #header-component,#header-group:has(.cc-app-header) .header-section:not(:has(.cc-app-header)){display:none!important}#header-group:has(.cc-app-header){display:contents}#header-group:has([data-cc-app-header])>.shopify-section,body.cc-store-neu:has(.cc-app-header) #header-group .header-section:has(.cc-app-header),body.cc-store-neu:has(.cc-app-header) #header-group>.shopify-section.header-section:has(.cc-app-header),body.cc-store-neu:has(.cc-app-header) #header-group .header-section:first-of-type,body.cc-store-neu:has(.cc-app-header) #header-group>.shopify-section.header-section,body.cc-store-neu:has(.cc-app-header) #header-group .shopify-section-group .shopify-section.header-section{position:sticky;top:-1px;z-index:110;width:100%;max-width:none;overflow:visible!important;padding-inline:0!important;padding-block-start:0!important;padding-block-end:0!important;margin-bottom:0!important;background:transparent!important}body.cc-store-neu:has(.cc-app-header) #header-group>.shopify-section,body.cc-store-neu:has(.cc-app-header) #header-group .shopify-section-group{background:transparent!important}body.cc-store-neu:has(.cc-app-header) .content-for-layout>.shopify-section:first-child:has(.hero-wrapper),body.cc-store-neu:has(.cc-app-header) .content-for-layout>.shopify-section:first-child:has(.cc-home-v8){margin-top:calc(var(--header-group-height, 0px) * -1)}body:has(>#header-group>.header-section>.cc-app-header) .hero-wrapper:first-child,body:has(>#header-group>.header-section>.cc-app-header) .cc-home-v8-section:first-child .cc-home-v8__hero{--hero-height-offset: 0px}body.cc-store-neu:has(.cc-app-header) #cc-scroll-top-mask{display:none}body.cc-store-neu:has(.cc-app-header) #header-group{background:transparent}@media screen and (max-width:749px){body.cc-store-neu:has(.cc-app-header) #header-group .header-section:has(.cc-app-header),body.cc-store-neu:has(.cc-app-header) #header-group>.shopify-section.header-section:has(.cc-app-header){top:env(safe-area-inset-top,0px);padding-inline:0!important;padding-block-start:0!important;padding-block-end:0!important;margin-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cc-storefront-header.css.map?cch=8 */