:root{--articles-image-transition:var(--transition-slow);--articles-columns:1;--articles-gap:1.5rem;--article-item-border-radius:1.5rem;@media (min-width:640px){--articles-columns:2}@media (min-width:768px){--articles-gap:2.5rem}@media (min-width:64rem){--articles-columns:3}}#articles{display:grid;grid-template-columns:repeat(var(--articles-columns),minmax(0,1fr));grid-gap:var(--articles-gap);gap:var(--articles-gap);.article{overflow:hidden;position:relative;&:hover{.article-image{& img{transform:scale(1.08)}}}}}.article-item-outer{container:article-card/inline-size;position:relative}.article-item{border:1px solid var(--color-primary-200);border-radius:var(--article-item-border-radius);display:flex;flex-direction:column;height:100%;overflow:hidden}.article-image img{aspect-ratio:7/4;border-bottom-left-radius:0;border-bottom-right-radius:0;height:100%;object-fit:cover;width:100%}.article-content{display:flex;flex-direction:column;gap:1rem;padding:2rem;p{margin:0!important;max-width:30rem}svg{align-self:flex-end}}.article-category{align-items:center;background-color:var(--text-color);border-color:var(--text-color);border-radius:var(--button-border-radius);border-style:solid;border-width:1px;color:var(--section-background);display:flex;font-family:var(--font-family-heading-bold),serif;font-size:1rem;font-weight:900;justify-content:center;line-height:1;padding:.625rem 1rem;text-align:center;text-transform:var(--button-font-transform);width:max-content}.article-link{font-family:var(--font-family-heading-bold);font-size:clamp(var(--font-size-h4-mobile),4vw,var(--font-size-h4));letter-spacing:1px;line-height:var(--line-height-h4);text-decoration:none;text-transform:uppercase;&:after{content:"";inset:0;position:absolute;z-index:1}}@container article-card (min-width: 480px){.article-item{flex-direction:row!important}.article-image{flex:1 1 45%}.article-image img{aspect-ratio:unset;border-bottom-right-radius:0;border-top-right-radius:0}.article-item-coworker{.article-image{border-bottom-left-radius:1.5rem;overflow:hidden}}.article-content{flex:1 1 55%}}