@media (min-width:1200px){.b-intro__box__mask{background-color:#fff;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:10}.b-intro__box__image{transition:all .3s;width:50vw}.b-intro__box__image--left{right:0}.b-intro__box__image--right{left:0}.b-intro__box--inactive .b-intro__box__mask{opacity:.8}.b-intro__box--inactive .b-intro__box__image{width:calc(50vw - 10rem)}.b-intro__box--inactive .b-intro__box__image--left{right:10rem}.b-intro__box--inactive .b-intro__box__image--right{left:10rem}.b-intro__box--active .b-intro__box__image{width:calc(50vw + 10rem)}.b-intro__box--active .b-intro__box__image--left{right:-10rem}.b-intro__box--active .b-intro__box__image--right{left:-10rem}.b-intro__box:hover{z-index:20}}@media (min-width:1440px){.b-intro__box--inactive .b-intro__box__image{width:calc(50vw - 18rem)}.b-intro__box--inactive .b-intro__box__image--left{right:18rem}.b-intro__box--inactive .b-intro__box__image--right{left:18rem}.b-intro__box--active .b-intro__box__image{width:calc(50vw + 18rem)}.b-intro__box--active .b-intro__box__image--left{right:-18rem}.b-intro__box--active .b-intro__box__image--right{left:-18rem}}