/* Home definition, paired About/Story cards, and readable Apple download labels. */
.fz-home-definition { max-width: 640px; margin: -6px 0 24px; color: var(--fz-ink-dim); font-size: 15.5px; font-weight: 600; line-height: 1.9; }
.about-story-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: stretch; }
.about-story-grid > .story-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; max-width: none; width: 100%; margin: 0; padding: 32px; opacity: 1; transform: none; }
.about-story-grid > .story-card:hover { transform: translate(-3px, -3px); }
.about-story-grid .sc-title { font-size: clamp(22px, 2.1vw, 27px); }
.about-story-grid .sc-lead { font-size: 16px; }
.about-story-grid .sc-cta { min-height: 44px; margin-top: auto; }
.about-story-grid > .story-card:focus-visible { outline: 3px solid var(--fz-sky-deep); outline-offset: 7px; }
/* The expanded small Apple label needs opaque white on the readable sky step. */
.hero-ctas .store-btn.primary, .dl-final .store-btn.primary { background: var(--fz-sky-deep); }
.hero-ctas .store-btn.primary .s1, .dl-final .store-btn.primary .s1 { opacity: 1; }
@media (max-width: 760px) {
  .about-story-grid { grid-template-columns: 1fr; gap: 22px; }
  .about-story-grid > .story-card { padding: 28px 24px 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-story-grid > .story-card, .about-story-grid .sc-cta, .about-story-grid .sc-cta svg { transition: none; }
  .about-story-grid > .story-card:hover, .about-story-grid > .story-card:hover .sc-cta, .about-story-grid > .story-card:hover .sc-cta svg { transform: none; }
}