.nhp-atmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;pointer-events:none;overflow:hidden}.nhp-atmos__watcher{position:absolute;bottom:3vh;right:7vw;height:34vh;aspect-ratio:390 / 760;opacity:0;transition:opacity 2.6s ease-in}.nhp-atmos__watcher.is-left{right:auto;left:6vw;transform:scaleX(-1)}.nhp-atmos__watcher img{position:relative;width:100%;height:100%;object-fit:contain}.nhp-atmos__watcher:before{content:"";position:absolute;top:-18%;right:-95%;bottom:-8%;left:-95%;background:radial-gradient(ellipse 42% 46% at 50% 60%,color-mix(in srgb,var(--cream) 42%,transparent) 0%,color-mix(in srgb,var(--cream) 14%,transparent) 45%,transparent 72%);mix-blend-mode:screen}.nhp-atmos__watcher.is-there{opacity:.9}.nhp-atmos__watcher.is-gone{opacity:0;transition:none}@media(min-width:1024px){.nhp-atmos__watcher{height:42vh}}.nhp-atmos__sky{position:absolute;top:-14vh;left:-10%;right:-10%;height:58vh;background:linear-gradient(to bottom,var(--cream-light) 0%,color-mix(in srgb,var(--cream) 55%,transparent) 55%,transparent 100%);-webkit-mask-image:url(nhp-smoke.webp),linear-gradient(to bottom,#000 0%,rgba(0,0,0,.45) 62%,transparent 100%);-webkit-mask-size:180% auto,100% 100%;-webkit-mask-composite:source-in;mask-image:url(nhp-smoke.webp),linear-gradient(to bottom,#000 0%,rgba(0,0,0,.45) 62%,transparent 100%);mask-size:180% auto,100% 100%;mask-composite:intersect;opacity:.05;animation:nhp-sky-drift 190s linear infinite}.nhp-strike .nhp-atmos__sky{opacity:calc(.06 + var(--si, .5) * .6)}.nhp-atmos__sky{transition:opacity .14s steps(2,end)}@keyframes nhp-sky-drift{0%{-webkit-mask-position:0% 0%,0 0;mask-position:0% 0%,0 0}to{-webkit-mask-position:180% 0%,0 0;mask-position:180% 0%,0 0}}.nhp-strike .nhp-fogbank{filter:brightness(calc(1 + var(--si, .5) * 1.1))}.nhp-strike .nhp-poster.is-lit .nhp-poster__sheet{filter:brightness(calc(1 + var(--si, .5) * .28))}.nhp-strike .nhp-foot:after{opacity:calc(.4 + var(--si, .5) * .45)}.nhp-strike .nhp-fp-board__win i.is-on{filter:brightness(calc(1 + var(--si, .5) * .5))}.nhp-fogbank,.nhp-poster.is-lit .nhp-poster__sheet,.nhp-foot:after,.nhp-fp-board__win i.is-on{transition:filter .18s ease-out,opacity .18s ease-out}.nhp-atmos__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 62% at var(--sx, 70%) -6%,var(--cream-light) 0%,transparent 72%);mix-blend-mode:screen;opacity:0}.nhp-atmos__flash.is-on{animation:nhp-lightning-far 1.1s steps(1,end)}.nhp-atmos__flash.is-on.is-near{animation:nhp-lightning-near .62s steps(1,end)}@keyframes nhp-lightning-far{0%{opacity:calc(var(--si, .4) * .3)}22%{opacity:calc(var(--si, .4) * .16)}40%{opacity:calc(var(--si, .4) * .26)}70%,to{opacity:0}}@keyframes nhp-lightning-near{0%{opacity:calc(var(--si, .8) * .42)}10%{opacity:calc(var(--si, .8) * .06)}22%{opacity:calc(var(--si, .8) * .5)}38%{opacity:calc(var(--si, .8) * .08)}55%,to{opacity:0}}.nhp-film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:450;pointer-events:none;overflow:hidden}.nhp-film__grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.1 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");opacity:.07;animation:nhp-grain .48s steps(1,end) infinite}@keyframes nhp-grain{0%{transform:translate(0)}25%{transform:translate(-6%,4%)}50%{transform:translate(4%,-5%)}75%{transform:translate(-3%,-7%)}}.nhp-film__scratch{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--cream);opacity:.07;animation:nhp-scratch 7s steps(14,end) infinite}.nhp-film__scratch--b{opacity:.05;animation-duration:11s;animation-direction:reverse}@keyframes nhp-scratch{0%{transform:translate(18vw)}30%{transform:translate(24vw)}55%{transform:translate(71vw)}80%{transform:translate(63vw)}to{transform:translate(18vw)}}.nhp-ident-on .nhp-atmos,.nhp-ident-on .nhp-film{display:none}@media(prefers-reduced-motion:reduce){.nhp-film__grain,.nhp-film__scratch{animation:none}.nhp-atmos__flash,.nhp-atmos__sky,.nhp-atmos__watcher{display:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/nhp-atmosphere.css.map */