.main-blog.page-width{max-width:140rem;padding-top:9.6rem;padding-bottom:12.8rem}.main-blog__title{max-width:72rem;margin:0 auto;text-align:center}.blog-articles{display:grid;grid-template-columns:1fr;gap:3.2rem;max-width:72rem;margin:6.4rem auto 0}.blog-articles__article{min-width:0}.main-blog-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:42rem;overflow:hidden;border:.1rem solid rgba(4,16,13,.12);border-radius:1.6rem;background:var(--optimum-ink);box-shadow:0 1.2rem 3rem #04100d24}.main-blog-card__image,.main-blog-card__shade{position:absolute;top:0;right:0;bottom:0;left:0}.main-blog-card__image{z-index:-3;width:100%;height:100%;object-fit:cover}.main-blog-card__shade{z-index:-2;background:linear-gradient(0deg,#04100de6,#04100d70 48%,#04100d14)}.main-blog-card__content{width:100%;padding:2.4rem;color:#fff}.main-blog-card__date,.main-blog-card__author{color:#ffffffc7;font-size:1.4rem;line-height:1.5}.main-blog-card__date time{color:inherit}.main-blog-card__author{margin-top:.4rem}.main-blog-card__title{margin:1.2rem 0 0;color:#fff;font-family:Montserrat,var(--font-heading-family);font-size:clamp(2rem,1.6rem + .7vw,2.8rem);font-weight:700;line-height:1.15}.main-blog-card__link{color:inherit;text-decoration:none}.main-blog-card__hit-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.main-blog-card__excerpt{margin:2.4rem 0 0;color:#ffffffeb;font-size:1.5rem;line-height:1.5}.main-blog-card:focus-within{outline:.2rem solid var(--optimum-focus);outline-offset:.3rem}@media(hover:hover){.main-blog-card__image{transition:transform var(--optimum-duration-base) var(--optimum-ease-standard)}.main-blog-card:hover .main-blog-card__image{transform:scale(1.03)}}.main-blog-card--no-image .main-blog-card__shade{background:linear-gradient(135deg,var(--optimum-ink),var(--optimum-muted))}@media screen and (min-width:750px){.blog-articles{margin-top:8rem}}@media screen and (min-width:990px){.blog-articles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.main-blog-card{min-height:48rem}}@media screen and (max-width:749px){.main-blog.page-width{padding-top:6.4rem;padding-bottom:8rem}.main-blog-card{min-height:40rem;border-radius:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-main-blog.css.map */