/* ==========================================================================
   STATISTICS — Desktop (1280px – 1920px)
   Placeholder shell — not scheduled yet. For now: white screen, menu,
   profile widget, and the settings/message/shop buttons, same as the
   portfolio hero.
   ========================================================================== */

.statistics {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    overflow: hidden;
}

/* Top-left nav row — laid out with flex + gap instead of hardcoded
   per-word positions, so a 40px gap holds automatically in every
   language without needing manual html[data-lang] overrides. */
.statistics__nav {
    position: absolute;
    left: 5rem;
    top: 5rem;
    display: flex;
    align-items: baseline;
    gap: 4rem;
    z-index: 1;
}

.statistics__nav-link {
    font-family: 'Atyp Display', sans-serif;
    font-weight: 400;
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: -0.08em;
    color: #000000;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.statistics__nav-link:hover {
    opacity: 0.5;
}

.statistics__nav-link--homepage {
    text-transform: uppercase;
}

/* Settings/message/shop buttons sit a little higher here than the
   actions.desktop.css default (bottom: 7rem) — same treatment as the
   portfolio hero. */
.settings-btn,
.message-btn,
.shop-wrap {
    bottom: 5rem;
}

/* Keeps the settings panel exactly 14px above the button's top edge,
   matching the button's raised position on this page. */
.settings-panel {
    bottom: 11rem;
}