.articles__title-container{margin:2rem 0 4rem 0}.articles__main-container{display:grid;grid-template-columns:1fr}@media screen and (min-width: 56rem){.articles__main-container{grid-template-columns:1fr minmax(auto, 20rem);align-items:flex-start;gap:3rem}.articles__main-container .cta-newsletter{position:sticky;top:4.5rem}}.articles__list-container{display:flex;flex-direction:column;padding:0;margin:0;gap:1.5rem}.articles__list-container .article{border:1px solid var(--border-color);border-radius:.625rem;padding:0;transition:color .15s ease,border-color .15s ease;display:flex;flex-direction:column;gap:.75rem;text-decoration:none}.articles__list-container .article:any-link{color:var(--text-color-muted)}.articles__list-container .article:any-link:hover{background-color:oklch(from var(--background-color-accent) l c h/0.2);color:var(--text-color-muted);border-color:var(--link-color-hover)}.articles__list-container .article:any-link:hover .article__image img{opacity:.8}.articles__list-container .article:any-link:hover .article__read-more{color:var(--link-color-hover)}.articles__list-container .article:any-link:hover .article__read-more .arrow{transform:translateX(0.375rem);color:var(--link-color-hover)}.articles__list-container .article .article__image{position:relative;display:block;border-radius:.5em .5em 0 0;height:clamp(200px,30vw,400px);width:100%;overflow:hidden}.articles__list-container .article .article__image img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;transition:opacity .15s ease}.articles__list-container .article .article__header{display:flex;align-items:center;gap:.75rem;font-size:.875rem;padding:0 1.5rem}.articles__list-container .article .article__chip{background-color:var(--chip-background-color);color:var(--chip-text-color);border-radius:calc(infinity*1px);padding:.25rem .75rem}.articles__list-container .article .article__header>time{display:flex;gap:.25rem;align-items:center}.articles__list-container .article .article__header>time svg{width:1rem;height:1rem}.articles__list-container .article .article__header>time:after{content:"·";padding-left:.5rem}.articles__list-container .article .article__title{font-size:1.5rem;color:var(--text-color-bright);padding:0 1.5rem}.articles__list-container .article .article__summary{font-size:1rem;flex-grow:1;padding:0 1.5rem}.articles__list-container .article .article__read-more{font-size:1rem;color:var(--link-color);transition:color .15s ease;position:relative;padding:0 1.5rem;margin-bottom:1.5rem}.articles__list-container .article .article__read-more .arrow{display:inline-block;font-weight:600;position:relative;transform:translateX(0);transition:color .15s ease,transform .15s ease}