.hero-visual img {
  object-position: 60% center;
}

.profile-card img {
  height: 360px;
  object-position: center 28%;
}

.works-visual {
  margin: 0 0 3rem;
  overflow: hidden;
  aspect-ratio: 16 / 7;
}

.works-visual img {
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
}

@media (max-width: 800px) {
  .hero-visual img {
    object-position: 60% center;
  }

  .profile-card img {
    height: 380px;
    object-position: center 24%;
  }

  .works-visual {
    aspect-ratio: 4 / 3;
  }

  .works-visual img {
    object-position: 38% center;
  }
}

.brand-logo-plate {
  display: grid;
  place-items: center;
  flex: 0 0 112px;
  width: 112px;
  height: 112px;
  padding: 12px;
  border-radius: 2px;
  background: #faf8f3;
}

.project-top .brand-logo-plate img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.work-logo {
  width: min(210px, 84%);
  height: 72px;
  margin: 0 0 1.4rem;
  padding: 10px 14px;
  object-fit: contain;
  object-position: left center;
  background: #faf8f3;
}

.field-image img {
  object-position: center 52%;
  filter: brightness(1.06);
}

.field-gallery {
  display: grid;
  grid-template-columns: 1.25fr .75fr 1fr;
  grid-template-rows: repeat(2, minmax(230px, 32vw));
  gap: 2px;
  padding: 2px;
  background: #102b24;
}

.field-gallery figure {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #102b24;
}

.field-gallery img {
  height: 100%;
  object-fit: cover;
  filter: brightness(1.06);
}

.gallery-pour {
  grid-row: 1 / 3;
}

.gallery-pour img {
  object-position: 66% center;
}

.gallery-exterior img {
  object-position: center 54%;
}

.gallery-rabbit img {
  object-position: center;
}

.gallery-bottles {
  grid-column: 2 / 3;
}

.gallery-bottles img {
  object-position: center 48%;
}

.gallery-food {
  grid-column: 3 / 4;
}

.gallery-food img {
  object-position: center;
}

@media (max-width: 800px) {
  .brand-logo-plate {
    flex-basis: 96px;
    width: 96px;
    height: 96px;
    padding: 10px;
  }

  .work-logo {
    width: min(230px, 90%);
    height: 78px;
  }

  .field-image img {
    object-position: 48% center;
  }

  .field-gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, minmax(170px, 58vw));
  }

  .gallery-pour {
    grid-row: 1 / 3;
  }

  .gallery-pour img {
    object-position: 64% center;
  }

  .gallery-rabbit {
    grid-column: 2 / 3;
  }

  .gallery-bottles {
    grid-column: 1 / 2;
  }

  .gallery-food {
    grid-column: 2 / 3;
  }
}