/* Shared loading mark for every AXM interactive story. */
.model-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:opacity .35s;pointer-events:none}
.experience[data-state=loading] .model-loader{opacity:1;visibility:visible}
.experience[data-state=loading] .poster{opacity:0;visibility:hidden}
.experience[data-state=loading] .viewport{opacity:1!important}
.loader-mark{width:clamp(130px,20vw,290px);aspect-ratio:104/27;background:var(--ink);mask:url('/assets/img/axm-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/img/axm-mark.svg') center/contain no-repeat;animation:axm-breathe 2.4s ease-in-out infinite}
.loader-track{width:72px;height:2px;overflow:hidden;background:var(--line)}
.loader-track i{display:block;width:45%;height:100%;background:var(--cyan,var(--mint));animation:axm-load 1.7s ease-in-out infinite}
@keyframes axm-breathe{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes axm-load{0%{transform:translateX(-110%)}100%{transform:translateX(325%)}}
@media(max-width:760px){.model-loader{gap:20px}}
@media(prefers-reduced-motion:reduce){.loader-mark,.loader-track i{animation:none;opacity:1}.loader-track i{width:100%;transform:none}}