.premium-hero{min-height:760px;height:calc(100svh - 108px);max-height:1050px;position:relative;isolation:isolate;overflow:hidden;padding-block:0;background:radial-gradient(ellipse at 76% 43%,#e8ff000f 0%,#e8ff0003 42%,transparent 72%),var(--black)}.premium-hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,var(--black));z-index:-1}.premium-hero .hero-inner{height:100%;display:grid;grid-template-columns:43% 57%;align-items:center;position:relative}.premium-hero .hero-copy{position:relative;z-index:2;padding-top:40px}.premium-hero .hero-copy .eyebrow{margin-bottom:24px;color:var(--yellow)}.premium-hero h1{font-family:var(--pf-display);font-weight:700;text-transform:uppercase;font-size:clamp(62px,5.65vw,89px);letter-spacing:-.045em;line-height:1.05;margin:0}.premium-hero h1 span{color:var(--yellow);display:block}.premium-hero .hero-description{font-size:17px;line-height:1.65;max-width:340px;margin-top:27px;color:#f5f5f0c7}.premium-hero .pill{margin-top:30px;min-width:234px}.premium-hero .hero-micro{margin-top:18px;color:#989896;font-size:9px;letter-spacing:.06em}.premium-hero .stage{position:relative;height:650px;min-width:0;margin-top:30px;perspective:1100px;--px: 0px;--py: 0px}.premium-hero .can{position:absolute;transform:translate(var(--px),var(--py));transition:transform .35s ease-out;will-change:transform}.premium-hero .can-inner{position:relative;aspect-ratio:1;animation:ph-float 7s ease-in-out infinite;filter:drop-shadow(0 24px 18px #0009)}.premium-hero .can-fallback{width:100%;transform:rotate(var(--r)) rotateX(var(--rx)) rotateY(var(--ry))}.premium-hero .can-render{width:100%;height:auto;display:block;transform:scale(1.4286);transform-origin:center}.premium-hero .can-perspective{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1200px;visibility:hidden}.premium-hero .has-volume .can-perspective{visibility:visible}.premium-hero .can-scale{width:300px;height:300px;transform:scale(var(--can-scale, 1));transform-origin:0 0;transform-style:preserve-3d}.premium-hero .can-model{width:300px;height:300px;position:relative;transform-style:preserve-3d;transform:rotate(var(--r)) rotateX(var(--rx)) rotateY(var(--ry));animation:ph-can-rock 9s ease-in-out infinite;will-change:transform}.premium-hero .can-cap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;backface-visibility:hidden;background:#242626}.premium-hero .can-lid{transform:translateZ(1px);overflow:hidden;box-shadow:inset 0 0 0 2px #535555}.premium-hero .can-lid img{width:100%;height:100%;object-fit:fill;transform:scale(1)}.premium-hero .can-rim{transform:translateZ(-3px);background:#202222}.premium-hero .can-bottom{transform:translateZ(-88px) rotateX(180deg);background:radial-gradient(circle,#292b2b 0 88%,#151717 89% 94%,#555 95%,#202222 97%)}.premium-hero .can-wall{position:absolute;left:50%;top:50%;backface-visibility:hidden;background-color:#252727;background-repeat:no-repeat;transform-style:preserve-3d}.premium-hero .can-wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090a0a99 0%,#ffffff0d 4%,#0005 8%,transparent 16%,transparent 85%,#08090999 94%,#ffffff15 97%,#080909bb 100%),linear-gradient(var(--wall-shade),var(--wall-shade))}.premium-hero .can.has-volume .can-fallback{visibility:hidden}.premium-hero .can-redline .can-model{animation-duration:10s;animation-delay:-3s}.premium-hero .can-neon .can-model{animation-duration:8.5s;animation-delay:-5s}.premium-hero.motion-paused .can-model{animation-play-state:paused}@keyframes ph-can-rock{0%,to{transform:rotate(var(--r)) rotateX(calc(var(--rx) - 3deg)) rotateY(calc(var(--ry) - 3deg))}50%{transform:rotate(calc(var(--r) + 2deg)) rotateX(calc(var(--rx) + 3deg)) rotateY(calc(var(--ry) + 3deg))}}.premium-hero .can-cider{width:355px;top:18px;left:30%;z-index:2;--r: 14deg;--rx: 49deg;--ry: -9deg}.premium-hero .can-redline{width:342px;left:-2%;top:282px;z-index:3;--r: -21deg;--rx: 56deg;--ry: 10deg}.premium-hero .can-neon{width:327px;right:-6%;top:321px;z-index:1;--r: 22deg;--rx: 61deg;--ry: -11deg}.premium-hero .can-redline .can-inner{animation-delay:-2.8s;animation-duration:8s}.premium-hero .can-neon .can-inner{animation-delay:-4.7s;animation-duration:7.5s}.premium-hero .floor-shadow{position:absolute;bottom:-1%;left:14%;width:79%;height:40px;background:#0009;filter:blur(18px);border-radius:50%}.premium-hero .hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#a1a19e}.premium-hero .hero-bottom a{display:flex;gap:18px;align-items:center}.premium-hero .hero-bottom .down{color:var(--yellow);font-size:23px}.premium-hero .motion-toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#a1a19e;font-family:var(--pf-mono);font-size:9px;text-transform:uppercase;padding:10px 0;min-height:36px}.premium-hero .motion-toggle:before{content:"\2161";font:14px Arial;color:var(--yellow)}.premium-hero .motion-toggle[aria-pressed=true]:before{content:"\25b7"}.premium-hero.motion-paused .can-inner{animation-play-state:paused}.premium-hero.motion-paused .can{transform:none}@keyframes ph-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}.premium-hero .stage.collision-stage .can-inner{animation:none;will-change:transform}.premium-hero.collision-hidden .can-model{animation-play-state:paused}@media(min-width:1191px){.premium-hero .can-neon{right:0}.premium-hero .can-cider{top:0}}@media(min-width:1700px){.premium-hero h1{font-size:89px}.premium-hero .stage{transform:scale(1.06);transform-origin:center}.premium-hero .hero-copy{padding-top:25px}}@media(max-width:1190px){.premium-hero{min-height:700px}.premium-hero .stage{height:580px;margin-top:80px}.premium-hero .can-cider{width:300px;left:25%;top:16px}.premium-hero .can-redline{width:285px;left:-3%;top:267px}.premium-hero .can-neon{width:270px;right:0;top:315px}.premium-hero h1{font-size:67px}.premium-hero .hero-description{max-width:290px;font-size:16px}}@media(max-width:850px){.premium-hero{min-height:630px;height:720px}.premium-hero h1{font-size:55px}.premium-hero .hero-description{font-size:15px}.premium-hero .eyebrow{font-size:9px;gap:8px}.premium-hero .stage{height:510px;margin-top:60px}.premium-hero .can-cider{width:245px;left:18%;top:40px}.premium-hero .can-redline{width:230px;left:-5%;top:244px}.premium-hero .can-neon{width:215px;right:0;top:290px}.premium-hero .hero-bottom{bottom:14px}.premium-hero .pill{min-width:208px;font-size:11px;gap:22px}.premium-hero .hero-micro{max-width:215px;line-height:1.8}}@media(max-width:620px){.premium-hero{height:auto;max-height:none;min-height:0;background:radial-gradient(ellipse at 55% 72%,#e8ff000f 0%,transparent 65%),var(--black)}.premium-hero .hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:24px}.premium-hero .hero-copy{padding-top:0}.premium-hero .hero-copy .eyebrow{font-size:9px;margin-bottom:17px;gap:10px}.premium-hero h1{font-size:clamp(58px,14.5vw,84px);line-height:1.03;letter-spacing:-.04em}.premium-hero .hero-description{font-size:14px;max-width:285px;line-height:1.6;margin-top:22px}.premium-hero .pill{margin-top:23px;min-height:51px;min-width:218px}.premium-hero .hero-micro{max-width:none;font-size:8px;margin-top:13px}.premium-hero .stage{width:100%;height:400px;margin:12px 0 48px;align-self:center;max-width:460px}.premium-hero .can-cider{width:54%;left:31%;top:5px;--r: 12deg;--rx: 49deg;--ry: -8deg}.premium-hero .can-redline{width:51%;left:-1%;top:163px;--r: -22deg;--rx: 56deg;--ry: 8deg}.premium-hero .can-neon{width:49%;right:-3%;top:197px;--r: 20deg;--rx: 61deg;--ry: -9deg}.premium-hero .floor-shadow{bottom:3%;left:9%;width:84%}.premium-hero .hero-bottom{bottom:13px}.premium-hero .hero-bottom .mono{font-size:8px}.premium-hero .hero-bottom .down{font-size:20px}.premium-hero .motion-toggle{font-size:8px}}@media(max-width:360px){.premium-hero h1{font-size:54px}.premium-hero .stage{height:350px}.premium-hero .can-cider{top:10px}.premium-hero .can-redline{top:144px}.premium-hero .can-neon{top:174px}.premium-hero .hero-copy .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.premium-hero .can-inner,.premium-hero .can-model{animation:none!important}.premium-hero .can{transform:none!important}.premium-hero .motion-toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/premium-hero.css.map */