.page-hero {
  padding-block: var(--space-5) var(--space-4);
  border-bottom: 1px solid var(--c-border);
}

.page-hero .eyebrow {
  margin-bottom: var(--space-2);
}

.page-hero p {
  max-width: 640px;
  font-size: 1.0625rem;
  margin-top: var(--space-2);
}

.page-section {
  padding-block: var(--space-5);
  border-bottom: 1px solid var(--c-border);
}

.page-section:last-of-type {
  border-bottom: none;
}

.story-block {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-bottom: 1px solid var(--c-border);
}

.story-block:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.story-block:first-child {
  padding-top: 0;
}

.story-media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.story-media--illustration {
  color: var(--c-accent);
}

.story-media--illustration img {
  width: 160px;
  height: 128px;
}

.story-media--photo {
  position: relative;
  width: 100%;
  
  height: 100%;
  background: var(--c-bg-alt);
  border-radius: var(--radius-md);
  overflow: hidden;
  flex-direction: column;
  gap: var(--space-2);
  color: var(--c-muted);
}
.story-media--photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-md);
}

.story-media--photo .photo-icon {
  width: 48px;
  height: 48px;
  opacity: 0.6;
}

.story-media--photo .photo-caption {
  font-size: 0.8125rem;
  text-align: center;
  max-width: 260px;
  padding-inline: var(--space-3);
}

.story-copy .eyebrow {
  margin-bottom: var(--space-2);
}

.story-copy h2 {
  margin-bottom: var(--space-3);
  font-size: 1.375rem;
}

.story-copy p {
  font-size: 0.9375rem;
  margin-bottom: var(--space-2);
}

.story-copy p:last-child {
  margin-bottom: 0;
}

.values-list,
.timeline-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.values-list li {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.value-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.9375rem;
}

.value-desc {
  font-size: 0.875rem;
  color: var(--c-muted);
  line-height: 1.55;
}

.timeline-list {
  border-left: 2px solid var(--c-border);
  padding-left: var(--space-3);
}

.timeline-list li {
  font-size: 0.875rem;
  color: var(--c-muted);
  line-height: 1.55;
}

.tl-year {
  display: block;
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--c-fg);
  font-size: 0.9375rem;
}

@media (min-width: 769px) {
  .story-block {
    flex-direction: row;
    align-items: center;
    gap: var(--space-6);
  }

  .story-block--reverse {
    flex-direction: row-reverse;
  }

  .story-media {
    flex: 0 0 320px;
  }

  .story-copy {
    flex: 1 1 auto;
  }
}

.legal-section {
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--c-border);
}

.legal-section:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.legal-section:first-child {
  padding-top: 0;
}

.legal-section h2 {
  font-size: 1.125rem;
  margin-bottom: var(--space-2);
}

.legal-section p {
  font-size: 0.9375rem;
  margin-bottom: var(--space-2);
}

.legal-section p:last-child {
  margin-bottom: 0;
}

.legal-section ul {
  margin: var(--space-2) 0 var(--space-2) var(--space-4);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.legal-section li {
  font-size: 0.9375rem;
  line-height: 1.55;
}

.legal-intro {
  font-size: 0.9375rem;
  color: var(--c-muted);
  margin-bottom: var(--space-4);
}

/* wh-img-fill */
.story-media img,
.story-media--photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.policy-toc a{display:inline-block;min-height:24px;padding-block:3px}