.banner{position:relative;overflow:hidden;display:block}.banner>.image-element__wrap,.banner>.placeholder-svg{display:block;width:100%}.banner .image-element__wrap img{display:block;width:100%;height:auto}.banner .placeholder-svg{display:block;width:100%;height:auto;min-height:320px;background:rgba(var(--color-foreground),.06)}.banner-full-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.darken-bg,.darken-bg:empty{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#0006}.banner .caption{position:absolute;z-index:4;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;max-width:1200px;margin:0 auto;padding:0 5%;pointer-events:none;color:var(--banner-text, #fff)}.banner .caption :is(a,button){pointer-events:auto}.caption.js-caption{font-size:var(--font-body-size);letter-spacing:normal;line-height:1.5}.caption.js-caption .global-button{font-size:14px}.caption.position-left{text-align:left}.caption.position-center{text-align:center}.caption.position-right{text-align:right}.caption.position-right .caption-content{margin-left:auto}.caption.position-center .caption-content{margin-inline:auto}.caption-content{display:block;max-width:640px;position:relative}.caption-content.align-left{text-align:left}.caption-content.align-center{text-align:center}.caption-content.align-right{text-align:right}:where(.caption) .headline{margin:0 0 .3em;color:inherit;font-family:var(--font-heading-family);font-size:var(--banner-heading-size, 56px);line-height:1.1;letter-spacing:var(--banner-heading-spacing, 0);text-transform:var(--banner-heading-transform, none);text-shadow:var(--banner-shadow, none)}.caption :is(.pretext,.subtitle){color:inherit;text-shadow:var(--banner-shadow, none)}.caption .subtitle{font-size:var(--banner-subtitle-size, 20px)}.caption :is(.pretext,.subtitle) p{margin:0 0 .4em}.caption-background-text_box .caption-content{padding:30px 40px;background:var(--banner-bg, #000)}.caption-background-translucent_text_box .caption-content{padding:30px 40px;background:color-mix(in srgb,var(--banner-bg, #000) 50%,transparent)}.button-grid-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.align-center>.button-grid-container{justify-content:center}.align-right>.button-grid-container{justify-content:flex-end}.button-grid-container--column{flex-direction:column;align-items:stretch}@media(max-width:798px){.button-grid-container--column-tablet{flex-direction:column;align-items:stretch}}@media(max-width:480px){.button-grid-container--column-mobile{flex-direction:column;align-items:stretch}}.global-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:1px solid var(--button-color-border, currentColor);border-radius:var(--buttons-radius, 0);background:var(--button-color-background, transparent);color:var(--button-color-text, inherit);font:inherit;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.global-button:hover{background:var(--button-color-background-hover, var(--button-color-background));color:var(--button-color-text-hover, var(--button-color-text));border-color:var(--button-color-border-hover, var(--button-color-border))}.global-button--primary{--button-color-border: rgb(var(--color-button));--button-color-background: rgb(var(--color-button));--button-color-text: rgb(var(--color-button-text))}.global-button--banner{--button-color-border: var(--banner-button, #fff);--button-color-text: var(--banner-button, #fff);--button-color-background-hover: var(--banner-button, #fff);--button-color-text-hover: var(--banner-bg, #000)}.global-button--banner-highlighted{--button-color-border: var(--banner-button, #fff);--button-color-background: var(--banner-button, #fff);--button-color-text: var(--banner-bg, #000)}.global-button--banner-text{--button-color-border: var(--banner-text, #fff);--button-color-text: var(--banner-text, #fff);--button-color-background-hover: var(--banner-text, #fff);--button-color-text-hover: var(--banner-bg, #000)}.global-button--banner-text-highlighted{--button-color-border: var(--banner-text, #fff);--button-color-background: var(--banner-text, #fff);--button-color-text: var(--banner-bg, #000)}.global-button--text{--button-color-border: rgb(var(--color-foreground));--button-color-text: rgb(var(--color-foreground))}@media(max-width:480px){.banner .caption--below-true{position:static;transform:none;padding:20px 5%;color:var(--caption-mobile-color, rgb(var(--color-foreground)))}.banner .caption--below-true :is(.headline,.pretext,.subtitle){text-shadow:none;color:var(--caption-mobile-color, inherit)}.banner .caption--below-true .caption-content{padding:0;background:none;max-width:none}.banner:has(.caption--below-true) .darken-bg{display:none}.caption--below-true .global-button--text-mobile{--button-color-border: var(--caption-mobile-color, rgb(var(--color-foreground)));--button-color-text: var(--caption-mobile-color, rgb(var(--color-foreground)));--button-color-background: transparent}.caption--below-true .global-button--text-highlighted-mobile{--button-color-border: rgb(var(--color-foreground));--button-color-background: rgb(var(--color-foreground));--button-color-text: rgb(var(--color-background))}}@media(max-width:480px){.banner .caption :is(.subtitle,.pretext) p{font-size:13px}}@media(max-width:798px){.caption .headline{font-size:calc(var(--banner-heading-size, 56px) * .65)}.caption .subtitle{font-size:calc(var(--banner-subtitle-size, 20px) * .85)}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/component-banner.css.map */