.editorial-list { padding: 32px 0 80px; font-family: "WF Editorial Roboto", Arial, sans-serif; }
.editorial-list__layout { display: grid; grid-template-columns: 1fr 2fr; }
.editorial-list__intro { padding: 32px; border: 1px solid var(--wf-grey); }
.editorial-list__intro:has(.editorial-list__flower) { display: flex; flex-direction: column; align-items: flex-start; }
.editorial-list__flower { display: block; width: 96px; height: 96px; flex-shrink: 0; margin-top: auto; padding-top: 32px; box-sizing: content-box; color: var(--wf-red); }
.editorial-list h2 { font-family: inherit; font-size: clamp(30px, 3vw, 48px); line-height: 1.1; white-space: pre-line; }
.editorial-list__items { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--wf-grey); }
.editorial-list__items li { display: grid; grid-template-columns: 24px 1fr 1.6fr; align-items: start; gap: 20px; padding: 24px; border: 1px solid var(--wf-grey); border-top: 0; border-left: 0; }
.editorial-list__items span { font-size: 12px; color: var(--wf-muted); }
.editorial-list h3 { font-family: inherit; font-size: 20px; line-height: 1.3; margin: 0; }
.editorial-list__items p { margin: 0; font-size: 16px; line-height: 1.6; }
.editorial-list--foundation { padding-top: 72px; }
.editorial-list--foundation .editorial-list__layout { grid-template-columns: 1fr 2fr; gap: 8%; border-top: 1px solid var(--wf-grey); padding-top: 64px; }
.editorial-list--foundation .editorial-list__intro { border: 0; padding: 0; }
.editorial-list--foundation .editorial-list__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; border: 0; }
.editorial-list--foundation li { display: block; border: 0; padding: 0; }
.editorial-list--foundation h3 { margin: 12px 0; }
@media (max-width: 760px) { .editorial-list__layout, .editorial-list--foundation .editorial-list__layout { grid-template-columns: 1fr; gap: 24px; } .editorial-list__items li { grid-template-columns: 24px 1fr; border-left: 1px solid var(--wf-grey); } .editorial-list__items p { grid-column: 2; } .editorial-list--foundation .editorial-list__items { grid-template-columns: 1fr; } .editorial-list--foundation li { border: 0; } }

.editorial-list h1, .editorial-list h2, .editorial-list h3 { font-weight: 400; }

@media (min-width: 761px) and (max-width: 1024px) {
 .editorial-list__layout, .editorial-list--foundation .editorial-list__layout { grid-template-columns: 1fr; gap: 32px; }
 .editorial-list__items li { border-left: 1px solid var(--wf-grey); }
 .editorial-list--foundation li { border: 0; }
}
@media (max-width: 760px) {
 .editorial-list--foundation { padding-top: 48px; }
 .editorial-list--foundation .editorial-list__layout { padding-top: 32px; }
 .editorial-list h2 { white-space: normal; }
}