.an-cinema{--energy:#c6ff00;position:relative;isolation:isolate;overflow:hidden;background:#080b09;color:#f6f8ef;min-height:680px;padding:24px 0 26px;font-family:var(--an-font-body)}
.an-cinema *{box-sizing:border-box}.an-cinema a{text-decoration:none}.an-cinema__top{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 32px;font-size:10px;letter-spacing:.17em;font-weight:800}.an-cinema__top>span{border-left:24px solid var(--energy);padding-left:12px}.an-cinema__pause{border:1px solid #70796a;background:#101610;color:#e4eadc;padding:10px 14px;font:inherit;cursor:pointer;min-height:44px;letter-spacing:.06em}
.an-cinema__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:530px;gap:15px}.an-cinema__copy{padding:28px 0}.an-cinema__eyebrow{color:var(--energy);font-size:11px;letter-spacing:.22em;font-weight:900;text-transform:uppercase;margin:0 0 22px}.an-cinema h1{font-family:var(--an-font-display);font-size:clamp(85px,10.4vw,155px);line-height:.91;letter-spacing:-.035em;font-weight:900;margin:0 0 24px}.an-cinema h1 em{font-style:normal;color:var(--energy)}.an-cinema__intro{max-width:340px;font-size:16px;line-height:1.65;color:#bdc6b7;margin:0 0 25px}.an-cinema__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.an-cinema__cta{display:inline-flex;gap:30px;align-items:center;background:var(--energy);color:#11180a;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:18px 24px;font-size:12px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.an-cinema__cta:after{content:'';position:absolute;inset:-60% auto -60% -60%;width:30%;background:#fff8;transform:skewX(-25deg);transition:left .5s}.an-cinema__cta:hover:after{left:130%}.an-cinema__cta:hover{transform:translateY(-4px);box-shadow:0 12px 35px #baff0033}.an-cinema__browse{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #768369;padding:12px 0}.an-cinema__local{margin:24px 0 0;font-size:10px;letter-spacing:.12em;color:#9aa98f;text-transform:uppercase}
.an-cinema__word{position:absolute;z-index:-1;font-family:var(--an-font-display);font-size:clamp(100px,19vw,300px);white-space:nowrap;letter-spacing:-.03em;line-height:1;bottom:65px;left:27%;color:transparent;-webkit-text-stroke:1px #c6ff0030;transform:rotate(-12deg);pointer-events:none}.an-cinema__light{position:absolute;inset:-30%;z-index:-2;background:radial-gradient(ellipse at 75% 40%,#a4df004d,transparent 36%),repeating-linear-gradient(115deg,transparent 0 100px,#bfff0006 101px 102px);animation:anEnergy 8s ease-in-out infinite alternate}.an-cinema__beam{position:absolute;width:22%;height:180%;top:-40%;right:23%;background:linear-gradient(90deg,transparent,#c6ff0030,transparent);transform:rotate(28deg);animation:anBeam 9s ease-in-out infinite alternate;pointer-events:none}
.an-cinema__stage{height:530px;position:relative;display:grid;place-items:center;min-width:0;transform:translate3d(var(--cx,0px),var(--cy,0px),0);transition:transform .4s ease}.an-cinema__halo{position:absolute;width:87%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#e9ffac,#c6ff00 42%,#739300 70%);box-shadow:0 0 90px #baff0028;animation:anHalo 7s ease-in-out infinite alternate}.an-cinema__halo:after{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid #17210033}.an-cinema__orbit{position:absolute;width:108%;height:40%;border:1px solid #dfff6780;border-radius:50%;transform:rotate(-26deg);animation:anOrbit 12s ease-in-out infinite alternate}.an-cinema__product{position:relative;width:86%;display:block;animation:anFloat 6s ease-in-out infinite;mix-blend-mode:multiply;transform-origin:50% 75%;transition:filter .3s}.an-cinema__jar{width:100%;height:auto;display:block;max-height:465px;object-fit:contain}.an-cinema__product:hover{filter:contrast(1.15)}.an-cinema__stamp{position:absolute;right:0;top:70px;background:#f3f5e9;color:#11180b;border-radius:50%;width:76px;height:76px;display:grid;place-content:center;text-align:center;line-height:.9;font-family:var(--an-font-display);font-size:22px;transform:rotate(13deg);box-shadow:0 8px 30px #0005}.an-cinema__caption{position:absolute;bottom:5px;left:7%;right:0;display:flex;flex-direction:column;gap:6px}.an-cinema__caption>span{font-size:9px;letter-spacing:.2em;color:#c4d0b6;text-transform:uppercase}.an-cinema__caption strong{font-family:var(--an-font-display);font-size:29px;letter-spacing:.02em}.an-cinema__caption small{font-family:var(--an-font-body);font-size:15px;float:right;margin:8px 10% 0 0;color:var(--energy)}
.an-cinema__bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #778f3d40}.an-cinema__flavors{display:flex;gap:10px;flex-wrap:wrap}.an-cinema__flavor{display:inline-flex;gap:20px;align-items:center;border:1px solid #68764f;padding:12px 16px;font-size:11px;text-transform:uppercase;font-weight:800;min-height:44px;transition:background .3s,color .3s,transform .3s}.an-cinema__flavor:hover,.an-cinema__flavor:focus-visible,.an-cinema__flavor.is-selected{background:var(--energy);color:#11180a;transform:translateY(-3px)}.an-cinema__scroll{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.an-cinema__scroll span{display:inline-block;color:var(--energy);font-size:24px;margin-left:14px;animation:anDown 2s ease-in-out infinite}
.an-cinema~* .an-category-card,.an-cinema~* .an-product-card{transition:transform .35s,border-color .35s,box-shadow .35s}.an-category-card:hover,.an-product-card:hover{transform:translateY(-7px);border-color:#bfff00;box-shadow:0 15px 40px #0004}.an-motion-reveal{animation:anReveal .75s both}.an-marquee{overflow:hidden;background:#c6ff00;color:#11180a;padding:18px 0}.an-marquee__track{display:flex;width:max-content;animation:anMarquee 24s linear infinite}.an-marquee__set{display:flex;align-items:center;gap:40px;padding-right:40px;font-family:var(--an-font-display);font-size:22px;letter-spacing:.05em;white-space:nowrap}.an-marquee__set i{font-style:normal;font-size:30px}.an-motion-paused *,.an-motion-paused *:before,.an-motion-paused *:after{animation-play-state:paused!important}.an-motion-paused .an-cinema__stage{transform:none}.an-cinema.is-changing .an-cinema__product{opacity:.55;filter:blur(3px)}.an-cinema__product{transition:opacity .3s,filter .3s}
@keyframes anEnergy{to{transform:translate3d(-5%,3%,0) scale(1.06);opacity:.65}}@keyframes anBeam{from{transform:translateX(-80px) rotate(28deg);opacity:.4}to{transform:translateX(130px) rotate(38deg);opacity:1}}@keyframes anFloat{0%,100%{transform:translateY(2px) rotate(-8deg)}50%{transform:translateY(-21px) rotate(3deg)}}@keyframes anHalo{to{transform:scale(.93);opacity:.86}}@keyframes anOrbit{to{transform:rotate(24deg) scale(.91)}}@keyframes anDown{50%{transform:translateY(5px)}}@keyframes anReveal{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes anMarquee{to{transform:translateX(-50%)}}
@media(max-width:768px){.an-cinema{min-height:0;padding:16px 0 22px}.an-cinema__top{margin:0 20px;font-size:8px;letter-spacing:.08em}.an-cinema__top>span{border-left-width:12px;padding-left:8px;max-width:190px;line-height:1.5}.an-cinema__pause{font-size:9px;padding:8px 10px}.an-cinema__grid{grid-template-columns:1fr;gap:0;min-height:0;padding-inline:22px}.an-cinema__copy{padding:30px 0 0;z-index:3}.an-cinema__eyebrow{font-size:9px;margin-bottom:16px}.an-cinema h1{font-size:clamp(76px,18vw,132px);line-height:.9;margin-bottom:20px}.an-cinema__intro{font-size:14px;max-width:330px;margin-bottom:20px}.an-cinema__local{display:none}.an-cinema__stage{height:365px;width:min(100%,430px);justify-self:center;margin:8px 0 18px}.an-cinema__jar{max-height:330px}.an-cinema__halo{width:82%}.an-cinema__stamp{top:35px;right:4px;width:62px;height:62px;font-size:19px}.an-cinema__caption{bottom:-5px;left:4%}.an-cinema__caption strong{font-size:24px}.an-cinema__word{left:0;bottom:170px;font-size:35vw}.an-cinema__bottom{margin:0 22px;padding-inline:0;display:block}.an-cinema__flavors{gap:8px}.an-cinema__flavor{flex:1;justify-content:space-between;font-size:10px;padding:12px}.an-cinema__scroll{display:none}.an-cinema__cta{padding:15px 20px;gap:18px;font-size:11px}.an-cinema__actions{gap:18px}.an-cinema__browse{font-size:10px}.an-marquee{padding:13px 0}.an-marquee__set{font-size:17px;gap:25px;padding-right:25px}.an-cinema__beam{width:50%;right:10%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.an-cinema *,.an-cinema *:before,.an-cinema *:after,.an-marquee *,.an-motion-reveal{animation:none!important;transition:none!important}.an-cinema__stage{transform:none!important}.an-category-card,.an-product-card{transition:none!important}.an-category-card:hover,.an-product-card:hover{transform:none}.an-motion-reveal{opacity:1;transform:none}}
.an-cinema.is-offscreen *{animation-play-state:paused!important}
.an-cinema h1{font-family:Impact,'Arial Narrow',var(--an-font-display)}
.an-cinema__product{mix-blend-mode:normal}
.an-cinema__jar{clip-path:polygon(31% 4%,69% 4%,75% 6%,77% 11%,76% 18%,76% 89%,72% 95%,60% 98%,40% 98%,28% 95%,24% 89%,24% 18%,23% 11%,25% 6%)}
.an-motion-enabled .an-cinema__light{animation:anEnergy 8s ease-in-out infinite alternate!important}
.an-motion-enabled .an-cinema__beam{animation:anBeam 9s ease-in-out infinite alternate!important}
.an-motion-enabled .an-cinema__halo{animation:anHalo 7s ease-in-out infinite alternate!important}
.an-motion-enabled .an-cinema__orbit{animation:anOrbit 12s ease-in-out infinite alternate!important}
.an-motion-enabled .an-cinema__product{animation:anFloat 6s ease-in-out infinite!important}
.an-motion-enabled .an-marquee__track{animation:anMarquee 24s linear infinite!important}
.an-motion-enabled .an-cinema__scroll span{animation:anDown 2s ease-in-out infinite!important}
.an-cinema__scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;z-index:-2;filter:saturate(.35);animation:anScene 20s ease-in-out infinite alternate}
.an-cinema__light{z-index:-1}.an-cinema__word{z-index:0;opacity:.5}
.an-cinema__jar{clip-path:none;height:465px;width:100%;object-fit:contain}
.an-cinema__product{width:66%;mix-blend-mode:normal}
@keyframes anScene{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-1%)}}
.an-motion-enabled .an-cinema__scene{animation:anScene 20s ease-in-out infinite alternate!important}
@media(max-width:768px){.an-cinema__jar{height:330px}.an-cinema__product{width:68%}.an-cinema__scene{opacity:.2}}
.an-motion-enabled .an-motion-reveal{animation:anReveal .75s both!important}
#shop-categories{scroll-margin-top:100px}
