.banner{position:relative;display:block;overflow:hidden}.banner--contained{margin:0 48px}.banner--small{height:40vh}.banner--medium{height:60vh}.banner--large{height:80vh}.banner--full{height:calc(100vh - 68px)}.banner--small .banner__media,.banner--medium .banner__media,.banner--large .banner__media,.banner--full .banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.banner__media picture,.banner__image,.banner__video{display:block;width:100%;height:100%;object-fit:cover}.banner--adapt .banner__placeholder{aspect-ratio:16 / 7;background:#f4f4f4}.banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--overlay-opacity);pointer-events:none}.banner--adapt .banner__media{position:relative}.banner__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:32px 48px;color:var(--banner-text-color);pointer-events:none}.banner__box{max-width:480px;pointer-events:auto}.banner__content--top-left,.banner__content--top-center,.banner__content--top-right{align-items:flex-start}.banner__content--middle-left,.banner__content--middle-center,.banner__content--middle-right{align-items:center}.banner__content--bottom-left,.banner__content--bottom-center,.banner__content--bottom-right{align-items:flex-end}.banner__content--top-left,.banner__content--middle-left,.banner__content--bottom-left{justify-content:flex-start;text-align:left}.banner__content--top-center,.banner__content--middle-center,.banner__content--bottom-center{justify-content:center;text-align:center}.banner__content--top-right,.banner__content--middle-right,.banner__content--bottom-right{justify-content:flex-end;text-align:right}.banner__heading{margin:0 0 8px;font-size:var(--banner-headline-size, clamp(24px, 4vw, 48px));font-weight:500;line-height:1.05;letter-spacing:-.05em}.banner__text p{margin:0 0 16px;font-size:var(--text-body)}.banner__button{display:inline-block;padding:10px 24px;color:var(--button-text);background:var(--button-bg);transition:background-color .15s ease,color .15s ease}@media(max-width:749px){.banner--contained{margin:0 16px}.banner__content{padding:20px 16px}.banner--full{height:calc(100svh - 68px)}}@media(hover:hover){.banner__button:hover{color:var(--button-hover-text);background:var(--button-hover-bg)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/image-banner.css.map */