/* Homepage catalogue artwork: link, hover lift, click fan-out. */
@property --fan-out {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
#acquisitions .split:has(>.art-link:first-child){
  grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  column-gap:var(--gap-split);
  align-items:center;
}
#acquisitions .split>.art-link{
  width:100%;
  max-width:520px;
  justify-self:center;
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  border-radius:20px;
  -webkit-tap-highlight-color:transparent;
}
#acquisitions .split>.art-link .fan_stage{
  aspect-ratio:1/1;
  --spread:var(--fan-out, 1);
  transition:--fan-out .4s cubic-bezier(.22,1,.36,1);
}
#acquisitions .split>.art-link .art-set.fan .cv{
  width:50%;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
#acquisitions .split>.art-link:focus{
  outline:none;
}
#acquisitions .split>.art-link:focus-visible{
  outline:2px solid var(--vm-focus, #3E1C5B);
  outline-offset:6px;
  border-radius:20px;
}
@media (hover:hover) and (pointer:fine){
  #acquisitions .split>.art-link{
    transition:transform .22s cubic-bezier(.22,1,.36,1);
  }
  #acquisitions .split>.art-link:hover{
    transform:translateY(-6px);
  }
  /* Group lift instead of a single-card lift, so the set reads as one link. */
  #acquisitions .split>.art-link:hover .fan .cv{
    --lift:-4%;
  }
}
#acquisitions .split>.art-link.is-animating .fan_stage{
  --fan-out:1.55;
}
#acquisitions .split>.art-link.is-animating .fan .cv{
  --lift:-6%;
}
@media (max-width:900px){
  #acquisitions .split:has(>.art-link:first-child){
    grid-template-columns:1fr;
    row-gap:var(--gap-split);
  }
  #acquisitions .split>.art-link{
    max-width:360px;
  }
  #acquisitions .split>.art-link .art-set.fan .cv{
    width:52%;
  }
}
@media (prefers-reduced-motion:reduce){
  #acquisitions .split>.art-link,
  #acquisitions .split>.art-link .fan_stage,
  #acquisitions .split>.art-link .fan .cv{
    transition:none;
  }
  #acquisitions .split>.art-link:hover{
    transform:none;
  }
  #acquisitions .split>.art-link.is-animating .fan_stage{
    --fan-out:1;
  }
  #acquisitions .split>.art-link.is-animating .fan .cv{
    --lift:0%;
  }
}