.bagAnim{position:relative}.bagAnim__stage{width:500px;height:500px;transform:scale(var(--scale,1));transform-origin:0 0;font-family:var(--font-archivo), Archivo, system-ui, sans-serif;position:absolute;top:0;left:0}.bagAnim__behind{z-index:1;clip-path:inset(0 0 40.5%);position:absolute;inset:0}.bagAnim__bag{z-index:2;width:500px;height:500px;animation:bagAnimBob var(--loop,8s) ease-in-out infinite;will-change:transform;position:absolute;top:0;left:0}.bagAnim__slot{will-change:transform, opacity;position:absolute}.bagAnim__slot--left{width:190px;height:230px;animation:bagAnimPopLeft var(--loop,8s) cubic-bezier(.34, 1.3, .5, 1) infinite;top:134px;left:78px}.bagAnim__slot--mid{width:190px;height:230px;animation:bagAnimPopMid var(--loop,8s) cubic-bezier(.34, 1.3, .5, 1) infinite;top:62px;left:186px}.bagAnim__slot--right{width:150px;height:230px;animation:bagAnimPopRight var(--loop,8s) cubic-bezier(.34, 1.3, .5, 1) infinite;top:96px;left:322px}.bagAnim__tin{background:radial-gradient(circle at 38% 32%,#fbf1dc 0%,#f3e4c6 55%,#decba3 100%);border-radius:50%;width:104px;height:104px;position:relative;overflow:hidden;box-shadow:0 12px 24px #3c140a47,inset 0 -6px 12px #7850282e}.bagAnim__tinRing{border:2px solid #c95c348c;border-radius:50%;position:absolute;inset:7px}.bagAnim__tinLid{background:#dc7243;border-radius:50%;width:66px;height:66px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #ffffff4d}.bagAnim__tinMark{width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bagAnim__tinTop{text-align:center;letter-spacing:.22em;color:#c95c34;font-size:8px;font-weight:800;position:absolute;top:11px;left:0;right:0}.bagAnim__tinBottom{text-align:center;letter-spacing:.16em;color:#8a5a3c;font-size:6px;font-weight:600;position:absolute;bottom:11px;left:0;right:0}.bagAnim__pouch{background:linear-gradient(105deg,#e5824f 0%,#dc7243 58%,#c95c34 100%);border-radius:5px;width:120px;height:158px;position:relative;overflow:hidden;box-shadow:0 14px 28px #3c140a52}.bagAnim__pouchSeal{background:#c95c34;height:20px;position:absolute;inset:0 0 auto}.bagAnim__pouchHang{background:#3c140a40;border-radius:8px;width:30px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bagAnim__pouchMark{width:60px;height:60px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.bagAnim__pouchCopy{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:101px;left:0;right:0}.bagAnim__pouchTitle{letter-spacing:.2em;color:#f7e7ca;font-size:13px;font-weight:800}.bagAnim__pouchSub{letter-spacing:.12em;white-space:nowrap;color:#f7e7cacc;font-size:7.5px;font-weight:600}.bagAnim__pouchWord{width:46px;height:auto;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.bagAnim__pouchEdge{background:linear-gradient(90deg,#3c140a00,#3c140a38);width:18px;position:absolute;top:0;bottom:0;right:0}.bagAnim__pen{background:linear-gradient(100deg,#4e6b3a 0%,#3c5630 55%,#2a3f22 100%);border-radius:9px 9px 14px 14px;width:34px;height:152px;position:relative;overflow:hidden;box-shadow:0 12px 22px #141e0f59}.bagAnim__penCap{background:#f7e7ca;border-radius:9px 9px 2px 2px;height:28px;position:absolute;inset:0 0 auto}.bagAnim__penBand{background:#dc7243;height:34px;position:absolute;top:34px;left:0;right:0}.bagAnim__penMark{width:24px;height:24px;position:absolute;top:39px;left:50%;transform:translate(-50%)}.bagAnim__penLabel{letter-spacing:.24em;white-space:nowrap;color:#f7e7ca;font-size:9px;font-weight:800;position:absolute;top:108px;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.bagAnim__penLine{background:#f7e7ca59;height:2px;position:absolute;bottom:12px;left:7px;right:7px}.bagAnim__penEdge{background:linear-gradient(90deg,#0000,#0000004d);width:9px;position:absolute;top:0;bottom:0;right:0}@keyframes bagAnimBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bagAnimPopLeft{0%,3%{opacity:0;transform:translate(26px,205px)rotate(-2deg)scale(.62)}5%{opacity:1;transform:translate(24px,150px)rotate(-4deg)scale(.7)}13%{opacity:1;transform:translateY(-10px)rotate(-20deg)scale(1)}17%{opacity:1;transform:translate(0)rotate(-17deg)scale(1)}36%{opacity:1;transform:translate(-3px,8px)rotate(-14deg)scale(1)}54%{opacity:1;transform:translateY(-2px)rotate(-18deg)scale(1)}58%{opacity:1;transform:translateY(-8px)rotate(-19deg)scale(1)}68%{opacity:1;transform:translate(24px,150px)rotate(-4deg)scale(.7)}70%,to{opacity:0;transform:translate(26px,205px)rotate(-2deg)scale(.62)}}@keyframes bagAnimPopMid{0%,17%{opacity:0;transform:translateY(255px)rotate(0)scale(.62)}19%{opacity:1;transform:translateY(190px)rotate(2deg)scale(.7)}27%{opacity:1;transform:translateY(-14px)rotate(10deg)scale(1)}31%{opacity:1;transform:translate(0)rotate(7deg)scale(1)}50%{opacity:1;transform:translate(2px,9px)rotate(4deg)scale(1)}68%{opacity:1;transform:translateY(-3px)rotate(8deg)scale(1)}72%{opacity:1;transform:translateY(-10px)rotate(9deg)scale(1)}82%{opacity:1;transform:translateY(190px)rotate(2deg)scale(.7)}84%,to{opacity:0;transform:translateY(255px)rotate(0)scale(.62)}}@keyframes bagAnimPopRight{0%,31%{opacity:0;transform:translate(-34px,225px)rotate(4deg)scale(.62)}33%{opacity:1;transform:translate(-30px,165px)rotate(6deg)scale(.7)}41%{opacity:1;transform:translateY(-12px)rotate(26deg)scale(1)}45%{opacity:1;transform:translate(0)rotate(22deg)scale(1)}62%{opacity:1;transform:translate(3px,9px)rotate(18deg)scale(1)}82%{opacity:1;transform:translateY(-2px)rotate(23deg)scale(1)}86%{opacity:1;transform:translateY(-9px)rotate(24deg)scale(1)}96%{opacity:1;transform:translate(-30px,165px)rotate(6deg)scale(.7)}98%,to{opacity:0;transform:translate(-34px,225px)rotate(4deg)scale(.62)}}@media (prefers-reduced-motion:reduce){.bagAnim__bag,.bagAnim__slot{animation:none!important}.bagAnim__slot--left{transform:rotate(-17deg)}.bagAnim__slot--mid{transform:rotate(7deg)}.bagAnim__slot--right{transform:rotate(22deg)}}