.related-articles{padding:4rem 2.5rem 6rem;border-top:1px solid rgba(var(--color-foreground),.08);max-width:120rem;margin:0 auto}.related-articles__heading{font-size:2.8rem;font-weight:700;margin-bottom:3rem;letter-spacing:-.02em}.related-articles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;list-style:none;margin:0;padding:0}.related-articles__card{border-radius:1rem;overflow:hidden;border:1px solid rgba(var(--color-foreground),.06);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.related-articles__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.related-articles__image{position:relative;height:180px;overflow:hidden;background:rgba(var(--color-foreground),.04);display:block}.related-articles__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.related-articles__card:hover .related-articles__image img{transform:scale(1.03)}.related-articles__card-body{padding:1.6rem 1.8rem 2rem}.related-articles__tag{display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.5);margin-bottom:.8rem}.related-articles__title{font-size:1.6rem;font-weight:600;line-height:1.35;margin:0 0 .8rem}.related-articles__title a{color:rgb(var(--color-foreground));text-decoration:none}.related-articles__title a:hover{text-decoration:underline}.related-articles__excerpt{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0 0 1.4rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-articles__read-link{display:inline-flex;align-items:center;gap:.4rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:none}.related-articles__read-link:hover{text-decoration:underline}.related-articles__read-link svg{transition:transform .2s}.related-articles__read-link:hover svg{transform:translate(3px)}@media screen and (max-width:989px){.related-articles__grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width:749px){.related-articles__grid{grid-template-columns:1fr;gap:2rem}.related-articles__heading{font-size:2.2rem;margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-related-articles.css.map */