.knife-showcase .knife-stage{position:absolute;inset:7% 4% auto;height:51%;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.knife-showcase .hero-knife{position:relative;inset:auto;width:100%;height:100%;top:auto;left:auto;object-fit:contain;min-height:0;min-width:0;max-height:100%;transform:none;animation:none;filter:drop-shadow(0 14px 22px #05091266)}
.knife-showcase .object-orbit,.knife-showcase .knife-scanline{display:none}
.object-controls,.glove-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;position:relative;z-index:3}
.object-controls button,.glove-controls button{border:1px solid #344b60;background:#111d29;color:#aab9c6;border-radius:999px;padding:6px 10px;font:9px/1.3 var(--mono);transition:background .18s,border-color .18s,color .18s,transform .18s}
.object-controls button:hover,.glove-controls button:hover{transform:translateY(-1px);border-color:#91cfda;color:#fff}
.object-controls button.selected,.glove-controls button.selected{background:#28313c;border-color:#e2607e;color:#f5d7dc}
.object-controls .object-motion{margin-left:auto;color:#91cfda}
.hero-object figcaption{gap:12px;align-items:center}
.glove-showcase{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 12px 14px;border:1px solid #344351;background:radial-gradient(ellipse at 50% 42%,#48324852,transparent 70%),linear-gradient(150deg,#17232e,#0e1721);border-radius:4px;overflow:hidden}
.glove-stage{height:255px;position:relative;display:grid;place-items:center;overflow:hidden;perspective:700px}
.glove-stage img{width:min(100%,340px);height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px #05091299);animation:glove-turn 7s ease-in-out infinite;transition:filter .25s}
.glove-showcase.is-changing .glove-stage img{animation:glove-arrive .55s ease-out both}
.glove-light{position:absolute;inset:12% 7%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#fff2 50%,transparent 62%);mix-blend-mode:screen;transform:translateX(-100%);animation:glove-sheen 6s ease-in-out infinite}
.glove-showcase figcaption{display:flex;justify-content:space-between;gap:8px;text-align:left;border-top:1px solid #344351;padding:12px 3px 0;font:10px/1.5 var(--mono);color:#e6e4df}
.glove-showcase figcaption small{font:9px/1.5 Inter,Arial,sans-serif;color:#91a0ad}
.glove-controls{padding-inline:2px}
.glove-controls button{font-size:8px;padding:6px 8px}
.rights-notice{margin:32px 0 0;padding:16px 18px;border:1px solid #2a3a49;border-left:2px solid #91cfda;background:#111d29;color:#aab8c4;font-size:11px;line-height:1.65}
.rights-notice span{display:block;margin-bottom:5px;color:#91cfda;font:10px/1.5 var(--mono);letter-spacing:.09em}
@keyframes glove-turn{0%,100%{transform:rotateY(-7deg) rotateZ(-1deg) translateY(0)}50%{transform:rotateY(7deg) rotateZ(1deg) translateY(-4px)}}
@keyframes glove-arrive{0%{opacity:.3;transform:rotateY(-35deg) translateY(8px) scale(.94)}100%{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}
@keyframes glove-sheen{0%,28%{transform:translateX(-110%)}68%,100%{transform:translateX(110%)}}
@keyframes scan{0%,100%{transform:translateX(-15%);opacity:.22}50%{transform:translateX(15%);opacity:.7}}
@media(max-width:900px){.knife-showcase .knife-stage{height:47%;top:9%}.glove-stage{height:220px}}
@media(max-width:600px){.object-controls button{padding:7px 9px}.object-controls .object-motion{margin-left:0}.glove-stage{height:190px}.glove-showcase{padding-inline:8px}.glove-controls{gap:4px}.glove-controls button{padding:6px 7px}}
@media(prefers-reduced-motion:reduce){.knife-showcase .hero-knife,.glove-stage img,.glove-light,.knife-scanline{animation:none!important}.knife-showcase.is-changing .hero-knife,.glove-showcase.is-changing .glove-stage img{animation:none!important}}
@media print{.object-controls,.glove-controls,.rights-notice{break-inside:avoid}.hero-knife,.glove-stage img{animation:none!important}}