/* Our Story only. Shared components retain their own tokens and interactions. */
.page-id-1647 .about-hero {

  --ssm-hero-background: var(--ssm-lime);
}

.page-id-1647 .about-hero__media img {

  object-position: center 35%;
}

/* Our Story chronological layout; typography and spacing use shared roles. */
.page-id-1647 .about-story-article { --story-year-width: 7.5rem; --story-rail-gap: var(--ssm-grid-gap); --story-marker-center: calc(var(--ssm-section-subtitle-size) * .525); }
.story-timeline-intro { width: min(100%, calc(var(--ssm-content) + 2 * var(--ssm-component-space))); margin: 0 auto calc(2 * var(--ssm-component-space)); }
.story-timeline-intro > p { max-width: var(--ssm-content); }
.story-timeline { list-style: none; margin: 0; padding: 0; }
.story-timeline__item { position: relative; display: grid; grid-template-columns: var(--story-year-width) minmax(0, 1fr); gap: calc(2 * var(--story-rail-gap)); padding: 0 0 var(--ssm-component-space); }
.story-timeline__item:last-child { padding-bottom: 0; }
.story-timeline__item::before { content: ""; position: absolute; top: var(--story-marker-center); bottom: calc(-1 * var(--story-marker-center)); left: calc(var(--story-year-width) + var(--story-rail-gap)); width: 2px; background: var(--ssm-orange); }
.story-timeline__item:last-child::before { bottom: 0; }
.story-timeline__date::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + var(--story-rail-gap) - 5px); width: 12px; height: 12px; border-radius: 50%; background: var(--ssm-orange); }
.story-timeline__date { position: relative; align-self: start; margin: 0; text-align: right; }
.story-timeline__entry { min-width: 0; }
.story-timeline__entry--with-photo { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--ssm-grid-gap); align-items: start; }
.story-timeline__copy { min-width: 0; }
.story-timeline__copy .ssm-content-subheading { margin: 0 0 var(--ssm-heading-gap); }
.story-timeline__copy p { margin: 0; max-width: 65ch; }
.story-timeline__copy p + p { margin-top: var(--ssm-heading-gap); }
.story-timeline__action { margin-top: var(--ssm-heading-gap); }
.story-timeline__photo { margin: 0; min-width: 0; }
.story-timeline__photo img { display: block; width: 100%; height: auto; }
.story-timeline__photo figcaption { margin-top: .65rem; }
.story-timeline__entry--below .story-timeline__photo { margin-top: var(--ssm-component-space); }
@media (max-width: 760px) {
  .page-id-1647 .about-story-article { --story-year-width: 5.5rem; }
  .story-timeline__entry--with-photo { grid-template-columns: minmax(0, 1fr); }
  .story-timeline__entry--with-photo .story-timeline__photo { max-width: var(--ssm-content); }
}
@media (max-width: 600px) {
  .page-id-1647 .about-story-article { --story-year-width: 0rem; --story-rail-gap: .5rem; }
  .story-timeline__item { grid-template-columns: minmax(0, 1fr); gap: var(--ssm-heading-gap); padding-left: var(--ssm-grid-gap); }
  .story-timeline__date { text-align: left; }
  .story-timeline__item::before { left: 0; }
  .story-timeline__date::after { left: calc(-1 * var(--ssm-grid-gap) - 5px); }
}