.hero-grid-wrap{box-sizing:border-box;margin-top:var(--hero-margin-top-mobile, 0);margin-bottom:var(--hero-margin-bottom-mobile, 0);padding-top:var(--hero-padding-top-mobile, 0);padding-bottom:var(--hero-padding-bottom-mobile, 0);padding-left:var(--hero-padding-left-mobile, 0);padding-right:var(--hero-padding-right-mobile, 0)}.hero-grid{display:grid;gap:var(--hero-gap-mobile, 2px);width:100%}.hero-cell{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:1 / 1;min-height:0;background:var(--hero-placeholder, #f0ede8);text-decoration:none}.hero-cell__image,.hero-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.hero-cell__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-placeholder, #f0ede8)}.hero-cell:hover .hero-cell__image,.hero-cell:focus-visible .hero-cell__image,.hero-cell.hero-cell--active .hero-cell__image{transform:scale(1.03)}.hero-cell__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.12) 38%,transparent 68%);transition:background .35s ease}.hero-cell:hover .hero-cell__overlay,.hero-cell:focus-visible .hero-cell__overlay,.hero-cell.hero-cell--active .hero-cell__overlay{background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,transparent 85%)}.hero-cell:hover .hero-cell__hover-extra,.hero-cell:focus-visible .hero-cell__hover-extra,.hero-cell.hero-cell--active .hero-cell__hover-extra{max-height:160px;opacity:1;margin-top:10px}.hero-cell__content{position:absolute;bottom:var(--hero-label-bottom-mobile, 12px);left:var(--hero-label-left-mobile, 12px);right:var(--hero-label-left-mobile, 12px);z-index:2;color:#fff;pointer-events:none}.hero-cell__subtitle{margin:0 0 6px;font-size:10px;font-weight:400;line-height:1.3;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.hero-cell__title{margin:0;font-size:15px;font-weight:600;line-height:1.25;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.45)}.hero-cell__hover-extra{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .35s ease,margin .35s ease;margin-top:0}.hero-cell__description{margin:0;font-size:12px;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:0;opacity:.95}.hero-cell__cta{display:inline-flex;align-items:center;gap:.4em;margin-top:10px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:inherit}.hero-cell__cta-text{text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px}.hero-cell__cta-icon{flex-shrink:0;display:block}@media(min-width:768px){.hero-grid-wrap{margin-top:var(--hero-margin-top, 0);margin-bottom:var(--hero-margin-bottom, 0);padding-top:var(--hero-padding-top, 0);padding-bottom:var(--hero-padding-bottom, 0);padding-left:var(--hero-padding-left, 0);padding-right:var(--hero-padding-right, 0)}.hero-grid{grid-template-columns:repeat(var(--hero-columns-desktop, 3),minmax(0,1fr));gap:var(--hero-gap, 4px)}.hero-cell__content{bottom:var(--hero-label-bottom, 16px);left:var(--hero-label-left, 16px);right:var(--hero-label-left, 16px)}.hero-cell__subtitle{font-size:11px;margin-bottom:8px}.hero-cell__title{font-size:18px}.hero-cell__description{font-size:13px}}@media(max-width:767px){.hero-grid{grid-template-columns:repeat(var(--hero-columns-mobile, 1),minmax(0,1fr))}.hero-cell:hover .hero-cell__image,.hero-cell:focus-visible .hero-cell__image{transform:none}.hero-cell:hover .hero-cell__overlay,.hero-cell:focus-visible .hero-cell__overlay{background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.12) 38%,transparent 68%)}.hero-cell:hover .hero-cell__hover-extra,.hero-cell:focus-visible .hero-cell__hover-extra{max-height:0;opacity:0;margin-top:0}.hero-cell.hero-cell--active .hero-cell__image{transform:scale(1.03)}.hero-cell.hero-cell--active .hero-cell__overlay{background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,transparent 85%)}.hero-cell.hero-cell--active .hero-cell__hover-extra{max-height:160px;opacity:1;margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-grid.css.map */