.print-chooser{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;position:relative;z-index:6}.print-chooser button{padding:9px 15px;border:1px solid #ffffff45;background:#22201e;color:#eee8de;border-radius:22px;font:inherit;font-size:12px;cursor:pointer}.print-chooser button[aria-pressed=true]{background:#ee702f;color:#171514;border-color:#ee702f}.print-chooser button:focus-visible,.legacy-print-viewport:focus-visible{outline:2px solid #ff823f;outline-offset:5px}.editorial-book-chooser{width:100%;justify-content:center}.legacy-package-chooser{grid-column:2;align-self:end;margin-bottom:-10px}.legacy-package{min-width:0;grid-column:2;grid-row:2}.legacy-print-viewport{height:460px;display:flex;align-items:center;justify-content:center;perspective:1500px;touch-action:none;cursor:grab;position:relative;user-select:none;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at 50% 80%,#69523944,transparent 68%)}.legacy-print-viewport:active{cursor:grabbing}.legacy-print-note{font-size:12px!important;color:#bdb7ae;line-height:1.8;text-align:center;margin:16px 0}.legacy-print-draft{font-size:13px;display:block;text-align:center;text-decoration:underline}.legacy-package[hidden],#packaging .work-carousel[hidden],.trifold-viewport[hidden],.trifold-designs[hidden]{display:none!important}.legacy-pouch{width:235px;height:340px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry))}.pouch-surface{position:absolute;inset:0;transform-style:preserve-3d}.pouch-strip{position:absolute;top:0;width:5.8%;height:100%;background-repeat:no-repeat;backface-visibility:hidden;border-top:7px solid #a66d3b;border-bottom:8px solid #a66d3b}.legacy-trifold .category-layout{grid-template-columns:.7fr 1.3fr}.legacy-trifold-reader{min-width:0}.legacy-trifold-reader>.print-chooser{justify-content:center}.trifold-solid{width:180px;height:395px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry))}.trifold-panel{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.trifold-panel.panel-0{right:100%;transform-origin:right center;transform:rotateY(35deg)}.trifold-panel.panel-2{left:100%;transform-origin:left center;transform:rotateY(-38deg)}.trifold-face{position:absolute;inset:0;background-size:300% 100%;background-repeat:no-repeat;backface-visibility:hidden;background-color:#fff;border:1px solid #ffffff3d;box-shadow:0 12px 22px #0002}.trifold-face.back{transform:rotateY(180deg)}.trifold-designs{display:grid;gap:18px}.trifold-designs img{width:100%;height:auto;display:block;border-radius:6px}.legacy-trifold h2 span{font-size:.32em;display:block;margin-top:18px}.legacy-trifold .category-copy>p:last-child{font-size:14px;line-height:1.9;color:#c2bbb2}.legacy-trifold{scroll-margin-top:40px}
@media(max-width:1099px){.legacy-package-chooser,.legacy-package{grid-column:auto;grid-row:auto}.legacy-trifold .category-layout{grid-template-columns:1fr}.legacy-trifold .category-copy{margin-bottom:20px}.legacy-print-viewport{height:400px}.trifold-solid{width:140px;height:310px}}
@media(max-width:600px){.print-chooser{justify-content:center}.print-chooser button{font-size:11px;padding:8px 11px}.legacy-print-viewport{height:330px}.trifold-solid{width:105px;height:233px}.legacy-pouch{width:185px;height:270px}.legacy-trifold .category-layout{gap:24px}.legacy-package-chooser{margin-bottom:10px}}

/* The pouch needs two real planes: the left half of the supplied artwork is
   the front and the right half is the back.  Keeping them independent makes
   the reverse side remain visible through a full 360 degree rotation. */
.legacy-pouch[data-double-sided=true]{filter:drop-shadow(0 26px 20px #0008);perspective:900px}
.legacy-pouch[data-double-sided=true] .pouch-face{position:absolute;inset:0;background-image:url('assets/legacy-print/pouch-design.png');background-size:200% 100%;background-repeat:no-repeat;border:8px solid #a66d3b;border-bottom-width:13px;border-radius:16px 16px 42px 42px;box-shadow:inset 26px 0 25px rgba(63,35,20,.18),inset -26px 0 25px rgba(255,224,165,.15),inset 0 -24px 28px rgba(72,39,21,.2),0 0 0 2px rgba(255,218,155,.22);backface-visibility:hidden;clip-path:polygon(4% 0,96% 0,100% 8%,97% 86%,88% 97%,12% 97%,3% 86%,0 8%)}
.legacy-pouch[data-double-sided=true] .pouch-face::after{content:'';position:absolute;inset:8% 7% 6%;border-radius:42% 42% 34% 34% / 16% 16% 18% 18%;box-shadow:inset 0 0 26px rgba(255,245,210,.27),inset 0 -18px 28px rgba(75,34,17,.16);pointer-events:none}
.legacy-pouch[data-double-sided=true] .pouch-face.front{background-position:left center;transform:translateZ(34px) scaleX(.975)}
.legacy-pouch[data-double-sided=true] .pouch-face.back{background-position:right center;transform:rotateY(180deg) translateZ(34px) scaleX(.975)}
.legacy-pouch[data-double-sided=true] .pouch-side{position:absolute;top:18px;bottom:30px;width:68px;background:repeating-linear-gradient(90deg,#784321 0 7px,#b9713b 8px 14px,#e2a264 15px 20px);box-shadow:inset 0 0 14px #3b2012aa;backface-visibility:hidden}
.legacy-pouch[data-double-sided=true] .pouch-side.left{left:-34px;transform:rotateY(-90deg) translateZ(34px)}
.legacy-pouch[data-double-sided=true] .pouch-side.right{right:-34px;transform:rotateY(90deg) translateZ(34px)}
.legacy-pouch[data-double-sided=true] .pouch-seal{position:absolute;left:-12px;right:-12px;height:24px;border-radius:11px;background:repeating-linear-gradient(0deg,#9d5a2f 0 3px,#e3a46a 4px 7px,#7b4323 8px 10px);box-shadow:0 2px 6px #0007;transform:translateZ(0)}
.legacy-pouch[data-double-sided=true] .pouch-seal.top{top:-11px}.legacy-pouch[data-double-sided=true] .pouch-seal.bottom{bottom:-11px}
.legacy-pouch[data-double-sided=true] .pouch-mouth{position:absolute;left:7px;right:7px;top:-13px;height:40px;z-index:5;background:linear-gradient(145deg,#3b2117 0 35%,#724024 36% 54%,#1c120f 55% 100%);clip-path:polygon(2% 45%,26% 0,74% 0,98% 45%,88% 100%,12% 100%);box-shadow:inset 0 7px 10px #000b,0 4px 4px #0005;transform:translateZ(35px)}
.legacy-pouch[data-double-sided=true] .pouch-handle{position:absolute;top:-92px;width:56px;height:104px;border:4px solid #672c2d;border-bottom:0;border-radius:50px 50px 0 0;box-shadow:inset 0 0 0 1px #d68765,0 2px 2px #0008;z-index:7;backface-visibility:hidden;transform:translateZ(42px) rotateZ(-8deg)}
.legacy-pouch[data-double-sided=true] .pouch-handle.left{left:42px}.legacy-pouch[data-double-sided=true] .pouch-handle.right{right:42px;transform:translateZ(42px) rotateZ(8deg)}

/* Packaging previews grow with their actual models; no hard viewport edge. */
.legacy-packaging-host .legacy-print-viewport{height:720px;max-height:none;background:transparent;overflow:visible}
.legacy-packaging-host .legacy-pouch{width:470px;height:680px}
@media(max-width:1099px){.legacy-packaging-host .legacy-print-viewport{height:590px}.legacy-packaging-host .legacy-pouch{width:360px;height:520px}}
@media(max-width:600px){.legacy-packaging-host .legacy-print-viewport{height:360px;overflow:hidden}.legacy-packaging-host .legacy-pouch{width:185px;height:270px}}

/* Larger tri-fold reader keeps a whole front or back page inside the viewport. */
.legacy-trifold .category-copy{justify-self:end;transform:translateX(clamp(24px,5vw,120px));width:min(390px,28vw)}
.legacy-trifold .legacy-print-viewport{height:min(63svh,700px)}
.legacy-trifold .trifold-solid{width:250px;height:550px}
.trifold-side-tabs{display:flex;justify-content:center;gap:9px;margin:0 0 14px}.trifold-side-tabs button{font:inherit;font-size:13px;padding:9px 17px;border:1px solid #ffffff45;border-radius:22px;background:#ffffff0a;color:#f4eee7;cursor:pointer}.trifold-side-tabs button[aria-pressed=true]{background:#ee702f;border-color:#ee702f;color:#1a1512}
.trifold-designs{height:min(63svh,700px);overflow:hidden;place-items:center}.trifold-designs a{display:none;width:100%;height:100%;place-items:center}.trifold-designs[data-side="front"] a:first-child,.trifold-designs[data-side="back"] a:nth-child(2){display:grid}.trifold-designs img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media(max-width:1099px){.legacy-trifold .category-copy{transform:none;width:auto}.legacy-trifold .trifold-solid{width:180px;height:395px}.legacy-trifold .legacy-print-viewport,.trifold-designs{height:min(56svh,530px)}}

.legacy-packaging-host{min-width:0;width:100%}.legacy-packaging-host .legacy-package-chooser{margin-bottom:18px}.legacy-packaging-host .work-carousel{width:100%}.legacy-packaging-host .legacy-package{width:100%}
.legacy-trifold .trifold-face{border:0;background-color:transparent}