/* A single three-position carousel; depth belongs to each moving specimen group. */
.motion-prototype .scene-tools > .pm-home-cases {
  position:relative; grid-area:1 / 1; display:grid;
  grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr);
  align-self:start; justify-self:center;
  width:min(calc(100% - var(--gutter) * 2),1592px);
  height:calc(100% - var(--stage-actions-bottom) - 48px);
  min-width:0; min-height:0; isolation:isolate; visibility:hidden; z-index:2;
}
.motion-prototype .pm-home-cases[data-layout-ready="true"] { visibility:visible; }
.motion-prototype .pm-home-cases [hidden] { display:none!important; }
.motion-prototype .pm-home-case {
  grid-area:1 / 1; align-self:center; justify-self:center;
  width:72%; height:100%; min-width:0; min-height:0;
  position:relative; pointer-events:none; transform-origin:center;
  will-change:transform,opacity,filter;
}
.motion-prototype .pm-home-case-ground {
  --pm-ground-feather:20px;
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:calc(97.65869% - 8px + var(--pm-ground-feather) * 2);
  max-height:100%; aspect-ratio:1922 / 818;
  background:var(--paper,#fff); z-index:0; pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,#000 var(--pm-ground-feather),#000 calc(100% - var(--pm-ground-feather)),transparent),
    linear-gradient(0deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);
  mask-composite:intersect;
}
.motion-prototype .pm-home-case-content {
  position:relative; display:grid; align-items:center; justify-items:center;
  width:100%; height:100%; min-height:0; min-width:0; pointer-events:none; outline:none; z-index:1;
}
.motion-prototype .pm-home-case[data-active="true"] > .pm-home-case-content { pointer-events:auto; }
.motion-prototype .pm-home-case-series {
  grid-area:1 / 1; display:grid; align-items:center; gap:24px;
  width:calc(97.65869% - 8px); max-height:100%; min-width:0; min-height:0; position:relative; z-index:2;
}
.motion-prototype .pm-home-case-series--stamp { grid-template-columns:repeat(2,minmax(0,1fr)); aspect-ratio:2.5; }
.motion-prototype .pm-home-case-series--coin { grid-template-columns:repeat(3,minmax(0,1fr)); aspect-ratio:3.15; }
.motion-prototype .pm-home-case-image {
  grid-area:1 / 1; display:block; width:100%; height:100%; min-width:0; min-height:0;
  object-fit:contain; user-select:none; pointer-events:none;
  filter:drop-shadow(0 2px 5px rgb(0 0 0 / 10%));
}
.motion-prototype .pm-home-case-series > .pm-home-case-image { grid-area:auto; }
.motion-prototype .pm-home-case--banknote .pm-home-case-content > .pm-home-case-image {
  position:relative; z-index:2; width:calc(97.65869% - 8px); height:auto;
}
.motion-prototype .pm-home-banknote-host {
  position:absolute; inset:0; width:100%; height:100%; display:grid; min-height:0; min-width:0; z-index:1;
}
.motion-prototype .pm-home-banknote-host > .banknote-a-exhibit {
  position:relative; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr);
  min-width:0; min-height:0; width:100%; height:100%; margin:0;
}
.motion-prototype .pm-home-case--stamp .pm-home-banknote-host,
.motion-prototype .pm-home-case--coin .pm-home-banknote-host {
  inset:auto; left:50%; top:50%; transform:translate(-50%,-50%);
  width:calc(97.65869% - 8px); height:auto;
}
.motion-prototype .pm-home-case--stamp .pm-home-banknote-host { aspect-ratio:2.5; }
.motion-prototype .pm-home-case--coin .pm-home-banknote-host { aspect-ratio:3.15; }
.motion-prototype .pm-home-case-still {
  position:absolute; inset:0; display:grid; min-width:0; min-height:0; z-index:2; pointer-events:none;
}
.motion-prototype .pm-home-case-still .pm-home-case-content { pointer-events:none; }
.motion-prototype .pm-home-case-switch {
  position:absolute; left:50%; top:50%; width:calc(97.65869% - 8px);
  height:auto; aspect-ratio:2.5; transform:translate(-50%,-50%);
  border:0; border-radius:0; padding:0; background:transparent; color:inherit;
  cursor:pointer; pointer-events:auto; -webkit-tap-highlight-color:transparent; z-index:3;
}
.motion-prototype .pm-home-case--coin > .pm-home-case-switch { aspect-ratio:3.15; }
.motion-prototype .pm-home-case--banknote > .pm-home-case-switch { aspect-ratio:1854 / 716; }
.motion-prototype .pm-home-case-switch:focus-visible { outline:1px solid var(--muted); outline-offset:8px; }
.motion-prototype .pm-home-case:focus-visible { outline:1px solid var(--muted); outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .motion-prototype .pm-home-case { will-change:auto; } }