.portrait-video-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;overflow:hidden}.portrait-video-banner__box{text-align:center}.portrait-video-banner__box.gradient{transform:perspective(0)}@media only screen and (max-width: 749px){.portrait-video-banner--content-align-mobile-right .portrait-video-banner__box{text-align:right}.portrait-video-banner--content-align-mobile-left .portrait-video-banner__box{text-align:left}.portrait-video-banner--content-align-mobile-center .portrait-video-banner__box{text-align:center}}@media only screen and (min-width: 750px){.portrait-video-banner--content-align-right .portrait-video-banner__box{text-align:right}.portrait-video-banner--content-align-left .portrait-video-banner__box{text-align:left}.portrait-video-banner--content-align-center .portrait-video-banner__box{text-align:center}.portrait-video-banner--content-align-left.portrait-video-banner--desktop-transparent .portrait-video-banner__box,.portrait-video-banner--content-align-right.portrait-video-banner--desktop-transparent .portrait-video-banner__box{max-width:68rem}}@media screen and (max-width: 749px){.portrait-video-banner--height-small{min-height:50vh;max-height:60vh}.portrait-video-banner--height-medium{min-height:65vh;max-height:75vh}.portrait-video-banner--height-large{min-height:80vh;max-height:90vh}.portrait-video-banner--height-full{min-height:100vh;max-height:100vh}.portrait-video-banner--mobile-bottom .portrait-video-banner__media{position:relative;height:60vh}.portrait-video-banner--mobile-bottom .portrait-video-banner__content{position:relative;order:2;min-height:auto}.portrait-video-banner:not(.portrait-video-banner--mobile-bottom) .portrait-video-banner__content{min-height:50vh}.portrait-video-banner:not(.portrait-video-banner--mobile-bottom):not(.email-signup-banner) .portrait-video-banner__box{background:transparent}.portrait-video-banner:not(.portrait-video-banner--mobile-bottom) .portrait-video-banner__box{border:none;border-radius:0;box-shadow:none}.portrait-video-banner:not(.portrait-video-banner--mobile-bottom) .button--secondary{--alpha-button-background: 0}.portrait-video-banner:not(.portrait-video-banner--mobile-bottom) .field__input{background:transparent}.portrait-video-banner--mobile-bottom .portrait-video-banner__box.color-scheme-1{background:transparent}}@media screen and (max-width: 749px) and (orientation: landscape){.portrait-video-banner--height-small{min-height:80vh;max-height:150vh}.portrait-video-banner--height-medium,.portrait-video-banner--height-large,.portrait-video-banner--height-full{min-height:100vh;max-height:150vh}.portrait-video-banner:not(.portrait-video-banner--mobile-bottom) .portrait-video-banner__content{min-height:150vh}}@media screen and (min-width: 750px){.portrait-video-banner{flex-direction:row;min-height:56rem}.portrait-video-banner__content.portrait-video-banner__content--top-left{align-items:flex-start;justify-content:flex-start}.portrait-video-banner__content.portrait-video-banner__content--top-center{align-items:flex-start;justify-content:center}.portrait-video-banner__content.portrait-video-banner__content--top-right{align-items:flex-start;justify-content:flex-end}.portrait-video-banner__content.portrait-video-banner__content--middle-left{align-items:center;justify-content:flex-start}.portrait-video-banner__content.portrait-video-banner__content--middle-center{align-items:center;justify-content:center}.portrait-video-banner__content.portrait-video-banner__content--middle-right{align-items:center;justify-content:flex-end}.portrait-video-banner__content.portrait-video-banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.portrait-video-banner__content.portrait-video-banner__content--bottom-center{align-items:flex-end;justify-content:center}.portrait-video-banner__content.portrait-video-banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}.portrait-video-banner__media{position:absolute;left:0;top:0;height:100%;width:100%;z-index:1;overflow:hidden}.portrait-video-banner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}@media screen and (max-width: 749px){.portrait-video-banner__video{object-fit:cover;object-position:center center;min-width:100%;min-height:100%}.portrait-video-banner__media{width:100%;height:100%}.portrait-video-banner--mobile-bottom .portrait-video-banner__media{position:relative;height:60vh}}@media screen and (min-width: 750px){.portrait-video-banner__video{width:100%;height:100%;object-position:center center}}.portrait-video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:2;pointer-events:none}.portrait-video-banner:not(.portrait-video-banner--overlay) .portrait-video-banner__overlay{display:none}.portrait-video-banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:3}@media screen and (max-width: 749px){.portrait-video-banner__content--mobile-top{align-items:flex-start;justify-content:center}.portrait-video-banner__content--mobile-middle{align-items:center;justify-content:center}.portrait-video-banner__content--mobile-bottom{align-items:flex-end;justify-content:center}.portrait-video-banner--mobile-bottom .portrait-video-banner__content{padding:0;align-items:center}}@media screen and (min-width: 750px){.portrait-video-banner__content{padding:5rem}}.portrait-video-banner__box{padding:4rem 1.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.portrait-video-banner--mobile-bottom .portrait-video-banner__box{padding:4rem 3.5rem}@media screen and (max-width: 749px){.portrait-video-banner__box{padding:4rem 1.5rem;max-width:100%}.portrait-video-banner--mobile-bottom .portrait-video-banner__box{padding:4rem 3.5rem}}@media screen and (min-width: 750px){.portrait-video-banner__box{padding:4rem 3.5rem;width:auto;max-width:71rem;min-width:45rem}.portrait-video-banner--desktop-transparent .portrait-video-banner__box{padding:4rem 0;background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.portrait-video-banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.portrait-video-banner--desktop-transparent .content-container:after{display:none}}@media screen and (min-width: 1400px){.portrait-video-banner__box{max-width:90rem}}.portrait-video-banner__heading{margin-bottom:0}.portrait-video-banner__box .portrait-video-banner__heading+*{margin-top:1rem}.portrait-video-banner__box>*+.portrait-video-banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.portrait-video-banner__box>*+.portrait-video-banner__text{margin-top:2rem}}.portrait-video-banner__box>*+*{margin-top:1rem}.portrait-video-banner__box>*:first-child{margin-top:0}.portrait-video-banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}.portrait-video-banner__box>*+.portrait-video-banner__buttons{margin-top:2rem}@media screen and (max-width: 749px){.portrait-video-banner--content-align-mobile-right .portrait-video-banner__buttons--multiple{justify-content:flex-end}.portrait-video-banner--content-align-mobile-left .portrait-video-banner__buttons--multiple{justify-content:flex-start}.portrait-video-banner--content-align-mobile-center .portrait-video-banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width: 750px){.portrait-video-banner--content-align-center .portrait-video-banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.portrait-video-banner--content-align-right .portrait-video-banner__buttons--multiple{justify-content:flex-end}.portrait-video-banner--content-align-left .portrait-video-banner__buttons--multiple{justify-content:flex-start}}@media screen and (max-width: 749px){.portrait-video-banner:not(.slideshow) .rte a,.portrait-video-banner:not(.slideshow) .inline-richtext a:hover,.portrait-video-banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width: 750px){.portrait-video-banner--desktop-transparent .rte a,.portrait-video-banner--desktop-transparent .inline-richtext a:hover,.portrait-video-banner--desktop-transparent .rte a:hover{color:currentColor}}@media screen and (max-width: 749px){.portrait-video-banner.portrait-video-background:not(.portrait-video-banner--mobile-bottom) .portrait-video-banner__content{min-height:50vh}.portrait-video-banner__heading{font-size:clamp(2rem,8vw,3.7rem);line-height:1.2}.portrait-video-banner__text{font-size:clamp(.9rem,4vw,1.2rem)}.portrait-video-banner .button{min-height:calc(3.5rem + var(--buttons-border-width) * 2);font-size:1.3rem;padding:1rem 2rem}}@media (prefers-reduced-motion: no-preference){.portrait-video-banner__content.scroll-trigger.animate--slide-in{animation:slide-in .6s ease-out}}.portrait-video-banner__video:focus{outline:none}.portrait-video-banner__media,.portrait-video-banner__video{will-change:transform;backface-visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-portrait-video-banner.css.map */