/* Selected real-photo background: B / pair 2, Puu-Käpylä + Maunula. */
.home-photographic .hero{position:relative;isolation:isolate;margin-top:22px;margin-bottom:24px;min-height:395px;padding-block:70px;overflow:hidden;border-radius:25px}
.home-photographic .hero .eyebrow,.home-photographic .hero h1{position:relative;z-index:1}
.home-photographic .hero.hero-b h1{font-size:clamp(44px,5.1vw,67px);line-height:1.13}
.hero-background-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-background-art img{position:absolute;display:block;width:38%;height:100%;object-fit:cover;filter:saturate(.65)}
.home-photographic .photo-home{left:0;object-position:52% 50%;mask-image:linear-gradient(90deg,#0009,transparent)}
.home-photographic .photo-apartment{right:0;object-position:70% 40%;mask-image:linear-gradient(270deg,#0009,transparent)}
.hero-background-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff8,#ffffff00 70%,#fff)}
@media(max-width:760px){
 .home-photographic .hero{margin-top:12px;min-height:330px;padding:44px 22px;border-radius:18px}
 .home-photographic .hero.hero-b h1{font-size:clamp(31px,8.5vw,43px);letter-spacing:-1.2px;line-height:1.15}
 .home-photographic .hero .eyebrow{font-size:12px;letter-spacing:1.3px;line-height:1.6}
 .hero-background-art img{width:50%;opacity:.7}
}