/* Signature-led motion layer. No opacity gates, clipping or layout-dependent sizes. */
.home-hero{position:relative;isolation:isolate}
.home-hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 8%;background:radial-gradient(ellipse at 50% 18%,rgba(149,113,200,.10),transparent 65%)}
.home-hero .signature{filter:drop-shadow(0 8px 16px rgba(134,100,180,.08))}
/* Reserve the existing 4:5 portrait before lazy image decode in shrink-to-fit grids. */
.n9-portrait{width:100%}
.n9-shots .n9-browser{translate:var(--motion-x,0px) var(--motion-y,0px);transition:translate 240ms ease-out}
.n9-shots .n9-phone{translate:calc(var(--motion-x,0px) * -1) calc(var(--motion-y,0px) * -1);transition:translate 320ms ease-out}
@media(prefers-reduced-motion:reduce){
 /* Reset only this layer's individual translation; preserve layout transforms. */
 .n9-shots .n9-browser,.n9-shots .n9-phone{translate:none;transition:none}
}