.hero-split{display:grid;grid-template-columns:3fr 1fr;height:calc(100vh - var(--header-height, 90px));width:100%;transition:grid-template-columns .5s ease}.hero-split.is-video-expanded{grid-template-columns:1fr 1fr}.hero-split__col{position:relative;overflow:hidden;min-height:100%}.hero-split__img{width:100%;height:100%;object-fit:cover;display:block}.hero-split__overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-split__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;width:45%;background:linear-gradient(270deg,#00000059,#0000);pointer-events:none}.hero-split__logo-wrap{position:absolute;left:4rem;z-index:1;width:160px;height:auto}.hero-split__overlay[data-position=top] .hero-split__logo-wrap{top:4rem}.hero-split__overlay[data-position=middle] .hero-split__logo-wrap{top:50%;transform:translateY(-50%)}.hero-split__overlay[data-position=bottom] .hero-split__logo-wrap{top:auto;bottom:4rem}.hero-split__logo{width:160px;height:auto;display:block}.hero-split__heading{position:absolute;top:50%;right:3.5rem;transform:translateY(-50%);color:#fff;font-size:clamp(.975rem,1.675vw,1.475rem);line-height:1.4;margin:0;max-width:26ch;text-align:right;z-index:1}.hero-split__col--video{background:#111}.hero-split__play-trigger{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:none;display:flex;align-items:center;justify-content:center;z-index:2}.hero-split__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-split__play-icon{position:relative;z-index:1;transition:transform .2s ease}.hero-split__play-trigger:hover .hero-split__play-icon{transform:scale(1.08)}.hero-split__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:none}.hero-split__col--video.is-playing .hero-split__play-trigger{display:none}.hero-split__col--video.is-playing .hero-split__video{display:block}.hero-split__pause-trigger{position:absolute;bottom:16px;right:16px;z-index:3;border:0;padding:0;margin:0;background:none;cursor:pointer;display:none;opacity:.7;transition:opacity .2s ease}.hero-split__pause-trigger:hover{opacity:1}.hero-split__col--video.is-playing .hero-split__pause-trigger{display:block}@media(max-width:749px){.hero-split{grid-template-columns:1fr;height:auto}.hero-split.is-video-expanded{grid-template-columns:1fr}.hero-split__col{min-height:50vh}.hero-split__logo-wrap{left:1.5rem;width:110px}.hero-split__overlay[data-position=top] .hero-split__logo-wrap{top:1.5rem}.hero-split__overlay[data-position=bottom] .hero-split__logo-wrap{bottom:1.5rem}.hero-split__logo{width:110px}.hero-split__heading{right:1.5rem;max-width:20ch}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hero-video-split.css.map */