.opening {
    z-index: var(--z-intro);
}

.eventi-intro-container {
    background            : var(--accent);
    color                 : var(--light);
    min-height            : unset;
    display               : grid;
    grid-template-columns : var(--grid-home-category);
    padding               : var(--side-spacer);
    gap                   : var(--side-spacer);
    grid-template-areas   : ". content";
}

.eventi-intro-inner-container {
    grid-area : content;
}

.eventi-intro-text {
    padding : 6rem 0 10rem;
    font    : var(--serif-m);
}

.eventi-intro-text p:not(:last-child) {
    margin-bottom : 3rem;
}

.eventi-section {
    background            : var(--accent);
    color                 : var(--light);
    display               : grid;
    grid-template-columns : var(--grid-home-category);
    padding               : var(--side-spacer);
    gap                   : var(--side-spacer);
    grid-template-areas   : ". content";
}

.eventi-section-inner {
    grid-column : content;
}

.eventi-section-title {
    align-self    : center;
    color         : var(--light);
    font          : var(--serif-l);
    margin-bottom : 1rem;
}

.eventi-section-text {
    font : var(--sans-m);
}

.eventi-section-extra {
    margin-top    : 1rem;
    margin-bottom : 2rem;
}

.eventi-section-videos :is(iframe,object,embed), .embed-container object, .embed-container embed {
    width        : 100%;
    height       : 100%;
    aspect-ratio : 16/9;
    border       : none;
    display      : block;
}

.eventi-section-images {
    margin-top            : 1rem;
    display               : grid;
    grid-template-columns : 1fr 1fr;
    gap                   : 1rem;
}

.eventi-section-figure {
    grid-column : var(--columnSpan);
}

.eventi-section-caption {
    font           : var(--sans-sl);
    text-transform : uppercase;
    padding-top    : 0.5rem;
}

.eventi-section-videos {
    margin-top            : 1rem;
    display               : grid;
    grid-template-columns : 1fr;
    gap                   : 1rem;
}

#eventi-wrapper {
    border-bottom : 1px solid var(--light);
    padding-bottom : 2rem;
    background: var(--accent);
}

#eventi .accordion-title:hover {
    color : var(--dark);
}

#eventi .accordion-content {
    font : var(--sans-m);
}

#eventi .accordion-content ul {
    list-style            : none;
    display               : grid;
    grid-template-columns : 1fr;
    gap                   : 1rem 2rem;
    padding-left          : 0;
}

#eventi .editor li::marker {
    content : unset;
}

@media (width > 600px) {
    #eventi .accordion-content ul {
        grid-template-columns : repeat(3,1fr);
    }
}

@media (width < 600px) {
    .eventi-section-images {
        grid-column : 1fr;
    }
}

#eventi .sidebar-nav-link {
    color : var(--light);
}

@media (width < 1100px) {
    .eventi-intro-container,
    .eventi-section {
        grid-template-areas : "content content";
    }
}