/* compiled by scssphp 1.6.0 on Tue, 22 Apr 2025 06:25:37 +0000 (0.0207s) */

.card.--blog{transition:var(--transition)}.card.--blog:not(.swiper-slide){--card__span: var( --latest-post__card-grid-column, span 12 );block-size:100%}@media (min-width:38rem){.card.--blog:not(.swiper-slide){--card__span: span 6}}@media (min-width:64rem){.card.--blog:not(.swiper-slide){--card__span: span 4}}.card.--blog:hover .card__image,.card.--blog:has(.card__link:focus-visible) .card__image{scale:1.05}.card.--blog:hover .button,.card.--blog:has(.card__link:focus-visible) .button{background:var(--color-primary--hover);border-color:var(--color-primary--hover);color:var(--color-white)}.card.--blog.swiper-slide{opacity:0.2;block-size:auto}.card.--blog.swiper-slide.swiper-slide-active,.card.--blog.swiper-slide.swiper-slide-next,.card.--blog.swiper-slide.swiper-slide-next+.swiper-slide{opacity:1}.card.--blog .card__title{margin-block-end:0.625rem}.card.--blog .card__meta{margin:0;padding:0.5rem 1.125rem;border-radius:6rem;flex-wrap:wrap;order:-1;gap:0 1rem;position:absolute;top:0.625rem;left:0.625rem;background:var(--color-scheme-background);z-index:1}.card.--blog .card__link{display:flex;flex-direction:column;block-size:100%;position:relative}.card.--blog .card__image{border-radius:var(--border-radius-small);max-block-size:18.125rem;inline-size:100%;block-size:100%;aspect-ratio:1;transition:scale 0.3s ease-in-out}.card.--blog .card__image-container{border-radius:var(--border-radius-small);order:-2;position:relative;overflow:hidden}.card.--blog .card__image-container::after{content:'';width:100%;height:100%;border-radius:var(--border-radius-small);position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 38.5%, rgba(0, 0, 0, 0.63) 100%)}.card.--blog .card__category{text-transform:uppercase}.card.--blog .icon{width:1em}.card.--blog .button{width:max-content;justify-content:flex-start}@media (pointer:fine){.card.--blog:hover .button{--color-primary--hover: transparent;border-color:var(--color-primary);column-gap:0.5rem}.card.--blog:hover .button .button__icon{background:var(--color-1);color:var(--color-1--foreground)}.card.--blog:hover .button .button__title{width:100%;opacity:1}}