/* v1.0.4: Figma-exact hero and prerequisites gradient geometry. */

/* The positioned hero export represents x=172..1440 of the 1440 px Figma
   frame. Anchor its right edge to the centred design canvas, not the viewport. */
@media (min-width: 1241px) {
  .cgtj .cgtj-gradient-positioned--hero {
    top: 0;
    right: max(72px, calc((100% - 1296px) / 2));
    bottom: auto;
    left: auto;
    width: min(1141.2px, calc(88.0556vw - 126.8px));
    height: min(558px, calc(43.0556vw - 62px));
    max-width: none;
    object-fit: fill;
  }
}

@media (min-width: 981px) and (max-width: 1240px) {
  .cgtj .cgtj-gradient-positioned--hero {
    top: 0;
    right: 40px;
    bottom: auto;
    left: auto;
    width: calc(88.0556vw - 70.4445px);
    height: calc(43.0556vw - 34.4445px);
    max-width: none;
    object-fit: fill;
  }
}

/* The Figma prerequisites export is already the complete 408 x 250 masked
   composition. Override the older generic image rule that enlarged it to 125%. */
@media (min-width: 981px) {
  .cgtj .cgtj-prereq > .cgtj-gradient-positioned--prereq {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 94.88%;
    height: 100%;
    max-width: none;
    object-fit: fill;
  }
}