.banner-custom{width:100%;min-height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e1a,#1a2332,#0f1419)}.banner-custom--full-width{width:100vw;margin-left:calc(-50vw + 50%)}.banner-custom__container{position:relative;width:100%;height:100%;max-width:var(--page-width, 120rem);margin:0 auto;padding:0 1.5rem}.banner-custom__content{position:relative;z-index:10;text-align:center;color:rgb(var(--color-foreground, 255, 255, 255));padding:0}.banner-custom__title{font-family:var(--font-heading-family);font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,#00d4ff,#09c,#069);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;text-transform:uppercase;letter-spacing:.1em}.banner-custom__subtitle{font-family:var(--font-body-family);margin-bottom:3rem;line-height:1.4;opacity:.9}.banner-custom--animated .banner-custom__title{animation:title-glow 8s ease-in-out infinite}.banner-custom--animated .banner-custom__subtitle{animation:subtitle-fade 8s ease-in-out infinite}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 1rem rgba(0,212,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 3rem rgba(0,212,255,.8));transform:scale(1.02)}}@keyframes subtitle-fade{0%,to{opacity:.8}50%{opacity:1}}@keyframes stat-counter{0%{transform:translateY(1rem);opacity:0}25%{transform:translateY(0);opacity:1}75%{transform:translateY(0);opacity:1}to{transform:translateY(-1rem);opacity:0}}.banner-custom__stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.banner-custom__stat-item{text-align:center;min-width:12rem}.banner-custom--animated .banner-custom__stat-item{animation:stat-counter 8s ease-in-out infinite}.banner-custom__stat-number{font-family:var(--font-heading-family);font-weight:700;display:block;line-height:1.2;margin-bottom:.5rem}.banner-custom__stat-label{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;opacity:.8}.banner-custom.color-background-1,.banner-custom.color-background-2{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.banner-custom.color-inverse{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.banner-custom.color-accent-1,.banner-custom.color-accent-2{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.banner-custom__stats{gap:2rem;margin-top:2rem}.banner-custom__stat-item{min-width:auto;flex:1;min-width:8rem}.banner-custom__title{margin-bottom:1.5rem}.banner-custom__subtitle{margin-bottom:2rem}}@media screen and (max-width: 479px){.banner-custom__stats{flex-direction:column;gap:1.5rem;align-items:center}.banner-custom__stat-item{min-width:auto;width:100%;max-width:20rem}}.banner-custom__title,.banner-custom__subtitle,.banner-custom__stat-item{will-change:transform,opacity;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.banner-custom--animated .banner-custom__title,.banner-custom--animated .banner-custom__subtitle,.banner-custom--animated .banner-custom__stat-item{animation:none!important}.banner-custom__title{filter:drop-shadow(0 0 1rem rgba(0,212,255,.5))}}@media (prefers-contrast: high){.banner-custom__title{-webkit-text-fill-color:currentColor;background:none;color:#00d4ff}.banner-custom__subtitle,.banner-custom__stat-number,.banner-custom__stat-label{opacity:1}}@media (prefers-color-scheme: dark){.banner-custom:not([class*=color-]){background:linear-gradient(135deg,#0a0e1a,#1a2332,#0f1419)}}@media print{.banner-custom{background:#fff!important;color:#000!important;box-shadow:none!important}.banner-custom__title{-webkit-text-fill-color:black!important;color:#000!important;background:none!important;filter:none!important;animation:none!important}.banner-custom__subtitle,.banner-custom__stat-number,.banner-custom__stat-label{color:#000!important;animation:none!important}}.shopify-design-mode .banner-custom{min-height:40rem}.shopify-design-mode .banner-custom__content{border:2px dashed rgba(var(--color-foreground),.2);border-radius:.5rem}.banner-custom--compact{min-height:30rem}.banner-custom--tall{min-height:60rem}.banner-custom--center{text-align:center}.banner-custom--left{text-align:left}.banner-custom--right{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/1/assets/banner-custom.css.map */