body {
  background: #ffffff;
}

.home-bento {
  background: #ffffff;
  min-height: 540px;
  padding: 58px 0 82px;
}

.home-bento__inner {
  max-width: 1180px;
}

.home-bento__grid {
  position: relative;
  width: 100%;
  min-height: 390px;
}

.home-bento-card {
  position: absolute;
  display: block;
  overflow: hidden;
  background: #f2f2f2;
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08);
  text-decoration: none;
}

.home-bento-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 180ms ease;
}

.home-bento-card:hover img {
  transform: scale(1.025);
}

.home-bento-card--slot-1 {
  left: 22px;
  top: 12px;
  width: 176px;
  height: 176px;
}

.home-bento-card--slot-2 {
  left: 126px;
  top: 142px;
  width: 178px;
  height: 178px;
}

.home-bento-card--slot-3 {
  left: 400px;
  top: 12px;
  width: 176px;
  height: 176px;
}

.home-bento-card--slot-4 {
  left: 508px;
  top: 142px;
  width: 178px;
  height: 178px;
}

.home-bento-card--slot-5 {
  right: 140px;
  top: 12px;
  width: 178px;
  height: 178px;
}

.home-bento-card--slot-6 {
  right: 22px;
  top: 142px;
  width: 178px;
  height: 178px;
}

.home-bento-card--small {
  width: 178px;
  height: 178px;
}

.home-bento-card--wide {
  width: 250px;
  height: 178px;
}

.home-bento-card--tall {
  width: 178px;
  height: 264px;
}

.home-bento-card--large {
  width: 264px;
  height: 264px;
}

.home-bento-card--slot-1.home-bento-card--small,
.home-bento-card--slot-3.home-bento-card--small {
  width: 176px;
  height: 176px;
}

@media (max-width: 1100px) {
  .home-bento__grid {
    min-height: 720px;
  }

  .home-bento-card--slot-1 {
    left: 4%;
  }

  .home-bento-card--slot-2 {
    left: 18%;
  }

  .home-bento-card--slot-3 {
    left: 50%;
    top: 12px;
    transform: translateX(-50%);
  }

  .home-bento-card--slot-4 {
    left: 58%;
    top: 142px;
    transform: translateX(-50%);
  }

  .home-bento-card--slot-5 {
    left: 20%;
    right: auto;
    top: 392px;
  }

  .home-bento-card--slot-6 {
    left: 44%;
    right: auto;
    top: 522px;
  }
}

@media (max-width: 760px) {
  .home-bento {
    min-height: 0;
    padding: 30px 0 56px;
  }

  .home-bento__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    min-height: 0;
  }

  .home-bento-card,
  .home-bento-card--slot-1,
  .home-bento-card--slot-2,
  .home-bento-card--slot-3,
  .home-bento-card--slot-4,
  .home-bento-card--slot-5,
  .home-bento-card--slot-6,
  .home-bento-card--small,
  .home-bento-card--wide,
  .home-bento-card--tall,
  .home-bento-card--large {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    transform: none;
  }
}