/* Each chapter contributes a new moment: name, ritual, blend, people. */
.home-page .story-opening { grid-template-columns:1fr 1fr; gap:12%; padding-block:100px; }
.home-page .heritage-moment { max-width:490px; justify-self:center; width:100%; }
.home-page .heritage-moment img { aspect-ratio:1; object-fit:cover; }
.home-page .heritage-copy h2 { font-size:clamp(40px,4.2vw,60px); }
.home-page .community-story {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center; gap:12%; background:#ebe4d6;
  padding:80px max(6%,calc((100vw - 1268px)/2));
}
.community-photo { margin:0; overflow:hidden; }
.community-photo img { display:block; width:100%; height:auto; aspect-ratio:1.05; object-fit:cover; object-position:50% 40%; }
.community-copy h2 { font-size:clamp(38px,4vw,56px); line-height:1.1; margin:0 0 24px; }
.community-copy>p { font-size:14px; line-height:1.85; max-width:360px; margin:0 0 22px; }
.community-social { display:block; width:max-content; font-size:11px; min-height:44px; padding-block:15px; color:var(--soft-ink); }
.story-page .story-begin { padding-block:clamp(68px,8vw,118px); }
.story-page .story-begin h1 { font-size:clamp(46px,5vw,76px); }
.story-page .story-meaning h2 { font-size:clamp(40px,4.1vw,60px); }
.story-page .story-meaning-prose { max-width:440px; }
.story-page .story-meaning-prose p { font-size:15px; line-height:1.9; }
.story-page .story-ritual-panorama figcaption { padding-block:16px; }
.story-page .story-first-cup { grid-template-columns:100px minmax(0,1fr) 220px; gap:5%; }
.story-page .story-first-cup-photo { height:150px; }
.story-page .story-first-cup h2 { font-size:clamp(32px,3vw,44px); }
.story-page .story-first-cup-action .button { min-height:48px; }
@media(max-width:900px) {
  .story-page .story-begin { padding-block:48px; }
  .story-page .story-begin h1 { font-size:clamp(39px,9.8vw,62px); }
  .story-page .story-meaning h2 { font-size:clamp(38px,9vw,54px); }
  .story-page .story-first-cup { grid-template-columns:80px minmax(0,1fr); }
}
@media(max-width:750px) {
  .home-page .story-opening { grid-template-columns:1fr; gap:34px; padding-block:54px; }
  .home-page .heritage-copy h2 { font-size:clamp(36px,9.3vw,48px); }
  .home-page .heritage-moment { width:100%; max-width:460px; }
  .home-page .community-story { grid-template-columns:1fr; gap:32px; padding-block:48px; }
  .community-copy h2 { font-size:38px; margin-bottom:20px; }
  .community-copy>p { font-size:13px; }
}