/* One photograph, with its original proportions on phones and tablets. */
@media (max-width: 1024px) {
  .farm-hero, .reference-home .farm-hero,
  .farm-hero .slide, .reference-home .farm-hero .slide { min-height: 0; height: auto; }
  .farm-hero .slide:not(.hidden),
  .reference-home .farm-hero .slide:not(.hidden) { display: flex; flex-direction: column; }
  .farm-hero .slide picture, .reference-home .farm-hero .slide picture {
    position: relative; inset: auto; display: block; flex: none;
    width: 100%; height: auto; min-height: 0; background: #edf3ef;
  }
  .farm-hero .slide picture img, .reference-home .farm-hero .slide picture img,
  .farm-hero .slide > img, .reference-home .farm-hero .slide > img {
    position: relative; inset: auto; display: block; width: 100%;
    height: auto; min-height: 0; max-width: 100%; object-fit: contain;
  }
  .farm-hero .slide:is(.source-slide,:not(.source-slide)) .farm-copy,
  .reference-home .farm-hero .slide:is(.source-slide,:not(.source-slide)) .farm-copy {
    position: relative; inset: auto; flex: none; width: 100%; max-width: none;
    height: auto; min-height: 0; margin: 0; padding: 24px 24px 84px;
    display: flex; flex-direction: column; align-items: flex-start;
    background: #eff6f1; box-sizing: border-box;
  }
  .farm-hero .slide .farm-copy :is(h1,h2), .reference-home .farm-hero .slide .farm-copy :is(h1,h2) {
    margin: 0 0 12px; font-size: clamp(23px, 4vw, 34px); line-height: 1.16;
    color: #103b2c; text-shadow: none; overflow-wrap: anywhere;
  }
  .farm-hero .slide .farm-copy p, .reference-home .farm-hero .slide .farm-copy p {
    margin: 0 0 20px; font-size: clamp(14px, 2.3vw, 18px); line-height: 1.5;
    color: #244e3c; text-shadow: none; overflow-wrap: anywhere;
  }
  .farm-hero .slide .farm-copy > .button,
  .reference-home .farm-hero .slide .farm-copy > .button {
    margin: 0; max-width: 100%; min-height: 44px; white-space: normal;
  }
  .farm-hero .hero-signature { display: none; }
  .reference-home .farm-hero .slider-controls { left: 24px; bottom: 16px; transform: none; }
}
@media (max-width: 400px) {
  .reference-home .farm-hero .slide:is(.source-slide,:not(.source-slide)) .farm-copy { padding: 20px 18px 84px; }
  .reference-home .farm-hero .slider-controls { left: 18px; }
}
