[data-section-type=media-hover-grid]{background:var(--section-bg, transparent)}[data-section-type=media-hover-grid] .media-hover-grid__inner{display:flex;flex-direction:column;gap:clamp(18px,2vw,24px);color:inherit}[data-section-type=media-hover-grid] .media-hover-grid__header{display:flex;flex-direction:column;gap:8px}[data-section-type=media-hover-grid] .media-hover-grid__title{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.1;color:var(--heading-color, inherit)}[data-section-type=media-hover-grid] .media-hover-grid__subtitle{margin:0;max-width:720px;font-size:16px;line-height:1.5;color:var(--heading-color, inherit);opacity:.72}[data-section-type=media-hover-grid] .media-hover-grid__grid{--row-base: var(--row-base-section, clamp(180px, 22vw, 280px));display:grid;gap:clamp(12px,1.5vw,20px);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:var(--row-base)}[data-section-type=media-hover-grid] .media-hover-grid__item{grid-column:span var(--card-span, 12);grid-row:span var(--card-rows, 2);height:100%}[data-section-type=media-hover-grid] .media-hover-grid__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--card-radius, 20px);color:#fff;background:#0c0c0c;min-height:calc(var(--card-rows, 2) * var(--row-base));isolation:isolate;text-decoration:none}[data-section-type=media-hover-grid] .media-hover-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}[data-section-type=media-hover-grid] .media-hover-grid__media-layer{position:absolute;top:0;right:0;bottom:0;left:0}[data-section-type=media-hover-grid] .media-hover-grid__media-layer--mobile{display:none}[data-section-type=media-hover-grid] .media-hover-grid__image,[data-section-type=media-hover-grid] .media-hover-grid__video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}[data-section-type=media-hover-grid] .media-hover-grid__video--embed{border:0;width:100%;height:100%}[data-section-type=media-hover-grid] .media-hover-grid__placeholder{width:100%;height:100%;background:#f6f6f4;display:flex;align-items:center;justify-content:center}[data-section-type=media-hover-grid] .media-hover-grid__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#000000bf 85%);transition:opacity .2s ease;pointer-events:none}[data-section-type=media-hover-grid] .media-hover-grid__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(16px,2vw,28px);display:flex;flex-direction:column;justify-content:flex-end;gap:10px;pointer-events:none}[data-section-type=media-hover-grid] .media-hover-grid__heading{margin:0;font-size:clamp(20px,3vw,28px);line-height:1.1;font-weight:600;transform:translateY(0);transition:transform .4s ease;text-transform:none}[data-section-type=media-hover-grid] .media-hover-grid__text{margin:0;font-size:15px;line-height:1.45;max-width:34ch;opacity:0;transform:translateY(12px);max-height:0;overflow:hidden;transition:opacity .4s ease,transform .4s ease,max-height .4s ease,margin-top .4s ease}[data-section-type=media-hover-grid] .media-hover-grid__icon{position:absolute;top:clamp(10px,1vw,14px);right:clamp(10px,1vw,14px);width:46px;height:46px;border-radius:999px;background:#fffffff2;color:#0b0b0b;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000040;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}[data-section-type=media-hover-grid] .media-hover-grid__icon-img{width:100%;height:100%;object-fit:contain;pointer-events:none}[data-section-type=media-hover-grid] .media-hover-grid__icon-fallback{display:inline-flex;align-items:center;justify-content:center}[data-section-type=media-hover-grid] .media-hover-grid__card:hover .media-hover-grid__text,[data-section-type=media-hover-grid] .media-hover-grid__card:focus-visible .media-hover-grid__text{opacity:1;transform:translateY(0);max-height:320px;margin-top:6px}[data-section-type=media-hover-grid] .media-hover-grid__card:hover .media-hover-grid__heading,[data-section-type=media-hover-grid] .media-hover-grid__card:focus-visible .media-hover-grid__heading{transform:translateY(-6px)}[data-section-type=media-hover-grid] .media-hover-grid__card:hover .media-hover-grid__icon,[data-section-type=media-hover-grid] .media-hover-grid__card:focus-visible .media-hover-grid__icon{opacity:1;transform:translateY(0)}[data-section-type=media-hover-grid] .media-hover-grid__card:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}[data-section-type=media-hover-grid] .media-hover-grid__card:hover .media-hover-grid__shade,[data-section-type=media-hover-grid] .media-hover-grid__card:focus-visible .media-hover-grid__shade{opacity:1}@media only screen and (max-width: 749px){[data-section-type=media-hover-grid] .media-hover-grid__grid{grid-template-columns:1fr;grid-auto-rows:var(--row-base-mobile, auto);--row-base: var(--row-base-mobile, auto)}[data-section-type=media-hover-grid] .media-hover-grid__item{grid-column:1 / -1;grid-row:auto}[data-section-type=media-hover-grid] .media-hover-grid__card{min-height:var(--row-base-mobile, clamp(260px, 70vw, 420px))}[data-section-type=media-hover-grid] .media-hover-grid__media.has-mobile .media-hover-grid__media-layer--desktop{display:none}[data-section-type=media-hover-grid] .media-hover-grid__media.has-mobile .media-hover-grid__media-layer--mobile{display:block}[data-section-type=media-hover-grid] .media-hover-grid__text{display:none}[data-section-type=media-hover-grid] .media-hover-grid__icon{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/138/assets/section-media-hover-grid.css.map */