.partner-scene {
  background: #d3a06f;
}

.partner-scene::before {
  display: none;
}

.partner-scene > img,
.brand-scene-wide > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.partner-scene > img {
  position: absolute;
  inset: 0;
  object-position: 50% 42%;
}

.brand-scene-wide {
  position: relative;
  width: 100%;
  height: clamp(440px, 42vw, 720px);
  overflow: hidden;
  background: #b66e39;
}

.brand-scene-wide > img {
  object-position: 50% 49%;
}

.brand-scene-wide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 10%;
  background: linear-gradient(to bottom, transparent, var(--ink));
  pointer-events: none;
}

@media (max-width: 850px) {
  .hero .hero-copy {
    padding-bottom: 46px;
  }

  .hero .hero-actions {
    margin-top: 24px;
  }

  .intro {
    gap: 24px;
    padding-top: 56px;
    padding-bottom: 60px;
  }

  .services {
    padding-top: 60px;
    padding-bottom: 64px;
  }

  .service-grid {
    margin-top: 36px;
  }

  .statement {
    padding-top: 76px;
    padding-bottom: 76px;
  }

  .partner {
    gap: 0;
    padding: 0;
  }

  .partner-scene {
    min-height: 0;
    aspect-ratio: 1.62 / 1;
  }

  .partner-scene::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 23%;
    background: linear-gradient(to bottom, transparent, #f7e2c8);
    pointer-events: none;
  }

  .partner-scene > img {
    object-position: 50% 42%;
  }

  .partner-copy {
    padding-top: 34px;
    padding-bottom: 56px;
  }

  .stores {
    padding-top: 60px;
    padding-bottom: 64px;
  }

  .store-list {
    margin-top: 36px;
  }

  .store-list article {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .brand-scene-wide {
    height: auto;
    aspect-ratio: 1.48 / 1;
  }

  .brand-scene-wide > img {
    object-position: 52% 51%;
  }

  .brand-scene-wide::after {
    height: 19%;
  }
}
