.qsh{width:100%;margin:0 auto;max-width:780px;--qshot-rx: 5deg;--qshot-ry: 0deg;--qsh-accent: var(--q-cyan, #38bdf8)}.qsh--angleL{--qshot-rx: 4deg;--qshot-ry: 16deg}.qsh--angleR{--qshot-rx: 4deg;--qshot-ry: -16deg}.qsh-scene{position:relative;perspective:1500px;perspective-origin:50% 22%;padding-bottom:clamp(90px,22%,220px)}.qsh--compact .qsh-scene{padding-bottom:clamp(40px,12%,90px)}.qsh-glow{position:absolute;inset:-14% -16%;z-index:0;pointer-events:none;background:radial-gradient(42% 42% at 30% 64%,rgba(56,189,248,.13),transparent 70%),radial-gradient(46% 46% at 72% 38%,rgba(168,85,247,.12),transparent 70%)}.qsh-rig{position:relative;z-index:2;transform-style:preserve-3d;transform:rotateX(var(--qshot-rx)) rotateY(var(--qshot-ry));transition:transform .6s var(--ease-out);will-change:transform}.qsh-scene:hover .qsh-rig,.qsh-scene:focus-within .qsh-rig{transform:rotateX(calc(var(--qshot-rx) * .3)) rotateY(calc(var(--qshot-ry) * .3)) scale(1.015)}.qsh-pane{position:relative;z-index:3;display:block;cursor:zoom-in;border-radius:clamp(8px,1.2vw,14px);overflow:hidden;background:#0a0e18;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff0a,inset 0 -14px 26px #00000029,0 30px 80px -32px #000000d9}.qsh-pane img{display:block;width:100%;height:auto}.qsh-pane:focus-visible{outline:2px solid var(--qsh-accent);outline-offset:3px}.qsh-hint{position:absolute;z-index:4;top:.7rem;right:.7rem;display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .6rem;border-radius:8px;background:#080b14b8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(-3px);pointer-events:none;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.qsh-hint svg{width:12px;height:12px}.qsh-pane:hover .qsh-hint,.qsh-pane:focus-visible .qsh-hint{opacity:1;transform:none}.qsh-pane:before{content:"";position:absolute;inset:0 0 auto;height:1px;z-index:2;background:linear-gradient(90deg,transparent 3%,rgba(255,255,255,.85) 18%,var(--qsh-accent) 50%,rgba(255,255,255,.7) 82%,transparent 97%);opacity:.9}.qsh-pane:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(165deg,rgba(255,255,255,.085),rgba(255,255,255,.02) 22%,transparent 36%)}.qsh-mirror{position:absolute;top:100%;left:0;right:0;height:52%;margin-top:2px;overflow:hidden;pointer-events:none;border-radius:clamp(8px,1.2vw,14px) clamp(8px,1.2vw,14px) 0 0;opacity:.66;filter:blur(1.2px) saturate(.95) brightness(.82);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 38%,rgba(0,0,0,.16) 66%,transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 38%,rgba(0,0,0,.16) 66%,transparent 88%)}.qsh-mirror img{display:block;width:100%;height:auto;transform:scaleY(-1)}.qsh--angleL .qsh-mirror,.qsh--angleR .qsh-mirror{height:56%;opacity:.74;filter:blur(1px) saturate(1.05) brightness(.9)}.qsh--compact .qsh-mirror{height:34%;opacity:.5}.qsh-contact{position:absolute;top:100%;left:5%;right:5%;height:26px;transform:translateY(-9px);z-index:1;pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,rgba(0,0,0,.6),transparent 72%);filter:blur(6px)}.qsh-floorwrap{position:relative;z-index:1;height:0}.qsh-floor{position:absolute;top:-2px;left:50%;width:175%;height:480px;transform:translate(-50%) perspective(700px) rotateX(72deg);transform-origin:50% 0;pointer-events:none;background:radial-gradient(58% 80% at 50% 0%,rgba(56,189,248,.1),transparent 64%),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 72px),linear-gradient(180deg,rgba(14,18,30,.85),transparent 78%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.4) 40%,rgba(0,0,0,.12) 62%,transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.4) 40%,rgba(0,0,0,.12) 62%,transparent 80%)}.qsh-caption{margin-top:.7rem;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;color:var(--text-3)}.qsh-lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);background:#03040ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .45s var(--ease-out)}.qsh-lightbox.is-open{opacity:1}.qsh-lightbox-figure{position:relative;margin:0;max-width:min(1400px,96vw);max-height:92vh;transform:scale(.96);transition:transform .45s var(--ease-out)}.qsh-lightbox.is-open .qsh-lightbox-figure{transform:none}.qsh-lightbox-figure img{display:block;max-width:100%;max-height:92vh;width:auto;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 120px #000000b3}.qsh-lightbox-close{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a0e18f2;border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer}.qsh-lightbox-close svg{width:16px;height:16px}.qsh-lightbox-close:hover{border-color:var(--qsh-accent)}@media(max-width:760px){.qsh,.qsh--angleL,.qsh--angleR{--qshot-rx: 3deg;--qshot-ry: 0deg}.qsh-scene{padding-bottom:clamp(60px,18%,120px)}.qsh--compact .qsh-scene{padding-bottom:clamp(30px,10%,70px)}.qsh-mirror{height:36%}.qsh-lightbox-close{top:8px;right:8px}}@media(prefers-reduced-motion:reduce){.qsh,.qsh--angleL,.qsh--angleR{--qshot-rx: 0deg;--qshot-ry: 0deg}.qsh-rig,.qsh-lightbox,.qsh-lightbox-figure{transition:none}}