/* East Indica — pack designs (auto-extracted from packaging-v3) */
:root{--navy:#131625;--gold:#c9a24b;--gold-soft:#e0c98f;--cream:#f4ead8;}
.pack-slot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.pack-slot .pk{transform:scale(.8);}
.pk, .pk *{box-sizing:border-box;}
.pk{
    position:relative;width:240px;height:352px;
    border-radius:16px 16px 10px 10px;overflow:hidden;flex-shrink:0;
    box-shadow:inset 12px 0 22px -12px rgba(0,0,0,.5), inset -12px 0 22px -12px rgba(0,0,0,.5),
      inset 0 -18px 26px -18px rgba(0,0,0,.55), 0 22px 30px -14px rgba(0,0,0,.65);
  }
.pk::before{content:'';position:absolute;top:18px;left:10px;right:10px;height:5px;border-radius:3px;background:rgba(255,255,255,.2);box-shadow:0 2px 3px rgba(0,0,0,.25);z-index:7;}
.pk::after{content:'';position:absolute;top:0;left:0;right:0;height:11px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 5px,rgba(0,0,0,.1) 5px 10px);z-index:7;}
.pk .frame{position:absolute;inset:30px 8px 8px;border:1px solid currentColor;opacity:.38;border-radius:6px;z-index:2;pointer-events:none;}
.pk .frame::before{content:'';position:absolute;inset:3px;border:1px solid currentColor;opacity:.5;border-radius:4px;}
.pk .face{position:absolute;inset:32px 0 0;display:flex;flex-direction:column;align-items:center;padding:10px 16px 0;z-index:3;}
.pk .crest{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:var(--navy);border:1px solid rgba(201,162,75,.7);padding:2.5px;opacity:.92;z-index:5;}
.pk .crest img{width:100%;height:100%;display:block;}
.pk .bline{font-size:6.5px;letter-spacing:2px;text-transform:uppercase;margin-top:5px;opacity:.75;}
.pk .pname{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:30px;line-height:1;margin-top:9px;letter-spacing:1px;text-align:center;}
.pk .hname{font-family:'Tiro Devanagari Hindi',serif;font-size:10.5px;margin-top:4px;opacity:.9;}
.pk .art{margin-top:5px;}
.pk .story{font-family:'Caveat',cursive;font-size:14.5px;margin-top:4px;text-align:center;line-height:1.1;}
.pk .story.hi{font-family:'Tiro Devanagari Hindi',serif;font-size:11px;}
.pk .weight{position:absolute;bottom:16px;left:14px;right:14px;text-align:center;font-size:6.5px;letter-spacing:1.6px;z-index:5;opacity:.85;}
.pk .chseal{
    position:absolute;top:42px;right:14px;width:42px;height:42px;border-radius:50%;
    border:1.2px dashed currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;
    font-size:5.5px;letter-spacing:.5px;transform:rotate(8deg);z-index:5;opacity:.9;text-transform:uppercase;
  }
.pk .chseal b{font-family:'Cormorant Garamond',serif;font-size:10.5px;letter-spacing:0;}
.pk svg .ln{fill:none;stroke-linecap:round;stroke-linejoin:round;}
/* ===== animations (interactive) ===== */
  @keyframes steamUp{0%{transform:translateY(3px);opacity:.4;}50%{opacity:1;}100%{transform:translateY(-4px);opacity:.4;}}
  @keyframes rainFall{0%{transform:translateY(-5px);opacity:0;}30%{opacity:1;}100%{transform:translateY(7px);opacity:0;}}
  @keyframes flutter{0%,100%{transform:skewX(0deg);}50%{transform:skewX(7deg);}}
  @keyframes pulse{0%,100%{opacity:.55;transform:scale(1);}50%{opacity:1;transform:scale(1.15);}}
  @keyframes driftX{0%,100%{transform:translateX(0);}50%{transform:translateX(7px);}}
  @keyframes flick{0%,100%{transform:scaleY(1);opacity:.85;}50%{transform:scaleY(1.25);opacity:1;}}
  @keyframes dewFall{0%,55%{transform:translateY(0);opacity:1;}80%{transform:translateY(9px);opacity:.4;}100%{transform:translateY(9px);opacity:0;}}
  @keyframes floaty{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-4px) rotate(5deg);}}
  .a-steam{animation:steamUp 3.2s ease-in-out infinite;}
  .a-steam2{animation:steamUp 3.2s ease-in-out 1.1s infinite;}
  .a-steam3{animation:steamUp 3.2s ease-in-out 2s infinite;}
  .a-rain{animation:rainFall 1.5s linear infinite;}
  .a-rain2{animation:rainFall 1.5s linear .5s infinite;}
  .a-rain3{animation:rainFall 1.5s linear 1s infinite;}
  .a-flag{animation:flutter 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:left center;}
  .a-pulse{animation:pulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
  .a-drift{animation:driftX 5s ease-in-out infinite;}
  .a-drift2{animation:driftX 6.5s ease-in-out 1s infinite;}
  .a-flick{animation:flick 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom;}
  .a-flick2{animation:flick 1.8s ease-in-out .7s infinite;transform-box:fill-box;transform-origin:center bottom;}
  .a-dew{animation:dewFall 5s ease-in-out infinite;}
  .a-float{animation:floaty 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
/* palettes */
  .pk.p-pehli{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.16),transparent 55%),repeating-linear-gradient(93deg,rgba(0,0,0,.03) 0 3px,transparent 3px 7px),linear-gradient(160deg,#c9a273,#a87f52);color:#182633;}
  .pk.p-mehfil{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.14),transparent 55%),linear-gradient(160deg,#7f9873,#5c7452);color:#f3ecd8;}
  .pk.p-kadak{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.15),transparent 55%),linear-gradient(160deg,#c08236,#96591f);color:#1c2430;}
  .pk.p-jashn{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.12),transparent 55%),linear-gradient(160deg,#8a4a2c,#5f2f1a);color:#f3e3c8;}
  .pk.p-first{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,#1d3752,#131625);color:#e0c98f;}
  .pk.p-hills{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,#27395e,#161f38);color:#e0c98f;}
  .pk.p-blue{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,#2f5070,#182a42);color:#e0c98f;}
  .pk.p-still{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,#33523f,#1b2f23);color:#dfe8d2;}
  .pk.p-passport{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.08),transparent 55%),linear-gradient(160deg,#1b3a55,#0e2233);color:#e0c98f;}
  .pk.p-milan{background:radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,#6e3140,#421b26);color:#f3dfc8;}