/* R7 / articulated HUD windows. Content stays visible with or without JavaScript. */
.hud-motion-ready .flow-reveal:not(.hud-motion-panel){opacity:1;transform:none;transition:none}
.hud-motion-relative{position:relative}
.hud-motion-ready .hud-motion-panel{--hud-x:0px;--hud-y:0px;--hud-rx:0deg;--hud-ry:0deg;--hud-opacity:1;--hud-open:1;--hud-scan:100%;--hud-trace:.15;transform-origin:50% 0%;transform:perspective(1100px) translate3d(var(--hud-x),var(--hud-y),0) rotateX(var(--hud-rx)) rotateY(var(--hud-ry));opacity:var(--hud-opacity);backface-visibility:hidden;transition:border-color .34s cubic-bezier(.22,1,.36,1),background-color .34s cubic-bezier(.22,1,.36,1),color .34s cubic-bezier(.22,1,.36,1)}
.hud-motion-stage{--hud-open:1;--hud-scan:100%;--hud-trace:.15}
.hud-motion-frame{position:absolute;inset:0;display:block!important;overflow:hidden;pointer-events:none!important;user-select:none;z-index:4;border-radius:inherit;opacity:1;color:#a8d9e9}
.hud-motion-frame:before,.hud-motion-frame:after{content:'';position:absolute;width:13px;height:13px;border-color:currentColor;border-style:solid;opacity:calc(var(--hud-trace,.15) + .12);transition:color .34s cubic-bezier(.22,1,.36,1);pointer-events:none}
.hud-motion-frame:before{top:0;left:0;border-width:1px 0 0 1px;transform:scale(var(--hud-open,1));transform-origin:0 0}
.hud-motion-frame:after{bottom:0;right:0;border-width:0 1px 1px 0;transform:scale(var(--hud-open,1));transform-origin:100% 100%}
.hud-motion-rail{position:absolute;height:1px;display:block;background:linear-gradient(90deg,#a9dbed00,#a9dbed66 20%,#a9dbed1c 52%,#a9dbed00);transform:scaleX(var(--hud-open,1));opacity:var(--hud-trace,.15)}
.hud-motion-rail-top{left:18px;right:34px;top:0;transform-origin:left center}
.hud-motion-rail-bottom{left:34px;right:18px;bottom:0;transform-origin:right center}
.hud-motion-scan{position:absolute;display:block;top:var(--hud-scan,100%);left:0;right:0;height:1px;background:linear-gradient(90deg,#aae5ff00 0%,#aae5ff00 82%,#aae5ff77 94%,#aae5ff00 100%);opacity:var(--hud-trace,.15);transform:translateY(-1px)}
.hud-motion-ticks{position:absolute;right:0;top:calc(var(--hud-scan,100%) - 16px);width:3px;height:32px;background:repeating-linear-gradient(180deg,#bceaff65 0 1px,transparent 1px 5px);opacity:var(--hud-trace,.15)}
.hud-motion-panel:hover>.hud-motion-frame,.hud-motion-panel:focus-within>.hud-motion-frame{color:#d6f2ff}
.hud-motion-row>.hud-motion-frame:before,.hud-motion-row>.hud-motion-frame:after{width:7px;height:7px;opacity:var(--hud-trace,.15)}
.hud-motion-row>.hud-motion-frame>.hud-motion-rail{display:none}
.hud-motion-row>.hud-motion-frame>.hud-motion-scan{background:linear-gradient(90deg,transparent 90%,#a9dbed33,transparent)}
.hud-motion-stage>.hud-motion-frame{inset:12px;opacity:.8}
.hud-motion-stage>.hud-motion-frame:before,.hud-motion-stage>.hud-motion-frame:after{width:22px;height:22px}
.atlas-scene.hud-motion-stage>.hud-motion-frame{inset:8% 15%;opacity:.5}
.research-intro>.hud-motion-frame,.studio-title>.hud-motion-frame,.portal-intro>.hud-motion-frame,.section-heading>.hud-motion-frame,.page-heading>.hud-motion-frame,.platform-top>.hud-motion-frame{inset:-10px;opacity:.55}
.studio-profile-copy>.hud-motion-frame,.research-note-copy>.hud-motion-frame,.research-note-title>.hud-motion-frame{inset:-14px;opacity:.55}
.lab-controls>.hud-motion-frame{inset:0;opacity:.7}
.hud-motion-measuring .hud-motion-panel{transform:none!important}
/* Keep the interaction stage in layout space, including when old reveal classes are present. */
.hud-motion-ready .hud-motion-stage{transform:none!important;opacity:1!important}
@media(max-width:800px){.hud-motion-panel{transform-origin:50% 10%;perspective:900px}.hud-motion-frame:before,.hud-motion-frame:after{width:9px;height:9px}.hud-motion-stage>.hud-motion-frame{inset:7px}.atlas-scene.hud-motion-stage>.hud-motion-frame{inset:8% 9%}.hud-motion-rail{opacity:calc(var(--hud-trace,.15)*.7)}.hud-motion-ticks{display:none}.studio-profile-copy>.hud-motion-frame,.research-note-copy>.hud-motion-frame,.research-note-title>.hud-motion-frame{inset:-7px}.research-intro>.hud-motion-frame,.studio-title>.hud-motion-frame,.portal-intro>.hud-motion-frame,.section-heading>.hud-motion-frame,.page-heading>.hud-motion-frame,.platform-top>.hud-motion-frame{inset:-5px}}
@media(prefers-reduced-motion:reduce){.hud-motion-panel{transform:none!important;opacity:1!important;transition:none!important}.hud-motion-scan,.hud-motion-ticks{display:none!important}.hud-motion-rail,.hud-motion-frame:before,.hud-motion-frame:after{transform:none!important;transition:none!important;opacity:.18}}
@media print{.hud-motion-panel{transform:none!important;opacity:1!important}.hud-motion-frame{display:none!important}}