.staircase-hero{position:relative;width:100%;background:var(--hero-bg, #ffffff);overflow:hidden}.staircase-hero__steps{display:flex;flex-direction:column;align-items:center;width:100%}.staircase-hero__step{--step-width: var(--step-width-desktop, 100);width:calc(var(--step-width) * 1%);height:var(--step-height, 64px);overflow:hidden;position:relative;margin:0 auto;line-height:0}.staircase-hero__step-video{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:50% 0%;pointer-events:none}.staircase-hero__main{width:100%;line-height:0;position:relative}.staircase-hero__main-video{display:block;width:100%;height:auto;object-fit:cover}.staircase-hero__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 1.5rem;text-align:center;color:#6b6b6b}.staircase-hero__placeholder-svg{width:100%;max-width:480px;height:auto}.staircase-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:clamp(1.5rem,4vw,3rem);pointer-events:none;color:var(--content-color, #ffffff)}.staircase-hero__content>*{pointer-events:auto}.staircase-hero__content.horizontal-left{justify-content:flex-start;text-align:left}.staircase-hero__content.horizontal-center{justify-content:center;text-align:center}.staircase-hero__content.horizontal-right{justify-content:flex-end;text-align:right}.staircase-hero__content.vertical-top{align-items:flex-start}.staircase-hero__content.vertical-middle{align-items:center}.staircase-hero__content.vertical-bottom{align-items:flex-end}.staircase-hero__heading{line-height:1;font-weight:700;margin:0;max-width:90%;font-size:min(var(--heading-size, 96px),18vw);color:var(--content-color, #ffffff)!important}@media screen and (max-width:749px){.staircase-hero__step{--step-width: var(--step-width-mobile, 100);height:calc(var(--step-height, 64px) * .6)}.staircase-hero__step--desktop-only{display:none}.staircase-hero__main{aspect-ratio:var(--mobile-aspect-ratio, 9/16);overflow:hidden}.staircase-hero__main-video{width:100%;height:100%;object-fit:cover;object-position:var(--mobile-focal-x, center) 50%}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-staircase-video-hero.css.map */