.zen-home-story {
  --story-padding: clamp(32px, 4vw, 56px);
  --story-copy-width: 760px;
  --story-image-height: clamp(320px, 30vw, 440px);
  --story-action-inset: 32px;
  --story-copy-size: 18px;
  --story-content-gap: 20px;
  --story-bottom-space: clamp(48px, 5vw, 72px);
  padding-bottom: var(--story-bottom-space);
  font-family: "Jost", Arial, sans-serif;
}
.zen-home-story__box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  background: transparent;
}
.zen-home-story__image {
  display: block;
  width: 100%;
  height: auto;
}
.zen-home-story__media { position: relative; }
.zen-home-story__action {
  position: absolute;
  inset-inline: var(--story-action-inset);
  bottom: var(--story-action-inset);
  display: flex;
  justify-content: center;
}
.zen-home-story__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--story-content-gap);
  min-width: 0;
  padding: var(--story-padding);
  text-align: center;
  background: transparent;
}
.zen-home-story__title {
  max-width: var(--story-copy-width);
  width: 100%;
  margin: 0 0 4px;
  color: var(--zen-and-tao-muted);
  font: 500 var(--zen-home-section-title-size)/1.15 "Jost", Arial, sans-serif;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.zen-home-story__copy {
  max-width: var(--story-copy-width);
  width: 100%;
  margin: 0;
  color: var(--zen-and-tao-ink);
  font-size: var(--story-copy-size);
  line-height: 1.75;
  text-wrap: pretty;
}
@media (min-width: 783px) {
  .zen-home-story { --story-copy-width: 100%; }
  .zen-home-story__content { padding-inline: 0; }
  .zen-home-story__image {
    height: var(--story-image-height);
    object-fit: cover;
    object-position: 50% 15%;
  }
}
@media (max-width: 782px) {
  .zen-home-story {
    --story-padding: 24px;
    --story-copy-size: 16px;
    --story-content-gap: 16px;
    --story-action-inset: 16px;
  }
}