.packet-mockup{aspect-ratio:800/1320;perspective:1000px;isolation:isolate;--packet-turn:-17deg;--packet-tilt:-5deg;--packet-lift:0px;width:100%;max-width:240px;position:relative}.packet-mockup:after{content:"";filter:blur(14px);z-index:-1;background:#0009;border-radius:50%;height:9%;position:absolute;bottom:-7%;left:2%;right:-12%;transform:rotate(-9deg)}.packet-mockup-object{transform-style:preserve-3d;transform:translateY(var(--packet-lift)) rotateZ(var(--packet-tilt)) rotateY(var(--packet-turn));filter:drop-shadow(14px 20px 15px #0004);transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.packet-mockup-face{object-fit:cover;border:1px solid color-mix(in srgb,var(--packet-accent) 50%,transparent);background:var(--packet-color);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2px;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(15px)}.packet-mockup-spine{background:linear-gradient(90deg,#08080a,var(--packet-color));border:1px solid color-mix(in srgb,var(--packet-accent) 35%,transparent);width:30px;color:var(--packet-accent);writing-mode:vertical-rl;-webkit-backface-visibility:hidden;backface-visibility:hidden;justify-content:space-between;align-items:center;padding:22px 6px;display:flex;position:absolute;top:0;bottom:0;right:-15px;transform:rotateY(90deg)}.packet-mockup-spine span{font-family:var(--sans,"DM Sans",Arial,sans-serif);letter-spacing:2px;font-size:7px}.packet-mockup-spine i{letter-spacing:.3px;white-space:nowrap;font-family:Bodoni Moda,Georgia,serif;font-size:12px}.packet-mockup-top{background:linear-gradient(0deg,#070709,var(--packet-color));border:1px solid color-mix(in srgb,var(--packet-accent) 35%,transparent);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:30px;position:absolute;top:-15px;left:0;right:0;transform:rotateX(90deg)}@media (prefers-reduced-motion:reduce){.packet-mockup-object{transition:none}}