/* ========================================
   Graphika — Global
   ======================================== */

body {
    background: var(--color-background);
    color: var(--color-text);

    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

main {
    width: 100%;
}

.site-header,
.site-footer {
    width: 100%;
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;

    z-index: 20;
}

.site-nav {
    width: min(
        calc(100% - (2 * var(--page-padding))),
        var(--content-max-width)
    );

    min-height: 72px;

    margin-inline: auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav-explore,
.nav-right {
    display: flex;
    align-items: center;
}

.nav-explore {
    gap: 0;
}

.nav-right {
    gap: 24px;
}

.nav-icon {
    font-size: 18px;
    line-height: 1;
}

.site-nav a,
.availability {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0.01em;
}