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

.explore {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 5.4rem;
    z-index: var(--z-index-top);
}

.explore a {
    display: block;
    top: 0;
    width: 4.4rem;
    padding: 1.2rem 1rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.3rem;
    white-space: nowrap;
    text-decoration: none;
    background-color: #000;
    transform: rotate(180deg);
    z-index: 2000;
    writing-mode: vertical-rl;
}

@media (min-height: 700px) and (min-width: 500px) {
    .explore a {
        position: -webkit-sticky;
        position: sticky;
    }
}

.explore strong {
    font-weight: 600;
    font-variant: small-caps;
    letter-spacing: 0.05em;
    text-transform: lowercase;
}

.explore strong::before {
    content: '↓';
    padding: 0.4rem 0 0.6rem;
    font-weight: 800;
}