/* "Our story": one readable column in the home page's look (v1/styles.css supplies fonts, colours, .btn, .kicker, .card, .sign). */
.story-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: min(820px, 100% - 32px); margin: 0 auto; padding: 18px 0; }
.story-top__brand { display: inline-flex; align-items: center; gap: 8px; font: 900 20px "Nunito", sans-serif; text-decoration: none; }
.story-top__brand img { width: 30px; height: 30px; }
.story-top__links { display: flex; align-items: center; gap: 14px; font-size: 15px; }
.story-top__links a { text-decoration: none; color: var(--ink-soft); }
.story-top__links a[aria-current] { color: var(--ink); text-decoration: underline; }

.story { width: min(820px, 100% - 32px); margin: 0 auto; padding: 10px 0 80px; }
.story h1 { font-size: clamp(36px, 7vw, 58px); margin: 18px 0 14px; }
.story h1 em { font-style: normal; color: var(--pink-deep); }
.story h2 { font-size: clamp(24px, 4vw, 32px); margin: 44px 0 12px; }
.story p, .story li { font-size: 17.5px; color: var(--ink-soft); }
.story__lead { font-size: 20px !important; color: var(--ink) !important; }

.story figure { margin: 30px 0; }
.story figure img { width: 100%; height: auto; border-radius: var(--radius); box-shadow: var(--shadow); border: 5px solid var(--surface); }
.story figcaption { margin-top: 10px; font-size: 14px; color: var(--ink-soft); text-align: center; }

.story__promises { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0; margin: 18px 0 0; list-style: none; }
.story__promises li { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; margin: 0; }
.story__promises img { width: 26px; height: 26px; flex: none; background: var(--grass); border-radius: 50%; padding: 5px; }
.story__promises b { display: block; color: var(--ink); }

.story__cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.story__sign { margin-top: 36px; font-style: italic; }

@media (max-width: 640px) {
  .story__promises { grid-template-columns: 1fr; }
  .story-top__links .story-top__home { display: none; }
}
