/* V9: corrected photographic framing — reference image stays a real website image */
.hero{background:#f8f5ef;isolation:isolate}
.hero .picture{
  width:64%;right:0;top:0;height:100%;
  background-image:url('hero-person-clean.webp');
  background-color:#eeeae1;
  background-size:auto 96%;
  background-repeat:no-repeat;
  background-position:right bottom;
}
.hero:after{background:linear-gradient(90deg,#faf7f0 0%,#faf7f0 32%,rgba(250,247,240,.96) 42%,rgba(250,247,240,.72) 54%,rgba(250,247,240,.08) 73%,transparent 84%)}
/* Place informative badge above empty left-hand photograph, never across the face. */
.hero .floating{left:57%;right:auto;top:18px;bottom:auto;max-width:185px;padding:10px 13px;font-size:11px;line-height:1.4}
.hero .floating i{padding:9px}
.about-photo{
  background-image:url('canal-refined.webp');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#fff9ef;
  border-radius:55px 0 0 0;
}
@media(max-width:1100px){
  .hero .floating{left:58%;top:12px;max-width:150px;font-size:10px}
}
@media(max-width:700px){
  .hero .picture{width:100%;height:46%;background-size:auto 96%;background-position:right center;background-color:#eeeae1}
  .hero:after{background:linear-gradient(0deg,#faf7f0 45%,#faf7f0 51%,transparent 78%)}
  .hero .floating{display:none}
  .about-photo{background-size:contain;min-height:160px}
}