.hg-studio{--hg-studio-glow:#b00000;isolation:isolate;background:radial-gradient(70% 55% at 50% 42%,#b0000038,#0000 58%),radial-gradient(90% 80% at 50% 100%,#000000bf,#0000 55%),linear-gradient(#121212 0%,#080808 55%,#050505 100%);position:relative;overflow:hidden}.hg-studio:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(#e8dcc609 .6px,#0000 .6px);background-size:3px 3px;position:absolute;inset:0}.hg-studio:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px 24px #000000b8}.hg-pack{z-index:1;perspective:1100px;place-items:center;width:100%;height:100%;display:grid;position:relative}.hg-pack-stage{transform-style:preserve-3d;filter:drop-shadow(0 22px 28px #0000008c);position:relative}.hg-ground{filter:blur(6px);pointer-events:none;background:radial-gradient(#000000b3,#0000 70%);width:58%;height:8%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.hg-body,.hg-lid,.hg-neck,.hg-cap,.hg-label,.hg-shine{position:absolute}.hg-label{overflow:hidden;transform:perspective(700px)rotateY(-11deg);box-shadow:0 0 0 1px #b000002e,8px 10px 18px #00000059;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}.hg-label img{object-fit:cover;object-position:center}.hg-shine{pointer-events:none;background:linear-gradient(105deg,#fff3 0%,#ffffff0a 18%,#0000 32% 68%,#ffffff0f 100%);inset:0}.hg-jar .hg-lid{background:repeating-linear-gradient(90deg,#2a2a2a 0 6px,#1a1a1a 6px 10px),linear-gradient(#3a3a3a,#111);border-radius:8px 8px 4px 4px;width:64%;height:11%;top:6%;left:18%;box-shadow:inset 0 2px #e8dcc633,0 4px 8px #00000073}.hg-jar .hg-lid:after{content:"";background:linear-gradient(90deg,#0000,#e8dcc647,#0000);border-radius:999px;height:22%;position:absolute;top:18%;left:8%;right:8%}.hg-jar .hg-body{background:linear-gradient(90deg,#00000073,#0000 18% 82%,#00000080),linear-gradient(#e8dcc614,#14141433 12%,#141414 88%,#0a0a0a);border-radius:18px 18px 22px 22px/10px 10px 28px 28px;width:68%;height:74%;top:15%;left:16%;box-shadow:inset 10px 0 18px #00000059,inset -10px 0 18px #0006,inset 0 -16px 20px #00000059,0 0 0 1px #b0000029}.hg-jar .hg-label{border-radius:6px;width:52%;height:54%;top:24%;left:24%}.hg-bottle .hg-cap{background:linear-gradient(#c41616,#6a0000);border-radius:3px 3px 1px 1px;width:18%;height:8%;top:3%;left:41%;box-shadow:inset 0 1px #ffffff40,0 3px 6px #0006}.hg-bottle .hg-neck{background:linear-gradient(90deg,#2a0a0a,#5a1818 40%,#2a0a0a);border-radius:2px;width:12%;height:16%;top:10%;left:44%}.hg-bottle .hg-body{background:linear-gradient(90deg,#00000080,#0000 22% 78%,#0000008c),linear-gradient(#3a1010,#1a0808 20%,#120606);border-radius:10px 10px 16px 16px/8px 8px 22px 22px;width:36%;height:68%;top:24%;left:32%;box-shadow:inset 8px 0 14px #00000059,inset -8px 0 14px #0006,0 0 0 1px #b0000033}.hg-bottle .hg-label{border-radius:4px;width:31%;height:42%;top:34%;left:34.5%}.hg-shaker .hg-lid{background:radial-gradient(circle at 30% 40%,#4a4a4a 1.5px,#0000 1.6px) 0 0/12px 10px,radial-gradient(circle at 50% 55%,#4a4a4a 1.5px,#0000 1.6px) 0 0/12px 10px,radial-gradient(circle at 70% 40%,#4a4a4a 1.5px,#0000 1.6px) 0 0/12px 10px,linear-gradient(#2c2c2c,#111);border-radius:10px 10px 3px 3px;width:46%;height:10%;top:6%;left:27%;box-shadow:inset 0 2px #e8dcc629}.hg-shaker .hg-body{background:linear-gradient(90deg,#00000073,#0000 16% 84%,#00000080),linear-gradient(#1c1c1c,#101010);border-radius:14px 14px 16px 16px/8px 8px 20px 20px;width:52%;height:74%;top:15%;left:24%;box-shadow:inset 8px 0 16px #00000059,inset -8px 0 16px #0006,0 0 0 1px #b0000029}.hg-shaker .hg-label{border-radius:6px;width:44%;height:58%;top:22%;left:28%}.hg-oil .hg-cap{background:linear-gradient(#d4c4a4,#8a7a5a);border-radius:2px;width:14%;height:7%;top:4%;left:43%}.hg-oil .hg-neck{background:linear-gradient(90deg,#2a1208,#5a2a10 45%,#2a1208);width:10%;height:14%;top:10%;left:45%}.hg-oil .hg-body{background:linear-gradient(90deg,#00000080,#0000 20% 80%,#0000008c),linear-gradient(#4a2208,#1a0c04);border-radius:12px 12px 18px 18px/8px 8px 24px 24px;width:40%;height:70%;top:22%;left:30%;box-shadow:inset 8px 0 16px #0006,inset -8px 0 16px #00000073,0 0 0 1px #b000002e}.hg-oil .hg-label{border-radius:4px;width:34%;height:46%;top:32%;left:33%}.hg-generic .hg-body{background:linear-gradient(90deg,#0006,#0000 18% 82%,#00000073),linear-gradient(#1a1a1a,#0e0e0e);border-radius:16px;width:48%;height:74%;top:14%;left:26%;box-shadow:0 0 0 1px #b0000029}.hg-generic .hg-label{border-radius:6px;width:40%;height:56%;top:22%;left:30%}.hg-fallback{text-align:center;color:#e8dcc68c;letter-spacing:.18em;text-transform:uppercase;place-items:center;padding:12%;font-size:10px;display:grid;position:absolute;inset:0}.hg-size-sm,.hg-size-md{aspect-ratio:3/4}.hg-size-lg{aspect-ratio:4/5}