/* Mizutaki Page Specific Styles */

.mizutaki-desc {
  font-size: var(--text-base);
  line-height: 2.0;
  letter-spacing: 0.1em;
  text-align: center;
}

.mizutaki-photos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.mizutaki-photos picture {
  display: block;
  width: 100%;
}

.mizutaki-photos img {
  width: 100%;
  aspect-ratio: 683 / 426;
  object-fit: cover;
}

@media (max-width: 768px) {
  .mizutaki-photos {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .mizutaki-photos picture:nth-child(3) { order: 4; }
  .mizutaki-photos picture:nth-child(4) { order: 3; }
}