:root{--related-gap:clamp(2rem,4vw,4rem);--related-columns:1}@media (min-width:640px){:root{--related-columns:2}}@media (min-width:1024px){:root{--related-columns:3}}.related-content{display:flex;flex-direction:column;justify-content:space-between;@media screen and (min-width:768px){flex-direction:row;gap:var(--related-gap)}}.related-content-text{max-width:var(--maxwidth-sm)}.related-wrapper{display:grid;grid-template-columns:repeat(var(--related-columns),1fr);margin-bottom:3rem;margin-top:4rem;transition:var(--transition-fast);grid-gap:var(--related-gap);gap:var(--related-gap);&.active{opacity:.5}}