.related-contents{--grid-align:var(--grid-align\@sm,center);--grid-count:var(--grid-count\@sm,1);--grid-gap:var(--grid-gap\@sm,1.5rem);display:flex;flex-flow:row wrap;gap:var(--grid-gap);justify-content:var(--grid-align)}@media (min-width:768px){.related-contents{--grid-align:var(--grid-align\@md,center);--grid-count:var(--grid-count\@md,2);--grid-gap:var(--grid-gap\@md,1.5rem)}}@media (min-width:1025px){.related-contents{--grid-align:var(--grid-align\@lg,center);--grid-count:var(--grid-count\@lg,3);--grid-gap:var(--grid-gap\@lg,2rem)}}@media (min-width:1500px){.related-contents{--grid-align:var(--grid-align\@xl,center);--grid-count:var(--grid-count\@xl,4);--grid-gap:var(--grid-gap\@xl,3rem)}}.related-contents__header{align-items:center;display:flex;flex:1 1 100%;gap:1rem;justify-content:space-between}.related-content{display:flex;flex-direction:column;gap:1rem;position:relative;width:calc(100%/var(--grid-count) - var(--grid-gap) + var(--grid-gap)/var(--grid-count))}.related-content:hover{box-shadow:0 3px 6px #0000005a;opacity:1}.related-content__image{aspect-ratio:16/9;display:block;object-fit:cover;order:0;width:100%}.related-content__title{font-size:1.25rem;font-weight:400;margin:1rem 1rem 0;order:2}.related-content:hover .related-content__title{text-decoration:underline}.related-content__category{align-self:flex-end;background-color:rgb(var(--color-primary));border-radius:.5rem 0 0 .5rem;color:rgb(var(--color-white));display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1875rem;line-height:1;margin:-2.25rem 0 -1.75rem;order:1;padding:.75rem;text-transform:uppercase}.related-content__cta{align-self:flex-start;font-size:1rem;margin:0 1rem 1.5rem;order:3}.related-content:hover .related-content__cta{text-decoration:underline}