.tactical-hero{position:relative;width:100%;height:100vh;min-height:600px;background:#000;display:flex;align-items:center;overflow:hidden}.tactical-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tactical-hero__video,.tactical-hero__image{width:100%;height:100%;object-fit:cover;filter:saturate(.2) contrast(1.2)}.tactical-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:2}.tactical-hero__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0%,rgba(0,209,255,.05) .5%,transparent 1%);background-size:100% 4px;animation:scanline-scroll var(--scan-speed) linear infinite;will-change:transform}@keyframes scanline-scroll{0%{transform:translateY(0)}to{transform:translateY(100px)}}.tactical-hero__container{position:relative;z-index:10;width:100%;max-width:1400px;margin:0 auto;padding:0 50px}.tactical-hero__content{max-width:800px;text-align:left}.tactical-hero__typewriter-wrapper{display:inline-block;overflow:hidden}.tactical-hero__title{font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(2.5rem,6vw,5rem);color:var(--hero-accent);white-space:nowrap;border-right:3px solid var(--hero-accent);width:0;margin:0;overflow:hidden;animation:typing var(--typewriter-speed) steps(30,end) forwards,blink-caret .75s step-end infinite}.tactical-hero__subheadline{color:#888;font-size:1.2rem;margin:20px 0 40px;opacity:0;animation:fade-in 1s ease forwards;animation-delay:var(--typewriter-speed)}.tactical-hero__cta{display:inline-block;padding:18px 40px;font-weight:800;letter-spacing:2px;color:#000;background:var(--hero-accent);text-decoration:none;border-radius:2px;position:relative;transition:.3s;animation:neon-pulse 2s infinite}@keyframes neon-pulse{0%{box-shadow:0 0 #00d1ffb3}70%{box-shadow:0 0 0 15px #00d1ff00}to{box-shadow:0 0 #00d1ff00}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--hero-accent)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tactical-hero__title{white-space:normal;width:100%;border-right:none;animation:fade-in 1s forwards}.tactical-hero__container{padding:0 20px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/tactical-blueprint-hero.css.map */