/* Shared approved home and next-project thumbnails. Detail heroes stay separate. */
.home .work-card .approved-thumb,
.case-page .next-project .approved-thumb{
 position:relative;
 display:block;
 width:100%;
 height:auto;
 min-height:0;
 max-height:none;
 aspect-ratio:16/10;
 padding:0;
 overflow:hidden;
 border-radius:var(--ds-radius,12px);
 background:var(--stage,#eceef0);
 isolation:isolate;
}
.approved-thumb-scene{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.approved-thumb-panel{display:block;position:absolute;overflow:hidden;border-radius:var(--ds-radius,12px);background:transparent;isolation:isolate}
.approved-thumb-panel::after{content:"";position:absolute;inset:0;border:1px solid var(--ds-edge,#e8e8e8);border-radius:inherit;pointer-events:none}
.approved-thumb[data-thumbnail="riot-03"] .approved-thumb-panel{box-shadow:0 9px 22px -9px #11182018}
.approved-thumb[data-thumbnail="riot-03"] .approved-thumb-panel::after{content:none}
@media(max-width:760px){.approved-thumb[data-thumbnail="riot-03"] .approved-thumb-panel{box-shadow:0 5px 14px -7px #11182020}}
.approved-thumb-panel img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;position:static!important;transform:none!important;margin:0!important;opacity:1!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
:is(.work-link,.next-project > a):is(:hover,:focus-visible) .approved-thumb-scene{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.approved-thumb-scene{transition:none}:is(.work-link,.next-project > a):is(:hover,:focus-visible) .approved-thumb-scene{transform:none}}
