/* Homepage portrait ink reveal. Kept isolated from the main layout. */
#home .hero-canvas{isolation:isolate}
#home .portrait-fx,
#home .hero-ink-fx{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  background:transparent;
  contain:strict;
  transform:translateZ(0);
}
#home .portrait-fx{z-index:2}
#home .hero-ink-fx{
  z-index:5;
  mix-blend-mode:difference;
}
#home .portrait-fx-cross{
  position:absolute;
  z-index:6;
  left:0;
  top:0;
  width:12px;
  height:12px;
  pointer-events:none;
  opacity:0;
  transform:translate3d(var(--fx-x,0px),var(--fx-y,0px),0) translate(-50%,-50%) scale(.75);
  transition:opacity .18s ease;
  mix-blend-mode:difference;
  will-change:transform,opacity;
}
#home .portrait-fx-cross::before,
#home .portrait-fx-cross::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:#fff;
  transform:translate(-50%,-50%);
}
#home .portrait-fx-cross::before{width:10px;height:1px}
#home .portrait-fx-cross::after{width:1px;height:10px}
#home .portrait-fx-cross.is-active{
  opacity:.92;
  transform:translate3d(var(--fx-x,0px),var(--fx-y,0px),0) translate(-50%,-50%) scale(1);
}
@media (hover:none),(pointer:coarse),(max-width:760px),(prefers-reduced-motion:reduce){
  #home .portrait-fx,
  #home .hero-ink-fx,
  #home .portrait-fx-cross{display:none!important}
}