/* Shared, transparent construction-aware pouch illustrations. */
.kpv{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;min-width:0;line-height:0;isolation:isolate;overflow:visible}
.kpv-stage{display:block;flex:none;width:100%;max-width:100%;line-height:0}
.kpv svg{display:block;width:100%;height:auto;overflow:visible}
.kpv--sketch{max-width:260px;margin-inline:auto}
.kpv--artwork{max-width:370px;margin-inline:auto;align-items:center}
.kpv--artwork svg{max-height:340px}
.kpv--stand{--kpv-light:#ffe6a0;--kpv-mid:#ffc04d;--kpv-deep:#e58a1f;--kpv-side:#d67c14}
.kpv--flat{--kpv-light:#c5e8ff;--kpv-mid:#70b6ed;--kpv-deep:#3479ba;--kpv-side:#306ca9}
.kpv--gusset{--kpv-light:#e6d5ff;--kpv-mid:#b294ec;--kpv-deep:#7955bd;--kpv-side:#6742a9}
.kpv-gradient-light{stop-color:var(--kpv-light)}
.kpv-gradient-mid{stop-color:var(--kpv-mid)}
.kpv-gradient-deep{stop-color:var(--kpv-deep)}
.kpv-side-shade{fill:var(--kpv-side);fill-opacity:.62}
.kpv-base-shade{fill:var(--kpv-side);fill-opacity:.38}
.kpv-construction-seams,.kpv-gusset-folds{vector-effect:none}
.kpv-size-150g{--kpv-relative-size:36.8403%}
.kpv-size-250g{--kpv-relative-size:43.679%}
.kpv-size-500g{--kpv-relative-size:55.0321%}
.kpv-size-1kg{--kpv-relative-size:69.3361%}
.kpv-size-2kg{--kpv-relative-size:87.358%}
.kpv-size-3kg{--kpv-relative-size:100%}
.kpv-scaled .kpv-stage{width:var(--kpv-relative-size,100%)}
.kpv-unscaled .kpv-stage,.kpv--artwork .kpv-stage{width:100%}
.matrix-pouch-art .kpv--sketch{max-width:84.8px}
.kpv-animate .kpv-sketch-card{animation:kpv-sketch-insert 3.6s ease-in-out infinite;will-change:transform}
@keyframes kpv-sketch-insert{0%,100%{transform:translateY(0)}50%{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.kpv-animate .kpv-sketch-card{animation:none;will-change:auto}}

/* Owner reference pencil-sketch finish: construction first, hand-drawn edge second. */
.kpv-sketch-svg .kpv-pencil-outline-pass{stroke-linecap:round;stroke-linejoin:round}
.kpv-sketch-svg .kpv-pencil-rough{stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}
.kpv-sketch-svg .kpv-closure-line{stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}
.kpv--sketch .kpv-sketch-svg .kpv-construction-seams{stroke-dasharray:17 1.1 28 1.6;stroke-linecap:round}
.kpv--sketch .kpv-sketch-svg .kpv-gusset-folds{stroke-dasharray:26 1.4 13 1;stroke-linecap:round}
.kpv--artwork .kpv-sketch-svg .kpv-pencil-rough{stroke-opacity:.28}
/* Keep the original Kanga sketch palette, not photographic colours. */
.kpv--stand{--kpv-light:#ffe7a9;--kpv-mid:#fac756;--kpv-deep:#dd8c27;--kpv-side:#be741e}
.kpv--flat{--kpv-light:#d6efff;--kpv-mid:#81c5f2;--kpv-deep:#438ac7;--kpv-side:#316da9}
.kpv--gusset{--kpv-light:#ede0ff;--kpv-mid:#bda0ee;--kpv-deep:#8664c5;--kpv-side:#6b48a8}