.page-series {
    background:
        radial-gradient(1000px 380px at 50% 0%, rgba(255, 255, 255, .75), transparent 58%),
        linear-gradient(180deg, #f4f1eb 0%, #efebe4 100%);
}



.seriesHero {
    padding-top: 80px;
    padding-bottom: 40px;
}



.seriesHero__back {
    font-size: 12px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #666;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    padding-bottom: 6px;
}



.seriesHero__title {
    font-size: 64px;
    letter-spacing: .08em;
    margin-top: 30px;
}



.artworksGrid {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 28px;

    padding-bottom: 80px;

}



.artwork img {

    width: 100%;

    height: auto;

    display: block;

    box-shadow: 0 20px 40px rgba(0, 0, 0, .12);

}



@media (max-width:1000px) {

    .artworksGrid {

        grid-template-columns: repeat(2, 1fr);

    }

}



@media (max-width:600px) {

    .seriesHero__title {

        font-size: 38px;

    }

    .artworksGrid {

        grid-template-columns: 1fr;

    }

}