/* links */
.link-bar {
    position: relative;
    z-index: 10; /* over lens blur */
    display: flex;
    justify-content: center;
    gap: clamp(28px, 8vw, 48px);
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 16px 12px calc(var(--title-top) + 40px);
}
.link-icon {
    display: block;
    width: 28px;
    height: 28px;
    filter: grayscale(1) opacity(0.55);
}
.link-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.link-icon.wide {
    width: auto;
}
.link-icon.wide svg {
    width: auto;
}
.link-icon:hover,
.link-icon:focus-visible {
    outline: none;
    filter: none;
}