mf-packet-gallery{display:block;width:100%;color:var(--cream,#f1e6db);font-family:inherit}
mf-packet-gallery [hidden]{display:none!important}
.mfpg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;flex-wrap:wrap}
.mfpg-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mfpg-filters button,.mfpg-motion,.mfpg-spin,.mfpg-package-switch button{appearance:none;background:transparent;border:1px solid #d4aa804a;color:inherit;border-radius:3px;padding:11px 17px;font:inherit;font-size:12px;letter-spacing:.02em;cursor:pointer}
.mfpg-package-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mfpg-package-switch button[aria-pressed="true"]{border-color:#d9bb93;background:#594337;color:#f1e6db}
.mfpg-spin:disabled{opacity:.4;cursor:default}
.mfpg-filters button[aria-pressed="true"]{background:#dac5a5;color:#30171d;border-color:#dac5a5}
.mfpg-toolbar-end{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mfpg-instruction{font-size:12px;color:var(--muted,#c2a59b);margin:0}
.mfpg-status{font-size:12px;color:var(--muted,#c2a59b);margin:0 0 20px;min-height:1.5em}
.mfpg-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:42px 22px;list-style:none;padding:0;margin:0}
.mfpg-card{min-width:0;--mfpg-rx:0deg;--mfpg-ry:-5deg;--mfpg-turn:0deg;--mfpg-accent:#a57e65;--mfpg-base:#30171d;--mfpg-delay:0s;--mfpg-duration:8s}
.mfpg-scene{perspective:1100px;padding:12px 12px 18px}
.mfpg-float{animation:mfpg-float var(--mfpg-duration) ease-in-out var(--mfpg-delay) infinite;animation-play-state:paused;transform-style:preserve-3d;position:relative}
.mfpg-hover{transform:rotateX(var(--mfpg-rx)) rotateY(var(--mfpg-ry));transform-style:preserve-3d;transition:transform .35s ease}
.mfpg-turn{display:block;position:relative;width:100%;aspect-ratio:3/4;padding:0;margin:0;appearance:none;border:0;border-radius:2%;background:transparent;cursor:grab;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.mfpg-card.is-dragging .mfpg-turn{cursor:grabbing}
.mfpg-card.is-dragging .mfpg-sachet{transition:none}
.mfpg-card.is-spinning .mfpg-sachet{transition-duration:1.6s}
.mfpg-sachet{position:absolute;inset:0;display:block;transform:rotateY(var(--mfpg-turn));transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.65,.15,1)}
.mfpg-card[data-flipped="true"]{--mfpg-turn:180deg}
.mfpg-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(7px);filter:drop-shadow(0 14px 11px #0004);overflow:hidden}
.mfpg-face img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.mfpg-face--back{transform:rotateY(180deg) translateZ(7px)}
.mfpg-face:after{content:"";position:absolute;inset:2% 6%;pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 34%,#fff0 42%,#ffedc740 49%,#fff2 51%,transparent 60%);background-size:300% 100%;clip-path:polygon(0 0,100% 0,98% 12%,100% 15%,98% 18%,100% 99%,0 99%,2% 80%,0 20%);mix-blend-mode:screen;animation:mfpg-foil 13s ease-in-out var(--mfpg-delay) infinite;animation-play-state:paused}
.mfpg-edge{position:absolute;display:block;left:5.5%;top:6%;width:14px;height:87%;background:linear-gradient(90deg,#10090b,var(--mfpg-base),var(--mfpg-accent));transform:rotateY(90deg) translateZ(-7px);transform-origin:left center;opacity:.8;backface-visibility:hidden}
.mfpg-box-side{display:none}
mf-packet-gallery[data-package-type="box"] .mfpg-card{--mfpg-depth:30px;--mfpg-ry:-12deg;--mfpg-rx:3deg}
mf-packet-gallery[data-package-type="box"] .mfpg-face--front{transform:translateZ(calc(var(--mfpg-depth)/2));filter:drop-shadow(0 20px 12px #0005)}
mf-packet-gallery[data-package-type="box"] .mfpg-face--back{transform:rotateY(180deg) translateZ(calc(var(--mfpg-depth)/2))}
mf-packet-gallery[data-package-type="box"] .mfpg-edge{display:none}
mf-packet-gallery[data-package-type="box"] .mfpg-face:after{clip-path:none;inset:0}
mf-packet-gallery[data-package-type="box"] .mfpg-box-side{display:block;position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--mfpg-base)}
.mfpg-box-side img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none;user-select:none}
.mfpg-box-side--left,.mfpg-box-side--right{width:var(--mfpg-depth);height:100%;top:0}
.mfpg-box-side--left{left:calc(var(--mfpg-depth)/-2);transform:rotateY(-90deg)}
.mfpg-box-side--right{left:calc(100% - var(--mfpg-depth)/2);transform:rotateY(90deg)}
.mfpg-box-side--top,.mfpg-box-side--bottom{width:100%;height:var(--mfpg-depth);left:0}
.mfpg-box-side--top{top:calc(var(--mfpg-depth)/-2);transform:rotateX(90deg)}
.mfpg-box-side--bottom{top:calc(100% - var(--mfpg-depth)/2);transform:rotateX(-90deg)}
mf-packet-gallery[data-package-type="box"] .mfpg-foil-art,mf-packet-gallery[data-package-type="foil"] .mfpg-box-art{display:none}
mf-packet-gallery[data-package-type="foil"] .mfpg-box-side{display:none}
.mfpg-caption{padding:0 9px}
.mfpg-edition{color:var(--muted,#c2a59b);font-size:11px;letter-spacing:.025em;margin:0 0 7px}
.mfpg-caption h3{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.14;letter-spacing:-.025em;margin:0 0 10px;color:var(--cream,#f1e6db)}
.mfpg-caption h3 a{color:inherit;text-decoration:none}
.mfpg-quantity{font-size:11px;line-height:1.5;color:var(--muted,#c2a59b);margin:0 0 12px}
.mfpg-detail{font:inherit;font-size:11px;line-height:1.5;color:var(--rose,#dfb9b1);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#dfb9b165}
.mfpg-front-back{font-size:10px;line-height:1.5;color:var(--muted,#c2a59b);margin:13px 0 0;min-height:1.5em}
.mfpg-note{max-width:740px;font-size:12px;line-height:1.8;color:var(--muted,#c2a59b);margin:32px 9px 0}
.mfpg-turn:focus-visible,.mfpg-filters button:focus-visible,.mfpg-motion:focus-visible,.mfpg-spin:focus-visible,.mfpg-package-switch button:focus-visible,.mfpg-caption a:focus-visible{outline:2px solid #efc993;outline-offset:5px}
mf-packet-gallery[data-motion-active] .mfpg-card.is-visible .mfpg-float,mf-packet-gallery[data-motion-active] .mfpg-card.is-visible .mfpg-face:after{animation-play-state:running}
mf-packet-gallery:not([data-motion-active]) .mfpg-hover,mf-packet-gallery:not([data-motion-active]) .mfpg-sachet{transition:none}
mf-packet-gallery:not([data-motion-active]) .mfpg-card .mfpg-sachet{transition:none}
mf-packet-gallery:not([data-motion-active]) .mfpg-hover{transform:rotateY(-5deg)}
@keyframes mfpg-float{0%,20%,100%{transform:translateY(0) rotateZ(-.45deg)}48%,68%{transform:translateY(-7px) rotateZ(.45deg)}}
@keyframes mfpg-foil{0%,60%,100%{background-position:140% 0;opacity:0}66%{opacity:.45}77%{background-position:-40% 0;opacity:.3}82%{opacity:0}}
@media(max-width:1100px){.mfpg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 20px}.mfpg-caption h3{font-size:27px}}
@media(max-width:680px){.mfpg-toolbar{gap:17px;margin-bottom:18px}.mfpg-toolbar-end{justify-content:space-between;gap:12px;width:100%}.mfpg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 10px}.mfpg-scene{padding:8px 5px 14px}.mfpg-caption{padding:0 4px}.mfpg-caption h3{font-size:23px}.mfpg-filters button,.mfpg-motion{padding:10px 13px;font-size:11px}.mfpg-instruction{font-size:11px}.mfpg-detail{font-size:11px}.mfpg-note{margin-left:4px;margin-right:4px}}
@media(max-width:350px){.mfpg-grid{grid-template-columns:1fr}.mfpg-scene{max-width:230px;margin:auto}.mfpg-caption{text-align:center}.mfpg-caption h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.mfpg-float,.mfpg-face:after{animation:none!important}.mfpg-hover,.mfpg-sachet{transition:none!important}.mfpg-hover{transform:none!important}}
.mfpg-preview{margin:0;background:#30171d;color:#f1e6db;font-family:Arial,sans-serif;min-height:100vh}
.mfpg-preview-main{max-width:1320px;padding:60px 6%;margin:auto}
.mfpg-preview-main h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.035em;max-width:800px;margin:0 0 25px}
.mfpg-preview-intro{max-width:660px;font-size:14px;line-height:1.8;color:#cfb4aa;margin:0 0 40px}
