/* The same skeletal artwork connects Clients with the opening of the site. */
.clients-page #scene.clients-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#0003,#0003),#000 url('/assets/portfolio/backdrop.webp') center/cover no-repeat;overflow:hidden}
.clients-page #scene.clients-backdrop::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0008 0%,#0000 30%,#0001 72%,#0009 100%)}
.clients-page #scene.clients-backdrop canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s ease}
.clients-page #scene.clients-backdrop.is-animated{background:#000}
.clients-page #scene.clients-backdrop.is-animated canvas{opacity:.82}
.clients-glow{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px;pointer-events:none;z-index:0;contain:strict;background:radial-gradient(circle,#d9f4ff19 0%,#d9f4ff0a 30%,transparent 66%);opacity:0;transition:opacity .3s;will-change:transform}
.clients-page .clients-main{position:relative;z-index:1}
@media(max-width:899px){.clients-page #scene.clients-backdrop{background-position:52% center}.clients-page #scene.clients-backdrop.is-animated{background:linear-gradient(#0003,#0003),#000 url('/assets/portfolio/backdrop.webp') 52% center/cover no-repeat}.clients-page #scene.clients-backdrop.is-animated canvas{opacity:0}}
@media(hover:none),(pointer:coarse){.clients-glow{display:none}.clients-page #scene.clients-backdrop.is-animated{background:linear-gradient(#0003,#0003),#000 url('/assets/portfolio/backdrop.webp') center/cover no-repeat}.clients-page #scene.clients-backdrop.is-animated canvas{opacity:0}}
@media(prefers-reduced-motion:reduce){.clients-glow{display:none}.clients-page #scene.clients-backdrop canvas{transition:none!important;opacity:0!important}.clients-page #scene.clients-backdrop.is-animated{background:linear-gradient(#0003,#0003),#000 url('/assets/portfolio/backdrop.webp') center/cover no-repeat}}