/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

.columns figure {
    margin-top: 2.35rem;
    margin-bottom: 2.7rem;
}

.columns figure:last-child {
    margin-bottom: 0;
}

@media (min-height: 700px) and (min-width: 500px) {
    .columns figure {
        margin-top: 5.75rem;
        margin-bottom: 5.45rem;
    }
}

/* Captions */

figcaption {
    font-variant-numeric: normal;
}

/* Columns */

.columns figcaption {
    padding-top: 1.8rem;
    font-size: 1.4rem;
    line-height: 2.3rem;
}

.columns figcaption::before {
    content: '↑';
    margin-right: 0.3em;
    font-weight: 800;
    line-height: 0;
    vertical-align: 0.1rem;
}

/* Cover & Slides */

.cover figcaption,
.slider figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 1.4rem;
    padding-right: var(--dynamic-spacing-inline-end);
    padding-bottom: 1.4rem;
    padding-left: var(--dynamic-spacing-inline-start);
    color: #fff;
    font-size: var(--text-size-fine);
    font-weight: var(--text-weight-blond);
    line-height: var(--text-line-fine);
    background-color: rgba(0, 0, 0, 0.2);
    /* text-shadow: 0 0 3rem rgba(0, 0, 0, 0.3), 0 0 0.05rem rgba(0, 0, 0, 0.2); */
    z-index: var(--z-index-overlay-front);
}

.cover figcaption {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

#awards .cover figcaption {
    justify-content: space-between;
}

.cover figcaption > em {
    margin-right: 0.4ch;
    /* margin accomodates for missing white-space due to flex alignment */
    margin-left: 0.4ch;
}

.cover figcaption a,
.slider figcaption a {
    font-weight: var(--text-weight-bold);
    text-decoration: none;
}

.cover figcaption a {
    margin-left: 0.85rem;
}

.cover figcaption .is-related,
.slider figcaption .is-related {
    text-decoration: none;
}

.cover figcaption .is-related::before,
.slider figcaption .is-related::before {
    content: '\2192';
    display: inline-block;
    position: relative;
    padding-right: 0.7rem;
}

.cover figcaption .is-related:hover,
.slider figcaption .is-related:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.15em;
    text-decoration-color: rgba(255, 255, 255, 0.5);
}