/* Actual equipment photography, restrained light and depth; preserves APOTEC's existing palette. */
.tx-product-stage{--product-drift:0;--product-scale:1.17;--product-x:0%;--product-y:-3%;height:clamp(560px,46vw,690px);background:#0a1013;border:0;border-bottom:1px solid #314047;perspective:1500px;isolation:isolate}
.tx-product-stage:before{background:none;mask-image:none}
.tx-studio-backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 51% 32%,#8a9a9e2b 0,transparent 55%),linear-gradient(135deg,#18232a55,transparent 60%)}
.tx-studio-backdrop:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05090d,transparent 40%,#05090d66),url('/assets/images/machine-detail.webp') 50% 35%/cover;opacity:.075;filter:saturate(.25);mask-image:linear-gradient(#000,transparent 75%)}
.tx-studio-backdrop>span{position:absolute;left:50%;top:6%;transform:translateX(-50%);font:800 clamp(60px,8vw,140px)/1 var(--font-geist-sans,Arial),sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #9db5be26;white-space:nowrap}
.tx-studio-top{position:absolute;z-index:6;inset:0 0 auto;display:flex;justify-content:space-between;gap:16px;padding:22px 25px;color:#91a6b2;font:9px/1.5 var(--font-geist-mono,Consolas),monospace;letter-spacing:.12em}
.tx-studio-top>span+span{color:#b8ff3d}
.tx-studio-light{position:absolute;left:12%;right:12%;top:7%;bottom:22%;border-radius:50%;background:radial-gradient(ellipse at 42% 25%,#d6e6ed1c,transparent 64%);filter:blur(20px);transform:translateX(calc(var(--product-drift)*18px));pointer-events:none}
.tx-studio-floor{position:absolute;left:11%;right:11%;bottom:154px;height:84px;border-radius:50%;background:radial-gradient(ellipse,#000c 0,#0009 22%,#0002 48%,transparent 70%);transform:perspective(650px) rotateX(28deg);opacity:.95}
.tx-studio-floor:after{content:'';position:absolute;inset:-45px -12%;border-radius:50%;border:1px solid #9eb5bd0d;background:radial-gradient(ellipse,#8ba6aa0a,transparent 65%);transform:scaleY(.75)}
.tx-product-camera{position:absolute;z-index:2;inset:30px 5% 154px;transform:perspective(1500px) rotateY(calc(var(--pointer-x)*.36)) rotateX(calc(var(--pointer-y)*.3));transform-style:preserve-3d;transition:transform .45s ease-out;overflow:hidden;isolation:isolate}
.tx-product-object{position:absolute;inset:0;transform:translate(var(--product-x),var(--product-y)) scale(calc(var(--product-scale) + var(--product-drift)*.045));transform-origin:50% 52%;transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .65s,filter .65s;filter:drop-shadow(-9px 9px 0 #060b0e22) drop-shadow(10px 20px 15px #0009);will-change:auto}
.tx-product-image{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.78) contrast(1.04) brightness(.94);transition:filter .7s}
.tx-product-sheen{position:absolute;inset:0;pointer-events:none;mask:url('/assets/images/machine-core.webp') center/contain no-repeat;background:linear-gradient(110deg,transparent 20%,#edfaff06 38%,#e7faff3b 47%,transparent 58%);background-size:260% 100%;mix-blend-mode:screen;animation:tx-metal-light 7s ease-in-out infinite;animation-play-state:paused;opacity:.75}
.tx-inview:not(.tx-paused) .tx-product-sheen{animation-play-state:running}
.tx-drive-photo{position:absolute;inset:8% 0 3%;overflow:hidden;opacity:0;transform:translateY(16px) scale(1.045);transition:opacity .7s,transform 1.3s cubic-bezier(.2,.7,.2,1);pointer-events:none;mask-image:linear-gradient(transparent,#000 7%,#000 88%,transparent)}
.tx-drive-photo img{width:100%;height:100%;object-fit:cover;object-position:61% 45%;filter:saturate(.6) contrast(1.07) brightness(.78);transform:scale(calc(1.025 + var(--product-drift)*.04));transition:transform .8s}
.tx-drive-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101544,transparent 25%,transparent 75%,#07101555),linear-gradient(transparent 70%,#071015aa);box-shadow:inset 0 0 50px #040a0f66;pointer-events:none}
.tx-product-stage[data-product-view="1"] .tx-drive-photo{opacity:1;transform:translateY(0) scale(1)}
.tx-product-stage[data-product-view="1"] .tx-product-object{opacity:0;transform:translateY(-15px) scale(1.08)}
.tx-product-stage[data-product-view="1"] .tx-studio-floor{opacity:.25}
.tx-product-stage[data-product-view="2"]{--product-scale:3.15;--product-x:calc(var(--product-image-h,420px)*-.83);--product-y:-3%}
.tx-product-stage[data-product-view="2"] .tx-product-image{filter:saturate(.7) contrast(1.06) brightness(.94)}
.tx-product-stage[data-product-view="2"] .tx-product-camera{mask-image:linear-gradient(transparent,#000 6%,#000 88%,transparent)}
.tx-product-stage[data-product-view="2"] .tx-studio-floor{opacity:.3}
.tx-product-caption{position:absolute;z-index:4;left:24px;top:53px;pointer-events:none;max-width:200px;padding:10px 12px 10px 0;background:linear-gradient(90deg,#09111688,transparent)}
.tx-product-caption>span{display:block;font:9px/1.5 var(--font-geist-mono,Consolas),monospace;letter-spacing:.12em;color:#b8ff3d}
.tx-product-caption>strong{display:block;font-size:12px;line-height:1.65;max-width:150px;margin-top:8px;font-weight:500;color:#b3c5ce;word-break:keep-all}
.tx-product-views{position:absolute;z-index:5;left:24px;right:24px;bottom:109px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.tx-product-views button{display:flex;gap:9px;align-items:center;min-width:0;text-align:left;cursor:pointer;color:#99adb8;background:#0d171ce6;border:1px solid #61798233;padding:8px 9px;font:inherit;transition:border-color .25s,background .25s,color .25s}
.tx-product-views button:hover{border-color:#a8c1c880;color:#f0f5f7}
.tx-product-views [aria-pressed=true]{border-color:#b8ff3d99;background:#18221ded;color:#e5f4da}
.tx-product-thumb{display:block;flex:0 0 34px;width:34px;height:38px;overflow:hidden;background:#111b1f}
.tx-product-thumb img{width:100%;height:100%;object-fit:contain;filter:saturate(.55)}
.tx-product-views button:nth-child(2) .tx-product-thumb img{object-fit:cover;object-position:65% 45%}
.tx-product-views button:nth-child(3) .tx-product-thumb img{transform:scale(2.4) translate(-23%,0)}
.tx-product-views b{display:block;font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap}
.tx-product-views small{display:block;font:8px/1.5 var(--font-geist-mono,Consolas),monospace;letter-spacing:.05em;color:#7c929e;margin-bottom:4px}
.tx-product-views [aria-pressed=true] small{color:#b8ff3d}
.tx-product-views button:focus-visible{outline:2px solid #b8ff3d;outline-offset:3px}
.tx-product-stage .tx-stage-bottom{z-index:5;left:25px;right:25px;bottom:56px;padding:0;align-items:end}
.tx-product-stage .tx-stage-bottom strong{font-size:13px;line-height:1.65;letter-spacing:-.02em}
.tx-product-stage .tx-stage-bottom span:not(.tx-scroll-hint){font-size:8px;letter-spacing:.07em}
.tx-product-stage .tx-simulation-note{z-index:5;font-size:9px;line-height:1.7;padding:10px 24px;background:transparent;border-top:1px solid #536e7726;color:#8096a2}
.tx-product-stage .tx-scroll-hint{font-size:7px;color:#6f8692}
@keyframes tx-metal-light{0%,15%{background-position:120% 50%;opacity:0}28%{opacity:.65}58%{opacity:.5}75%,100%{background-position:-100% 50%;opacity:0}}
@media(min-width:861px) and (max-width:1150px){.tx-product-stage{height:570px}.tx-product-caption{max-width:130px;left:15px}.tx-product-caption>strong{font-size:10px;max-width:100px}.tx-product-camera{inset:35px 0 155px}.tx-product-views{left:14px;right:14px;gap:5px}.tx-product-views button{padding:8px 5px;gap:5px}.tx-product-thumb{flex-basis:26px;width:26px;height:31px}.tx-product-views small{display:none}.tx-product-views b{font-size:10px}.tx-studio-top{padding-inline:15px;font-size:7px}.tx-product-stage .tx-scroll-hint{display:none}.tx-product-stage .tx-stage-bottom{left:15px;right:15px}.tx-product-stage .tx-stage-bottom strong{font-size:11px}.tx-product-stage .tx-simulation-note{padding-inline:15px;font-size:8px}}
@media(max-height:750px) and (min-width:861px){.tx-product-stage{height:510px}.tx-product-caption>strong{max-width:115px}.tx-product-camera{inset:28px 0 145px}.tx-product-views{bottom:100px}.tx-product-stage .tx-stage-bottom{bottom:48px}.tx-product-stage .tx-simulation-note{font-size:8px}.tx-studio-floor{bottom:148px}}
@media(max-width:860px){.tx-product-stage{height:650px;max-width:700px;width:100%;margin-inline:auto}.tx-product-camera{inset:25px 5% 150px}.tx-product-caption{top:60px}.tx-product-views{bottom:105px}.tx-product-stage .tx-stage-bottom{bottom:53px}.tx-studio-floor{bottom:153px}}
@media(max-width:600px){.tx-product-stage{height:540px}.tx-studio-top{padding:18px 15px;font-size:7px}.tx-studio-top>span+span{display:none}.tx-studio-backdrop>span{top:10%;font-size:72px}.tx-product-caption{left:15px;top:43px;max-width:120px}.tx-product-caption>span{font-size:7px}.tx-product-caption>strong{font-size:10px;max-width:92px;margin-top:5px}.tx-product-camera{inset:35px 0 153px}.tx-product-views{left:12px;right:12px;bottom:100px;gap:5px}.tx-product-views button{padding:9px 5px;gap:5px}.tx-product-thumb{flex-basis:25px;width:25px;height:30px}.tx-product-views small{display:none}.tx-product-views b{font-size:10px}.tx-product-stage .tx-stage-bottom{left:15px;right:15px;bottom:48px}.tx-product-stage .tx-stage-bottom strong{font-size:11px}.tx-product-stage .tx-stage-bottom span:not(.tx-scroll-hint){font-size:7px}.tx-product-stage .tx-simulation-note{padding:9px 14px;font-size:8px;line-height:1.65}.tx-studio-floor{bottom:147px;height:64px;left:4%;right:4%}.tx-drive-photo{inset:5% 0 0}}
@media(prefers-reduced-motion:reduce){.tx-product-stage *{animation:none!important;transition:none!important}.tx-product-camera{transform:none}.tx-product-object{transform:translate(var(--product-x),var(--product-y)) scale(var(--product-scale))}.tx-studio-light,.tx-drive-photo img{transform:none}.tx-product-sheen{display:none}}

/* On compact screens, the view buttons already identify each photo. Keep the photograph unobstructed. */
@media(max-width:1150px){.tx-product-caption{display:none}}