/* Scoped to the existing home hero; all search, navigation and product pages keep their styles. */
.hero-product-stage.hero-d661{isolation:isolate;min-width:0;overflow:visible}
.hero-d661 .d661-viewport{position:absolute;inset:0;z-index:2}
.hero-d661 .d661-poster,.hero-d661 canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.hero-d661 .d661-poster{opacity:1;transition:opacity .16s ease-out;pointer-events:none}
.hero-d661.d661-ready .d661-poster{opacity:0}
.hero-d661 canvas{opacity:0;touch-action:pan-y;cursor:grab;outline-offset:-5px}
.hero-d661.d661-ready canvas{opacity:1}
.hero-d661 canvas:active{cursor:grabbing}
.hero-d661 .hero-callout{z-index:3;pointer-events:none}
.hero-d661 .hero-callout-three{left:-9%;top:46%;bottom:auto}
.hero-d661 .hero-product-orbit{opacity:.55;pointer-events:none}
.hero-d661::before{pointer-events:none;z-index:0;bottom:12%;opacity:.65}
.hero-d661 .d661-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);margin:0;color:#64798c;font-size:11px;letter-spacing:.04em;white-space:nowrap;z-index:3;pointer-events:none;visibility:hidden}
.hero-d661.d661-ready .d661-hint{visibility:visible}
.hero-d661 .d661-reset,.hero-d661 .d661-load,.hero-d661 .d661-auto{position:absolute;right:12px;bottom:6px;z-index:4;padding:6px 8px;border:1px solid #bdcbd6;border-radius:4px;background:rgba(248,250,252,.9);color:#45617a;font:inherit;font-size:11px;cursor:pointer}
.hero-d661 .d661-auto{right:92px}
.hero-d661 .d661-reset:hover,.hero-d661 .d661-load:hover,.hero-d661 .d661-auto:hover{background:#e8eff5}
@media(max-width:1100px){.hero-d661 .hero-callout{display:none}}
@media(max-width:768px){.hero-d661 .d661-reset{right:0}.hero-d661 .d661-auto{right:80px}.hero-d661 .d661-hint{bottom:14px;left:0;transform:none}.hero-d661 .d661-viewport{inset:-10px 0 10px}}
@media(prefers-reduced-motion:reduce){.hero-d661 .d661-poster{transition:none}}
/* Also supports a host site that opts into an explicit dark theme. */
[data-theme="dark"] .hero-d661 .d661-hint,.dark .hero-d661 .d661-hint{color:#a8bccb}
[data-theme="dark"] .hero-d661 .d661-reset,.dark .hero-d661 .d661-reset{color:#d9e5ec;background:#243442;border-color:#53697a}
[data-theme="dark"] .hero-d661 .d661-auto,.dark .hero-d661 .d661-auto{color:#d9e5ec;background:#243442;border-color:#53697a}