.block-media-with-overlay{position:relative;width:100%;height:100%}.block-media-with-overlay__media{position:relative;width:100%;height:100%;min-height:var(--content-section-height-min);max-height:var(--content-section-height-max);height:var(--content-section-height-standard)}.block-media-with-overlay__image,.block-media-with-overlay__video{width:100%;height:100%;object-fit:cover}.block-media-with-overlay__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--unit-6);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--unit-4);color:var(--color-text-primary)}.block-media-with-overlay--align-top .block-media-with-overlay__content{justify-content:flex-start}.block-media-with-overlay--align-center .block-media-with-overlay__content{justify-content:center}.block-media-with-overlay--align-bottom .block-media-with-overlay__content{justify-content:flex-end}.block-media-with-overlay--text-inverse .block-media-with-overlay__content,.block-media-with-overlay--text-inverse .block-media-with-overlay__title,.block-media-with-overlay--text-inverse .block-media-with-overlay__body,.block-media-with-overlay--text-inverse .block-media-with-overlay__body a,.block-media-with-overlay--text-inverse .block-media-with-overlay__body a:hover,.block-media-with-overlay--text-inverse .block-media-with-overlay__body a:focus,.block-media-with-overlay--text-inverse .block-media-with-overlay__body a:active,.block-media-with-overlay--text-inverse .block-media-with-overlay__body a:visited,.block-media-with-overlay--text-inverse .block-media-with-overlay__cta,.block-media-with-overlay--text-inverse a.block-media-with-overlay__cta,.block-media-with-overlay--text-inverse a:hover.block-media-with-overlay__cta,.block-media-with-overlay--text-inverse a:focus.block-media-with-overlay__cta,.block-media-with-overlay--text-inverse a:active.block-media-with-overlay__cta,.block-media-with-overlay--text-inverse a:visited.block-media-with-overlay__cta{color:var(--color-text-inverse)}.block-media-with-overlay__label{font-size:var(--font-size-2)}.block-media-with-overlay__text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;gap:var(--unit-4);width:100%}.block-media-with-overlay__title{flex:1 1 auto;min-width:0;max-width:70%;font-family:var(--font-serif);font-size:var(--font-size-6);letter-spacing:.02em;margin:0;color:var(--color-text-primary)}.block-media-with-overlay__body{font-size:var(--font-size-3)}.block-media-with-overlay__cta,a.block-media-with-overlay__cta,a:hover.block-media-with-overlay__cta,a:focus.block-media-with-overlay__cta,a:active.block-media-with-overlay__cta,a:visited.block-media-with-overlay__cta{display:inline-block;flex-shrink:0;padding:var(--unit-2) 0 5px;background-color:transparent;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-origin:content-box;background-position:0 calc(1em + 4px);background-size:100% 1px;border:none;border-radius:0;font-family:var(--font-mono);font-size:var(--font-size-2);line-height:1;text-transform:uppercase;color:var(--color-text-primary);text-decoration:none!important;white-space:nowrap;transition:all .2s ease}.block-media-with-overlay__cta .ripple-char{text-decoration:none!important;line-height:1}.block-media-with-overlay__body a,.block-media-with-overlay__body a:hover,.block-media-with-overlay__body a:focus,.block-media-with-overlay__body a:active,.block-media-with-overlay__body a:visited{color:var(--color-text-primary)}.block-media-with-overlay .letter-rotated:hover{transform:rotate(var(--letter-rotation))!important}.block-media-with-overlay:hover .ripple-char,.block-media-with-overlay:focus-within .ripple-char{animation:rippleWave .32s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--ripple-index, 0) * 56ms)}.block-media-with-overlay:hover .letter-rotated,.block-media-with-overlay:focus-within .letter-rotated{animation:rippleWaveTilted .32s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--ripple-index, 0) * 56ms)}@keyframes rippleWaveTilted{0%{transform:translateY(0) rotate(var(--letter-rotation, 0deg))}40%{transform:translateY(-.24em) rotate(var(--letter-rotation, 0deg))}70%{transform:translateY(.02em) rotate(var(--letter-rotation, 0deg))}to{transform:translateY(0) rotate(var(--letter-rotation, 0deg))}}@media(prefers-reduced-motion:reduce){.block-media-with-overlay:hover .ripple-char,.block-media-with-overlay:focus-within .ripple-char,.block-media-with-overlay:hover .letter-rotated,.block-media-with-overlay:focus-within .letter-rotated{animation:none}}@media screen and (min-width:750px){.block-media-with-overlay__content{gap:var(--unit-6);padding:var(--unit-8)}.block-media-with-overlay__label{position:absolute;top:var(--unit-8);left:var(--unit-8)}.block-media-with-overlay__text{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:var(--unit-8)}.product-side-by-side .block-media-with-overlay__text{flex-direction:column;justify-content:center;gap:var(--unit-6);max-width:800px}}@media screen and (min-width:1600px){.block-media-with-overlay__media{max-height:1000px}.block-media-with-overlay__content{padding:var(--unit-9)}.block-media-with-overlay__label{top:var(--unit-9);left:var(--unit-9)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/block-media-with-overlay.css.map */