/* Aurum Prism v2 · strategy visuals (14 Sep 2026). The aperture that holds each strategy's diagram in #strategies
   (canvas[data-art] drawn by assets/js/art.js: ap-preipo, ap-realassets, ap-credit). Loaded after sections.css and
   overrides only its .ap-band__apcol / .ap-band__ap / canvas rules.
   The diagram is always shown whole. The canvas keeps its open size (so it never re-renders while the band opens)
   and is scaled down with a transform while its band is inactive; the active band opens to full size and full light.
   Edges still dissolve into the room (a soft mask), but only at the margins, clear of the drawing. */
.ap-band__apcol {
  --sa-open: clamp(214px, 56vw, 290px);   /* phone and tablet portrait: under the text, full width */
  --sa-k: .8;                              /* inactive scale */
  height: calc(var(--sa-open) * var(--sa-k));
}
.ap-band.is-on .ap-band__apcol { height: var(--sa-open); }
.ap-band__ap,
.ap-band.is-on .ap-band__ap { width: 100%; }
.ap-band__ap {
  opacity: .74;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent), linear-gradient(transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent), linear-gradient(transparent, #000 5%, #000 95%, transparent);
}
.ap-band.is-on .ap-band__ap { opacity: 1; }
.ap-band__ap canvas {
  left: auto; right: 0; top: 50%;
  height: var(--sa-open);
  max-width: none;
  transform: translateY(-50%) scale(var(--sa-k));
  transform-origin: 50% 50%;
  transition: transform var(--op-t, .85s) var(--ap-ease);
}
.ap-band.is-on .ap-band__ap canvas { transform: translateY(-50%) scale(1); }
@media (min-width: 900px) {
  .ap-band__apcol { --sa-open: clamp(262px, 24vw, 336px); --sa-k: .8; }
}
@media (prefers-reduced-motion: reduce) {
  .ap-band__ap canvas { transition: none !important; }
}