.transformation-stories__grid{display:grid;grid-template-columns:337px 1fr;grid-template-rows:auto 1fr;gap:24px}.transformation-stories__header{grid-column:1/-1;display:flex;justify-content:center;padding:70px 30px 60px;position:relative}.transformation-stories__header .text{text-align:center;max-width:850px;color:#fff;position:relative;z-index:1}.transformation-stories__header .text h2{font-size:var(--font-size-14);font-family:var(--font-heading-family);text-transform:uppercase;margin-bottom:30px}.transformation-stories__header .text h3{font-size:var(--font-size-32);text-wrap:balance}.transformation-stories__header .text p{text-wrap:balance}.transformation-stories__header img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.transformation-stories__sidebar{grid-column:1;grid-row:2;width:337px;background-color:#bde9c9;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.transformation-stories__sidebar h4{font-size:var(--font-size-24);color:#101820}.transformation-stories__sidebar p{color:#4a505c}.transformation-stories__sidebar button{padding:0 15px;text-transform:uppercase}.transformation-stories{grid-column:2;grid-row:2;width:100%;overflow:hidden}.transformation-stories__cards{display:flex}.transformation-stories__card{width:25vw;max-width:337px;min-width:200px;margin-bottom:20px}.transformation-stories__card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.transformation-stories__card__meta{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:10px;justify-content:space-between;align-items:center;padding:11px 0 13px}.transformation-stories__card__meta h5{margin:0;font-family:var(--font-body-family);font-size:var(--font-size-16)}.transformation-stories__card__title__handle{border:1px solid #3d6353;border-radius:28px;font-size:10px;padding:6px 16px 6px 12px;display:flex;align-items:center;column-gap:5px}.transformation-stories__card__title__handle svg{width:12.5px;height:auto}.transformation-stories__card__title__handle svg path{stroke:#666}.transformation-stories__card__desc{font-size:var(--font-size-14);color:#9e9e9e}@media screen and (max-width: 800px){.transformation-stories__grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}.transformation-stories__header{grid-column:1;grid-row:1;padding:50px 30px 30px}.transformation-stories__header .text h3{font-size:var(--font-size-24)}.transformation-stories__sidebar{grid-column:1;grid-row:2;width:100%}.transformation-stories__sidebar h4{font-size:var(--font-size-20)}.transformation-stories{grid-column:1;grid-row:3}}/*# sourceMappingURL=section-transformation-stories.css.map */