/* Blend at the image boundary, rather than across the entire hero. */
.hero-photo{left:43%;mask-image:linear-gradient(to right,transparent 0%,#000 25%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%)}.hero:after{background:none}.hero-photo img{object-position:center top}.hero-copy{position:relative;z-index:2}.hero-bottom{z-index:2}
@media(max-width:1100px){.hero-photo{left:35%;mask-image:linear-gradient(to right,transparent,#000 35%);-webkit-mask-image:linear-gradient(to right,transparent,#000 35%)}}
@media(max-width:700px){.hero-photo{left:0;height:650px;mask-image:linear-gradient(to bottom,#000 0%,#000 48%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,transparent 100%)}.hero:after{background:none}.hero-photo img{object-position:center top}}