/* Production CUE diamond: a continuous turn around its vertical axis. */
.brand .brand-mark{width:37px;height:37px;flex:none}
.hero-art.signal-art{width:110%;margin:0 0 0 -4%;pointer-events:auto;max-height:none;overflow:visible}
.signal-scene{position:relative;width:100%;aspect-ratio:1/1;isolation:isolate;--motion-state:paused}
.signal-scene[data-motion="playing"]{--motion-state:running}
.signal-scene *{animation-play-state:var(--motion-state)!important}
.signal-atmosphere{position:absolute;inset:9% -6% 5%;background:radial-gradient(ellipse at 60% 45%,#0c39732e,transparent 57%);pointer-events:none}
.signal-sculpture{position:absolute;inset:13% 17% 16%;display:flex;align-items:center;justify-content:center;z-index:2;animation:diamond-spin 14s linear infinite;transform-style:preserve-3d;transform-origin:center;backface-visibility:visible;will-change:transform}
.hero-art .signal-sculpture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;mask-image:none;filter:drop-shadow(0 10px 20px #0009)}
.signal-floor{position:absolute;left:23%;right:19%;bottom:13%;height:4%;border-radius:50%;background:radial-gradient(ellipse,#0878f92d,transparent 70%);filter:blur(9px);animation:floor-breathe 7.5s ease-in-out infinite}
.signal-caption{display:flex;align-items:center;justify-content:center;gap:16px;color:#b3b7bf;font-size:11px;letter-spacing:.005em;margin:-12px 0 0;position:relative;z-index:3}
.signal-caption span+span{border-left:1px solid #30353c;padding-left:16px}
.signal-caption strong{color:#e0e5ed;font-weight:500}
.motion-toggle{display:none;align-items:center;gap:6px;padding:9px 12px;border:1px solid #262b33;border-radius:20px;background:#080a0e;color:#adb7c4;font:inherit;font-size:10px;line-height:1;cursor:pointer;margin:17px auto 0}
.motion-toggle[data-ready]{display:flex}.motion-toggle:hover{border-color:#65728a;color:#fff}.motion-toggle svg{width:10px;height:10px;stroke-width:1.5}.motion-toggle:focus-visible{outline:2px solid #b3dcff;outline-offset:4px}
.motion-toggle .play-icon{display:none}.motion-toggle[data-paused="true"] .play-icon{display:block}.motion-toggle[data-paused="true"] .pause-icon{display:none}
.tech-logo img{height:35px;width:30px;object-fit:contain}.tech-logo.sonar-logo img{width:52px;height:35px}.tech-logo{gap:11px}
@keyframes floor-breathe{0%,100%{opacity:.7;transform:scaleX(.92)}50%{opacity:.38;transform:scaleX(1.08)}}
@media(min-width:1450px){.hero-art.signal-art{width:116%;margin-left:-5%}}
@media(max-width:1150px){.hero-art.signal-art{width:112%;margin-left:-6%}.signal-caption{gap:10px;font-size:10px}.signal-caption span+span{padding-left:10px}}
@media(max-width:800px){.hero-art.signal-art{width:118%;margin-left:-13%}.signal-caption{flex-direction:column;gap:5px;margin-top:-5px}.signal-caption span+span{border:0;padding-left:0}.motion-toggle{margin-top:13px}.brand .brand-mark{width:33px;height:33px}}
@media(max-width:520px){.hero-art.signal-art{width:108%;margin:12px -4% 28px}.signal-caption{flex-direction:row;gap:10px;margin-top:-4px;font-size:10px}.signal-caption span+span{border-left:1px solid #30353c;padding-left:10px}.signal-scene{aspect-ratio:1.06}.signal-sculpture{inset:12% 17% 13%}.signal-floor{bottom:9%}.brand .brand-mark{width:30px;height:30px}}

@keyframes diamond-spin{from{transform:perspective(900px) rotateY(0deg)}to{transform:perspective(900px) rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.signal-scene .signal-sculpture{animation-name:diamond-spin!important;animation-duration:14s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:var(--motion-state)!important}}