.vertical-split{width:100%;background-color:var(--color-background);overflow:hidden}.vertical-split__wrapper{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:0 var(--spacing-3xl);max-width:90rem;margin:0 auto}@container style(--min-lg: true){.vertical-split__wrapper{flex-direction:row;align-items:stretch;gap:0;padding:0 var(--spacing-5-5xl);justify-content:space-between}}.vertical-split .vertical-split__tile{position:relative;overflow:hidden}.vertical-split .vertical-split__tile--primary{max-height:60vh}@container style(--min-lg: true){.vertical-split .vertical-split__tile--primary{max-height:none;width:39.6vw;max-width:35.625rem}}.vertical-split .vertical-split__tile-link{display:block;position:relative;color:var(--color-foreground);-webkit-text-decoration:none;text-decoration:none}@container style(--min-lg: true){.vertical-split .vertical-split__tile-link{height:100%}}.vertical-split .vertical-split__tile-link:hover .vertical-split__tile-img{transform:scale(1.03)}.vertical-split .vertical-split__tile-img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}@container style(--min-lg: true){.vertical-split__tile--primary .vertical-split .vertical-split__tile-img{height:100%;-o-object-fit:cover;object-fit:cover}}.vertical-split .vertical-split__tile-info{display:flex;flex-direction:column;gap:var(--spacing-2xs);padding:var(--spacing-m) 0}@container style(--min-lg: true){.vertical-split__tile--primary .vertical-split .vertical-split__tile-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-l);color:var(--color-white)}}.vertical-split .vertical-split__tile-title{margin:0;font-size:var(--text-xs);font-weight:var(--font-weight-bold);line-height:1.36;letter-spacing:0;text-transform:uppercase}@container style(--min-lg: true){.vertical-split__tile--primary .vertical-split .vertical-split__tile-title{color:var(--color-white)}}.vertical-split .vertical-split__tile-price{margin:0;font-size:var(--text-xs);font-weight:var(--font-weight-normal);line-height:1.36;color:var(--color-foreground-secondary)}@container style(--min-lg: true){.vertical-split__tile--primary .vertical-split .vertical-split__tile-price{color:var(--color-white)}}.vertical-split__col-right{display:flex;flex-direction:column;gap:var(--spacing-4xl);width:100%}@container style(--min-lg: true){.vertical-split__col-right{justify-content:space-between;overflow:hidden;width:39.6vw;max-width:35.625rem}}.vertical-split__editorial{display:flex;flex-direction:column;max-width:67vw}@container style(--min-lg: true){.vertical-split__editorial{align-self:flex-start;max-width:21.375rem}}.vertical-split__headline{margin:0;font-size:var(--text-2xs);line-height:var(--text-2xs--line-height--heading);font-weight:var(--font-weight-bold);color:var(--color-foreground);letter-spacing:var(--tracking-normal);padding-bottom:var(--spacing-xs)}@container style(--min-lg: true){.vertical-split__headline{font-size:var(--text-xs);line-height:var(--text-xs--line-height--body);padding-bottom:var(--spacing-m)}}.vertical-split__body{margin:0;font-size:var(--text-2xs);font-weight:var(--font-weight-normal);line-height:var(--text-2xs--line-height--body);letter-spacing:var(--tracking-normal);color:var(--color-foreground);text-transform:none}@container style(--min-lg: true){.vertical-split__body{font-size:var(--text-xs);line-height:var(--text-base--line-height);letter-spacing:var(--tracking-normal)}}.vertical-split__body+.vertical-split__ctas{padding-top:var(--spacing-m);padding-bottom:var(--spacing-3xl)}.vertical-split__body+.vertical-split__editorial-image{padding-top:var(--spacing-3xl)}.vertical-split__editorial-image{overflow:hidden}.vertical-split__editorial-image--vertical{width:22.4vw;padding-bottom:var(--spacing-xl)}@container style(--min-lg: true){.vertical-split__editorial-image--vertical{width:7.9vw;max-width:7.125rem}}.vertical-split__editorial-image--horizontal{max-width:100%;padding-top:var(--spacing-3xl)}.vertical-split__editorial-image-link{display:block}.vertical-split__editorial-img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.vertical-split__ctas{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vertical-split__cta{font-size:var(--text-2xs);line-height:var(--text-2xs--line-height--heading);font-weight:var(--font-weight-bold);text-transform:uppercase;-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:20%}@container style(--min-lg: true){.vertical-split__cta{font-size:var(--text-xs);line-height:var(--text-xs--line-height--heading)}}.vertical-split .vertical-split__tile--secondary{width:57%;align-self:center}@container style(--min-lg: true){.vertical-split .vertical-split__tile--secondary{align-self:flex-end;width:18.5vw;max-width:16.625rem}}.vertical-split .vertical-split__tile--small{width:28%}@container style(--min-lg: true){.vertical-split .vertical-split__tile--small{width:28%}}.vertical-split__tile-video{position:relative;width:100%;overflow:hidden}@container style(--min-lg: true){.vertical-split__tile--primary .vertical-split__tile-video{height:100%}}.vertical-split__video-element{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@container style(--min-lg: true){.vertical-split__tile--primary .vertical-split__video-element{height:100%;-o-object-fit:cover;object-fit:cover}}.vertical-split__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;pointer-events:none}.vertical-split__video-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-black) 40%,transparent) 0%,transparent 50%)}.vertical-split__video-buttons{position:relative;z-index:var(--z-index-above);width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:var(--spacing-xl) var(--spacing-s) var(--spacing-s);pointer-events:auto}@container style(--min-lg: true){.vertical-split__video-buttons{padding:var(--spacing-3xl) var(--spacing-l) var(--spacing-l)}}.vertical-split__video-btn{border:0;padding:0;background:transparent;color:var(--color-white);cursor:pointer;font-size:var(--text-3xs);font-weight:var(--font-weight-bold);line-height:1.6;letter-spacing:0;text-transform:uppercase}.vertical-split__video-btn:hover{opacity:.7}.vertical-split__video-btn:focus-visible{outline:.125rem solid var(--color-white);outline-offset:.125rem}@container style(--min-lg: true){.vertical-split__video-btn{font-size:var(--text-xs);line-height:1.28}}.vertical-split__label--play{display:inline}.vertical-split__label--pause{display:none}.vertical-split__label--unmute{display:inline}.vertical-split__label--mute,[data-playing=true] .vertical-split__label--play{display:none}[data-playing=true] .vertical-split__label--pause{display:inline}[data-muted=false] .vertical-split__label--unmute{display:none}[data-muted=false] .vertical-split__label--mute{display:inline}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vertical-split.css.map */