.storm-intro--cinematic{background:#010102;overflow:hidden;perspective:1200px;transform-style:preserve-3d;align-content:initial;gap:0}.cinematic-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 72% 20%,#28232d 0,transparent 22%),linear-gradient(180deg,#08080b,#020203);transform-style:preserve-3d}.cinematic-scene__world{position:absolute;z-index:0;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;object-fit:cover;object-position:center 32%;filter:brightness(.48) contrast(1.18) saturate(.72);transform:scale(1.08);will-change:transform,filter}.cinematic-scene__cloud{position:absolute;z-index:1;border-radius:50%;filter:blur(54px);mix-blend-mode:screen;opacity:0;will-change:transform,opacity}.cinematic-scene__cloud--back{width:78vw;height:32vh;left:-20vw;top:13vh;background:#8f7f9c3d}.cinematic-scene__cloud--front{width:92vw;height:34vh;right:-36vw;bottom:0;background:#491f3d4d;filter:blur(72px)}.cinematic-scene__horizon{position:absolute;z-index:1;top:48%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(ellipse at 48% 70%,rgba(164,15,47,.3),transparent 46%),radial-gradient(ellipse at 68% 25%,rgba(65,33,80,.3),transparent 43%);filter:blur(34px);opacity:.25}.cinematic-scene__crow{position:absolute;z-index:4;left:50%;top:46%;width:min(88vw,1120px);aspect-ratio:1;transform:translate3d(-61%,-57%,180px) rotateY(-5deg) rotate(-2deg) scale(.44);transform-origin:54% 52%;opacity:0;will-change:transform,opacity,filter;filter:brightness(.3) contrast(1.24) drop-shadow(0 30px 44px rgba(0,0,0,.82))}.cinematic-scene__crow picture{display:block;width:100%;height:100%}.cinematic-scene__crow img{display:block;width:100%;height:100%;object-fit:contain}.cinematic-scene__feather-light{position:absolute;top:10%;right:2%;bottom:8%;left:2%;background:linear-gradient(112deg,transparent 34%,rgba(232,222,239,.48) 47%,rgba(78,30,91,.2) 52%,transparent 65%);mix-blend-mode:screen;opacity:0;transform:translate(-65%);mask:var(--crow-mask) center/contain no-repeat;-webkit-mask:var(--crow-mask) center/contain no-repeat}.cinematic-scene__star{position:absolute;z-index:3;left:73%;top:28%;width:clamp(42px,6vw,92px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.15) rotate(18deg);opacity:0;filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 34px rgba(180,145,204,.9));will-change:transform,opacity,filter}.cinematic-scene__star svg{display:block;width:100%;height:100%;overflow:visible}.cinematic-scene__star path{fill:#fff}.cinematic-scene__lightning{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.98),rgba(204,186,218,.36) 7%,transparent 27%);mix-blend-mode:screen}.cinematic-scene__lightning i{position:absolute;display:block;top:-4%;left:70%;width:3px;height:46%;background:linear-gradient(#fff,rgba(230,216,243,.85),transparent);box-shadow:0 0 12px #fff,0 0 38px #d1b5e7d1;clip-path:polygon(40% 0,100% 0,59% 32%,91% 32%,28% 69%,56% 69%,0 100%,29% 57%,9% 57%,54% 25%,28% 25%);transform:rotate(8deg)}.cinematic-scene__lightning i+i{left:21%;top:2%;height:29%;opacity:.38;transform:rotate(-11deg) scaleX(.7)}.cinematic-scene__rain{position:absolute;pointer-events:none;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:5;transform:rotate(-8deg);will-change:background-position,opacity}.cinematic-scene__rain--far{opacity:0;background-image:repeating-linear-gradient(102deg,transparent 0 57px,rgba(230,225,236,.23) 58px,transparent 59px 128px);background-size:127px 260px;animation:cinematicRainFar 1.35s linear infinite}.cinematic-scene__rain--near{opacity:0;background-image:repeating-linear-gradient(103deg,transparent 0 35px,rgba(255,255,255,.38) 36px,transparent 38px 78px);background-size:82px 190px;filter:blur(.35px);animation:cinematicRainNear .72s linear infinite}.cinematic-scene__vignette{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 20% 78%,rgba(0,0,0,.76)),linear-gradient(180deg,rgba(0,0,0,.38),transparent 28% 65%,rgba(0,0,0,.88));box-shadow:inset 0 0 170px #000000eb;pointer-events:none}.cinematic-scene__bloom{position:absolute;z-index:7;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:0;background:radial-gradient(circle at 50% 48%,#fff 0 3%,rgba(238,225,246,.95) 7%,rgba(136,26,61,.6) 19%,transparent 44%);transform:scale(.08);mix-blend-mode:screen;pointer-events:none}.storm-intro--cinematic .storm-intro__threshold{opacity:0;transform:translateY(-9px);transition:none}.storm-intro__reveal{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:13px;pointer-events:none;opacity:0;transform:scale(.96)}.storm-intro__reveal .storm-intro__mark{position:relative;width:min(520px,68vw);max-height:30vh;animation:none;filter:invert(1) drop-shadow(0 0 32px rgba(118,66,140,.38))}.storm-intro__reveal p{position:relative;margin:0;color:#ffffffe0;font-size:10px;letter-spacing:.48em;text-shadow:0 3px 24px #000}.storm-intro--cinematic button{z-index:12;opacity:0;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:10px 0;background:none;color:#eee;font-size:8px;font-weight:700;letter-spacing:.28em;cursor:pointer}.storm-intro--cinematic button b{color:var(--crimson);font-size:15px;font-weight:400}.storm-intro__enter-label{display:none}.storm-intro--cinematic.is-running .cinematic-scene__world{animation:cinematicWorld 7.2s cubic-bezier(.16,.72,.16,1) both}.storm-intro--cinematic.is-running .cinematic-scene__cloud--back{animation:cinematicCloudBack 7.2s ease-out both}.storm-intro--cinematic.is-running .cinematic-scene__cloud--front{animation:cinematicCloudFront 7.2s ease-out both}.storm-intro--cinematic.is-running .cinematic-scene__horizon{animation:cinematicHorizon 7.2s ease both}.storm-intro--cinematic.is-running .cinematic-scene__crow{animation:cinematicCrow 7.2s cubic-bezier(.16,.7,.1,1) both}.storm-intro--cinematic.is-running .cinematic-scene__feather-light{animation:cinematicFeatherLight 7.2s ease both}.storm-intro--cinematic.is-running .cinematic-scene__star{animation:cinematicStar 7.2s cubic-bezier(.2,.7,.1,1) both}.storm-intro--cinematic.is-running .cinematic-scene__lightning{animation:cinematicLightning 7.2s steps(1,end) both}.storm-intro--cinematic.is-running .cinematic-scene__rain--far{animation:cinematicRainFar 1.35s linear infinite,cinematicRainReveal 7.2s ease both}.storm-intro--cinematic.is-running .cinematic-scene__rain--near{animation:cinematicRainNear .72s linear infinite,cinematicRainReveal 7.2s ease both}.storm-intro--cinematic.is-running .cinematic-scene__bloom{animation:cinematicBloom 7.2s ease-in-out both}.storm-intro--cinematic.is-running .storm-intro__threshold{animation:cinematicThreshold 7.2s ease both}.storm-intro--cinematic.is-running .storm-intro__reveal{animation:cinematicTitle 7.2s cubic-bezier(.2,.8,.2,1) both}.storm-intro--cinematic.is-running button{animation:cinematicSkip 7.2s ease both}@keyframes cinematicWorld{0%{transform:scale(1.16);filter:brightness(.2) contrast(1.24) saturate(.55)}14%{filter:brightness(.5) contrast(1.18) saturate(.7)}58%{transform:scale(1.06)}83%{filter:brightness(.65) contrast(1.15)}to{transform:scale(1.13);filter:brightness(.2) contrast(1.2)}}@keyframes cinematicCloudBack{0%{opacity:0;transform:translate3d(-10%,2%,0)}18%,70%{opacity:.65}84%,to{opacity:0;transform:translate3d(20%,-7%,0) scale(1.2)}}@keyframes cinematicCloudFront{0%{opacity:0;transform:translate3d(13%,8%,100px)}22%,69%{opacity:.58}86%,to{opacity:0;transform:translate3d(-23%,-8%,100px) scale(1.25)}}@keyframes cinematicHorizon{0%,10%{opacity:.08}42%,76%{opacity:.72}to{opacity:.12;transform:scale(1.2)}}@keyframes cinematicCrow{0%,7%{opacity:0;transform:translate3d(-68%,-55%,180px) rotateY(-8deg) rotate(-3deg) scale(.27);filter:brightness(.12) blur(5px) contrast(1.3)}17%{opacity:1;filter:brightness(.28) blur(0) contrast(1.25)}47%{transform:translate3d(-58%,-57%,210px) rotateY(-3deg) rotate(-1deg) scale(.5);filter:brightness(.38) contrast(1.2) drop-shadow(0 35px 48px rgba(0,0,0,.85))}72%{opacity:1;transform:translate3d(-52%,-55%,260px) rotateY(2deg) rotate(1deg) scale(.72);filter:brightness(.5) contrast(1.14) drop-shadow(0 40px 55px rgba(0,0,0,.86))}87%,to{opacity:0;transform:translate3d(-48%,-50%,420px) rotateY(3deg) rotate(1deg) scale(1.22);filter:brightness(.68) blur(2px) contrast(1.08)}}@keyframes cinematicFeatherLight{0%,22%,39%,to{opacity:0;transform:translate(-65%)}42%{opacity:.72}55%{opacity:.16;transform:translate(58%)}56%{opacity:0}}@keyframes cinematicStar{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(18deg)}20%,51%{opacity:.8}62%{left:67%;top:36%;opacity:1;transform:translate(-50%,-50%) scale(.62) rotate(2deg)}78%{left:52%;top:48%;opacity:1;transform:translate(-50%,-50%) scale(1.24) rotate(-10deg);filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 64px rgba(180,145,204,1))}89%,to{left:50%;top:49%;opacity:0;transform:translate(-50%,-50%) scale(5) rotate(-22deg);filter:drop-shadow(0 0 28px #fff) drop-shadow(0 0 130px #fff)}}@keyframes cinematicLightning{0%,11%,11.6%,13%,36%,36.5%,38%,to{opacity:0}11.1%{opacity:.52}11.7%{opacity:.08}12.1%{opacity:.84}36.1%{opacity:.34}36.7%{opacity:.78}}@keyframes cinematicRainReveal{0%{opacity:0}11%,75%{opacity:.28}92%,to{opacity:0}}@keyframes cinematicRainFar{to{background-position:-18px 260px}}@keyframes cinematicRainNear{to{background-position:-22px 190px}}@keyframes cinematicBloom{0%,71%{opacity:0;transform:scale(.08)}79%{opacity:.26}86%{opacity:1;transform:scale(3.4)}92%,to{opacity:0;transform:scale(5)}}@keyframes cinematicThreshold{0%,15%{opacity:0;transform:translateY(-9px)}22%,76%{opacity:1;transform:none}84%,to{opacity:0}}@keyframes cinematicTitle{0%,81%{opacity:0;transform:scale(.94);filter:blur(14px)}89%,to{opacity:1;transform:none;filter:blur(0)}}@keyframes cinematicSkip{0%,8%{opacity:0}14%,to{opacity:1}}@media(max-width:700px){.storm-intro--cinematic{perspective:none}.storm-intro--cinematic:before,.storm-intro--cinematic:after{display:none!important}.cinematic-scene__world{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-position:center center;filter:brightness(.44) contrast(1.08) saturate(.72);will-change:transform}.cinematic-scene__cloud,.cinematic-scene__horizon,.cinematic-scene__feather-light,.cinematic-scene__rain--far,.cinematic-scene__lightning i+i{display:none!important}.cinematic-scene__crow{top:39%;width:112vw;filter:drop-shadow(0 18px 24px rgba(0,0,0,.68));will-change:transform,opacity}.cinematic-scene__star{left:77%;top:24%;will-change:transform,opacity}.cinematic-scene__lightning{mix-blend-mode:normal;background:radial-gradient(circle at 72% 16%,rgba(255,255,255,.58),rgba(171,148,188,.17) 9%,transparent 31%);will-change:opacity}.cinematic-scene__lightning i{height:35%;box-shadow:0 0 8px #ffffffa6;opacity:.74}.cinematic-scene__rain--near{display:block;top:-8%;right:-8%;bottom:-8%;left:-8%;transform:rotate(-5deg);filter:none;background-size:108px 230px;background-image:repeating-linear-gradient(103deg,transparent 0 51px,rgba(255,255,255,.24) 52px,transparent 53px 108px);will-change:background-position,opacity}.cinematic-scene__vignette{box-shadow:inset 0 0 70px #000000c7;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 32% 66%,rgba(0,0,0,.8))}.cinematic-scene__bloom{top:0;right:0;bottom:0;left:0;mix-blend-mode:normal;background:radial-gradient(circle at 50% 48%,#fff 0 3%,rgba(220,205,230,.8) 8%,rgba(117,25,52,.36) 20%,transparent 45%);will-change:transform,opacity}.storm-intro--cinematic .storm-intro__threshold{padding-top:4px}.storm-intro__reveal .storm-intro__mark{width:76vw}.storm-intro__reveal p{font-size:8px;letter-spacing:.36em}.storm-intro--cinematic button{bottom:max(18px,env(safe-area-inset-bottom))}.storm-intro--cinematic.is-running .cinematic-scene__world{animation:cinematicWorldMobile 5.6s ease-out both}.storm-intro--cinematic.is-running .cinematic-scene__crow{animation:cinematicCrowMobile 5.6s cubic-bezier(.16,.7,.1,1) both}.storm-intro--cinematic.is-running .cinematic-scene__star{animation:cinematicStarMobile 5.6s cubic-bezier(.2,.7,.1,1) both}.storm-intro--cinematic.is-running .cinematic-scene__lightning{animation:cinematicLightningMobile 5.6s steps(1,end) both}.storm-intro--cinematic.is-running .cinematic-scene__rain--near{animation:cinematicRainNearMobile .95s linear infinite,cinematicRainRevealMobile 5.6s ease both}.storm-intro--cinematic.is-running .cinematic-scene__bloom{animation:cinematicBloomMobile 5.6s ease-in-out both}.storm-intro--cinematic.is-running .storm-intro__threshold,.storm-intro--cinematic.is-running .storm-intro__reveal,.storm-intro--cinematic.is-running button{animation-duration:5.6s}}@keyframes cinematicWorldMobile{0%{transform:scale(1.08)}58%{transform:scale(1.02)}to{transform:scale(1.07)}}@keyframes cinematicCrowMobile{0%,7%{opacity:0;transform:translate3d(-66%,-54%,0) rotate(-2deg) scale(.3)}18%{opacity:1}67%{opacity:1;transform:translate3d(-53%,-54%,0) rotate(.5deg) scale(.68)}86%,to{opacity:0;transform:translate3d(-49%,-50%,0) rotate(1deg) scale(1.04)}}@keyframes cinematicStarMobile{0%,13%{opacity:0;transform:translate(-50%,-50%) scale(.18)}23%,54%{opacity:.8}69%{left:64%;top:38%;opacity:1;transform:translate(-50%,-50%) scale(.74)}82%{left:51%;top:48%;opacity:1;transform:translate(-50%,-50%) scale(1.22)}91%,to{left:50%;top:49%;opacity:0;transform:translate(-50%,-50%) scale(3.2)}}@keyframes cinematicLightningMobile{0%,12%,12.8%,38%,38.7%,to{opacity:0}12.2%{opacity:.55}38.2%{opacity:.42}}@keyframes cinematicRainNearMobile{to{background-position:-14px 230px}}@keyframes cinematicRainRevealMobile{0%{opacity:0}14%,75%{opacity:.18}91%,to{opacity:0}}@keyframes cinematicBloomMobile{0%,73%{opacity:0;transform:scale(.1)}84%{opacity:.72;transform:scale(2.1)}93%,to{opacity:0;transform:scale(3)}}@media(prefers-reduced-motion:reduce){.storm-intro--cinematic{display:none}.storm-intro--cinematic *{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/cinematic-intro.css.map */