.javelin-mockup{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;background:#d9d5cd;color:#151515;isolation:isolate;--jm-ratio:.8}.javelin-mockup *{box-sizing:border-box}.javelin-mockup.is-compact{min-height:220px}.jm-stage{position:absolute;inset:0;overflow:hidden;display:grid;place-items:center}.jm-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--jm-x,50%) var(--jm-y,50%);transform:scale(var(--jm-zoom,1));filter:var(--javelin-image-filter,var(--javelin-site-image-filter,var(--javelin-global-image-filter,saturate(1))));transform-origin:var(--jm-x,50%) var(--jm-y,50%)}.jm-aperture{position:relative;width:100%;aspect-ratio:var(--jm-ratio);overflow:hidden;background:#222}.jm-scene-label{position:absolute;left:16px;bottom:13px;z-index:10;padding:6px 8px;background:rgba(8,9,10,.72);color:#fff;text-transform:uppercase;letter-spacing:.15em;font:600 8px/1 Arial,sans-serif;backdrop-filter:blur(8px)}
/* Loose prints */.jm-stage-table{background:linear-gradient(145deg,#e7e2d9,#c8c2b8)}.jm-stage-table:before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.9),transparent 42%),repeating-linear-gradient(24deg,rgba(45,36,25,.03) 0 1px,transparent 1px 8px);transform:rotate(-3deg)}.jm-paper-stack{position:relative;width:min(58%,290px);aspect-ratio:var(--jm-ratio);padding:8px;background:#f8f6f1;box-shadow:0 28px 45px rgba(32,25,18,.28);transform:rotate(-2deg)}.jm-paper-stack:before,.jm-paper-stack:after{content:'';position:absolute;inset:0;background:#f1eee7;z-index:-1;box-shadow:0 8px 20px rgba(0,0,0,.12)}.jm-paper-stack:before{transform:translate(10px,9px) rotate(2deg)}.jm-paper-stack:after{transform:translate(-8px,12px) rotate(-1deg)}.jm-paper-stack .jm-aperture{height:100%;aspect-ratio:auto}.jm-paper-edge{position:absolute;inset:auto 8px 3px;height:4px;background:linear-gradient(90deg,#d2cec6,#fff,#cbc6bd)}.jm-fine-art .jm-paper-stack{padding:15px;background:#f4f0e6}.jm-poster .jm-paper-stack{padding:4px}
/* Lifestyle framed scene */.jm-stage-room{background:#d8d4cc;place-items:stretch}.jm-room-wall{position:absolute;inset:0 0 28%;background:linear-gradient(115deg,#e6e2da,#cbc7bf)}.jm-room-wall:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,rgba(0,0,0,.06))}.jm-room-light{position:absolute;width:65%;height:120%;left:-15%;top:-45%;background:radial-gradient(ellipse,rgba(255,255,255,.78),transparent 67%);transform:rotate(20deg)}.jm-room-floor{position:absolute;left:0;right:0;bottom:0;height:28%;background:repeating-linear-gradient(100deg,#b79d7f 0 12px,#b2997c 12px 13px);box-shadow:inset 0 18px 25px rgba(0,0,0,.12)}.jm-console{position:absolute;left:11%;right:11%;bottom:17%;height:18%;background:#806b55;box-shadow:0 15px 22px rgba(0,0,0,.25)}.jm-console:before,.jm-console:after{content:'';position:absolute;width:4px;height:70%;bottom:-70%;background:#3c342b}.jm-console:before{left:8%}.jm-console:after{right:8%}.jm-console span{position:absolute;width:18%;height:58%;left:12%;top:-58%;background:#373d38;border-radius:50% 50% 8px 8px}.jm-console i{position:absolute;width:11%;height:48%;right:13%;top:-48%;background:#c7b7a1;border-radius:50% 50% 4px 4px}.jm-console b{position:absolute;width:30%;height:10%;right:35%;top:-10%;background:#3a322a}.jm-frame{position:absolute;left:50%;top:43%;width:min(38%,260px);aspect-ratio:var(--jm-ratio);padding:9px;transform:translate(-50%,-50%);box-shadow:0 22px 36px rgba(0,0,0,.38);background:#131313}.jm-frame .jm-mat{width:100%;height:100%;padding:10%;background:#f5f3ed}.jm-frame .jm-aperture{height:100%;aspect-ratio:auto}.jm-frame-white{background:#faf9f5}.jm-frame-wood{background:repeating-linear-gradient(82deg,#5a3d2d 0 5px,#806049 5px 9px,#4d3428 9px 12px)}.jm-frame-metal{background:linear-gradient(90deg,#222,#a6a6a6,#333);padding:5px}.jm-mat-black .jm-mat{background:#1a1a1a}.jm-mat-cream .jm-mat{background:#e8dfcb}.jm-mat-none .jm-mat{padding:0}.jm-glass{position:absolute;inset:9px;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 34% 68%,rgba(255,255,255,.1));pointer-events:none}
/* Canvas */.jm-stage-gallery-wall{background:linear-gradient(135deg,#e4e0d8,#cfc9bf)}.jm-stage-gallery-wall:before{content:'';position:absolute;left:10%;right:10%;bottom:10%;height:2px;background:rgba(0,0,0,.12);box-shadow:0 8px 18px rgba(0,0,0,.15)}.jm-canvas{position:relative;width:min(52%,310px);aspect-ratio:var(--jm-ratio);transform:perspective(900px) rotateY(-10deg);box-shadow:25px 28px 34px rgba(0,0,0,.25)}.jm-canvas .jm-aperture{height:100%;aspect-ratio:auto}.jm-canvas-side{position:absolute;left:100%;top:4px;bottom:-4px;width:16px;background:linear-gradient(#8e8b86,#444);transform-origin:left;transform:skewY(28deg)}.jm-canvas-bottom{position:absolute;left:7px;right:-12px;top:100%;height:10px;background:#3d3d3d;transform:skewX(55deg);transform-origin:left top}
/* Metal */.jm-stage-metal{background:radial-gradient(circle at 50% 18%,#f0f2f2,#a7adaf)}.jm-metal-panel{position:relative;width:min(55%,330px);aspect-ratio:var(--jm-ratio);padding:4px;background:linear-gradient(135deg,#e8ebec,#5f6669);box-shadow:0 35px 45px rgba(0,0,0,.32);transform:perspective(800px) rotateY(7deg)}.jm-metal-panel .jm-aperture{height:100%;aspect-ratio:auto}.jm-metal-sheen{position:absolute;inset:4px;background:linear-gradient(118deg,transparent 10%,rgba(255,255,255,.36) 34%,transparent 54%);mix-blend-mode:screen}.jm-metal-shadow{position:absolute;width:40%;height:5%;bottom:17%;background:rgba(0,0,0,.25);filter:blur(10px);border-radius:50%}
/* Wood */.jm-stage-wood{background:linear-gradient(#d8cfbf,#bcae97)}.jm-wood-panel{position:relative;width:min(55%,330px);aspect-ratio:var(--jm-ratio);padding:9px;background:#6f4c34;box-shadow:0 30px 42px rgba(0,0,0,.31);transform:rotate(1deg)}.jm-wood-panel .jm-aperture{height:100%;aspect-ratio:auto;mix-blend-mode:multiply;opacity:.88}.jm-wood-grain{position:absolute;inset:0;background:repeating-linear-gradient(84deg,rgba(255,255,255,.03) 0 2px,rgba(0,0,0,.09) 2px 4px,transparent 4px 12px);mix-blend-mode:overlay}
/* Albums and cards */.jm-stage-book{background:linear-gradient(145deg,#d8d2c8,#aaa39a)}.jm-book{position:relative;width:min(48%,280px);aspect-ratio:1;transform:perspective(900px) rotateX(55deg) rotateZ(-18deg);filter:drop-shadow(28px 35px 22px rgba(0,0,0,.35))}.jm-book-cover{position:absolute;inset:0;padding:13%;background:#262626;border-radius:5px;overflow:hidden}.jm-book-cover .jm-aperture{height:100%;aspect-ratio:auto;opacity:.82}.jm-book-title{position:absolute;left:0;right:0;bottom:8%;text-align:center;color:#fff;letter-spacing:.3em;font:600 8px Arial,sans-serif;text-shadow:0 1px 3px #000}.jm-book-spine{position:absolute;right:100%;top:3%;bottom:3%;width:16px;background:#151515;transform-origin:right;transform:skewY(-25deg)}.jm-book-pages{position:absolute;left:3%;right:-5%;top:100%;height:16px;background:repeating-linear-gradient(#f2eee4 0 1px,#c8c2b7 1px 2px);transform:skewX(-45deg);transform-origin:top}.jm-photo-book .jm-book-cover{background:#f1ede3}.jm-photo-book .jm-book-title{color:#202020;text-shadow:none}.jm-stage-card{background:linear-gradient(150deg,#e4dfd5,#bfb6a9)}.jm-card-front,.jm-card-back{position:absolute;width:min(46%,265px);aspect-ratio:var(--jm-ratio);padding:8px;background:#fff;box-shadow:0 25px 40px rgba(0,0,0,.27)}.jm-card-back{transform:translate(24px,16px) rotate(7deg);background:#d6d0c5}.jm-card-front{transform:translate(-16px,-4px) rotate(-4deg)}.jm-card-front .jm-aperture{height:100%;aspect-ratio:auto}.jm-card-copy{position:absolute;left:14px;right:14px;bottom:15px;padding:8px;background:rgba(255,255,255,.9);font:italic 13px Georgia,serif;text-align:center;color:#222}
/* Sets */.jm-stage-triptych{background:linear-gradient(120deg,#dfdbd2,#bfb8ad)}.jm-triptych-wall{position:absolute;inset:0;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.8),transparent 42%)}.jm-triptych{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(68%,420px);height:58%}.jm-triptych>div{padding:5px;background:#111;box-shadow:0 18px 25px rgba(0,0,0,.27)}.jm-triptych .jm-aperture{height:100%;aspect-ratio:auto}.jm-stage-gift{background:linear-gradient(145deg,#e1d9cc,#b8aa96)}.jm-gift-print{position:absolute;width:min(37%,220px);aspect-ratio:.8;padding:8px;background:#f7f3eb;box-shadow:0 24px 38px rgba(0,0,0,.3)}.jm-gift-print .jm-aperture{height:100%;aspect-ratio:auto}.jm-gift-print.one{transform:translate(-25%,-4%) rotate(-8deg)}.jm-gift-print.two{transform:translate(28%,7%) rotate(7deg)}
@media(max-width:600px){.javelin-mockup{min-height:220px}.jm-frame{width:min(48%,230px)}.jm-console{left:6%;right:6%}.jm-paper-stack,.jm-canvas,.jm-metal-panel,.jm-wood-panel{width:min(64%,280px)}.jm-triptych{width:78%;height:55%}}
@media(prefers-reduced-motion:reduce){.javelin-mockup *{transition:none!important;animation:none!important}}