.wt-hero-split{display:block;width:100%;position:relative}.hero-split-under-header{margin-top:calc(-1 * var(--hero-split-header-offset, 0px));position:relative;z-index:1}.wt-hero-split--under-header .wt-hero-split__text{padding-top:calc(var(--hero-split-padding, 40px) + var(--hero-split-header-offset, 0px))}.wt-hero-split__grid{display:grid;grid-template-columns:minmax(0,1fr);position:relative}.wt-hero-split__content,.wt-hero-split__media,.wt-hero-split__text{min-width:0}.wt-hero-split--has-scrim .wt-hero-split__grid:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:var(--hero-split-scrim-height, var(--hero-split-header-offset, 72px));background-image:linear-gradient(to bottom,rgba(var(--hero-split-scrim-rgb, 0, 0, 0),var(--hero-split-scrim-opacity, 1)),rgba(var(--hero-split-scrim-rgb, 0, 0, 0),0));z-index:2;pointer-events:none}.wt-hero-split__content{position:relative;display:flex;flex-direction:column;justify-content:var(--hero-split-align-vertical, center);align-items:var(--hero-split-align-horizontal, flex-start);min-height:var(--hero-split-min-height, 400px);padding:var(--hero-split-padding, 40px);text-align:var(--hero-split-text-align, left);color:var(--hero-split-text, var(--color-text))}.wt-hero-split__content--has-image{background-repeat:no-repeat;background-position:center;background-size:cover}.wt-hero-split__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--hero-split-overlay-rgb, 0, 0, 0),var(--hero-split-overlay-opacity, .3));pointer-events:none}.wt-hero-split__text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:var(--hero-split-align-vertical, center);align-items:var(--hero-split-align-horizontal, flex-start);padding:var(--hero-split-padding, 40px);text-align:var(--hero-split-text-align, left);color:var(--hero-split-text, var(--color-text));pointer-events:none}.wt-hero-split__text>*{pointer-events:auto;max-width:var(--hero-split-content-max-width, 500px);width:100%}.wt-hero-split__heading{margin:0;font-family:var(--font-headline);font-style:var(--font-headline-style);font-weight:var(--font-headline-weight);font-size:calc(var(--font-headline-size) * var(--hero-split-heading-scale, 1));letter-spacing:var(--font-headline-letter-spacing);line-height:var(--hero-split-heading-line-height, 1);text-transform:var(--font-headline-transform);color:inherit}.wt-hero-split__subheading{margin-top:2rem;font-family:var(--font-base);font-size:calc(var(--font-base-size) * var(--hero-split-subheading-scale, 1));line-height:var(--font-base-line-height);color:inherit}.wt-hero-split__subheading>:first-child{margin-top:0}.wt-hero-split__subheading>:last-child{margin-bottom:0}.wt-hero-split__buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:2.4rem}.wt-hero-split__buttons:empty{display:none}.wt-hero-split__media{position:relative;display:block;overflow:hidden;min-height:var(--hero-split-min-height, 400px)}.wt-hero-split__media .wt-hero-split__image,.wt-hero-split__placeholder{display:block;width:100%;height:100%;object-fit:cover}.wt-hero-split__placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-placeholder-bg, #f4f4f4)}.wt-hero-split__placeholder-svg{width:100%;height:100%;max-width:100%;object-fit:cover}@media screen and (min-width:750px){.wt-hero-split__grid{grid-template-columns:1fr 1fr}.wt-hero-split__content,.wt-hero-split__text{grid-column:1;grid-row:1}.wt-hero-split__media{grid-column:2;grid-row:1}}@media screen and (min-width:1200px){.wt-hero-split__heading{font-size:calc(var(--font-headline-size) * var(--hero-split-heading-scale-desk, 1))}.wt-hero-split__subheading{font-size:calc(var(--font-base-size) * var(--hero-split-subheading-scale-desk, 1))}}@media screen and (min-width:750px){.wt-hero-split__text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(ellipse 60% 45% at center,rgba(var(--hero-split-overlay-rgb, 0, 0, 0),.3),rgba(var(--hero-split-overlay-rgb, 0, 0, 0),0));pointer-events:none}}@media screen and (max-width:749px){.wt-hero-split__content{grid-column:1;grid-row:1}.wt-hero-split__media{grid-column:1;grid-row:2}.wt-hero-split__grid{grid-template-rows:1fr 1fr}.wt-hero-split__content,.wt-hero-split__media{aspect-ratio:var(--hero-split-image-ratio, 1512 / 1876)}.wt-hero-split__media .wt-hero-split__image,.wt-hero-split__media .wt-hero-split__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.wt-hero-split__text{grid-column:1;grid-row:1 / span 2}.wt-hero-split__media{z-index:0}.wt-hero-split__text{z-index:1;justify-content:center}.wt-hero-split--under-header .wt-hero-split__text{padding-bottom:calc(var(--hero-split-padding, 40px) + var(--hero-split-header-offset, 0px))}.wt-hero-split__buttons{flex-direction:column;align-items:stretch;max-width:280px;margin-inline:auto}.wt-hero-split__text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(to bottom,rgba(var(--hero-split-scrim-rgb, 0, 0, 0),0) 20%,rgba(var(--hero-split-scrim-rgb, 0, 0, 0),.55),rgba(var(--hero-split-scrim-rgb, 0, 0, 0),0) 80%);pointer-events:none}}@media screen and (min-width:750px){.wt-hero-split__text{grid-column:1 / -1}.wt-hero-split__buttons{justify-content:var(--hero-split-align-horizontal, flex-start)}}@media screen and (min-width:750px){.wt-hero-split__subheading{margin-top:20px}.wt-hero-split__buttons{margin-top:45px}}.wt-hero-split--single .wt-hero-split__grid{grid-template-columns:1fr;grid-template-rows:auto}.wt-hero-split--single .wt-hero-split__content,.wt-hero-split--single .wt-hero-split__text{grid-column:1;grid-row:1}@media screen and (max-width:749px){.wt-hero-split--single .wt-hero-split__text,.wt-hero-split--single.wt-hero-split--under-header .wt-hero-split__text{justify-content:flex-end;padding-bottom:35px}.wt-hero-split--single .wt-hero-split__text:before{background-image:linear-gradient(to bottom,rgba(var(--hero-split-scrim-rgb, 0, 0, 0),0) 35%,rgba(var(--hero-split-scrim-rgb, 0, 0, 0),.35))}}@media screen and (min-width:750px){.wt-hero-split--height-match .wt-hero-split__content{min-height:max(var(--hero-split-min-height, 400px),calc(50vw / var(--hero-split-match-ratio, .8)))}.wt-hero-split--height-screen .wt-hero-split__content{min-height:max(var(--hero-split-min-height, 400px),100vh);min-height:max(var(--hero-split-min-height, 400px),100svh)}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/block-hero-split.css.map */