html.skoto-intro-lock,html.skoto-intro-lock body{overflow:hidden!important;height:100%}.skoto-intro{--bar: 0px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#000;color:#e9edf2;overflow:hidden;contain:strict;-webkit-tap-highlight-color:transparent;cursor:default}.skoto-intro[hidden]{display:none!important}.skoto-intro__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 44%;will-change:transform,filter,opacity}.skoto-intro__shake{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.skoto-intro__fallback{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;opacity:0;background:radial-gradient(38% 26% at 28% 38%,#262b33 0%,transparent 70%),radial-gradient(44% 32% at 72% 52%,#1f242b 0%,transparent 70%),radial-gradient(60% 40% at 50% 74%,#15181c 0%,transparent 75%),radial-gradient(34% 22% at 54% 26%,#2b313a 0%,transparent 70%),#030405;filter:blur(20px) contrast(1.15);animation:skoto-cloud-drift 16s ease-in-out infinite alternate}@keyframes skoto-cloud-drift{0%{transform:translate3d(-2%,0,0) scale(1.06)}to{transform:translate3d(2%,-1.5%,0) scale(1.14)}}.skoto-intro__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(.55) contrast(1.4) brightness(.3) saturate(.8);transform:scale(1.04)}.skoto-intro__beams{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(4px)}.skoto-intro__beam{position:absolute;bottom:-10%;left:50%;width:16vmax;height:130vh;transform-origin:50% 100%;background:radial-gradient(50% 100% at 50% 100%,rgba(185,205,232,.16),rgba(185,205,232,.05) 45%,transparent 75%);clip-path:polygon(47% 100%,53% 100%,100% 0,0 0);-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 50%,transparent 92%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 50%,transparent 92%);filter:blur(22px)}.skoto-intro__beam--a{margin-left:-38vw;animation:skoto-beam-a 7s ease-in-out infinite alternate}.skoto-intro__beam--b{margin-left:22vw;animation:skoto-beam-b 8s ease-in-out infinite alternate}@keyframes skoto-beam-a{0%{transform:translate(-50%) rotate(-24deg)}to{transform:translate(-50%) rotate(14deg)}}@keyframes skoto-beam-b{0%{transform:translate(-50%) rotate(22deg)}to{transform:translate(-50%) rotate(-12deg)}}.skoto-intro__bolts{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.skoto-intro__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(75% 65% at var(--fx,50%) var(--fy,40%),rgba(214,228,248,.95),rgba(120,145,185,.3) 45%,transparent 78%)}.skoto-intro__whiteout{position:absolute;top:0;right:0;bottom:0;left:0;background:#dfe8f4;opacity:0;pointer-events:none;mix-blend-mode:screen}.skoto-intro__mark-wrap{position:absolute;left:50%;top:44%;width:min(54vw,620px);transform:translate(-50%,-50%);pointer-events:none}@media(max-width:749px){.skoto-intro__mark-wrap{width:76vw;top:45%}}.skoto-intro__mark-wrap svg{display:block;width:100%;height:auto}.skoto-intro__mark--imprint{color:#dfe8f2;opacity:0;mix-blend-mode:screen;filter:url(#skoto-cloud-imprint) blur(.5px)}.skoto-intro__mark--glow{position:absolute;top:0;right:0;bottom:0;left:0;color:#8fb0d8;opacity:0;mix-blend-mode:screen;filter:blur(18px)}.skoto-intro__mark--core{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;opacity:0;mix-blend-mode:screen;filter:blur(.3px) drop-shadow(0 0 6px rgba(200,220,255,.9))}.skoto-intro__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(105% 80% at 50% 44%,transparent 28%,rgba(0,0,0,.96) 100%)}.skoto-intro__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:skoto-grain .5s steps(4) infinite}@keyframes skoto-grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}to{transform:translate(0)}}.skoto-intro__bar{display:none!important;position:absolute;left:0;right:0;height:var(--bar);background:#000;z-index:3;transform:scaleY(0)}.skoto-intro__bar--top{top:0;transform-origin:top}.skoto-intro__bar--bottom{bottom:0;transform-origin:bottom}.skoto-intro.is-boxed .skoto-intro__bar{transform:scaleY(1);transition:transform 1.1s cubic-bezier(.7,0,.2,1)}.skoto-intro__skip{position:absolute;z-index:4;right:clamp(16px,3vw,40px);bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));font:500 10px/1 IBM Plex Mono,ui-monospace,Menlo,monospace;letter-spacing:.38em;text-transform:uppercase;color:#e9edf266;background:none;border:0;padding:10px 0 10px 14px;cursor:pointer;opacity:0;transition:opacity .6s ease 1.2s,color .2s}.skoto-intro.is-running .skoto-intro__skip{opacity:1}.skoto-intro__skip:hover,.skoto-intro__skip:focus-visible{color:#fff;outline:none}.skoto-intro.is-exiting{pointer-events:none;background-color:transparent;transition:background-color .5s ease 1.1s}.skoto-intro.is-exiting .skoto-intro__stage{transition:transform 1.35s cubic-bezier(.65,0,.85,.3),filter 1.35s ease-in,opacity .6s ease-in .8s;transform:scale(4.6);filter:blur(16px) brightness(.55);opacity:0}.skoto-intro.is-exiting .skoto-intro__bar{transform:scaleY(0);transition:transform .9s cubic-bezier(.7,0,.2,1) .5s}.skoto-intro.is-exiting .skoto-intro__skip{opacity:0;transition:opacity .2s}html.skoto-intro-reveal body>*:not(.skoto-intro){animation:skoto-site-in 1.2s cubic-bezier(.2,.7,.2,1) both}@keyframes skoto-site-in{0%{opacity:0;transform:scale(1.05);filter:blur(8px) brightness(.6)}to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.skoto-intro__fallback,.skoto-intro__grain,.skoto-intro__beam{animation:none}html.skoto-intro-reveal body>*:not(.skoto-intro){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/skoto-storm-intro.css.map */