/* Shared eye anchors keep the static panorama aligned with the scroll assembly. */
.home-hero .hero-collage{inset:0;transform:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;background:#28282a}
.home-hero .portrait-slice{--cut:70px;--portrait-shift:.32;display:block;margin:0 -35px;position:relative;overflow:hidden;min-width:0;clip-path:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%);background:linear-gradient(var(--portrait-bg,#181818) 0 4%,#181818 4% 100%)}
.home-hero .portrait-slice:first-child{--portrait-shift:.16;clip-path:polygon(0 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}
.home-hero .portrait-slice:last-child{--portrait-shift:.16;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%)}
.home-hero .portrait-slice img{position:absolute;height:calc(100% * var(--portrait-scale));width:auto;min-width:0;max-width:none;left:calc(50% + var(--cut) * var(--portrait-shift));top:calc(100% * var(--portrait-top));object-fit:cover;object-position:center top;transform:translateX(calc(-100% * var(--portrait-eye-x)));animation:none;mask-image:linear-gradient(#000 78%,transparent 100%)}
.home-hero .hero-bottom{justify-content:center}
@media(max-width:760px){
 .home-hero .hero-collage{inset:0 0 auto;height:68%;grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-hero .portrait-slice{--cut:40px;margin:0 -20px}
 .home-hero .portrait-slice:nth-child(2),.home-hero .portrait-slice:nth-child(3),.home-hero .portrait-slice:nth-child(5),.home-hero .portrait-slice:nth-child(7){display:none}
 .home-hero .portrait-slice:nth-child(6){--portrait-shift:.16;clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%)}
 .home-hero .hero-shade{background:linear-gradient(90deg,#8c002922,transparent 50%,#8c002922),linear-gradient(180deg,transparent 15%,#18181833 32%,#181818dd 60%,#181818 72%)}
}