/* Certificates (owner, 26 Sep 2026): wherever a certificate appears, the CASS certificate's presentation. It leans
   back in perspective (rotateY 5deg, rotateZ -1deg) on a soft shadow and, where it is a link, straightens and lifts
   while hovered or focused. Flat on phones and with reduced motion, as on CASS. The values live here once. */
:root{--cert-tilt:rotateY(5deg) rotateZ(-1deg);--cert-tilt-lift:rotateY(2deg) rotateZ(-.5deg) translateY(-4px);--cert-shadow:10px 18px 32px #173c571a;--cert-shadow-lift:14px 26px 44px #173c5726;--cert-ease:cubic-bezier(.2,.7,.2,1)}

/* Showcase certificates. CASS, About certifications, the courses hub and FIAR share .audit-certificate; Recognition
   and Membership have frames of their own, brought to the same corners, tilt and shadow. */
body .rg-certificate>a{border-radius:14px}
body .rg-certificate>a>img{border-radius:12px}
body .aml-active-presentation .certificate-feature{perspective:1400px}
body .aml-active-presentation a.certificate-image{display:block;padding:0;border-radius:14px;overflow:hidden;transform:var(--cert-tilt);transform-origin:center;box-shadow:var(--cert-shadow)}
body .aml-active-presentation a.certificate-image img{transform:none;border-radius:12px;box-shadow:none;outline:none}
/* The membership page (since 1 October 2026): its example participation certificate in the same frame. */
body .mp-certificate{perspective:1400px}
body .mp-certificate>a{display:block;border-radius:14px;overflow:hidden;transform:var(--cert-tilt);transform-origin:center;box-shadow:var(--cert-shadow)}
body .mp-certificate>a>img{border-radius:12px;box-shadow:none}
@media(min-width:761px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 body :is(.audit-certificate,.rg-certificate,.mp-certificate)>a,body .aml-active-presentation a.certificate-image{transition:transform .35s var(--cert-ease),box-shadow .35s}
 body :is(.audit-certificate,.rg-certificate,.mp-certificate)>a:is(:hover,:focus-visible),body .aml-active-presentation a.certificate-image:is(:hover,:focus-visible){transform:var(--cert-tilt-lift);box-shadow:var(--cert-shadow-lift)}
}

/* Certificate thumbnails in the AML Active cards lean the same way, keeping their dark cards' own shadows, and
   lift with their card. */
body .homepage-page #home-membership .live-benefit>img,
body .catalogue-page #catalogue-membership .live-benefit>img,
body .cp-active-art--live img{transform:perspective(1400px) var(--cert-tilt)}
@media(min-width:761px) and (hover:hover) and (prefers-reduced-motion:no-preference){
 body :is(.homepage-page #home-membership,.catalogue-page #catalogue-membership) .live-benefit>img{transition:transform .35s var(--cert-ease)}
 body :is(.homepage-page #home-membership,.catalogue-page #catalogue-membership) a.live-benefit:is(:hover,:focus-visible)>img{transform:perspective(1400px) var(--cert-tilt-lift)}
}

@media(max-width:760px),(prefers-reduced-motion:reduce){
 body :is(.rg-certificate,.mp-certificate)>a,body .aml-active-presentation a.certificate-image,
 body .homepage-page #home-membership .live-benefit>img,body .catalogue-page #catalogue-membership .live-benefit>img,
 body .cp-active-art--live img{transform:none}
}