/* AutoSchools V2.0.15 — align every visible Hero image with the card boundary. */
.role-hero {
  --hero-source-right-trim:0%;
  --hero-source-top-trim:0%;
}

/* Each approved WebP has its own transparent safety canvas.  These values
   move the 50% alpha boundary to the card's top/right edge while the Hero's
   existing rounded mask keeps the artwork inside the card on Telegram iOS. */
.role-hero--guest     { --hero-source-right-trim:-21.4%; --hero-source-top-trim:-2.2%; }
.role-hero--account   { --hero-source-right-trim:-16.7%; --hero-source-top-trim:-2.2%; }
.role-hero--student   { --hero-source-right-trim:-3.8%;  --hero-source-top-trim:-3.4%; }
.role-hero--instructor{ --hero-source-right-trim:-4.4%;  --hero-source-top-trim:-3.4%; }
.role-hero--director  { --hero-source-right-trim:-3.4%;  --hero-source-top-trim:-3.2%; }
.role-hero--franchise { --hero-source-right-trim:-4.8%;  --hero-source-top-trim:-3.2%; }
.role-hero--platform  { --hero-source-right-trim:-4.4%;  --hero-source-top-trim:-2.8%; }

.role-hero .approved-role-art .approved-role-image {
  left:auto !important;
  right:var(--hero-source-right-trim) !important;
  top:0 !important;
  margin-top:var(--hero-source-top-trim) !important;
  transform:none !important;
  transform-origin:100% 0 !important;
}