.image-banner__frame{position:relative;overflow:hidden;background:var(--color-ink)}.image-banner--small .image-banner__frame{min-height:clamp(280px,38vw,420px)}.image-banner--medium .image-banner__frame{min-height:clamp(380px,52vw,560px)}.image-banner--large .image-banner__frame{min-height:clamp(480px,70vw,760px)}.image-banner__media{position:absolute;top:-12%;right:0;bottom:-12%;left:0}.image-banner__media:not([data-parallax]){top:0;right:0;bottom:0;left:0}.image-banner__img{width:100%;height:100%;object-fit:cover}.image-banner__placeholder{opacity:.4}.image-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}@media(prefers-reduced-motion:reduce){.image-banner__video{display:none}}.image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-overlay) / var(--banner-overlay, .3));pointer-events:none}.image-banner__content{position:relative;z-index:1;min-height:inherit;display:flex;padding-block:clamp(var(--space-6),7vw,var(--space-9))}.image-banner--small .image-banner__content{min-height:clamp(280px,38vw,420px)}.image-banner--medium .image-banner__content{min-height:clamp(380px,52vw,560px)}.image-banner--large .image-banner__content{min-height:clamp(480px,70vw,760px)}.image-banner__content--v-top{align-items:flex-start}.image-banner__content--v-middle{align-items:center}.image-banner__content--v-bottom{align-items:flex-end}.image-banner__content--h-left{justify-content:flex-start;text-align:left}.image-banner__content--h-center{justify-content:center;text-align:center}.image-banner__content--h-right{justify-content:flex-end;text-align:right}.image-banner__box{max-width:640px;display:flex;flex-direction:column;gap:var(--space-3)}.image-banner__content--h-center .image-banner__box{align-items:center}.image-banner__content--h-right .image-banner__box{align-items:flex-end}.image-banner__content--h-left .image-banner__box{align-items:flex-start}.image-banner__eyebrow{color:#ffffffd9;margin-bottom:0}.image-banner__heading{margin:0;color:#fffffffa;text-wrap:balance}.image-banner__text{color:#ffffffd9;max-width:48ch}.image-banner__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.image-banner__ghost{--btn-text: rgb(255 255 255 / .94);color:#fffffff0}.image-banner__ghost:hover{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-image-banner.css.map */