.tear-hero-section{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column}.tear-hero__container{display:flex;flex-direction:row;width:100%;min-height:600px;position:relative}.tear-hero__image-wrapper{flex:0 0 44.44%;max-width:44.44%;display:flex;align-items:center;justify-content:center;padding:0;position:relative;z-index:1}.tear-hero__model-image{width:100%;height:100%;object-fit:cover}.tear-hero__content-wrapper{flex:0 0 55.56%;max-width:55.56%;display:flex;flex-direction:column;justify-content:var(--tear-content-justify, center);align-items:var(--tear-content-align, flex-start);text-align:var(--tear-content-text-align, left);padding:12px 18px;position:relative;background-color:var(--color-background);color:var(--color-text);z-index:5}.tear-hero__content-inner{max-width:60rem;width:100%;position:relative;z-index:10}.tear-hero__desktop-tear-edge{position:absolute;left:44.44%;top:-10%;width:120px;height:120%;z-index:5;color:var(--color-background);transform:translate(-50%) rotate(3deg);transform-origin:center center;pointer-events:none}.tear-hero__desktop-tear-edge svg{height:100%;width:100%;fill:currentColor}.tear-hero__mobile-tear-edge{display:none}@media screen and (max-width: 768px){.tear-hero__container{flex-direction:row;min-height:520px}.tear-hero__content-wrapper{padding:10px 12px}.tear-hero__content-inner{max-width:42rem}.tear-hero__desktop-tear-edge{width:90px}.tear-hero__mobile-tear-edge{display:none}}@media screen and (max-width: 520px){.tear-hero__container{flex-direction:column;min-height:unset}.tear-hero__content-wrapper{flex:0;max-width:100%;width:100%;padding:12px 18px;text-align:center;align-items:center}.tear-hero__content-inner{margin:0 auto;max-width:38rem}.tear-hero__desktop-tear-edge{display:none}.tear-hero__mobile-tear-edge{display:block;margin-top:-45px;width:100%;height:47px;z-index:5;color:var(--color-background);transform:rotate(180deg);pointer-events:none}.tear-hero__mobile-tear-edge svg{width:100%;height:100%;fill:var(--color-background)}.tear-hero__image-wrapper{flex:1;max-width:100%;width:100%;padding:0;max-height:60vh}.tear-hero__model-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-tear-hero.css.map */