.intro-anim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#08090a;overflow:hidden;opacity:1;transition:opacity .55s cubic-bezier(.16,1,.3,1)}.intro-anim.is-leaving{opacity:0}.intro-anim.is-skipping{transition-duration:.28s;opacity:0}.intro-anim__skip{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));z-index:2;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;font-size:.78rem;font-weight:600;letter-spacing:.01em;cursor:pointer;opacity:0;animation:intro-anim-skip-in .5s ease-out .15s forwards;transition:background-color .25s ease,border-color .25s ease,transform .25s ease}.intro-anim__skip:hover{background:#ffffff1f;border-color:#ffffff5c;transform:translateY(-1px)}@keyframes intro-anim-skip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.intro-anim__stage{position:absolute;top:0;right:0;bottom:0;left:0}.intro-anim__progress{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:#ffffff14}.intro-anim__progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#c8102e,#ff4d4d)}.intro-anim.is-playing .intro-anim__progress-fill{animation-name:intro-anim-progress-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes intro-anim-progress-fill{0%{width:0%}to{width:100%}}.intro-anim.is-playing .intro-anim__stage{animation:intro-anim-stage-jolt 1.35s ease-out .3s forwards}@keyframes intro-anim-stage-jolt{0%,53%{transform:translate(0)}54%{transform:translate(-3px,1px)}55%{transform:translate(4px,-2px)}56%{transform:translate(-2px,1px)}57%,to{transform:translate(0)}}.intro-anim__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(8,9,10,.4) 0%,transparent 30%,transparent 70%,rgba(8,9,10,.6) 100%)}.intro-anim__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.intro-anim.is-playing .intro-anim__atmosphere{animation:intro-anim-atmosphere-in .8s ease-out forwards}@keyframes intro-anim-atmosphere-in{to{opacity:1}}.intro-anim__mote{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,248,214,.55),transparent 70%);filter:blur(.5px);opacity:0}.intro-anim.is-playing .intro-anim__mote{animation-name:intro-anim-mote-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.intro-anim__mote--1{width:5px;height:5px;top:22%;left:12%;animation-duration:4.6s;animation-delay:.1s}.intro-anim__mote--2{width:3px;height:3px;top:62%;left:24%;animation-duration:5.4s;animation-delay:.6s}.intro-anim__mote--3{width:4px;height:4px;top:40%;left:70%;animation-duration:5s;animation-delay:.3s}.intro-anim__mote--4{width:6px;height:6px;top:74%;left:82%;animation-duration:6.2s;animation-delay:.9s}.intro-anim__mote--5{width:3px;height:3px;top:16%;left:55%;animation-duration:4.8s;animation-delay:1.2s}.intro-anim__mote--6{width:4px;height:4px;top:85%;left:45%;animation-duration:5.8s;animation-delay:.4s}@keyframes intro-anim-mote-drift{0%{opacity:0;transform:translate(0)}15%{opacity:.6}50%{opacity:.35;transform:translate(6px,-14px)}85%{opacity:.5}to{opacity:0;transform:translate(-4px,-26px)}}.intro-anim__haze{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,rgba(255,210,150,.07),transparent);opacity:0}.intro-anim.is-playing .intro-anim__haze{animation:intro-anim-haze-in 1.2s ease-out .1s forwards}@keyframes intro-anim-haze-in{to{opacity:1}}.intro-anim__headlights{position:absolute;top:50%;left:-6%;transform:translateY(-50%);display:flex;gap:14px;opacity:0;animation:intro-anim-headlights .5s ease-out .1s forwards}.intro-anim__headlight{width:10px;height:10px;border-radius:50%;background:#fff8d6;box-shadow:0 0 20px 8px #fff8d68c,0 0 60px 24px #ffc87840}@keyframes intro-anim-headlights{0%{opacity:0;transform:translateY(-50%) scale(.4)}60%{opacity:1}to{opacity:1;transform:translateY(-50%) scale(1)}}.intro-anim__flare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.intro-anim__flare-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55) 0%,rgba(255,205,145,.2) 24%,transparent 56%)}.intro-anim.is-playing .intro-anim__flare-glow{animation:intro-anim-flare-glow-flash 1.35s ease-out .3s forwards}@keyframes intro-anim-flare-glow-flash{0%,50%{opacity:0}56%{opacity:1}66%{opacity:0}to{opacity:0}}.intro-anim__flare-streak{position:absolute;top:50%;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 45%,rgba(255,210,150,.95) 50%,rgba(255,255,255,.9) 55%,transparent);filter:blur(1px);opacity:0;transform:translateY(-50%) scaleX(.25);transform-origin:center}.intro-anim.is-playing .intro-anim__flare-streak{animation:intro-anim-flare-streak-flash 1.35s ease-out .3s forwards}@keyframes intro-anim-flare-streak-flash{0%,50%{opacity:0;transform:translateY(-50%) scaleX(.25)}56%{opacity:1;transform:translateY(-50%) scaleX(1)}66%{opacity:0;transform:translateY(-50%) scaleX(1.2)}to{opacity:0}}.intro-anim__flare-dot{position:absolute;top:50%;left:50%;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,220,170,.9),transparent 70%)}.intro-anim__flare-dot--1{width:46px;height:46px;margin:-23px 0 0 -70px}.intro-anim__flare-dot--2{width:22px;height:22px;margin:-11px 0 0 90px}.intro-anim.is-playing .intro-anim__flare-dot--1{animation:intro-anim-flare-dot-flash 1.35s ease-out .34s forwards}.intro-anim.is-playing .intro-anim__flare-dot--2{animation:intro-anim-flare-dot-flash 1.35s ease-out .37s forwards}@keyframes intro-anim-flare-dot-flash{0%,50%{opacity:0;transform:scale(.6)}56%{opacity:.85;transform:scale(1)}66%{opacity:0;transform:scale(1.15)}to{opacity:0}}.intro-anim__car-wrap{position:absolute;top:52%;left:50%;width:min(340px,46vw);transform:translate(-160vw,-50%);opacity:0}.intro-anim.is-playing .intro-anim__car-wrap{animation:intro-anim-car-sweep 1.35s cubic-bezier(.5,0,.25,1) .3s forwards}@keyframes intro-anim-car-sweep{0%{transform:translate(-160vw,-50%) scaleX(1);opacity:0;filter:blur(6px)}10%{opacity:1;filter:blur(6px)}45%{filter:blur(1px)}55%{transform:translate(-50%,-50%) scaleX(1);filter:blur(0)}85%{opacity:1;filter:blur(3px)}to{transform:translate(160vw,-50%) scaleX(1.04);opacity:0;filter:blur(8px)}}.intro-anim__car-visual{position:relative}.intro-anim__car{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(200,16,46,.25))}.intro-anim.is-playing .intro-anim__car{animation:intro-anim-car-flare-glow 1.35s ease-out .3s forwards}@keyframes intro-anim-car-flare-glow{0%,48%{filter:drop-shadow(0 10px 24px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(200,16,46,.25))}55%{filter:drop-shadow(0 10px 24px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,255,255,.9)) drop-shadow(0 0 46px rgba(255,210,150,.55))}70%,to{filter:drop-shadow(0 10px 24px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(200,16,46,.25))}}.intro-anim__car-reflection{position:absolute;top:100%;left:0;width:100%;height:auto;transform:scaleY(-1);transform-origin:top center;opacity:.3;filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 70%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 70%);pointer-events:none}.intro-anim.is-playing .intro-anim__wheel{animation:intro-anim-wheel-spin .25s linear infinite}@keyframes intro-anim-wheel-spin{to{transform:rotate(360deg)}}.intro-anim__trail{position:absolute;top:50%;right:92%;width:0;height:3px;transform:translateY(-50%);border-radius:3px;background:linear-gradient(90deg,transparent,rgba(200,16,46,.75),rgba(255,255,255,.5));opacity:0}.intro-anim.is-playing .intro-anim__trail{animation:intro-anim-trail 1.35s cubic-bezier(.5,0,.25,1) .3s forwards}@keyframes intro-anim-trail{0%,40%{width:0;opacity:0}55%{width:140px;opacity:.9}to{width:40px;opacity:0}}.intro-anim__smoke{position:absolute;bottom:8%;right:78%;pointer-events:none}.intro-anim__smoke span{position:absolute;bottom:0;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%);filter:blur(4px);opacity:0}.intro-anim.is-playing .intro-anim__smoke span:nth-child(1){animation:intro-anim-smoke .9s ease-out .55s forwards}.intro-anim.is-playing .intro-anim__smoke span:nth-child(2){left:14px;animation:intro-anim-smoke .9s ease-out .68s forwards}@keyframes intro-anim-smoke{0%{opacity:0;transform:scale(.4) translateY(0)}30%{opacity:.5}to{opacity:0;transform:scale(1.6) translateY(-14px)}}.intro-anim__brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%) scale(.94);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0}.intro-anim.is-playing .intro-anim__brand{animation:intro-anim-brand-in .7s cubic-bezier(.16,1,.3,1) 1.55s forwards}@keyframes intro-anim-brand-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.intro-anim__spotlight{position:absolute;top:-55%;left:50%;z-index:-1;width:260px;height:170%;transform:translate(-50%) scaleY(.4);transform-origin:top center;clip-path:polygon(46% 0%,54% 0%,100% 100%,0% 100%);background:linear-gradient(to bottom,rgba(255,246,214,.35),rgba(255,246,214,.08) 60%,transparent 100%);opacity:0;filter:blur(6px);pointer-events:none}.intro-anim.is-playing .intro-anim__spotlight{animation:intro-anim-spotlight-on 1.1s ease-out 1.4s forwards}@keyframes intro-anim-spotlight-on{0%{opacity:0;transform:translate(-50%) scaleY(.4)}25%{opacity:.9;transform:translate(-50%) scaleY(1.05)}40%{opacity:.55;transform:translate(-50%) scaleY(1)}to{opacity:.4;transform:translate(-50%) scaleY(1)}}.intro-anim__logo{width:min(180px,42vw);height:auto;border-radius:12px;filter:drop-shadow(0 0 24px rgba(200,16,46,.3))}.intro-anim__brand-name{margin:16px 0 0;color:#fff;font-size:clamp(1.1rem,1rem + .6vw,1.4rem);font-weight:700;letter-spacing:.02em}.intro-anim__brand-location{margin:4px 0 0;color:#ffffff8c;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.intro-anim__brand-sweep{position:absolute;top:-20%;left:-60%;width:40%;height:140%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-18deg);opacity:0}.intro-anim.is-playing .intro-anim__brand-sweep{animation:intro-anim-sweep .9s ease-out 1.85s forwards}@keyframes intro-anim-sweep{0%{left:-60%;opacity:0}15%{opacity:1}60%{opacity:1}to{left:130%;opacity:0}}@media screen and (max-width:640px){.intro-anim__car-wrap{width:min(240px,60vw);top:48%}.intro-anim__logo{width:min(150px,46vw)}.intro-anim__skip{top:14px;right:14px;padding:8px 14px;font-size:.74rem}}@media(prefers-reduced-motion:reduce){.intro-anim__headlights,.intro-anim__car-wrap,.intro-anim__trail,.intro-anim__smoke span,.intro-anim__brand-sweep,.intro-anim__flare,.intro-anim__atmosphere,.intro-anim__spotlight,.intro-anim__progress{display:none}.intro-anim__stage{animation:none}.intro-anim.is-playing .intro-anim__brand{animation:intro-anim-brand-reduced .5s ease-out .1s forwards}@keyframes intro-anim-brand-reduced{0%{opacity:0}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.intro-anim{transition-duration:.3s}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/intro-animation.css.map */