/* Display-only lesson excerpt; the learning page and original scene stay intact. */
.wl-hero-display-stage {
    position: absolute;
    inset: 0 auto auto 0;
    width: 2560px;
    height: 1440px;
    transform: scale(var(--wl-hero-display-scale, 0));
    transform-origin: 0 0;
    visibility: hidden;
    pointer-events: none;
}
.wl-hero-screen-stack.has-focused-display .wl-hero-display-stage { visibility: visible; }
.wl-hero-display {
    position: absolute;
    inset: 0 auto auto 0;
    display: block;
    width: 1200px;
    height: 750px;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    transform-origin: 0 0;
    /* Maps to the four inside corners of the existing tablet, at 2560 × 1440. */
    transform: matrix3d(1.0743551558, -.0434902043, 0, -.00005964582026,
        -.0644812382, 1.1763463711, 0, -.00001907550722,
        0, 0, 1, 0, 900, 340, 0, 1);
}
.wl-hero-display .wl-hero-screen-layer { display: block; width: 1200px; height: 750px; }
.wl-hero-display .wl-hero-screen-layer--blank { animation-play-state: paused; }
.has-focused-display .wl-hero-display .wl-hero-screen-layer--blank { animation-play-state: running; }