html.legacy-intro-active,html.legacy-intro-active body{overflow:hidden!important}#legacy-safe-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;isolation:isolate;contain:layout paint style;background:#020304;color:#f5f7fa;opacity:1;visibility:visible;transition:opacity .68s cubic-bezier(.22,.61,.36,1),visibility .68s ease}#legacy-safe-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}#legacy-safe-intro:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-5;background:radial-gradient(circle at 50% 46%,rgba(206,218,232,.14),transparent 18%),radial-gradient(ellipse at 50% 112%,rgba(183,197,214,.18),transparent 34%),linear-gradient(116deg,#010203,#090c12 40%,#191f29 50%,#080a0f 61%,#010203);filter:blur(20px);transform:scale(1.18);animation:legacyIntroFocus 2.25s cubic-bezier(.16,1,.3,1) forwards}#legacy-safe-intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;opacity:0;background:#f7f9fc}#legacy-safe-intro.is-exiting:after{animation:legacyIntroFlash .72s ease forwards}.legacy-3d-intro__skip{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:30;min-width:66px;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#090c117a;color:#f5f7fab8;font:700 9px/1 var(--font-body--family, Arial, sans-serif);letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.legacy-3d-intro__skip:hover{color:#fff;border-color:#fff6;background:#12161db8}.legacy-3d-intro__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 18%,rgba(0,0,0,.22) 50%,rgba(0,0,0,.9) 100%),linear-gradient(180deg,rgba(0,0,0,.38),transparent 22%,transparent 75%,rgba(0,0,0,.62))}.legacy-3d-intro__grid{position:absolute;left:-20%;right:-20%;bottom:-31%;height:72%;z-index:-2;transform:perspective(720px) rotateX(68deg);transform-origin:50% 100%;opacity:.34;background-image:linear-gradient(rgba(190,205,224,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(190,205,224,.11) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(to top,#000 15%,transparent 88%);mask-image:linear-gradient(to top,#000 15%,transparent 88%);animation:legacyIntroGrid 3.4s linear infinite}.legacy-3d-intro__beam{position:absolute;left:50%;top:49%;width:min(900px,92vw);height:1px;z-index:1;transform:translate(-50%,-50%) scaleX(0);background:linear-gradient(90deg,transparent,rgba(223,232,243,.18) 16%,#fff 50%,rgba(223,232,243,.18) 84%,transparent);box-shadow:0 0 24px #e8eff880,0 0 85px #97aac238;animation:legacyIntroBeam 1.4s .38s cubic-bezier(.16,1,.3,1) forwards}.legacy-3d-intro__flare{position:absolute;left:-20%;top:0;bottom:0;width:18%;z-index:14;pointer-events:none;opacity:.6;transform:skew(-14deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),rgba(255,255,255,.34),transparent);filter:blur(11px);mix-blend-mode:screen;animation:legacyIntroSweep 1.2s 1.06s ease forwards}.legacy-3d-intro__frame,.legacy-3d-intro__frame:before,.legacy-3d-intro__frame:after{position:absolute;pointer-events:none}.legacy-3d-intro__frame{inset:clamp(22px,4vw,58px);z-index:9;border:1px solid rgba(255,255,255,.055)}.legacy-3d-intro__frame:before,.legacy-3d-intro__frame:after{content:"";width:54px;height:54px}.legacy-3d-intro__frame:before{left:-1px;top:-1px;border-left:1px solid rgba(255,255,255,.34);border-top:1px solid rgba(255,255,255,.34)}.legacy-3d-intro__frame:after{right:-1px;bottom:-1px;border-right:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34)}.legacy-3d-intro__scene{position:relative;z-index:4;width:min(1040px,92vw);text-align:center;perspective:1100px;transform-style:preserve-3d;padding:32px 20px}#legacy-safe-intro.is-exiting .legacy-3d-intro__scene{animation:legacyIntroExit .7s cubic-bezier(.7,0,.84,0) forwards}.legacy-3d-intro__meta,.legacy-3d-intro__edition{color:#dee5ee75;font:700 clamp(7px,.8vw,10px)/1 var(--font-body--family, Arial, sans-serif);letter-spacing:.42em;text-transform:uppercase;opacity:0;transform:translateY(7px);animation:legacyIntroMeta .45s .36s ease forwards}.legacy-3d-intro__edition{margin-top:12px;font-size:7px;letter-spacing:.28em;animation-delay:1.36s}.legacy-3d-intro__camera{position:relative;margin-top:clamp(24px,4vw,46px);transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-14deg) scale(.72) translateZ(-120px);filter:blur(10px);opacity:.18;animation:legacyIntroCamera 1.12s .42s cubic-bezier(.16,1,.3,1) forwards}.legacy-3d-intro__halo{position:absolute;left:50%;top:48%;width:min(680px,78vw);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(65deg);border:1px solid rgba(205,218,235,.16);border-radius:50%;box-shadow:inset 0 0 70px #b5c7de0a,0 0 70px #90a4be0f;opacity:0;animation:legacyIntroHalo 1.1s .64s ease forwards}.legacy-3d-intro__halo:before,.legacy-3d-intro__halo:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(205,218,235,.09);border-radius:50%}.legacy-3d-intro__halo:after{top:24%;right:24%;bottom:24%;left:24%;border-color:#ffffff26}.legacy-3d-intro__logo{position:relative;display:inline-grid;place-items:center;transform-style:preserve-3d;white-space:nowrap;margin-right:-.17em;font-family:var(--font-heading--family, var(--font-primary--family, Arial, sans-serif));font-size:clamp(54px,13.5vw,166px);font-weight:720;line-height:.8;letter-spacing:.17em;animation:legacyIntroFloat 3.4s 1.42s ease-in-out infinite}.legacy-3d-intro__logo span{grid-area:1 / 1;display:block;color:hsl(218 11% calc(17% + var(--depth) * 1.8%));transform:translate3d(calc(var(--depth) * -1.1px),calc(var(--depth) * 1.2px),calc(var(--depth) * -3.1px));text-shadow:0 1px 0 rgba(255,255,255,.04),0 38px 90px rgba(0,0,0,.76)}.legacy-3d-intro__logo-face{grid-area:1 / 1;position:relative;z-index:5;display:block;transform:translateZ(22px);color:transparent;background:linear-gradient(102deg,#59616d,#f8fafc 20%,#737d8a 38%,#fff 50%,#68727f 66%,#dfe5ec 84%,#59616d);background-size:250% 100%;background-position:120% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px rgba(255,255,255,.2);text-shadow:0 0 2px rgba(255,255,255,.18),0 34px 100px rgba(0,0,0,.75);animation:legacyIntroMetal 1.4s .86s ease forwards}.legacy-3d-intro__logo-face:after{content:"LEGACY";position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;background:linear-gradient(100deg,transparent 31%,rgba(255,255,255,.98) 48%,transparent 64%);background-size:270% 100%;background-position:160% 0;background-clip:text;-webkit-background-clip:text;mix-blend-mode:screen;animation:legacyIntroChrome 1.16s 1.04s ease forwards}.legacy-3d-intro__shadow{width:min(570px,68vw);height:42px;margin:clamp(19px,3vw,34px) auto 0;border-radius:50%;opacity:0;background:radial-gradient(ellipse,rgba(0,0,0,.82),rgba(0,0,0,.22) 56%,transparent 73%);filter:blur(10px);transform:rotateX(70deg) scaleX(.5);animation:legacyIntroShadow .9s .66s ease forwards}.legacy-3d-intro__tag{margin-top:clamp(13px,2vw,22px);color:#eef2f7b8;font:700 clamp(8px,1.1vw,11px)/1 var(--font-body--family, Arial, sans-serif);letter-spacing:.48em;text-transform:uppercase;opacity:0;transform:translateY(9px);animation:legacyIntroTag .5s 1.2s ease forwards}.legacy-3d-intro__progress{position:relative;width:min(340px,64vw);height:1px;margin:24px auto 0;overflow:hidden;opacity:0;background:#ffffff1c;animation:legacyIntroMeta .3s 1.2s forwards}.legacy-3d-intro__progress i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#5e6876,#fff 54%,#687382);box-shadow:0 0 20px #ffffff52;animation:legacyIntroProgress 1.35s 1.2s cubic-bezier(.16,1,.3,1) forwards}.legacy-3d-intro__dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.legacy-3d-intro__dust i{position:absolute;left:var(--x);top:var(--y);width:var(--s,2px);height:var(--s,2px);border-radius:50%;opacity:0;background:#e8eef694;box-shadow:0 0 9px #e8eef666;animation:legacyIntroDust var(--duration) var(--delay) ease-in-out infinite}@keyframes legacyIntroFocus{to{transform:scale(1);filter:blur(0)}}@keyframes legacyIntroGrid{to{background-position:0 58px,58px 0}}@keyframes legacyIntroBeam{55%{transform:translate(-50%,-50%) scaleX(1)}to{transform:translate(-50%,-50%) scaleX(1);opacity:0}}@keyframes legacyIntroSweep{to{left:118%;opacity:0}}@keyframes legacyIntroMeta{to{opacity:1;transform:none}}@keyframes legacyIntroCamera{to{transform:rotateX(0) rotateY(0) scale(1) translateZ(0);filter:blur(0);opacity:1}}@keyframes legacyIntroHalo{to{opacity:.72;transform:translate(-50%,-50%) rotateX(65deg) scale(1.08)}}@keyframes legacyIntroFloat{50%{transform:translateY(-4px) rotateX(1deg)}}@keyframes legacyIntroMetal{to{background-position:-42% 0}}@keyframes legacyIntroChrome{to{background-position:-72% 0}}@keyframes legacyIntroShadow{to{opacity:.76;transform:rotateX(70deg) scaleX(1)}}@keyframes legacyIntroTag{to{opacity:1;transform:none}}@keyframes legacyIntroProgress{to{transform:scaleX(1)}}@keyframes legacyIntroDust{0%,to{opacity:0;transform:translate3d(0,12px,0) scale(.7)}36%{opacity:.6}72%{opacity:.12;transform:translate3d(12px,-24px,0) scale(1.25)}}@keyframes legacyIntroExit{to{transform:scale(1.6) translateZ(190px);filter:blur(8px);opacity:0}}@keyframes legacyIntroFlash{0%{opacity:0}42%{opacity:.92}to{opacity:0}}@media(max-width:749px){.legacy-3d-intro__frame{top:18px;right:18px;bottom:18px;left:18px}.legacy-3d-intro__scene{padding:18px}.legacy-3d-intro__meta{letter-spacing:.28em}.legacy-3d-intro__logo{font-size:clamp(44px,16vw,84px);letter-spacing:.1em;margin-right:-.1em}.legacy-3d-intro__tag{letter-spacing:.29em}.legacy-3d-intro__grid{opacity:.23}.legacy-3d-intro__halo{width:90vw;opacity:.45}.legacy-3d-intro__dust i:nth-child(n+8){display:none}}@media(prefers-reduced-motion:reduce){#legacy-safe-intro{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/legacy-safe-intro.css.map */
