.atl-intro{--punch-in: .16s;--punch-step: 20ms;--punch-dur: .34s;--thread-in: .6s;--thread-dur: .88s;--deer-in: 1.08s;--deer-dur: .9s;--deer-fill-in: 1.78s;--sun-in: 2s;--letter-in: 2.1s;--letter-step: 18ms;--script-in: 2.35s;--script-dur: .85s;--line-in: 2.7s;--line-dur: .8s;--seal-w: min(22rem, 46vmin, 34svh);--out-in: 5.3s;--out-dur: .8s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;background:var(--atl-void, #0b0907);color:var(--atl-parch, #e8dcc6);clip-path:inset(0 0 0 0);will-change:clip-path}.atl-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 45% at 50% 38%,color-mix(in srgb,var(--atl-bark, #4a3524) 26%,transparent),transparent 70%),radial-gradient(90% 70% at 50% 120%,color-mix(in srgb,var(--atl-copper, #b87333) 9%,transparent),transparent 65%);opacity:0;animation:atl-warm 2.2s var(--atl-ease-silk, ease) .12s forwards;pointer-events:none}.atl-intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");opacity:.045;mix-blend-mode:overlay;pointer-events:none}.atl-intro__stage{position:relative;display:grid;justify-items:center;padding:min(var(--atl-gutter, 1.5rem),3svh) var(--atl-gutter, 1.5rem);transform-origin:50% 46%}.atl-intro__lock{display:grid;justify-items:center;gap:clamp(.2rem,.8vmin,.7rem)}.atl-intro .atl-seal{display:block;width:var(--seal-w);height:auto;overflow:visible}.atl-intro .atl-hole{opacity:0;transform:scale(.2);transform-box:fill-box;transform-origin:center;animation:atl-punch var(--punch-dur) var(--atl-ease-awl, ease-out) forwards;animation-delay:calc(var(--punch-in) + var(--i) * var(--punch-step))}.atl-intro .atl-seal__thread{stroke:var(--atl-copper, #b87333)}.atl-intro .atl-thread{stroke-dasharray:1;stroke-dashoffset:1;opacity:.9;animation:atl-stitch var(--thread-dur) var(--atl-ease-blade, ease-in-out) forwards;animation-delay:calc(var(--thread-in) + var(--i) * 90ms)}.atl-intro .atl-thread--l{stroke-dashoffset:-1}.atl-intro .atl-seal__deer{stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1;fill-opacity:0;animation:atl-carve var(--deer-dur) var(--atl-ease-blade, ease-in-out) var(--deer-in) forwards,atl-ink .7s var(--atl-ease-silk, ease) var(--deer-fill-in) forwards}.atl-intro .atl-sun{opacity:0;transform:scale(.4) rotate(-35deg);transform-box:fill-box;transform-origin:center;animation:atl-bloom .9s var(--atl-ease-awl, ease-out) forwards;animation-delay:calc(var(--sun-in) + var(--i) * .11s)}.atl-intro .atl-letter{opacity:0;transform:translateY(9%);transform-box:fill-box;animation:atl-rise .62s var(--atl-ease-silk, ease) forwards;animation-delay:calc(var(--letter-in) + var(--i) * var(--letter-step))}.atl-intro__script{width:calc(var(--seal-w) * .78);color:var(--atl-parch, #e8dcc6)}.atl-intro .atl-script{display:block;width:100%;height:auto}.atl-intro .atl-script__wipe{transform:scaleX(0);transform-box:fill-box;transform-origin:left center;animation:atl-write var(--script-dur) var(--atl-ease-silk, ease) var(--script-in) forwards}.atl-intro__line{margin:min(clamp(1.6rem,5vmin,3.4rem),5svh) 0 0;text-align:center;max-width:min(90vw,46rem)}.atl-intro__eyebrow,.atl-intro__say{display:block;opacity:0;transform:translateY(.6rem);animation:atl-rise var(--line-dur, .8s) var(--atl-ease-silk, ease) forwards}.atl-intro__eyebrow{animation-delay:calc(var(--line-in) + .1s)}.atl-intro__say{max-width:19ch;margin:.5em auto 0;font-size:min(var(--atl-step-3, 2.6rem),5.4svh);color:var(--atl-parch, #e8dcc6);animation-delay:calc(var(--line-in) + .26s)}.atl-intro__skip{position:absolute;right:var(--atl-gutter, 1.5rem);bottom:calc(var(--atl-gutter, 1.5rem) + env(safe-area-inset-bottom,0px));padding:.7em 1.1em;font-family:var(--atl-font-mark, sans-serif);font-size:var(--atl-step--1, .78rem);text-transform:uppercase;letter-spacing:var(--atl-track-mark, .18em);color:var(--atl-tan, #a9814f);background:none;border:0;cursor:pointer;opacity:0;animation:atl-fade-in .6s ease .9s forwards;transition:color var(--atl-t-quick, .2s) ease}.atl-intro__skip:hover,.atl-intro__skip:focus-visible{color:var(--atl-parch, #e8dcc6)}.atl-intro.is-leaving{animation:atl-lift var(--out-dur) var(--atl-ease-blade, ease-in-out) forwards}.atl-intro.is-leaving .atl-intro__stage{animation:atl-settle var(--out-dur) var(--atl-ease-silk, ease) forwards}.atl-intro.is-leaving .atl-intro__skip{opacity:0;transition:opacity .2s ease}html.atl-intro-open,html.atl-intro-open body{overflow:hidden;touch-action:none}@keyframes atl-warm{to{opacity:1}}@keyframes atl-punch{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes atl-stitch{to{stroke-dashoffset:0}}@keyframes atl-carve{to{stroke-dashoffset:0}}@keyframes atl-ink{to{fill-opacity:1;stroke-opacity:0}}@keyframes atl-bloom{0%{opacity:0;transform:scale(.4) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes atl-rise{to{opacity:1;transform:translateY(0)}}@keyframes atl-write{to{transform:scaleX(1)}}@keyframes atl-fade-in{to{opacity:1}}@keyframes atl-lift{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes atl-settle{0%{opacity:1;transform:translateY(0) scale(1)}45%{opacity:0;transform:translateY(-1.6vh) scale(.985)}to{opacity:0;transform:translateY(-3.4vh) scale(.975)}}@media(max-width:749px){.atl-intro{--punch-in: .12s;--punch-step: 12ms;--punch-dur: .28s;--thread-in: .42s;--thread-dur: .64s;--deer-in: .76s;--deer-dur: .64s;--deer-fill-in: 1.25s;--sun-in: 1.45s;--letter-in: 1.5s;--letter-step: 11ms;--script-in: 1.65s;--script-dur: .62s;--line-in: 1.95s;--line-dur: .7s;--out-in: 4.2s;--out-dur: .62s}.atl-intro{--seal-w: min(20rem, 70vmin, 34svh)}}@media(prefers-reduced-motion:reduce){.atl-intro{--out-in: .9s;--out-dur: .3s}.atl-intro:before,.atl-intro .atl-hole,.atl-intro .atl-thread,.atl-intro .atl-seal__deer,.atl-intro .atl-sun,.atl-intro .atl-letter,.atl-intro .atl-script__wipe,.atl-intro__eyebrow,.atl-intro__say,.atl-intro__skip{animation:none!important}.atl-intro:before{opacity:1}.atl-intro .atl-hole,.atl-intro .atl-sun,.atl-intro .atl-letter,.atl-intro__eyebrow,.atl-intro__say,.atl-intro__skip{opacity:1;transform:none}.atl-intro .atl-thread{stroke-dashoffset:0}.atl-intro .atl-seal__deer{stroke-dashoffset:0;stroke-opacity:0;fill-opacity:1}.atl-intro .atl-script__wipe{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/atolye-intro.css.map */