/* Use the original 4500x3000 studio photograph.
   Phones and tablets retain their approved full-width crops.
   Desktop leaves room for the existing heading below the photograph. */
#gut-audio-site .gut-photo[data-gut-crop="approved-v1"] {
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  max-height:none !important;
  margin:0 auto !important;
  padding:0 !important;
  aspect-ratio:2 / 1 !important;
  overflow:hidden !important;
}

#gut-audio-site .gut-photo[data-gut-crop="approved-v1"] img {
  display:block !important;
  position:absolute !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:3 / 2 !important;
  left:0 !important;
  top:50% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:translateY(-50%) !important;
  clip-path:none !important;
}

@media (max-width:640px) {
  #gut-audio-site .gut-photo[data-gut-crop="approved-v1"] {
    aspect-ratio:16 / 9 !important;
  }
}

/* Desktop: the visible title strip is no taller than the measured header,
   capped at 68px. A top gap of at most 16px leaves the single-line heading
   visible while giving the photograph more height. */
@media (min-width:1001px) {
  #gut-audio-site .gut-introduction {
    padding-top:clamp(0px, calc(var(--gut-header-height, 68px) - 52px), 16px) !important;
  }

  #gut-audio-site .gut-photo[data-gut-crop="approved-v1"] {
    height:max(0px, calc(100vh - var(--gut-header-height, 68px) - min(68px, var(--gut-header-height, 68px)) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    height:max(0px, calc(100dvh - var(--gut-header-height, 68px) - min(68px, var(--gut-header-height, 68px)) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }

  #gut-audio-site .gut-photo[data-gut-crop="approved-v1"] img {
    height:100% !important;
    aspect-ratio:auto !important;
    top:0 !important;
    object-fit:cover !important;
    transform:none !important;
  }
}