/* One heading treatment and one section rhythm throughout the homepage. */
.homepage {
    --home-section-gap: clamp(64px, 7vw, 96px);
    --home-heading-gap: clamp(24px, 3vw, 36px);
}

.homepage #slogan {
    padding-block: var(--home-section-gap);
}

.homepage #references { padding: 0; }
.homepage #references .bas { padding-bottom: 0; }
.homepage #references > .container > p:last-child { margin-bottom: 0; }

.homepage #main.home-sections {
    display: flex;
    flex-direction: column;
    gap: var(--home-section-gap);
    padding-block: var(--home-section-gap);
}

.homepage .home-hidden-participants { display: none; }
.homepage #main .playlist { margin: 0; padding: 0; }
.homepage #instagram { margin-bottom: 0; }
.homepage #main .participants-partners { margin: 0; }

.homepage .home-section-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: clamp(12px, 2vw, 28px);
    margin: 0 0 var(--home-heading-gap);
    border: 0;
    top: auto;
    text-align: center;
}

.homepage .home-section-heading::before,
.homepage .home-section-heading::after {
    content: '';
    flex: 1 1 0;
    min-width: 16px;
    height: 14px;
    background: #ff94b9;
}

.homepage .home-section-heading h2 {
    display: block;
    flex: 0 1 auto;
    max-width: 78%;
    margin: 0;
    padding: 0;
    top: auto;
    background: transparent;
    color: #252122;
    font: 500 clamp(1.8rem, 3.5vw, 2.5rem)/1.15 'Directors Gothic', sans-serif;
    text-align: center;
    text-transform: uppercase;
}