/* Conceptual 3D covers. The explanatory process diagrams have separate logic. */
.ev-case-art{position:relative;isolation:isolate;display:block;min-width:0;width:100%;margin:0 0 26px;overflow:hidden;border:1px solid #2b3b4c;border-radius:18px;background:#080d14;aspect-ratio:3/2}
.ev-case-art .ev-art-link{display:block;width:100%;height:100%;min-height:0!important;padding:0!important}
.ev-case-art .ev-art-scene{position:relative;width:100%;height:100%;transform:perspective(1000px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg));transform-origin:50% 60%;transition:transform 450ms ease;animation:ev-art-depth var(--art-duration,10s) ease-in-out infinite;animation-delay:var(--art-delay,0s);animation-play-state:paused}
.ev-case-art .ev-art-scene>img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;object-position:50% 50%;border-radius:0;margin:0}
.ev-case-art .ev-art-reflection{position:absolute;inset:0;background-size:100% 100%;background-position:center;mix-blend-mode:screen;opacity:.44;pointer-events:none;mask-image:linear-gradient(110deg,transparent 37%,#000 49%,transparent 61%);mask-size:300% 100%;mask-position:100% 0;animation:ev-art-glass var(--art-duration,10s) ease-in-out infinite;animation-delay:var(--art-delay,0s);animation-play-state:paused}
.ev-case-art .ev-art-aura{position:absolute;inset:12% 5% 0;background:radial-gradient(ellipse at 48% 68%,#d3fb5215,transparent 48%),radial-gradient(ellipse at 78% 45%,#78dcec0d,transparent 38%);mix-blend-mode:screen;opacity:.3;pointer-events:none;animation:ev-art-light 6s ease-in-out infinite;animation-play-state:paused}
.ev-case-art[data-art-moving=true] :is(.ev-art-scene,.ev-art-reflection,.ev-art-aura){animation-play-state:running}
.ev-case-art[data-art-moving=true] .ev-art-scene{will-change:translate}
.ev-art-motion{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;min-height:44px!important;padding:0!important;border:1px solid #71827c!important;border-radius:50%!important;background:#080d14d9!important;color:#eaffce!important;font:600 18px/1 Arial,sans-serif!important;cursor:pointer;box-shadow:0 3px 16px #0005;backdrop-filter:blur(7px)}
.ev-art-motion:hover{border-color:#d3fb52!important}.ev-art-motion:disabled{opacity:.5;cursor:default}
.ev-case-art [hidden]{display:none!important}.ev-case-art :is(button,a):focus-visible{outline:2px solid #d3fb52;outline-offset:-4px}
.ev-case-cover{padding:0 0 50px}.ev-case-cover .ev-case-art{margin:0;max-height:740px}.ev-case-cover .ev-caption{margin-top:15px}
.ev-portfolio .featured-main>.ev-case-art{align-self:center;margin:0;border:0;border-radius:0}
.ev-portfolio .featured-wide>.ev-case-art{align-self:center;margin:0;border:0;border-radius:0}
.ev-portfolio .featured-card>.ev-case-art{margin-top:25px}
.ev-portfolio .ev-feature-agis>.ev-case-art{max-width:700px}
.ev-portfolio .ev-case-card>.ev-case-art{margin-bottom:24px}
.ev-showcase .ev-case-art{margin-bottom:20px}.ev-showcase .ev-case-art img{border-radius:0;height:100%;object-fit:contain}
@keyframes ev-art-glass{0%,12%{mask-position:110% 0;opacity:.12}50%{opacity:.48}88%,100%{mask-position:-10% 0;opacity:.12}}
@keyframes ev-art-depth{0%,100%{translate:0 0;scale:1}50%{translate:0 -3px;scale:1.012}}
@keyframes ev-art-light{0%,100%{opacity:.15}50%{opacity:.55}}
@media(max-width:650px){.ev-case-art{border-radius:14px}.ev-case-cover{padding-bottom:30px}.ev-case-cover .ev-caption{font-size:15px}.ev-portfolio .featured-main>.ev-case-art,.ev-portfolio .featured-wide>.ev-case-art{margin-top:20px}.ev-art-motion{right:9px;bottom:9px}.ev-case-art .ev-art-scene{transform:none!important}}
@media(prefers-reduced-motion:reduce){.ev-case-art *{animation:none!important;transition:none!important;translate:none!important;scale:none!important;transform:none!important}.ev-case-art .ev-art-reflection,.ev-case-art .ev-art-aura{display:none!important}}
