@font-face {
    font-family: "Rossopepe Inter Display";
    src: url("../fonts/InterDisplay-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.page-header {
    align-items: flex-start;
}
.page-header h1 {
    font-family: "Rossopepe Inter Display", sans-serif;
    font-size: 11vh;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.065em;
    margin-top: .6vh;
    width: max-content;
    max-width: 100%;
    color: #111;
}
/* Give the enlarged title room only above the left-hand carousel. */
.content .carousel-frame {
    margin-top: 5vh;
}
/* A soft band of reflected light crosses the letters for 1.8s every 20s. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .page-header h1 {
        background-image: linear-gradient(110deg,
            #111 0%, #111 43%, #555 47%, #eee 50%,
            #777 53%, #111 57%, #111 100%);
        background-size: 300% 100%;
        background-position: 100% 0;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        animation: rossopepe-title-shine 20s linear 20s infinite;
    }
}
@keyframes rossopepe-title-shine {
    0% { background-position: 100% 0; }
    9% { background-position: 0% 0; }
    9.01%, 100% { background-position: 100% 0; }
}
@media (prefers-reduced-motion: reduce) {
    .page-header h1 { animation: none; }
}