.blog-masonry-hero{--bmh-gap: 14px;--bmh-radius: 6px;--bmh-overlay: rgba(0, 0, 0, .4);--bmh-text: #fff}.blog-masonry-hero__inner{max-width:1440px;margin-inline:auto;padding:30px 16px}.blog-masonry-hero__inner.is-full{max-width:none;padding:0}.bmh-grid{display:grid;grid-template-columns:1fr;gap:var(--bmh-gap)}@media(min-width:768px){.bmh-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.bmh-card--hero{grid-column:span 2;grid-row:span 2}}.bmh-card{position:relative;overflow:hidden;isolation:isolate;height:100%}.bmh-card__link{display:grid;height:100%;text-decoration:none;color:inherit}.bmh-card__media{position:relative;height:100%}.bmh-card__media img,.bmh-card__placeholder{width:100%;height:100%;object-fit:cover;display:block}.bmh-card--hero .bmh-card__media img{aspect-ratio:16 / 11}.bmh-card--small .bmh-card__media img{aspect-ratio:1 / 1}.bmh-card__overlay{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bmh-overlay);z-index:1;transition:opacity .25s ease}.bmh-card:hover .bmh-card__overlay{opacity:.25}.bmh-card__meta{position:absolute;inset-inline:16px;bottom:16px;z-index:2;color:var(--bmh-text);text-align:center;display:grid;gap:6px;text-shadow:0 1px 2px rgba(0,0,0,.45)}.bmh-card__kicker{display:inline-block;padding:5px 10px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--bmh-text);background:#ffffff14}.bmh-card__title{margin:0;font-weight:800;line-height:1.1;font-size:clamp(20px,2.4vw,20px);letter-spacing:.02em}.bmh-card--small .bmh-card__title{font-size:clamp(20px,1.4vw,20px)}.bmh-card__byline{display:flex;justify-content:center;gap:5px;align-items:center;flex-wrap:wrap}.bmh-card__author,.bmh-card__date{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.95}.bmh-view-all{margin-top:18px;text-align:center}.bmh-view-all__btn{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid currentColor;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.bmh-view-all__btn:hover{transform:translateY(-1px)}@media(max-width:767px){.bmh-card__meta{inset-inline:12px;bottom:12px}.bmh-card--hero .bmh-card__media img{aspect-ratio:10 / 10}}@media(max-width:767px){.blog-masonry-hero__inner{max-width:1240px;margin-inline:auto;padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/blog-masonry-hero.css.map */