.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#100e0b;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:all;transition:opacity .4s ease;overflow:hidden}.intro-overlay.is-done{opacity:0;pointer-events:none}.intro-wordmark{display:flex;font-family:Cubao Wide,Unbounded,sans-serif;font-weight:900;font-size:2.8rem;letter-spacing:.08em;color:#f5ede0;z-index:10}.intro-letter{display:inline-block;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}.intro-letter.is-visible{opacity:1;transform:translateY(0)}.intro-rule{width:0;height:1px;background-color:#f5ede0;transition:width .45s cubic-bezier(.16,1,.3,1);margin:1.2rem auto 0;z-index:10}.intro-rule.is-visible{width:180px}.intro-subtitle{opacity:0;letter-spacing:.05em;font-size:.9rem;text-transform:uppercase;color:#f5ede099;transition:opacity .4s ease,letter-spacing .6s cubic-bezier(.16,1,.3,1);margin-top:1rem;z-index:10}.intro-subtitle.is-visible{opacity:1;letter-spacing:.3em}.intro-celestial-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.starstuff-star{position:absolute;opacity:0;transition:none!important;animation:none!important}.starstuff-star.is-visible{opacity:1}.motion-stopmotion-widen .intro-wordmark{font-family:Cubao Wide,Unbounded,sans-serif!important;font-weight:900!important;font-size:clamp(1.1rem,4vw,2.2rem)!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#f5ede0!important}.motion-stopmotion-widen .intro-letter-span{display:inline-block;text-align:center;overflow:hidden;vertical-align:middle;height:1.2em;line-height:1.2em;transition:none!important;animation:none!important}.motion-stopmotion-widen.is-expanding .intro-letter-span{transition:width 1.2s cubic-bezier(.16,1,.3,1),opacity .8s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)!important}.motion-stopmotion-widen.is-fading-outro .intro-wordmark{transition:letter-spacing 1.2s cubic-bezier(.16,1,.3,1),opacity 1s cubic-bezier(.16,1,.3,1)!important;letter-spacing:.18em!important;opacity:0!important}.motion-stopmotion-widen .intro-rule,.motion-stopmotion-widen .intro-subtitle{display:none!important}@media screen and (min-width:750px)and (max-width:989px){.intro-wordmark{font-size:4.2rem!important}.intro-subtitle{font-size:1.35rem!important;margin-top:1.5rem!important}.intro-rule{margin-top:1.8rem!important}.intro-rule.is-visible{width:270px!important}}@media screen and (min-width:990px){.intro-wordmark{font-size:6.3rem!important}.intro-subtitle{font-size:2rem!important;margin-top:2.25rem!important}.intro-rule{margin-top:2.7rem!important}.intro-rule.is-visible{width:405px!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/intro-animation.css.map */