/* HOME only. Keep the station-front photo at its existing size. */
.home-title-line {
  white-space: nowrap;
}

/* Adopted for the HOME store name only; also available in the comparison view. */
.home-sign-type h1 {
  font-family: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  font-weight: 700;
}

.home-review-controls {
  padding: 16px 20px;
  border: 1px solid var(--line);
  margin-bottom: 28px;
  font-size: 14px;
}

.home-review-controls p {
  margin: 6px 0;
}

.home-review-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.home-interior-photo {
  display: block;
  width: 88%;
  max-height: 390px;
  margin: 35px auto 16px;
}

/* Share the interior photo's width and left edge, keeping the service photo prominent. */
.home-service-section {
  width: 88%;
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.315fr);
  gap: 24px;
}

.home-service-section .service-photo {
  display: block;
  max-height: 340px;
}

.home-service-section h2 {
  text-wrap: balance;
}

.home-equipment-note {
  color: var(--muted);
  font-size: 0.875rem;
  margin-top: 8px;
}

.home-coffee-info {
  margin: 16px 0 20px;
}

.home-coffee-info p {
  margin: 0;
}

.home-coffee-method {
  font-weight: 600;
  line-height: 1.8;
}

.home-coffee-drip {
  white-space: nowrap;
}

.home-coffee-specialty {
  padding-top: 6px;
  color: var(--muted);
  font-size: 0.9375rem;
}

@media (max-width: 660px) {
  .home-hero h1 {
    font-size: clamp(19px, 7vw, 28px);
  }

  .home-hero {
    padding-bottom: 28px;
  }

  .home-hero .hero-photo {
    display: block;
    margin-bottom: 12px;
  }

  .home-review-options {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .home-service-section {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .home-service-section .service-photo {
    /* Preserve the previous 76% photo width inside the new 88% wrapper. */
    width: calc(100% * 76 / 88);
  }
}

/* Keep the coffee heading on one line on small phones. */
@media (max-width: 360px) {
  .home-coffee-section > h2 { font-size: 23px; }
}