.aether-intro{--runway: 360svh;--ink: #08080a;--paper: #f0ede7;--gold: #c9a55f;--dim: rgba(240,237,231,.5);--fit: contain;--r-frame: 22px;--shape: 9 / 7;position:relative;height:var(--runway);background:var(--ink)}.aether-intro__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--ink);display:grid;place-items:center}.aether-intro__dust{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 1.6s linear}.aether-intro.is-dusty .aether-intro__dust{opacity:1}.aether-intro__frame{position:relative;z-index:1;grid-area:1 / 1;width:calc(100% - .75rem);aspect-ratio:var(--shape);max-height:100svh;overflow:hidden;background:var(--ink);border-radius:var(--r-frame);corner-shape:superellipse(4)}.aether-intro[style*=cover] .aether-intro__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;aspect-ratio:auto;max-height:none;border-radius:0}.aether-intro__video,.aether-intro__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:var(--ink)}.aether-intro__poster{z-index:1;opacity:1;transition:opacity .4s linear}.aether-intro.is-ready .aether-intro__poster{opacity:0}.aether-intro__stamp{position:absolute;z-index:3;left:85%;top:82.2%;translate:-50% -50%;width:var(--stamp-size, 8%);height:auto;opacity:.96;pointer-events:none}.aether-intro__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(78% 64% at 50% 46%,#08080aa8,#08080a42 55%,#08080a00)}.aether-intro__title{position:absolute;z-index:4;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;padding:0 6vw;will-change:transform,opacity}.aether-intro__word{display:block;margin:0;font-weight:200;line-height:1.06;text-transform:uppercase;color:var(--paper);opacity:0;transform:translateY(14px);text-shadow:0 2px 24px rgba(0,0,0,.55)}.aether-intro__word--sm{font-size:clamp(.8125rem,3.4vw,1.25rem);letter-spacing:.46em;text-indent:.46em}.aether-intro__word--lg{font-size:clamp(1.875rem,10vw,4.5rem);letter-spacing:.2em;text-indent:.2em;margin-top:.3em}.aether-intro.is-titled .aether-intro__word--1{animation:aether-word 1.15s cubic-bezier(.16,1,.3,1) .3s forwards}.aether-intro.is-titled .aether-intro__word--2{animation:aether-word 1.15s cubic-bezier(.16,1,.3,1) .85s forwards}.aether-intro.is-titled .aether-intro__word--3{animation:aether-word 1.45s cubic-bezier(.16,1,.3,1) 1.4s forwards,aether-gold 3s ease-in-out 2.2s}@keyframes aether-word{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes aether-gold{0%{text-shadow:0 2px 24px rgba(0,0,0,.55);color:var(--paper)}45%{text-shadow:0 0 36px rgba(201,165,95,.6),0 2px 24px rgba(0,0,0,.55);color:#f7ebd2}to{text-shadow:0 2px 24px rgba(0,0,0,.55);color:var(--paper)}}.aether-intro__scroll{position:absolute;z-index:4;left:0;right:0;bottom:4.5%;display:grid;justify-items:center;gap:.625rem;opacity:0;animation:aether-word 1s ease 2.6s forwards;will-change:transform,opacity}.aether-intro__scroll span{font-size:.5625rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:#f0ede7b8}.aether-intro__scroll i{display:block;width:9px;height:9px;border-right:1px solid rgba(240,237,231,.72);border-bottom:1px solid rgba(240,237,231,.72);transform:rotate(45deg);animation:aether-bob 2.2s cubic-bezier(.45,0,.55,1) infinite}@keyframes aether-bob{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(3px,3px)}}.aether-intro__cap{position:absolute;z-index:4;left:0;right:0;bottom:3svh;margin:0;text-align:center;font-size:.5625rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);opacity:0;transition:opacity .5s linear}.aether-intro__stage:after{content:"";position:absolute;z-index:2;inset:auto 0 0 0;height:16svh;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--handoff, #08080a) 88%);pointer-events:none}@media(min-width:768px){.aether-intro{--r-frame: 28px;--shape: 16 / 9}.aether-intro__frame{width:calc(100% - 3rem)}.aether-intro__stamp{left:89.6%}}@media(prefers-reduced-motion:reduce){.aether-intro{height:100svh}.aether-intro__word{opacity:1;transform:none;animation:none!important}.aether-intro__scroll{opacity:1;animation:none}.aether-intro__scroll i{animation:none}.aether-intro__dust{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/aether-intro.css.map */