.hero{position:relative;isolation:isolate;overflow:hidden;min-height:var(--hero-h, 100svh);background:var(--black);--lockup-size: min(var(--lockup-w, 760px), 92vw, calc(var(--hero-h, 100svh) * .84));--lockup-y: -5%;--scene-opacity: .5}.hero.is-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;min-height:0}html.intro-active{overflow:hidden}html.intro-active body{overscroll-behavior:none}.hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0}.hero--ready .hero__scene{opacity:var(--scene-opacity);transition:opacity 1.2s ease}.hero.is-intro .hero__scene{animation:scene-in 2.2s ease forwards;animation-delay:var(--t-scene)}@keyframes scene-in{0%{opacity:0;transform:scale(1.06)}to{opacity:var(--scene-opacity);transform:none}}.castle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.castle__ridge{fill:#050507}.castle__keep{fill:#030304}.castle__keep rect,.castle__keep path{stroke:#b37bff38;stroke-width:1.5}.castle__windows rect{fill:var(--orange)}.castle__trees path{fill:none;stroke:#050507;stroke-width:7;stroke-linecap:round}.castle__fog{fill:var(--purple);opacity:.05;filter:blur(30px)}.castle__moon{transform-origin:center}.castle__window--flicker{animation:flicker 4.5s steps(2,end) infinite}.castle__window--slow{animation-duration:7.5s;animation-delay:1.2s}@keyframes flicker{0%,46%,52%,to{opacity:1}48%,50%{opacity:.25}}.hero__core{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse calc(var(--lockup-size) * .7) calc(var(--lockup-size) * .58) at 50% calc(50% + var(--lockup-y)),rgba(0,0,0,.86) 0 34%,rgba(0,0,0,.55) 66%,transparent 100%)}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.hero--ready .hero__backdrop,.hero.is-intro .hero__backdrop{animation:backdrop-drift 52s ease-in-out infinite alternate}@keyframes backdrop-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.1) translate3d(-1.1%,-.9%,0)}}.hero__bats{position:absolute;top:0;right:0;bottom:0;left:0}.bat{position:absolute;width:var(--w, 46px);height:auto;fill:#000;opacity:0;filter:drop-shadow(0 0 6px rgba(122,44,224,.45));will-change:transform,opacity}.bat__wing{transform-box:fill-box;transform-origin:100% 50%}.bat__wing--r{transform-origin:0% 50%}.bat__wing{animation:flap .32s ease-in-out infinite alternate}@keyframes flap{0%{transform:rotate(2deg) scaleY(1)}to{transform:rotate(-16deg) scaleY(.58)}}@keyframes bat-cross-r{0%{transform:translate3d(-14vw,0,0) scale(var(--sc));opacity:0}10%{opacity:.9}28%{transform:translate3d(16vw,-7vh,0) scale(var(--sc))}52%{transform:translate3d(46vw,5vh,0) scale(var(--sc))}76%{transform:translate3d(76vw,-6vh,0) scale(var(--sc))}90%{opacity:.9}to{transform:translate3d(116vw,2vh,0) scale(var(--sc));opacity:0}}@keyframes bat-cross-l{0%{transform:translate3d(116vw,0,0) scale(var(--sc)) scaleX(-1);opacity:0}10%{opacity:.85}34%{transform:translate3d(72vw,6vh,0) scale(var(--sc)) scaleX(-1)}60%{transform:translate3d(40vw,-5vh,0) scale(var(--sc)) scaleX(-1)}86%{opacity:.85}to{transform:translate3d(-14vw,3vh,0) scale(var(--sc)) scaleX(-1);opacity:0}}.bat--a{top:16%;--sc: 1;animation:bat-cross-r 19s linear 1.6s infinite}.bat--b{top:28%;--sc: .62;animation:bat-cross-l 26s linear 6s infinite}.bat--c{top:9%;--sc: .45;animation:bat-cross-r 31s linear 12s infinite}.bat--d{top:36%;--sc: .8;animation:bat-cross-l 23s linear 18s infinite}.hero__smoke{position:absolute;left:0;right:0;bottom:0;height:120%;pointer-events:none;overflow:hidden}.hero__smoke--back{z-index:2}.hero__smoke--front{z-index:4}.puff{position:absolute;bottom:-22vmin;left:var(--x);width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);border-radius:50%;opacity:0;will-change:transform,opacity;animation:puff-rise var(--d) cubic-bezier(.22,.61,.36,1) var(--delay) both}.puff--purple{background:radial-gradient(circle at 50% 58%,var(--purple-lite) 0%,var(--purple) 38%,rgba(122,44,224,0) 70%);filter:blur(var(--b));mix-blend-mode:screen}.puff--orange{background:radial-gradient(circle at 50% 58%,var(--orange) 0%,var(--orange-deep) 40%,rgba(168,63,6,0) 70%);filter:blur(var(--b));mix-blend-mode:screen}.puff--soot{background:radial-gradient(circle at 50% 58%,#14121a,#08070c 42%,#0000 72%);filter:blur(var(--b))}.puff--ambient{animation-iteration-count:infinite}@keyframes puff-rise{0%{transform:translateZ(0) scale(.35) rotate(0);opacity:0}14%{opacity:var(--o)}68%{opacity:calc(var(--o) * .55)}to{transform:translate3d(var(--dx),calc(var(--rise) * -1),0) scale(2.2) rotate(var(--rot));opacity:0}}.hero__lockup-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.hero__lockup-wrap--figure{z-index:3}.hero__lockup-wrap--word{z-index:5}.hero__lockup{width:var(--lockup-size);height:auto;transform:translateY(var(--lockup-y))}.hero__lockup--figure{-webkit-mask-image:linear-gradient(to bottom,#000 39%,transparent 44%);mask-image:linear-gradient(to bottom,#000 39%,transparent 44%)}.hero__lockup--word{-webkit-mask-image:linear-gradient(to bottom,transparent 39%,#000 44%);mask-image:linear-gradient(to bottom,transparent 39%,#000 44%)}.hero.is-intro .hero__lockup--figure{animation:figure-rise 1.9s cubic-bezier(.16,.84,.28,1) both;animation-delay:var(--t-mascot)}@keyframes figure-rise{0%{opacity:0;transform:translateY(calc(var(--lockup-y) + 28%)) scale(.86);filter:blur(24px) saturate(.55)}45%{opacity:1}to{opacity:1;transform:translateY(var(--lockup-y)) scale(1);filter:blur(0) saturate(1)}}.hero.is-intro .hero__lockup--word{animation:word-art-in 1.4s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--t-word)}@keyframes word-art-in{0%{opacity:0;transform:translateY(calc(var(--lockup-y) + 5%)) scale(.965);filter:blur(16px)}to{opacity:1;transform:translateY(var(--lockup-y)) scale(1);filter:blur(0)}}.hero--ready .hero__lockup{animation:lockup-float 8s ease-in-out infinite}@keyframes lockup-float{0%,to{transform:translateY(var(--lockup-y)) scale(1)}50%{transform:translateY(calc(var(--lockup-y) - 2%)) scale(1.008)}}.hero__content{position:absolute;z-index:7;left:50%;top:50%;margin-top:calc(var(--lockup-size) * .325);transform:translate(-50%);width:min(var(--wrap),92vw);text-align:center}.hero.is-intro .hero__content{animation:content-in 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--t-word) + .26s)}@keyframes content-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.hero__subhead{margin:0 auto;max-width:30ch;color:var(--white);font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:400;line-height:1.15;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 30px rgba(0,0,0,.6)}.hero__cta{margin-top:clamp(14px,2vw,22px)}.hero.is-intro .hero__content,.hero.is-intro .hero__scene{opacity:0}.hero.is-intro .hero__content{animation-fill-mode:both}.hero__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,transparent 40%,rgba(0,0,0,.65) 100%),linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 22%,transparent 38%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.6) 74%,rgba(0,0,0,.85) 87%,rgba(0,0,0,.96) 95%,#000 100%)}.hero__skip{position:absolute;z-index:7;right:var(--gut);bottom:calc(var(--gut) - 6px);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#0006;color:var(--muted);font:500 .72rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .3s ease,color .2s ease,border-color .2s ease}.hero.is-intro .hero__skip{opacity:1}.hero__skip:hover{color:var(--white);border-color:#ffffff57}.hero--ready .hero__skip{opacity:0;pointer-events:none}.hero__scroll-cue{position:absolute;z-index:7;left:50%;bottom:26px;width:22px;height:34px;margin-left:-11px;border:1px solid var(--line);border-radius:999px;opacity:0;transition:opacity .6s ease .4s}.hero--ready .hero__scroll-cue{opacity:1}.hero__scroll-cue span{position:absolute;left:50%;top:7px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--orange);animation:cue 1.9s ease-in-out infinite}@keyframes cue{0%,to{transform:translateY(0);opacity:0}30%{opacity:1}70%{transform:translateY(12px);opacity:0}}.hero.is-outro .hero__smoke{opacity:0;transition:opacity .7s ease}.hero.is-outro .hero__scene{opacity:1;transition:opacity .7s ease}@media(max-width:749px){.hero{--lockup-y: -5%;--scene-opacity: .78}.hero{--lockup-size: min(var(--lockup-w, 760px), 88vw, calc(var(--hero-h, 100svh) * .7))}.hero__content{margin-top:calc(var(--lockup-size) * .325)}.bat--c,.bat--d{display:none}}@media(prefers-reduced-motion:reduce){.hero.is-intro{position:relative;z-index:auto}.hero__scene,.hero__content{opacity:1!important}.hero__lockup,.hero__content,.hero__scene,.hero__backdrop,.bat,.puff,.castle__window--flicker,.hero__scroll-cue span{animation:none!important}.bat{opacity:.8}.hero__smoke{opacity:.5}.hero__skip{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero.css.map */