.tdls-hero{position:relative;width:100%;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:clip}.tdls-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.tdls-hero__bg video,.tdls-hero__bg img{width:100%;height:100%;object-fit:cover}.tdls-hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease-in-out}.tdls-hero__video--active{opacity:1}.tdls-hero__bg .tdls-hero__placeholder{width:100%;height:100%;background:#1a1d24}.tdls-hero__bg .tdls-hero__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.tdls-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000000a6,#00000040 40%,#000000bf);z-index:1}.tdls-hero:after{content:"";position:absolute;top:40%;left:-10%;width:120%;height:2px;background:linear-gradient(90deg,transparent,#009DE0,transparent);opacity:.3;z-index:2;animation:tdlsLaserSweep 4s ease-in-out infinite}@keyframes tdlsLaserSweep{0%,to{opacity:0;transform:translate(-5%)}50%{opacity:.35;transform:translate(5%)}}.tdls-hero__content{position:relative;z-index:3;text-align:center;max-width:900px;padding:0 20px;isolation:isolate}.tdls-hero__subtitle{font-size:.85rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#009de0;margin-bottom:16px;opacity:0;transform:translateY(20px);animation:tdlsFadeUp .8s ease .1s forwards}.tdls-hero__headline{font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:#fff;letter-spacing:-1px;line-height:1;margin-bottom:8px;text-transform:uppercase;opacity:0;transform:translateY(30px);animation:tdlsFadeUp .8s ease .2s forwards}.tdls-hero__highlight{color:#009de0;text-shadow:0 0 40px rgba(0,157,224,.4)}.tdls-hero__tagline{font-size:clamp(1rem,2vw,1.15rem);margin-bottom:40px;color:#ffffffd9;font-weight:400;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto;letter-spacing:.5px;opacity:0;transform:translateY(20px);animation:tdlsFadeUp .8s ease .3s forwards}.tdls-hero__btns{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px;opacity:0;transform:translateY(20px);animation:tdlsFadeUp .8s ease .5s forwards}.tdls-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 32px;font-weight:600;text-transform:uppercase;font-size:.78rem;letter-spacing:2.5px;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-decoration:none}.tdls-hero__btn--primary{background:linear-gradient(135deg,#1d63a7,#009de0);border-color:#009de04d;color:#fff;box-shadow:0 0 30px #1d63a759,0 4px 16px #0000004d}.tdls-hero__btn--primary:hover{background:linear-gradient(135deg,#009de0,#1d63a7);border-color:#009de080;box-shadow:0 0 50px #009de059,0 4px 24px #0006;transform:translateY(-2px)}.tdls-hero__btn--outline{border-color:#fff3;color:#fff;background:#ffffff0a;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:inset 0 1px #ffffff14,0 4px 16px #00000026}.tdls-hero__btn--outline:hover{background:#fffffff2;color:#0a0d14;border-color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 0 32px #fff3;transform:translateY(-2px)}.tdls-hero__social{display:flex;justify-content:center;gap:16px;opacity:0;animation:tdlsFadeUp .8s ease .7s forwards}.tdls-hero__social a{width:44px;height:44px;border:.5px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0a;transition:all .35s cubic-bezier(.4,0,.2,1);text-decoration:none}.tdls-hero__social a:hover{border-color:#009de0;background:#009de0;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #009de059}@keyframes tdlsFadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.tdls-hero__btns{flex-direction:column}.tdls-hero__btn{width:100%;justify-content:center;padding:14px 20px}}@media(prefers-reduced-motion:reduce){.tdls-hero__subtitle,.tdls-hero__headline,.tdls-hero__tagline,.tdls-hero__btns,.tdls-hero__social{opacity:1;transform:none;animation:none}.tdls-hero:after{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/custom-hero.css.map */