/* Each case keeps its collection card, without the globe placement. */
.case-opening .case-poster.gallery-plane{
  position:relative;
  inset:auto;
  display:block;
  width:min(100%,260px);
  max-width:260px;
  height:auto;
  aspect-ratio:4/5;
  margin:0 0 8px auto;
  padding:0;
  rotate:none;
  transform:none;
  overflow:visible;
  cursor:default;
}
/* Only the selected orbit card joins its matching case surface. Naming all
   ten would animate unrelated cards and can create duplicate-name failures. */
.case-poster .card-face,.gallery-plane[aria-current="true"] .card-face{view-transition-name:var(--shared-card-name,none)}
.case-poster:focus-visible{outline:2px solid var(--violet);outline-offset:7px;border-radius:12px}
.case-poster .card-art img{display:block}
.case-poster .project-hover{display:none}
.case-opening-aside .case-deck{margin:0}
::view-transition-group(posh-card),
::view-transition-group(tamarind-hill-card),
::view-transition-group(spfc-inova-sao-card),
::view-transition-group(assistiq-card),
::view-transition-group(schoolfundr-card),
::view-transition-group(skinguard-card),
::view-transition-group(realpha-card),
::view-transition-group(orthrus-card),
::view-transition-group(shade-card),
::view-transition-group(freehelper-card){animation-duration:650ms;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@media(max-width:700px){
  .case-opening .case-poster.gallery-plane{width:min(76%,240px);max-width:240px;margin:4px auto 8px}
}
@media(prefers-reduced-motion:reduce){
  .case-poster .card-face,.gallery-plane[aria-current="true"] .card-face{view-transition-name:none}
  @view-transition{navigation:none}
}