/* Phone preview: keep each landscape scene in frame instead of cropping it to a tall hero. */
@media (max-width: 760px) {
  .clarity-home .clarity-hero.shell {
    padding-top: 205px;
  }
  .clarity-home .clarity-hero .network-hero-image {
    top: 68px;
    bottom: auto;
    height: calc(100% - 68px);
    object-fit: contain;
    object-position: center top;
    animation: none;
    transform: none;
    will-change: opacity;
  }
  .clarity-home .clarity-hero .home-hero-scene:nth-of-type(3) {
    object-position: center top;
  }

  .capital-providers-page .capital-hero.shell .bridge-gallery {
    inset: 66px 0 0;
    animation: none;
    transform: none;
  }
  .capital-providers-page .bridge-frame {
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .capital-providers-page .capital-hero.shell .bridge-locations {
    top: 80px;
    right: 16px;
    bottom: auto;
    width: 170px;
    height: 72px;
  }
  .capital-providers-page .bridge-location-clock time {
    font-size: 25px;
  }
  .capital-providers-page .capital-hero.shell {
    padding-top: 205px;
  }

  .clarity-subpage .capital-hero.shell:before {
    inset: 0;
    background-size: 100% auto;
    background-position: center top;
    animation: none;
    transform: none;
  }
}