main {
            max-width: 50vmax;
            margin: auto;
            margin-top: 10vh;
        }

        h1 {
            font-weight: 100;
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 2rem;
        }

        .posters {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-bottom: 5rem;
        }

        .poster {
            background: #f2ead8;
            border: 1px solid #bbb;
            padding: 8px 8px 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
        }

        .poster-label {
            font-family: monospace;
            font-size: 0.65rem;
            font-weight: bold;
            letter-spacing: 0.18em;
            color: #111;
            text-align: center;
            width: 100%;
        }

        .poster-name {
            font-family: monospace;
            font-size: 0.55rem;
            letter-spacing: 0.12em;
            color: #333;
            text-align: center;
            width: 100%;
        }

        .poster img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Each poster gets a different distortion */

        .poster:nth-child(1) {
            filter: grayscale(1) contrast(1.4) brightness(0.85);
            transform: rotate(-1.5deg);
        }

        .poster:nth-child(2) {
            filter: invert(1) contrast(1.1);
            transform: rotate(0.8deg);
        }

        .poster:nth-child(3) {
            filter: grayscale(1) contrast(2.2) brightness(1.3);
            transform: rotate(-0.5deg);
        }

        .poster:nth-child(4) {
            filter: invert(1) brightness(1.3) hue-rotate(20deg);
            transform: rotate(2deg);
        }

        .poster:nth-child(5) {
            filter: contrast(0.6) brightness(1.8) saturate(0.2);
            transform: rotate(-1deg);
        }

        .poster:nth-child(6) {
            filter: grayscale(1) invert(1) contrast(1.8) brightness(0.75);
            transform: rotate(1.2deg);
        }

        .poster:nth-child(7) {
            filter: contrast(1.6) brightness(0.6) sepia(0.4);
            transform: rotate(-2.2deg);
        }

        .poster:nth-child(8) {
            filter: invert(1) blur(0.8px) contrast(1.3);
            transform: rotate(0.4deg);
        }

        .poster:nth-child(9) {
            filter: grayscale(0.8) contrast(1.1) brightness(1.1) opacity(0.7);
            transform: rotate(-0.8deg);
        }

        p {
            font-size: 1.05rem;
            margin: 30px 0;
        }