.page-title-symbol { aspect-ratio: 513.17 / 177.53; }

.page-image--tiled {
    img { display: none; }
    img:nth-child(1) { display: block; grid-column: span 5; }
    img:nth-child(3) { object-position: left; }
    div { grid-column: 1 / -1; padding: clamp(2rem, 2vw, 4rem); }
}

@media only screen and (min-width: 60em) {
    .page-header--inset:has(.page-image).page-header--full-grid {
        .page-image--tiled {
            grid-column: 2 / 14;
            margin-inline: 0;
            display: grid;
            grid-template-columns: repeat(11, 1fr);
            grid-template-rows: repeat(2, 1fr);
            
            img {
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
            }
            img:nth-child(1) {
                grid-column: span 3;
                grid-row: 1;
                display: block;
            }
            img:nth-child(2) {
                grid-column: span 4;
                grid-row: 1;
                display: block;
            }
            img:nth-child(3) {
                grid-column: span 4;
                grid-row: span 2;
                display: block;
            }
            .page-title-grid {
                grid-column: span 7;
                grid-row: 2;
                align-content: center;
                padding-inline: 3rem;
            }
        }
    }
}

@media only screen and (min-width: 80em) {
    .page-header--inset:has(.page-image).page-header--full-grid {
        .page-image--tiled {
            .page-title-grid {
                grid-column: span 4;
                grid-row: 2;
                align-content: center;
                padding-inline: 3rem;
            }
            img:nth-child(5) {
                grid-column: span 3;
                grid-row: 2;
                display: block;
            }
        }
    }
}

@media only screen and (min-width: 120em) {
    .page-header--inset:has(.page-image).page-header--full-grid {
        .page-image--tiled {
            grid-column: 2 / 14;
            margin-inline: -5vw;
            width: auto;
            grid-template-rows: repeat(2, minmax(500px, 40vh));
        }
    }
}

@media only print {
    body {
        .page-image img { margin-inline: auto;}
        .page-title-grid { max-width: 700px; margin-inline: auto; }
        .page-primary figure,
        .page-image img { max-width: 800px; margin-inline: auto; }
        .video--placeholder { display: none; }
    }
}