/* HOMEのBrandに添える風景 */
@media (min-width: 901px) {
  .desktop-content .story-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 40%);
    gap: clamp(24px, 3vw, 48px);
    align-items: center;
  }
  .desktop-content .story-copy { min-width: 0; }
}
.story-landscape { margin: 0; overflow: hidden; }
.story-landscape img { display: block; width: 100%; aspect-ratio: 6 / 5; object-fit: cover; }
.mobile-values .story-landscape { margin: 24px 0 0; }
/* HOME: gentle, distinct backgrounds for the two sections. */
.desktop-content > .story, .mobile-home .mobile-values { background: linear-gradient(130deg, #f6e2dc 0%, #f4e4e8 55%, #e9e7f0 100%); }
.desktop-content > .journal, .mobile-home .mobile-journal { background: linear-gradient(130deg, #e9e7f0 0%, #e6edf2 55%, #efe5e9 100%); }

@media (min-width: 901px) {
  .desktop-content > .story, .desktop-content > .journal { width: 100%; max-width: none; margin: 0; padding-left: max(5%, calc((100% - 1390px) / 2)); padding-right: max(5%, calc((100% - 1390px) / 2)); }
}

/* Remove the gap immediately before Brand. */
@media (min-width: 901px) { .desktop-content > .jewelry { margin-bottom: 0; } }

/* Match HOME section labels to the opening label. */
@media (min-width: 901px) { .desktop-content > .story .section-label, .desktop-content > .journal .section-label { font-size: 13px; } }

/* Extend the contact background to the edges of HOME. */
.desktop-content > .contact { width: 100%; max-width: none; margin: 0; }

/* Align the Brand presentation with the two-column Jewelry section. */
@media (min-width: 901px) {
  .desktop-content > .story { display: block; padding: 0; }
  .desktop-content .story-body { grid-template-columns: 52% 48%; gap: 0; align-items: stretch; }
  .desktop-content .story-copy { padding: 48px clamp(36px, 6.75vw, 102px); align-self: center; }
  .desktop-content .story-copy .section-label { margin-bottom: 35px; }
  .desktop-content .story-copy .prose { margin-top: 27px; }
  .desktop-content .story-landscape { display: flex; align-items: center; justify-content: center; padding: clamp(28px, 4vw, 60px); }
  .desktop-content .story-landscape img { width: 100%; max-width: 500px; aspect-ratio: 4 / 3; object-position: 50% 12%; }
}

/* Align the Journal heading and copy as one reading column. */
@media (min-width: 901px) {
 .desktop-content > .journal .journal-header { display: block; width: 48%; padding: 10px 5%; margin: 0; }
 .desktop-content > .journal .journal-header > p { margin: 24px 0 0; }
}

@media (min-width: 901px) {
 .desktop-content > .journal { padding-left: 0; padding-right: 0; }
 .desktop-content > .journal .journal-header { width: 52%; padding: 10px clamp(36px, 6.75vw, 102px); }
}

/* Give the opening heading the same scale as the Jewelry heading. */
@media (min-width: 751px) { #home h1 { font-size: clamp(27px, 2.3vw, 33px); } }