.work-index h2 { color: var(--color-text); font-size: var(--type-heading-size); }
.feature-stories {
  display: grid;
  gap: 80px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.feature-stories a {
  display: grid;
  gap: 16px;
  color: inherit;
  text-decoration: none;
}
.feature-copy {
  display: grid;
  gap: 8px;
  padding-inline: 0;
  align-items: start;
}
.feature-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; }
.feature-stories h3, .feature-stories .feature-copy > p {
  margin: 0;
  padding: 0;
  font-family: var(--font-reading);
}
.feature-stories h3 { color: var(--color-text); font:var(--type-subheading-weight) var(--type-subheading-size)/var(--type-subheading-leading) var(--font-reading); }
.feature-stories .feature-copy > p { color: var(--color-text-secondary); font: 400 var(--type-ui-size)/var(--type-ui-leading) var(--font-reading); }
.feature-meta { display: inline-flex; align-self: center; flex-wrap: wrap; gap: 6px; }
.feature-meta .tag { white-space: nowrap; }
.feature-thumbnail {
  position: relative;
  overflow: hidden;
  container-type: inline-size;
  aspect-ratio: 2;
  border-radius: 8px;
  background-color: var(--field);
  --hero-shadow: .624854cqw .624854cqw 1.874563cqw rgba(8,23,46,.15);
}
.feature-thumbnail.growth { --field: oklch(0.92 0.016 315); }
.feature-thumbnail.lucky-finds { --field: var(--lucky-field); }
.feature-thumbnail.actions { --field: #d6e3e3; }
.feature-thumbnail.enterprise { --field: #f5e1d4; }
.feature-art { position: absolute; inset: 0; }
.feature-art > img { position: absolute; display: block; max-width: none; object-fit: cover; }
.feature-art .trial-dashboard { left: 9.444444%; top: 5.37037%; width: 61.851852%; height: 84.814815%; }
.trial-activity { position: absolute; left: 54.814815%; width: 35.740741%; overflow: hidden; border: 1px solid #f7f9fd; }
.trial-activity img { position: absolute; left: -.05%; width: 233.08%; max-width: none; }
.trial-activity-header { top: 51.851852%; height: 5.555556%; border-radius: .740741cqw .740741cqw 0 0; }
.trial-activity-header img { top: 0; height: 1702.91%; }
.trial-activity-body { top: 57.037037%; height: 37.407407%; border-radius: 0 0 .740741cqw .740741cqw; }
.trial-activity-body img { top: -34.42%; height: 252.91%; }
.hero-stat {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.111111cqw 2.222222cqw;
  border-radius: .740741cqw;
  box-shadow: var(--hero-shadow);
  color: white;
  line-height: 1.5;
}
.hero-stat strong { font-size: 2.222222cqw; font-weight: 700; }
.hero-stat span { font-size: 1.018519cqw; font-weight: 500; }
.growth .hero-stat { left: 66.851852%; top: 30.37037%; width: 20%; background: #875c9b; }
.feature-art .actions-builder { left: 17.5%; top: 8.148148%; width: 62.5%; height: 83.888889%; border-radius: .740741cqw; box-shadow: var(--hero-shadow); }
.feature-art .actions-api { left: 12.685185%; top: 4.62963%; width: 20.833333%; height: 30.555556%; }
.feature-art .actions-conversation { left: 72.685185%; top: 49.444444%; width: 13.796296%; height: 37.222222%; box-shadow: var(--hero-shadow); }
.actions .hero-stat { left: 11.666667%; top: 70.555556%; width: 22.962963%; background: #5b827e; }
.feature-art .enterprise-simulations { left: 12.592593%; top: 5.37037%; width: 74.814815%; height: 92.222222%; }
.enterprise .hero-stat { left: 70.555556%; top: 59.074074%; width: 20%; background: #c85b2c; }
.feature-stories a:is(:hover,:focus-visible) h3 { color: var(--color-link); }
.feature-stories a:is(:hover,:focus-visible) .feature-copy > p { color: var(--color-text-secondary); }
@media (prefers-reduced-motion: no-preference) {
  .feature-copy { transition: transform 280ms cubic-bezier(.2,.7,.2,1); }
  .feature-copy h3 { transition: color 180ms ease; }
  .feature-stories a:is(:hover,:focus-visible) .feature-copy { transform: translateX(3px); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .feature-thumbnail { transition: background-color 300ms ease-out; }
  .feature-art { transition: transform 300ms ease-out; }
  .feature-stories a:is(:hover,:focus-visible) .feature-art { transform: scale(1.03); }
  .feature-stories a:is(:hover,:focus-visible) .feature-thumbnail {
    background-color: oklch(from var(--field) calc(l * 1.02) calc(c * 1.5) h);
  }
}
@media (max-width: 700px) {
  .feature-stories { gap: 48px; margin-top: 28px; }
  .feature-stories a { gap: 12px; }
  .feature-copy { gap: 8px; }
}