.articles{--art-ease:cubic-bezier(.22, 1, .36, 1);--art-card:#fffaf4;--art-radius:1.55rem;--art-img-radius:1.2rem}.articles-tabs-scroll{scrollbar-width:none}.articles-tabs-scroll::-webkit-scrollbar{display:none}.articles-tabs{align-items:center;gap:.35rem;width:max-content;display:flex;position:relative}.articles-tabs__indicator{pointer-events:none;border-radius:var(--radius-pill);background:var(--color-brand);position:absolute;top:0;bottom:0;box-shadow:0 6px 16px #2f574138}.articles-tab{z-index:1;border-radius:var(--radius-pill);color:var(--color-brand);cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:0;padding:.55rem 1.2rem;font-family:inherit;font-size:1.02rem;font-weight:600;line-height:1.2;transition:color .3s;position:relative}.articles-tab:hover:not([aria-selected=true]){color:var(--color-brand-dark)}.articles-tab[aria-selected=true]{color:var(--color-cream)}.articles-grid{grid-template-columns:1fr;gap:1.35rem;margin:2.4rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:1.45rem}}@media (min-width:1100px){.articles-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}.articles-grid--related{grid-template-columns:repeat(3,1fr)}}.articles-grid>li{min-width:0;transition:opacity .22s,transform .22s}.articles-grid[data-phase=out]>li{opacity:0;transform:translateY(10px)}.articles-grid[data-phase=in]>li{animation:articles-card-in .5s var(--art-ease) both}.articles-grid[data-phase=in]>li:first-child{animation-delay:40ms}.articles-grid[data-phase=in]>li:nth-child(2){animation-delay:.1s}.articles-grid[data-phase=in]>li:nth-child(3){animation-delay:.16s}.articles-grid[data-phase=in]>li:nth-child(4){animation-delay:.22s}@keyframes articles-card-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.article-card{border-radius:var(--art-radius);background:var(--art-card);height:100%;color:inherit;transition:transform .35s var(--art-ease), box-shadow .35s ease;flex-direction:column;padding:.95rem .95rem 1.3rem;text-decoration:none;display:flex;overflow:hidden;box-shadow:0 10px 36px #23302a12}.article-card:hover,.article-card:focus-visible{transform:translateY(-6px);box-shadow:0 18px 44px #23302a21}.article-card:focus-visible{box-shadow:0 18px 44px #23302a21, 0 0 0 2px var(--color-cream), 0 0 0 4px var(--color-brand);outline:none}.article-card__media{aspect-ratio:4/3.05;border-radius:var(--art-img-radius);background:var(--color-cream-deep);position:relative;overflow:hidden}.article-card__media img{object-fit:cover;object-position:center;transition:transform .55s var(--art-ease)}.article-card:hover .article-card__media img,.article-card:focus-visible .article-card__media img{transform:scale(1.045)}.article-card__badge{z-index:2;background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.55rem;height:2.55rem;display:flex;position:absolute;top:.7rem;left:.7rem;box-shadow:0 4px 12px #f58b5561}.article-card__badge svg{transform-origin:50%;width:15px;height:18px;transition:transform .3s var(--art-ease)}.article-card:hover .article-card__badge svg,.article-card:focus-visible .article-card__badge svg{transform:rotate(-90deg)}.article-card__tag{border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-cream);letter-spacing:.01em;align-self:flex-start;margin-top:.85rem;padding:.28rem .72rem;font-size:.72rem;font-weight:600;line-height:1.2}.article-card__title{-webkit-line-clamp:3;line-clamp:3;text-align:center;min-height:3.5em;color:var(--color-brand);-webkit-box-orient:vertical;flex:auto;margin:.8rem 0 0;font-size:1.12rem;font-weight:800;line-height:1.32;display:-webkit-box;overflow:hidden}.article-card__cta{align-self:center;margin-top:1.15rem}.articles-empty{text-align:center;color:var(--color-brand);opacity:.7;margin:3rem 0 0;font-size:.95rem}@media (prefers-reduced-motion:reduce){.articles-grid>li,.article-card,.article-card__media img,.article-card__badge svg{filter:none!important;transition:none!important;animation:none!important;transform:none!important}.articles-grid[data-phase=out]>li,.articles-grid[data-phase=in]>li{opacity:1!important}}