  .lp-stage { position: absolute; left: 0; right: 0; top: var(--st-top, 330px); bottom: 44px; z-index: 2; perspective: 1150px; perspective-origin: 50% 30%; pointer-events: none;
    --cw: clamp(260px, min(31vw, 50vh), 460px); }
  .lp-card { position: absolute; left: 50%; top: 46%; width: var(--cw); aspect-ratio: 1.586; margin-left: calc(var(--cw) / -2); margin-top: calc(var(--cw) / -3.172);
    transform-style: preserve-3d; will-change: transform; }
  .lp-card > i { position: absolute; inset: 0; border-radius: 5.5%/8.7%; background: #0d0c0b; }
  .lp-card > i:first-child { background: #3a3632; }
  .lp-face { position: absolute; inset: 0; border-radius: 5.5%/8.7%; overflow: hidden; isolation: isolate; color: #efece6;
    background: linear-gradient(180deg, #34312d 0%, #262320 55%, #1d1b19 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 0 0 1px rgba(255, 255, 255, .05); }
  .lp-grain { position: absolute; inset: 0; background: var(--grain); opacity: .1; mix-blend-mode: overlay; }
  .lp-logo { position: absolute; top: 9%; left: 6.5%; width: 9.5%; height: auto; }
  .lp-word { position: absolute; right: 6.5%; bottom: 9.5%; width: 17%; height: auto; opacity: .75; }
  /* a small abstract chip, tone on tone */
  .lp-chip { position: absolute; top: 40%; left: 7%; width: 11%; aspect-ratio: 1.3; border-radius: 16%/20%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); background: linear-gradient(90deg, transparent 48%, rgba(255, 255, 255, .08) 48% 52%, transparent 52%), rgba(255, 255, 255, .03); }
  .lp-lines { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; }
  .lp-lines * { stroke-dasharray: 1; stroke-dashoffset: var(--draw, 1); }
  .lp-floor { position: absolute; inset: 0; transform-style: preserve-3d; transform: translateZ(0.3px); }
  .lp-fig, .lp-prop { position: absolute; left: 0; top: 0; }
  .lp-fig svg, .lp-prop svg { width: 100%; height: 100%; display: block; overflow: visible; }
  .lp-shadow { position: absolute; left: 0; top: 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)); }
  .lp-ground { position: absolute; left: 50%; top: calc(46% + var(--cw) * 0.44); width: calc(var(--cw) * 1.02); height: calc(var(--cw) * 0.12); border-radius: 50%;
    background: radial-gradient(closest-side, rgba(22, 19, 15, .2), rgba(22, 19, 15, 0)); filter: blur(4px); transform-origin: 50% 50%; }

@media (max-width: 900px) { .lp-stage { --cw: min(78vw, 330px, 46vh); perspective: 900px; } }
