/* Dedicated tablet photography is already framed: preserve its edges instead of
   applying the desktop cover crop and animated overscan a second time. */
@media (min-width: 761px) and (max-width: 1180px) {
  :is(.about-landing-hero, .adidas-case-hero, .contact-hero, .home-banner):has(
    source:is([srcset*="tablet-heroes/"], [data-carousel-srcset*="tablet-heroes/"])
  ) {
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  :is(.about-landing-hero, .adidas-case-hero, .contact-hero, .home-banner):has(
    source:is([srcset*="tablet-heroes/"], [data-carousel-srcset*="tablet-heroes/"])
  ) picture img {
    object-fit: contain;
    object-position: center;
    transform: none;
    animation: none;
    transform-origin: center;
  }

  /* The persona reveal normally owns opacity. A still tablet frame must stay
     visible when that animation is disabled. Carousel visibility remains active-only. */
  .persona-hero:has(source[srcset*="tablet-heroes/"]) .persona-hero__slides img.is-active {
    opacity: 1;
  }

  .industry-retail-hero:has(source[srcset*="tablet-heroes/"]) .industry-retail-hero__media picture img.is-active {
    transform: none;
    animation: none;
    opacity: 1;
  }

  /* Portrait iPads previously inherited full-width mobile copy. Reserve the
     left column so the title does not cover the subjects in the right half. */
  .adidas-case-hero:has(source[srcset*="tablet-heroes/"]) .adidas-case-hero__content {
    width: var(--hero-banner-tablet-content-width);
    margin-left: var(--hero-banner-gutter);
    margin-right: auto;
    padding-bottom: var(--hero-banner-pad-bottom);
  }

  .adidas-case-hero:has(source[srcset*="tablet-heroes/"])::before {
    background: var(--adidas-hero-overlay);
  }

  .adidas-case-hero:has(source[srcset*="tablet-heroes/"]) h1 {
    font-size: var(--type-heading-lg);
  }

  .adidas-case-hero:has(source[srcset*="tablet-heroes/"]) .adidas-case-deck {
    font-size: var(--type-body-lg);
  }

  .adidas-case-hero:has(source[srcset*="tablet-heroes/"]) .adidas-case-kicker {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--moss);
  }

  .client-stories-landing-page .about-landing-hero:has(source[srcset*="tablet-heroes/"]) .about-landing-hero__content {
    width: var(--hero-banner-tablet-content-width);
  }

  /* Home has its own viewport sizing and a more specific motion selector. */
  .home-banner:not(.home-banner--legacy):has(source:is([srcset*="tablet-heroes/"], [data-carousel-srcset*="tablet-heroes/"])) .home-banner__viewport {
    min-height: 0;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .home-banner:not(.home-banner--legacy) .home-banner__slide--shared-direction:nth-child(3) picture img {
    object-fit: contain;
    object-position: center;
    transform: none;
    animation: none;
  }

  .home-banner:not(.home-banner--legacy):has(source:is([srcset*="tablet-heroes/"], [data-carousel-srcset*="tablet-heroes/"])) .home-banner__slide {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: 0;
  }

  .home-banner:not(.home-banner--legacy) .home-banner__slide--shared-direction:nth-child(3) .home-banner__content {
    width: var(--hero-banner-tablet-content-width);
  }

  .home-banner:not(.home-banner--legacy) .home-banner__slide--shared-direction:nth-child(3) h2 {
    font-size: var(--type-heading-lg);
  }

  .home-banner:not(.home-banner--legacy) .home-banner__slide--prism.is-active picture img {
    /* The existing opening crop is 5:4, with safe vertical room for this 4:3 frame. */
    object-fit: cover;
    object-position: center top;
    transform: none;
    animation: none;
    opacity: 1;
  }
}