/* An uninterrupted spatial study. Explanatory copy lives beside it. */
.ix-scene{position:relative;height:490px;isolation:isolate;overflow:hidden;background:#163d34;color:#dbe8d2;border:1px solid #284d3e}
.ix-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);touch-action:pan-y}
.ix-scene.ix-ready .ix-canvas{opacity:1}
.ix-fallback{position:absolute;width:85%;height:85%;inset:7.5%;object-fit:contain;transition:opacity .6s cubic-bezier(.16,1,.3,1)}
.ix-scene.ix-ready .ix-fallback{opacity:0}
.ix-controls{position:absolute;right:15px;bottom:15px;display:flex;gap:4px;z-index:2}
.ix-controls[hidden]{display:none}
.ix-controls button{border:1px solid transparent;color:#c4d6bc;background:transparent;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;cursor:pointer;transition:background .18s,border-color .18s}
.ix-controls button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.ix-controls button:focus-visible{outline:2px solid #e5eedf;outline-offset:2px}
.ix-play-shape{display:none}
.ix-pause[aria-pressed="true"] .ix-play-shape{display:block}
.ix-pause[aria-pressed="true"] .ix-pause-shape{display:none}
@media(hover:hover){.ix-controls button:hover{background:#285546;border-color:#527c61}}
@media(max-width:1040px){.ix-scene{height:458px}}
@media(max-width:820px){.ix-scene{height:490px}}
@media(max-width:580px){.ix-scene{height:370px}.ix-controls{bottom:10px;right:10px}}
@media(prefers-reduced-motion:reduce){.ix-canvas,.ix-fallback,.ix-controls button{transition:none}.ix-controls{display:none}}