.art-frame{perspective:1300px;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:visible;container-type:size}.art-frame.is-held{cursor:grabbing}.art-frame:hover .art-frame__floater,.art-frame:hover .art-frame__shadow,.art-frame.is-held .art-frame__floater,.art-frame.is-held .art-frame__shadow{animation-play-state:paused}.art-frame__floater{will-change:transform;cursor:grab;flex-direction:column;align-items:center;animation:6s ease-in-out infinite art-frame-float;display:inline-flex;position:relative}@keyframes art-frame-float{0%{transform:translateY(-1.8cqmin)}50%{transform:translateY(1.8cqmin)}to{transform:translateY(-1.8cqmin)}}.art-frame__frame{--molding:3cqmin;box-sizing:border-box;max-width:78cqmin;max-height:74cqh;padding:var(--molding);background:linear-gradient(135deg,#2a2620 0%,#141210 45%,#0c0b09 100%);border-radius:2px;box-shadow:inset 0 0 0 .4cqmin #0009,inset .4cqmin .4cqmin .6cqmin #ffffff14,inset -.5cqmin -.5cqmin .8cqmin #000000b3,0 1.4cqmin 2cqmin #00000059}.art-frame__mat{background:linear-gradient(#f7f5ef 0%,#ebe8df 100%);padding:3.4cqmin;box-shadow:inset 0 0 1.4cqmin #0000002e}.art-frame__art{cursor:zoom-in;touch-action:none;line-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059}.art-frame__art.is-zooming{cursor:grabbing}.art-frame__art-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:60cqmin;height:auto;max-height:60cqh;display:block}.art-frame__zoom{z-index:4;background:var(--reading-bg,#f5f3ef);opacity:0;pointer-events:none;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0;overflow:hidden}.art-frame__zoom.is-active{opacity:1}.art-frame__zoom-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transform:scale(2.2)}.art-frame__glass{pointer-events:none;background:linear-gradient(125deg,#ffffff1a 0%,#ffffff05 22%,#fff0 40%);position:absolute;inset:0}.art-frame__shadow{filter:blur(2.4cqmin);transform-origin:50%;background:radial-gradient(#0000008c 0%,#0000004d 42%,#0000 72%);border-radius:50%;width:54cqmin;height:9cqmin;margin-top:5cqmin;animation:6s ease-in-out infinite art-frame-shadow}@keyframes art-frame-shadow{0%{opacity:.45;transform:translateY(1.8cqmin)scaleX(.9)}50%{opacity:.85;transform:translateY(-1.8cqmin)scaleX(1.08)}to{opacity:.45;transform:translateY(1.8cqmin)scaleX(.9)}}.art-frame__ribbon{z-index:3;color:#fff;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;background:#e74c3c;padding:6px 12cqmin;font-size:.7rem;position:absolute;top:3cqmin;right:-9cqmin;transform:rotate(45deg);box-shadow:0 4px 12px #00000073}@media (prefers-reduced-motion:reduce){.art-frame__floater,.art-frame__shadow{animation:none}}