/* story3d/hero/industries.css — the /industries/ hero loop (2026-10-20). Namespaced .ind; nothing here reaches
   the stories or the other loops. The box keeps the old still's 23:19 aspect (the .art container sets it).
   No words in the picture: the six industries are in its accessible name and on the cards below. */
.ind{position:absolute;inset:0;}
.ind-view{position:absolute;inset:0;}
.ind-still,.ind-gl{position:absolute;inset:0;width:100%;height:100%;display:block;}
.ind-still{object-fit:contain;}
.ind-gl{opacity:0;}
.ind.is-3d .ind-gl{opacity:1;}
.ind.is-3d .ind-still{visibility:hidden;}
/* pause / play: the stories' motion button (44x44, white, navy icon) */
.ind-pause{position:absolute;right:0;bottom:0;z-index:2;display:grid;place-items:center;
  width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;
  background:#fff;color:var(--navy,#1E3A5F);border:1px solid rgba(30,58,95,.14);
  box-shadow:0 1px 2px rgba(30,58,95,.06),0 10px 22px -12px rgba(30,58,95,.4);}
.ind-pause[hidden]{display:none;}
.ind-pause .i-play{display:none;}
.ind-pause[data-paused] .i-pause{display:none;}
.ind-pause[data-paused] .i-play{display:block;}
.ind-pause:focus-visible{outline:2px solid var(--navy,#1E3A5F);outline-offset:3px;}
@media (hover:hover) and (pointer:fine){ .ind-pause:hover{background:var(--canvas,#F7F7F7);} }
@media (prefers-reduced-motion:reduce){ .ind-pause{display:none;} }
html.s3d-capture .ind-pause{display:none;}