[data-key=articles] .list{display:grid;gap:calc(5 * var(--size-grid-gap))}[data-key=articles] article{padding:var(--size-grid-gap);box-shadow:0 0 35px var(--color-grey-5);background:#fff}[data-key=articles] h3{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1em}[data-key=articles] small{font-size:var(--font-size-normal-4);font-style:italic;font-weight:400}[data-key=articles] img{max-width:100%;max-height:20rem}[data-key=articles] .cta{margin-top:var(--size-grid-gap)}[data-key=articles] .split-left,[data-key=articles] .split-middle,[data-key=articles] .split-right{display:grid;gap:1rem}[data-key=articles] [class^=split] img{max-width:100%;object-fit:contain;object-position:center}@media (max-width:899px){[data-key=articles] .split-left,[data-key=articles] .split-middle,[data-key=articles] .split-right{grid-template-columns:minmax(1rem,1fr);grid-template-rows:auto auto}[data-key=articles] [class^=split] figure{order:-1}}@media (min-width:900px){[data-key=articles] .split-middle{grid-template-columns:minmax(1rem,1fr) minmax(1rem,1fr)}[data-key=articles] .split-left{grid-template-columns:minmax(1rem,3fr) minmax(1rem,2fr)}[data-key=articles] .split-right{grid-template-columns:minmax(1rem,2fr) minmax(1rem,3fr)}[data-key=articles] [class^=split] figure{display:flex;align-items:start;justify-content:end}}@media (min-width:1200px){[data-key=articles] article{padding:3rem}[data-key=articles] .split-left{grid-template-columns:minmax(1rem,2fr) minmax(1rem,1fr)}[data-key=articles] .split-right{grid-template-columns:minmax(1rem,1fr) minmax(1rem,2fr)}}