.cat-flip-wrapper[data-v-2bc02c8d],.cat-tile[data-v-2bc02c8d]{height:100%;position:relative}.cat-tile[data-v-2bc02c8d]{color:inherit;display:flex;flex-direction:column;padding:26px 26px 22px;text-decoration:none;transition:border-color var(--duration-base),transform var(--duration-base)}.cat-tile[data-v-2bc02c8d]:hover{transform:translateY(-3px)}.cat-art[data-v-2bc02c8d]{align-items:flex-end;display:flex;height:120px;justify-content:center;margin:10px 0 22px;position:relative}.cat-mini[data-v-2bc02c8d]{height:110px;position:relative;transition:transform .4s var(--ease-card)}.cat-mini--0[data-v-2bc02c8d]{transform:rotate(-14deg) translate(18px,8px);z-index:0}.cat-mini--1[data-v-2bc02c8d]{box-shadow:var(--shadow-card-hover);height:120px;z-index:1}.cat-mini--2[data-v-2bc02c8d]{transform:rotate(14deg) translate(-18px,8px);z-index:0}.cat-tile:hover .cat-mini--0[data-v-2bc02c8d]{transform:rotate(-18deg) translate(10px,6px)}.cat-tile:hover .cat-mini--2[data-v-2bc02c8d]{transform:rotate(18deg) translate(-10px,6px)}.cat-art--matrix[data-v-2bc02c8d]{align-items:center}.matrix-diagram[data-v-2bc02c8d]{animation:matrix-rotate-2bc02c8d 40s linear infinite;color:var(--accent-primary);height:120px;width:120px}.matrix-diagram svg[data-v-2bc02c8d]{height:100%;width:100%}@keyframes matrix-rotate-2bc02c8d{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cat-body[data-v-2bc02c8d]{display:flex;flex:1;flex-direction:column}.cat-body h3[data-v-2bc02c8d]{font-family:var(--font-serif);font-size:30px;font-style:normal;font-weight:400;line-height:1.1;margin:0 0 6px;text-align:center;text-wrap:balance}.cat-meta[data-v-2bc02c8d]{color:var(--text-muted);font-family:var(--font-display);font-size:12px;letter-spacing:.14em;line-height:1;margin-bottom:20px;text-align:center;text-transform:uppercase}.cat-foot[data-v-2bc02c8d]{align-items:center;border-top:1px solid var(--border-soft);display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.cat-price[data-v-2bc02c8d]{align-items:baseline;display:flex;gap:8px}@media(max-width:600px){.cat-tile[data-v-2bc02c8d]{padding:22px 18px 18px}.cat-body h3[data-v-2bc02c8d]{font-size:26px}}.spread-modal{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e0304e0;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:1000}.spread-modal__inner{background:var(--bg-elevated);border:1px solid var(--accent-primary);border-radius:0;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:720px;outline:1px solid rgba(212,175,110,.4);outline-offset:-6px;overflow-y:auto;position:relative;width:100%}.spread-modal__close{background:var(--bg-deep);border:1px solid var(--accent-primary);border-radius:999px;color:var(--accent-primary);cursor:pointer;display:grid;font-size:26px;height:40px;line-height:1;place-items:center;position:absolute;right:16px;top:16px;transition:all var(--duration-fast);width:40px;z-index:2}.spread-modal__close:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(90deg)}.spread-modal__head{align-items:flex-start;display:flex;flex-direction:column;gap:10px;padding:40px 32px 16px}.spread-modal__type{color:var(--accent-primary);font-family:var(--font-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.spread-modal__type:before{content:"✦ "}.spread-modal__type:after{content:" ✦"}.spread-modal__title{font-family:var(--font-serif);font-size:40px;font-style:normal;font-weight:400;line-height:1.05;margin:0}.spread-modal__meta{color:var(--text-muted);display:flex;font-family:var(--font-display);font-size:12px;gap:8px;letter-spacing:.14em;text-transform:uppercase}.spread-modal__hero{align-items:center;border-bottom:1px solid var(--border-soft);border-top:1px solid var(--border-soft);display:flex;height:240px;justify-content:center;overflow:hidden;position:relative}.spread-modal__hero,.spread-modal__hero.is-matrix{background:var(--hero-glow)}.modal-mini{background:var(--bg-deep);border:3px solid var(--text-primary);border-radius:0;box-shadow:0 14px 26px #0009;height:188px;overflow:hidden;position:absolute;width:110px;--angle:calc((var(--i) - (var(--n) - 1)/2)*14deg);--shift:calc((var(--i) - (var(--n) - 1)/2)*48px);transform:translate(var(--shift)) rotate(var(--angle));transform-origin:50% 120%}.modal-mini:first-child{z-index:1}.modal-mini:nth-child(2){z-index:3}.modal-mini:nth-child(3){z-index:1}.modal-mini img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.modal-matrix{animation:modal-matrix-rotate 40s linear infinite;color:var(--accent-primary);height:180px;width:180px}.modal-matrix svg{height:100%;width:100%}@keyframes modal-matrix-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.spread-modal__body{padding:24px 32px}.spread-modal__desc{color:var(--text-secondary);font-size:17px;font-weight:300;line-height:1.55;margin:0;white-space:pre-line}.spread-modal__foot{align-items:center;border-top:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 32px 32px}.spread-modal__price{align-items:baseline;display:flex;flex-direction:column;flex-direction:row;gap:2px;gap:8px}.spread-modal__price-tok{color:var(--accent-secondary);font-family:var(--font-serif);font-size:30px;line-height:1}.spread-modal__price-rub{color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:300}.spread-modal__actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:600px){.spread-modal{padding:12px}.spread-modal__head{padding:32px 20px 12px}.spread-modal__title{font-size:28px}.spread-modal__hero{height:200px}.modal-mini{height:154px;width:90px}.spread-modal__body{padding:20px}.spread-modal__foot{align-items:stretch;flex-direction:column;padding:16px 20px 24px}.spread-modal__actions{width:100%}.spread-modal__actions .btn{flex:1;justify-content:center}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .28s ease}.modal-fade-enter-active .spread-modal__inner,.modal-fade-leave-active .spread-modal__inner{transition:transform .32s var(--ease-mystic),opacity .28s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .spread-modal__inner{opacity:0;transform:scale(.96)}.modal-fade-leave-to .spread-modal__inner{opacity:0;transform:scale(.95)}
