.blog-featured{padding:5.2rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header__title{font-size:3.2rem;font-weight:700;margin:0 0 1rem}.section-header__description{font-size:1.8rem;line-height:1.6;color:rgba(var(--color-foreground),.8);margin:0}.section-header__link{display:inline-block;margin-top:1.5rem;font-size:1.4rem;font-weight:600;color:rgb(var(--color-button));text-decoration:none;border-bottom:2px solid rgb(var(--color-button));transition:all .3s ease}.section-header__link:hover{opacity:.8;border-bottom-width:3px}.blog-featured__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}@media screen and (max-width: 989px){.blog-featured__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.blog-featured__grid{grid-template-columns:1fr}}.blog-card{background-color:rgba(var(--color-foreground),.02);border-radius:1rem;overflow:hidden;transition:all .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(var(--color-button),.1)}.blog-card__link{display:block;text-decoration:none;color:inherit}.blog-card__image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__date{position:absolute;top:1.5rem;left:1.5rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:.8rem 1.2rem;border-radius:.4rem;text-align:center;font-weight:600;line-height:1}.date-month{display:block;font-size:1.2rem;text-transform:uppercase}.date-day{display:block;font-size:2rem}.blog-card__content{padding:2.5rem}.blog-card__meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.blog-card__author{font-weight:600}.blog-card__time{display:block}.blog-card__title{font-size:2rem;font-weight:600;margin:0 0 1rem;line-height:1.3;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7);margin:0}@media screen and (max-width: 749px){.section-header__title{font-size:2.4rem}.blog-card__content{padding:2rem}.blog-card__title{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-blog-featured.css.map */