.approach {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px 64px;
  border-top:1px solid var(--line);
}

.approach>.eyebrow {
  grid-column:1/-1;
}

.approach>div>p {
  color:var(--muted);
  margin-bottom:20px;
  font-size:18px;
}

.stories {
  background:#fffcf8;
  max-width:none;
  padding-left:max(40px,calc((100vw - 1200px)/2));
  padding-right:max(40px,calc((100vw - 1200px)/2));
}

.section-heading>span {
  color:var(--muted);
  font-size:13px;
}

.story-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.story-grid>a {
  padding:28px;
  border-top:1px solid #d9c6bb;
  position:relative;
  min-height:240px;
}

.story-grid>a:hover {
  background:#fcf3eb;
}

.story-grid span {
  font-size:12px;
  color:var(--action);
}

.story-grid h3 {
  margin:22px 0;
  font-size:25px;
  line-height:1.3;
}

.story-grid p {
  font-size:14px;
  color:var(--muted);
  padding-bottom:20px;
}

.story-grid b {
  font-size:24px;
  color:var(--action);
  font-weight:400;
}

.about {
  padding-top:80px;
  padding-bottom:100px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px 70px;
}

.about .eyebrow {
  grid-column:1/-1;
}

.about>p:not(.eyebrow) {
  color:var(--muted);
  font-size:18px;
}

.about>a {
  grid-column:2;
}