/* v1.0.3: tighter STRANJAH portrait crop and stable preview clipping. */
.cgtj-preview__panel {
  overflow: hidden;
}

/* Wide desktop: crop below the elbows at the panel edge. */
@media (min-width: 1401px) {
  .cgtj-instructor__photo {
    top: -80px;
    right: auto;
    bottom: auto;
    left: -6%;
    width: auto;
    height: 900px;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: top center;
  }
}

/* Compact desktop: allow for the taller bio copy while keeping the portrait anchored. */
@media (min-width: 1101px) and (max-width: 1400px) {
  .cgtj-instructor__photo {
    top: -40px;
    right: auto;
    bottom: auto;
    left: -6%;
    width: auto;
    height: 900px;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: top center;
  }
}

@media (min-width: 981px) and (max-width: 1100px) {
  .cgtj-instructor__photo {
    top: -40px;
    right: auto;
    bottom: auto;
    left: -9%;
    width: auto;
    height: 920px;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: top center;
  }
}

@media (max-width: 980px) {
  .cgtj-instructor__photo {
    top: -60px;
    right: auto;
    bottom: auto;
    left: 50%;
    width: auto;
    height: 900px;
    max-width: none;
    max-height: none;
    transform: translateX(-50%);
    object-fit: contain;
    object-position: top center;
    clip-path: inset(0 0 61% 0);
  }

  .cgtj-instructor__copy {
    padding-top: 310px;
  }
}

@media (max-width: 560px) {
  .cgtj-instructor__photo {
    top: -50px;
    height: 760px;
  }

  .cgtj-instructor__copy {
    padding-top: 280px;
  }
}