/* A miniature paper preview; this exposes only six low-resolution samples. */
.tt-flipbook{position:relative;width:240px;aspect-ratio:240/340;margin:0 auto;perspective:1000px;transform:rotate(-3deg);filter:drop-shadow(10px 18px 18px rgba(32,33,31,.14));isolation:isolate}.tt-catalog-preview .tt-flipbook img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;transform:none;box-shadow:none;background:#fff}.tt-flipbook::before,.tt-flipbook::after{content:"";position:absolute;inset:0;border:1px solid #d9d9d4;background:#fff;z-index:-1;transform:translate(3px,2px)}.tt-flipbook::before{transform:translate(6px,4px)}.tt-flip-base{position:absolute;inset:0;border:1px solid #deded9!important}.tt-flip-leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #deded9}.tt-flip-leaf::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,33,31,.02),transparent 20%,rgba(32,33,31,.18));opacity:0;pointer-events:none}.is-turning .tt-flip-leaf{animation:ttCatalogTurn .9s cubic-bezier(.3,.05,.25,1) both}.is-turning .tt-flip-leaf::after{animation:ttCatalogShade .9s ease both}.is-backwards .tt-flip-leaf{transform-origin:right center;animation-name:ttCatalogBack}.tt-flip-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px}.tt-flip-controls button{min-height:48px;min-width:48px;padding:10px 14px;border:1px solid var(--border-glass);border-radius:3px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:12px}.tt-flip-controls button:hover{border-color:var(--accent);color:var(--accent)}.tt-flip-controls svg{width:18px;height:18px}.tt-catalog-preview:has(.tt-flipbook) figcaption{font-size:8px;letter-spacing:.08em;line-height:1.7;margin-top:16px}@keyframes ttCatalogTurn{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(-125deg);opacity:0}}@keyframes ttCatalogBack{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(125deg);opacity:0}}@keyframes ttCatalogShade{0%,100%{opacity:0}40%,75%{opacity:1}}@media(prefers-reduced-motion:reduce){.tt-flipbook,.tt-flip-leaf{animation:none!important;transform:none}.tt-flip-leaf::after{animation:none!important}}@media(max-width:760px){.tt-flipbook{width:220px}}