.article-related{margin-top:var(--ds-space-8)}.article-related__heading{margin:0 0 var(--ds-space-5);font-size:var(--ds-text-h2);line-height:var(--ds-leading-tight)}.article-related__list{display:grid;gap:var(--ds-space-5);margin:0;padding:0;list-style:none}@media screen and (min-width:990px){.article-related__list{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:var(--ds-space-5) var(--ds-space-6)}.article-related__item--lead{grid-row:1 / 4}}.article-related__link{display:flex;gap:var(--ds-space-4);align-items:center;height:100%;color:var(--ds-text);text-decoration:none}.article-related__link:focus-visible{outline:2px solid var(--ds-focus-ring);outline-offset:4px;border-radius:var(--ds-radius-lg)}.article-related__media{flex:none;width:12rem;aspect-ratio:1;border-radius:var(--ds-radius-lg);background-color:var(--ds-primary-softer);overflow:hidden}.article-related__media img{display:block;width:100%;height:100%;object-fit:cover}.article-related__text{display:grid;gap:var(--ds-space-2);min-width:0}.article-related__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-family:var(--ds-font-display);font-size:var(--ds-text-h4);font-weight:700;line-height:var(--ds-leading-snug);text-decoration-thickness:2px;text-underline-offset:.2em}.article-related__excerpt{font-size:var(--ds-text-body);line-height:var(--ds-leading-body);color:var(--ds-text-muted)}.article-related__time{font-size:var(--ds-text-sm);color:var(--ds-text-subtle)}.article-related__item--lead .article-related__link{flex-direction:column;align-items:stretch;gap:0;background-color:var(--ds-surface);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-clay-sm);overflow:hidden;transition:box-shadow var(--ds-duration) var(--ds-ease-out),transform var(--ds-duration-fast) var(--ds-ease-out)}.article-related__item--lead .article-related__media{width:100%;aspect-ratio:16 / 9;border-radius:0}.article-related__item--lead .article-related__text{padding:var(--ds-space-5)}.article-related__item--lead .article-related__title{font-size:var(--ds-text-h3)}@media(hover:hover){.article-related__item--lead .article-related__link:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-clay-md)}.article-related__link:hover .article-related__title{text-decoration-line:underline}}@media(prefers-reduced-motion:reduce){.article-related__item--lead .article-related__link{transition:none}.article-related__item--lead .article-related__link:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-article-related.css.map */