/* Responsive product photography. No animation or runtime image libraries. */
.pos-studio .studio-hero{grid-template-columns:.92fr 1.08fr;gap:48px}
.pos-studio .studio-hero-image{min-width:0;padding:0}
.product-image-button{display:block;position:relative;width:100%;padding:0;border:1px solid #7aada633;border-radius:12px;overflow:hidden;background:#0d201d;color:#ecf5ef;cursor:zoom-in;text-align:left;isolation:isolate}
.pos-studio .product-image-button img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:0;background:#102522}
.product-zoom-hint{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;bottom:14px;right:14px;min-height:38px;padding:8px 12px;border:1px solid #aaccc044;border-radius:5px;background:#0b211cf2;color:#e2eee7;font-size:10px;line-height:1.5;pointer-events:none}
.product-zoom-hint .ui-icon{width:15px;height:15px;transform:rotate(-35deg)}
.product-image-button:hover,.product-image-button:focus-visible{border-color:#74b8b2}
.pos-studio .studio-hero-image figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;font-size:9px;line-height:1.8;padding-top:14px;letter-spacing:.035em}
.pos-studio .spin-showcase{grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center}
.pos-studio .spin-story h3{font-size:34px;line-height:1.15}
.pos-studio .spin-story>p{font-size:13px}
.pos-studio .screen-tabs{grid-template-columns:1fr;margin:25px 0;gap:9px}
.pos-studio .screen-tabs button{min-height:54px;font-size:12px;padding:13px 15px}
.pos-studio .screen-tabs button>span:last-child{font-size:10px;opacity:.7}
.pos-studio .screen-description{min-height:120px}
.pos-studio .spin-device-stage{padding:0;display:block;min-width:0;background:none}
.pos-studio .device-label{width:100%;margin-bottom:17px;gap:20px;line-height:1.6}
.pos-studio .spin-device-stage figcaption{font-size:10px;line-height:1.8;margin:17px 0 0;max-width:none;text-align:left;color:#9ebcbe}
.pos-studio .screen-lightbox{width:min(1180px,96vw);max-width:96vw;max-height:94dvh;padding:16px;background:#0c1b18;border-color:#658d7d;border-radius:12px;overflow:auto}
.preview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.preview-dialog-header>span{font-size:10px;letter-spacing:.1em;color:#acbfb4}
.preview-dialog-header button{min-height:44px;border:1px solid #789d884d;border-radius:4px;padding:9px 16px;background:#243c2e;color:#ebf3ea;font:500 12px var(--sans);cursor:pointer}
.preview-dialog-media{overflow:auto;border-radius:7px;background:#0b201c}
.pos-studio .screen-lightbox img{width:100%;max-width:100%;height:auto;max-height:calc(94dvh - 140px);aspect-ratio:4/3;object-fit:contain}
.pos-studio .screen-lightbox p{font-size:11px;line-height:1.7;margin:12px 0 0;color:#b6cbbb}
@media(max-width:1100px){.pos-studio .studio-hero{gap:30px}.pos-studio .spin-showcase{grid-template-columns:.8fr 1.2fr;gap:30px}}
@media(max-width:800px){.pos-studio .studio-hero,.pos-studio .spin-showcase{grid-template-columns:1fr;gap:32px}.pos-studio .studio-hero-image{max-width:none}.pos-studio .spin-story h3{font-size:34px}.pos-studio .screen-tabs{grid-template-columns:1fr 1fr;max-width:none}.pos-studio .screen-description{min-height:0}.pos-studio .spin-story .studio-fine{font-size:10px}.pos-studio .spin-device-stage figcaption{font-size:9px}.product-zoom-hint{font-size:9px;min-height:32px;bottom:10px;right:10px;padding:7px 10px}.preview-dialog-header>span{font-size:8px}.pos-studio .screen-lightbox{padding:12px}.pos-studio .screen-lightbox img{min-width:680px;max-width:none;max-height:none;width:680px}.pos-studio .screen-lightbox p::after{content:" Swipe across the image to see every detail."}.pos-studio .screen-lightbox p{font-size:10px}}
@media(max-width:380px){.pos-studio .screen-tabs{grid-template-columns:1fr}.pos-studio .studio-hero-image figcaption{font-size:8px}.pos-studio .device-label{font-size:8px}}