/* A single photograph dissolves into the white copy area. No enlarged duplicate scene. */
body.theme-B.home-banner-release-v1 .hero{background:#fff}
body.theme-B.home-banner-release-v1 .hero-copy{width:42%;flex-basis:42%;background:transparent}
body.theme-B.home-banner-release-v1 .hero-visual{background:#fff}
body.theme-B.home-banner-release-v1 .hero-visual:before{display:none;content:none;filter:none;background-image:none}
body.theme-B.home-banner-release-v1 .hero-visual:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 25%,rgba(255,255,255,.82) 32%,rgba(255,255,255,.4) 40%,rgba(255,255,255,0) 48%)}
body.theme-B.home-banner-release-v1 .hero .hero-photo{
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 3%,rgba(0,0,0,.10) 7%,rgba(0,0,0,.26) 12%,rgba(0,0,0,.47) 17%,rgba(0,0,0,.68) 22%,rgba(0,0,0,.85) 27%,rgba(0,0,0,.96) 33%,#000 40%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.02) 3%,rgba(0,0,0,.10) 7%,rgba(0,0,0,.26) 12%,rgba(0,0,0,.47) 17%,rgba(0,0,0,.68) 22%,rgba(0,0,0,.85) 27%,rgba(0,0,0,.96) 33%,#000 40%);
}
@media(max-width:1179px) and (min-width:761px){
 body.theme-B.home-banner-release-v1 .hero-copy{width:43%;flex-basis:43%}
}
@media(max-width:760px){
 body.theme-B.home-banner-release-v1 .hero-copy{width:100%;flex-basis:auto;background:#fff}
 body.theme-B.home-banner-release-v1 .hero-visual:after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.65) 1%,rgba(255,255,255,.15) 2.5%,rgba(255,255,255,0) 4%)}
 body.theme-B.home-banner-release-v1 .hero .hero-photo{-webkit-mask-image:none;mask-image:none}
}