@media screen and (min-width: 2500px) {
    :root {
        --container-width: clamp(300px, 65vw, 3000px);
    }
}

a:not(footer a){
    display: block;
    width: 100%;
    height: 100%;
}

article {
    height: clamp(200px, 14vw, 550px);
    position: relative;
    bottom: -20px;
    opacity: 0.7;
    animation: appear-bottom linear forwards;
    animation-timeline: view();
    animation-range-start: entry;
    animation-range-end: 120px;
}

h2 {
    font-size: calc(var(--h2-fontsize) * 0.85);
}

h3 {
    font-size: calc(var(--h3-fontsize) * 0.92);
}

article:not(#pmArticle) {
    margin-bottom: var(--mp5);
}

.banderol {
    padding: var(--mp4) var(--mp5);
    bottom: calc(var(--mp6) * 0.75);
}