html{background:#0a0a0a}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0a0a;display:grid;place-items:center;overflow:hidden;cursor:pointer;animation:intro-failsafe .5s ease 4.5s forwards}@keyframes intro-failsafe{to{opacity:0;visibility:hidden}}.intro__stage{width:min(44vw,420px);perspective:1100px;perspective-origin:50% 50%;opacity:0;animation:intro-stage 1.05s linear both}@media(max-width:699px){.intro__stage{width:62vw}}.intro__depth{transform-style:preserve-3d;animation:intro-depth 1.05s cubic-bezier(.16,1,.3,1) both}.intro__logo{position:relative;aspect-ratio:771 / 654;transform-style:preserve-3d;animation:intro-turn 1.05s cubic-bezier(.3,.1,.2,1) both}.intro__logo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.intro__layer{transform:translateZ(calc(var(--d) * -1.6px));filter:brightness(calc(.6 - var(--d) * .025));animation:intro-flatten .3s cubic-bezier(.65,0,.35,1) .82s both}.intro__face{animation:intro-light 1.05s linear both}.intro__sheen{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--logo-mask) center / contain no-repeat;mask:var(--logo-mask) center / contain no-repeat;transform:translateZ(.5px);background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%) 115% 0 / 260% 100% no-repeat;opacity:0;pointer-events:none;animation:intro-sheen 1.05s linear both}@keyframes intro-stage{0%{opacity:0;filter:blur(9px)}8%{opacity:1}35%{filter:blur(4px)}60%{filter:blur(.8px)}75%{filter:blur(0)}to{opacity:1;filter:none}}@keyframes intro-depth{0%{transform:translateZ(-60000px)}to{transform:translateZ(70px)}}@keyframes intro-turn{0%{transform:rotateX(11deg) rotateY(-28deg) rotate(-2.5deg)}55%{transform:rotateX(4deg) rotateY(-11deg) rotate(-.8deg)}to{transform:none}}@keyframes intro-flatten{to{transform:translateZ(0);opacity:0}}@keyframes intro-light{0%{filter:brightness(.65)}45%{filter:brightness(.9)}70%{filter:brightness(1.07)}to{filter:brightness(1)}}@keyframes intro-sheen{0%,32%{background-position:115% 0;opacity:0}45%{opacity:1}80%{background-position:-15% 0;opacity:.9}92%,to{background-position:-25% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.intro__stage,.intro__depth,.intro__logo,.intro__face,.intro__sheen{animation:none!important}.intro__stage{opacity:1}.intro__layer{display:none}}html.is-intro .nav{opacity:0}html.is-intro .poster__symbol,html.intro-landing .poster__symbol{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/6/assets/intro.css.map */