/* V70: cache-pinned homepage bridge to the documented About origin story. */
.home-origin-feature {
  display: grid;
  grid-template-columns: minmax(15rem, .92fr) minmax(0, 1.08fr);
  gap: clamp(1.5rem, 4vw, 4.5rem);
  align-items: center;
  margin-top: clamp(2.5rem, 6vw, 5rem);
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(8, 27, 39, .15);
  background: rgba(255, 255, 255, .35);
}

.home-origin-feature__media { margin: 0; min-width: 0; }
.home-origin-feature__media img { display: block; width: 100%; height: auto; }
.home-origin-feature__media figcaption { margin-top: .7rem; color: rgba(8, 27, 39, .72); font-size: .75rem; line-height: 1.45; }
.home-origin-feature__body { min-width: 0; padding: clamp(.25rem, 1vw, .75rem) clamp(.1rem, 1vw, .75rem); }
.home-origin-feature__eyebrow { margin: 0 0 .7rem; color: #12664a; font: 800 .72rem/1.25 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.home-origin-feature__body h3 { margin: 0 0 .9rem; color: #102b37; font-size: clamp(1.55rem, 3vw, 2.45rem); line-height: 1.08; }
.home-origin-feature__body > p { max-width: 43rem; }
.home-origin-feature__boundary { padding-left: .9rem; border-left: 2px solid #57aa83; color: rgba(8, 27, 39, .84); font-size: .92rem; }
.home-origin-feature__source { font-size: .86rem; line-height: 1.45; }
.home-origin-feature__source a { overflow-wrap: anywhere; }
.home-origin-feature__actions { display: flex; flex-wrap: wrap; gap: 1rem 1.3rem; align-items: center; margin-top: 1.25rem; }
.home-origin-feature__actions .button { margin: 0; }

@media (max-width: 44rem) {
  .home-origin-feature { grid-template-columns: 1fr; gap: 1.35rem; padding: .9rem; }
  .home-origin-feature__body { padding: .25rem; }
}