.hero-banner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding-top:8rem;padding-bottom:4rem;overflow:hidden;background:radial-gradient(circle at 50% 50%,#18181b,#050505 70%);background-color:var(--color-bg)}.hero-banner.radial-spotlight:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,#1e1e23cc,#050505 90%);pointer-events:none;z-index:1}.hero-banner__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:var(--color-primary);border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:2;animation:pulse-glow 8s infinite alternate ease-in-out}@keyframes pulse-glow{0%{opacity:.1;transform:translate(-50%,-50%) scale(.9)}to{opacity:.2;transform:translate(-50%,-50%) scale(1.1)}}.hero-banner__content{position:relative;z-index:10;text-align:center;max-width:64rem;padding:0 1.5rem;width:100%}.hero-banner__badge{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1.25rem;border-radius:9999px;margin-bottom:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__badge-dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 10px var(--color-primary)}.hero-banner__badge-text{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted)}.hero-banner__heading{display:block;width:100%;margin-bottom:2rem;text-align:center}.hero-banner__heading-line{display:block;font-size:var(--line1-size-mobile, 40px);line-height:var(--line1-lh, .9);letter-spacing:calc(var(--line1-ls, 0) * 1px);color:var(--line1-color, #ffffff);font-weight:700;text-transform:uppercase}.hero-banner__heading-line2{font-size:var(--line2-size-mobile, 40px);line-height:var(--line2-lh, .9);letter-spacing:calc(var(--line2-ls, 0) * 1px);color:var(--line2-color, #ffffff);font-weight:700;text-transform:uppercase}.hero-banner__highlight{font-size:var(--highlight-size-mobile, 40px);line-height:var(--highlight-lh, .9);letter-spacing:calc(var(--highlight-ls, 0) * 1px);color:var(--highlight-color, #FF3B30);font-weight:700;text-transform:uppercase}.hero-banner__subheading{color:var(--color-text-muted);font-size:1.125rem;font-weight:400;line-height:1.6;max-width:42rem;margin:0 auto 3rem}.hero-banner__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.hero-banner__actions .button{width:100%;max-width:320px}.hero-banner__hud{position:absolute;bottom:3rem;left:3rem;z-index:10;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid var(--color-primary);padding-left:1rem;opacity:.7}.hero-banner__hud-text{font-family:var(--font-body);font-size:10px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.15em;margin:0;line-height:1.5}.hero-banner__hud-divider{height:1px;width:20px;background:var(--color-text-subtle);margin:.25rem 0;opacity:.3}@media screen and (min-width: 640px){.hero-banner__actions{flex-direction:row}.hero-banner__actions .button{width:auto}}@media screen and (min-width: 768px){.hero-banner__subheading{font-size:1.25rem}}@media screen and (min-width: 990px){.hero-banner__heading-line{font-size:var(--line1-size-desktop, 100px)}.hero-banner__heading-line2{font-size:var(--line2-size-desktop, 100px)}.hero-banner__highlight{font-size:var(--highlight-size-desktop, 100px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero-banner.css.map */