#event-page {min-height: 100dvh;}




/* 
BACKGROUND
*/
#event-page .event_p-background {
    position: sticky;
    top: 0;
    min-height: 50dvh;
    max-height: 50dvh;
    flex-grow: 1;
}

@media only screen and (min-width: 1096px) {
    #event-page .event_p-background {
        min-height: 66dvh;
        max-height: 66dvh;
    }
}



/* 
ARTICLE
*/
#event-page .event_p-article {
    border-radius: 1rem 1rem 0 0;
    transform: translateY(-1rem);
    flex-grow: 1;
    z-index: 10;
}

#event-page .event_p-article .--header {padding-bottom: 0;}

#event-page .event_p-article .--subtitle {margin-top: .45em;}

#event-page .event_p-article .--header > a {
    width: fit-content;
    margin: 1rem auto;
}

#event-page .event_p-article .--text {
    padding-top: .5em;
    padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #event-page .--title {width: fit-content;}

    #event-page .penthouse-card--to-shop {
        top: 3px;
        right: 0;
        transform: translateX(calc(100% + 1rem));
    }
}

@media only screen and (min-width: 1096px) {
    #event-page .event_p-article {
        border-radius: 0;
        transform: translateY(0);
    }

    #event-page .penthouse-card--to-shop {top: 8px;}

    #event-page .event_p-article .--subtitle {margin-top: .42em;}
    #event-page .event_p-article .--text {padding-top: .45em;}
}