/* The desktop photo fills the width in a shorter frame. */
@media (min-width: 701px) {
  .opening-home .brand-masthead {
    width: 100%;
    margin-inline: auto;
  }

  .opening-home .brand-masthead .flower-photograph {
    max-height: 520px;
  }

  .opening-home .brand-masthead .hero-flower-photo {
    height: 520px;
    aspect-ratio: auto;
  }

  .opening-home .brand-masthead .hero-flower-photo img {
    height: 100%;
    object-fit: cover;
    object-position: center 18%;
  }

  .opening-home .brand-masthead .hero-flower-field {
    --wander-x: 7px;
    --wander-y: 10px;
  }

  .opening-home .brand-masthead .flower-positioner--upper-left {
    --flower-size: clamp(31px, 7vw, 90px);
  }

  .opening-home .brand-masthead .flower-positioner--upper-right {
    --flower-size: clamp(34px, 8vw, 100px);
  }

  .opening-home .brand-masthead .flower-positioner--below-logo {
    --flower-size: clamp(23px, 5.5vw, 70px);
  }

  .opening-home .brand-masthead .flower-positioner--bouquet-left {
    --flower-size: clamp(38px, 9.5vw, 120px);
  }

  .opening-home .brand-masthead .flower-positioner--bouquet-right {
    --flower-size: clamp(40px, 10vw, 125px);
  }

  .opening-home .brand-masthead .flower-positioner--lower-left {
    --flower-size: clamp(36px, 9vw, 110px);
  }

  .opening-home .brand-masthead .flower-positioner--lower-center {
    --flower-size: clamp(30px, 7vw, 85px);
  }

  .opening-home .brand-masthead .flower-positioner--lower-right {
    --flower-size: clamp(38px, 9.5vw, 115px);
  }

  .opening-home.motion-on .brand-masthead .hero-flower-field .flower-wander {
    animation-name: hero-half-size-wander;
  }

  .opening-home .brand-masthead .site-motion {
    min-width: 44px;
    min-height: 44px;
  }

  /* Keep the same clock and angles; scale only the pixel translations. */
  @keyframes hero-half-size-wander {
    0% {
      transform: translate(calc(var(--wander-x) * -1), 2.5px) rotate(-4deg);
    }
    50% {
      transform: translate(var(--wander-x), calc(var(--wander-y) * -.55)) rotate(2deg);
    }
    100% {
      transform: translate(calc(var(--wander-x) * -.35), calc(var(--wander-y) * -1)) rotate(5deg);
    }
  }
}