.wm-landing .wl-literacy-press { padding-block: 40px 0; }
.wl-literacy-press-image { position: relative; display: block; width: min(100%, 920px); aspect-ratio: 3 / 2; margin-inline: auto; cursor: zoom-in; }
.wl-literacy-press-image img { position: absolute; display: block; width: 100%; height: auto; }
.wl-literacy-press-image:focus-visible { outline: 2px solid var(--wl-purple); outline-offset: 5px; border-radius: 12px; }

/* Partition the original collage along the gaps between the overlapping papers. */
.wl-literacy-press-clipping { position: absolute; inset-inline: 0; display: block; }
.wl-literacy-press-clipping--first {
    top: 0;
    height: 45%;
}
.wl-literacy-press-clipping--first img {
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 36.4%, 83.5% 36.4%, 81.5% 33.3%, 69% 34.8%, 50% 36.8%, 38% 37.5%, 33% 37.2%, 30.5% 40.5%, 29% 45%, 0 45%);
}
.wl-literacy-press-clipping--second {
    top: 36.4%;
    height: 34.6%;
}
.wl-literacy-press-clipping--second img {
    top: -105.202312%; /* -36.4 / 34.6: keep the source image in its original position. */
    clip-path: polygon(0 45%, 29% 45%, 30.5% 40.5%, 33% 37.2%, 38% 37.5%, 50% 36.8%, 69% 34.8%, 81.5% 33.3%, 83.5% 36.4%, 100% 36.4%, 100% 71%, 73% 70%, 69% 67.4%, 53% 66.3%, 39% 64.5%, 29% 62%, 15% 60.5%, 0 59%);
}
.wl-literacy-press-clipping--third {
    top: 59%;
    height: 41%;
}
.wl-literacy-press-clipping--third img {
    top: -143.902439%; /* -59 / 41 */
    clip-path: polygon(0 59%, 15% 60.5%, 29% 62%, 39% 64.5%, 53% 66.3%, 69% 67.4%, 73% 70%, 100% 71%, 100% 100%, 0 100%);
}

@media screen and (prefers-reduced-motion: no-preference) {
    /* Observe each paper at its own position, including during a slow scroll. */
    .wm-landing .wl-literacy-press-clipping.wl-scroll-reveal {
        translate: none;
        transition: none;
    }
    .wm-landing .wl-literacy-press-clipping.wl-scroll-reveal.is-scroll-visible {
        transition: opacity .6s ease;
    }
    .wm-landing .wl-literacy-press-image:focus-within .wl-literacy-press-clipping {
        opacity: 1;
        transition: none;
    }
}

@media print, (prefers-reduced-motion: reduce), (forced-colors: active) {
    .wl-literacy-press-image .wl-literacy-press-clipping {
        opacity: 1 !important;
        transition: none !important;
    }
}

@media (max-width: 800px) {
    .wm-landing .wl-literacy-press { padding-top: 28px; }
}
@media (max-width: 480px) {
    .wl-literacy-press .wl-container { width: calc(100% - 16px); }
}
@media print {
    .wl-literacy-press { break-inside: avoid; }
    .wl-literacy-press-image { width: min(100%, 640px); }
}