/* Transparent original PNG artwork. Motion is paused until the shared controller enables it. */
.work-art.art-murray{container-type:size;display:grid;place-items:center;overflow:visible;background:transparent}
.murray-emblem{position:relative;display:block;width:min(82cqw,82cqh);height:min(82cqw,82cqh);isolation:isolate}
.murray-orbit{position:absolute;display:block;inset:0;transform-origin:50% 50%;animation:murray-orbit-forward 29s linear infinite;animation-play-state:var(--art-play-state)}
.murray-orbit>span{display:block;position:absolute;inset:0;background:linear-gradient(112deg,#22b4d1 9%,#718dc6 39%,#bb70ae 65%,#dd4996 92%);background-size:145% 145%;mask:url('/assets/murray/murray-network-original.png') center/contain no-repeat;-webkit-mask:url('/assets/murray/murray-network-original.png') center/contain no-repeat;opacity:.64;animation:murray-orbit-colour 23s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)}
.murray-orbit-secondary{inset:3.5%;animation-name:murray-orbit-reverse;animation-duration:43s;animation-delay:-11s}
.murray-orbit-secondary>span{opacity:.29;animation-delay:-8s}
.murray-wordmark{position:absolute;display:block;width:77%;height:26.06%;left:11.5%;top:38%;z-index:2}
.murray-wordmark svg{display:block;width:100%;height:100%;overflow:visible}
.murray-colour-flow{animation:murray-letter-colour 18s ease-in-out infinite alternate;animation-play-state:var(--art-play-state)}
.murray-presentation{margin:32px 0 48px;background:none;border:0;box-shadow:none;border-radius:0}
.murray-hero{width:100%;height:clamp(340px,59svh,640px)}
.murray-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted,#b3bab5);font-size:14px;padding:22px 0;border-bottom:1px solid #ffffff20}
.murray-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.murray-actions button{appearance:none;background:none;border:0;color:inherit;font:inherit;padding:8px 0;cursor:pointer;text-underline-offset:5px}
.murray-actions button:hover{text-decoration:underline;color:#f3f4f0}
.murray-actions button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@keyframes murray-orbit-forward{to{transform:rotate(360deg)}}
@keyframes murray-orbit-reverse{from{transform:rotate(38deg) rotateX(13deg)}to{transform:rotate(-322deg) rotateX(13deg)}}
@keyframes murray-orbit-colour{from{background-position:15% 35%}to{background-position:75% 65%}}
@keyframes murray-letter-colour{from{transform:translateX(-17px)}to{transform:translateX(17px)}}
@media(max-width:700px){.murray-hero{height:clamp(280px,91vw,440px)}.murray-caption{align-items:flex-start;flex-direction:column;gap:8px;font-size:13px}.murray-actions{gap:22px}.murray-presentation{margin:18px 0 32px}}
@media(prefers-reduced-motion:reduce){.art-murray .murray-orbit,.art-murray .murray-orbit>span,.art-murray .murray-colour-flow{animation:none!important}}
