.blog__heading{margin-bottom:2.4rem}.blog__articles{grid-template-columns:repeat(1,1fr);row-gap:3.2rem;display:grid}@media screen and (min-width:768px){.blog__heading{margin-bottom:3.2rem}.blog__articles{grid-template-columns:repeat(3,1fr);gap:4.8rem 1.6rem}}@media screen and (min-width:1200px){.blog__articles{grid-template-columns:repeat(4,1fr)}}.pagination{margin-top:4rem}.pagination__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.pagination__list-item{flex:1 0 5.1rem;max-width:5.1rem}.pagination__list-item--arrow{flex:1;max-width:max-content}.pagination__item{width:5.1rem;height:5.1rem;color:var(--color-inglenook);will-change:color,border-color,background-color;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .3s ease-in-out,background-color .3s ease-in-out;display:inline-flex;position:relative}.pagination__item:hover,.pagination__item--current{border-radius:var(--border-radius-full)}.pagination__item:not(.pagination__item--current):hover{border:.1rem solid var(--color-inglenook)}.pagination__item--current{color:var(--color-bark);border:.1rem solid var(--color-bark);background-color:var(--color-white)}.pagination__item--prev svg{transform:rotate(90deg)}.pagination__item--next svg{transform:rotate(-90deg)}.pagination__item span:not(.pagination__item-arrow){margin-top:.3rem}.pagination__item-arrow{color:var(--color-bark);white-space:nowrap;align-items:center;gap:.8rem;text-decoration:none;display:flex}.pagination__item--prev:hover .pagination__item-arrow-icon{transform:translate(-.3rem)}.pagination__item--next:hover .pagination__item-arrow-icon{transform:translate(.3rem)}.pagination__item-arrow-icon{will-change:transform;transition:transform .3s ease-in-out}@media screen and (min-width:768px){.pagination{margin-top:5rem}}.article-card{border-radius:var(--border-radius-xl);position:relative;overflow:hidden}.article-card--compact{border-radius:0;height:100%}.article-card--background{background-color:var(--color-white);border-radius:var(--border-radius-lg)}.article-card__link{text-decoration:none}.article-card__link:hover .article-card__image{transform:scale(1.1)}.article-card--compact .article-card__link{flex-direction:column;height:100%;display:flex}.article-card__image-wrapper{aspect-ratio:4/5;position:relative;overflow:hidden}.article-card--compact .article-card__image-wrapper{aspect-ratio:4/3;border-radius:var(--border-radius-lg)}.article-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-long)ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.article-card__content{flex-direction:column;justify-content:space-between;gap:1.6rem;display:flex}.article-card:not(.article-card--compact) .article-card__content{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);border-radius:var(--border-radius-lg);z-index:1;background-color:#ffffffb3;padding:1.6rem;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.article-card--compact .article-card__content{flex:1}.article-card--background .article-card__content{padding:1.6rem}.article-card__meta{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.article-card__date{color:var(--color-bark);border-radius:var(--border-radius-full);border:.1rem solid var(--color-bark);padding:.8rem 1rem;line-height:1}.article-card__tags{flex-wrap:wrap;gap:.4rem;display:flex}.article-card__tag{color:var(--color-bark);border-radius:var(--border-radius-full);border:.1rem solid var(--color-bark);padding:.8rem 1rem;line-height:1}@media screen and (min-width:768px){.article-card__content{padding:2.4rem}.article-card--compact .article-card__content{padding:2.4rem 0 0}.article-card--background .article-card__content{padding:2.4rem}}.blog-hero{padding-bottom:var(--spacing-4xl);border-radius:0 0 var(--border-radius-3xl)var(--border-radius-3xl);overflow:hidden}.blog-hero__heading{text-align:center;padding:0 var(--spacing-xl)var(--spacing-2xl)var(--spacing-xl);color:var(--hero-text-color)}.blog-hero__article-cards{padding:0 var(--spacing-xl)}.blog-hero__article-cards swiper-container::part(container){overflow:visible}.blog-hero__controls{align-items:center;gap:var(--spacing-4xl);margin-top:var(--spacing-2xl);display:flex;position:relative}.blog-hero__nav-buttons{align-items:center;gap:var(--spacing-xl);display:flex}@media screen and (min-width:768px){.blog-hero{padding-bottom:var(--spacing-5xl)}.blog-hero__heading{padding:0 0 var(--spacing-3xl)0}.blog-hero__controls{margin-top:var(--spacing-3xl)}}@media screen and (min-width:1024px){.blog-hero__article-cards{padding:0}}