/* ═══════════════════════════════════════════════════════════════════════════
   PHANTOM VEIL — 2K (2560×1440)
   Eigene Datei für 2K Viewport — per @import geladen
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 2500px) and (max-width: 3839px) {

    /* ── ROOT OVERFLOW FIX ── */
    html { overflow-x: hidden !important; width: 100% !important; }
    body { overflow-x: hidden !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }

    /* ── Nav ── */
    .phantom-nav { height: 90px; padding: 0 10px; }
    .nav-brand { font-size: 32px; gap: 18px; letter-spacing: 2.5px; }
    .nav-brand canvas { width: 70px !important; height: 70px !important; }
    .nav-links { gap: 42px; }
    .nav-links a { font-size: 19px; letter-spacing: 0.8px; }
    .nav-btn { font-size: 22px; padding: 16px 38px; border-radius: 12px; }
    .nav-btn svg { width: 26px !important; height: 26px !important; }
    .nav-cta { font-size: 24px; margin-left: 50px !important; }
    .nav-cta a { font-size: 24px !important; gap: 10px !important; }
    .nav-cta svg { width: 28px !important; height: 28px !important; }

    /* ── Sections / Timeline ── */
    .section-timeline { padding: 130px 150px 150px; }
    .tl-intro { max-width: 700px; margin-bottom: 140px; }
    .tl-number { font-size: 172px; letter-spacing: 16px; }
    .tl-accent { width: 80px; height: 2px; margin: 28px 0; }
    .revealed .tl-accent { width: 160px; }
    .tl-intro h2 { font-size: 72px; letter-spacing: 5.5px; margin-bottom: 28px; }
    .tl-lead { font-size: 30px; letter-spacing: 1.5px; margin-bottom: 22px; }
    .tl-intro p { font-size: 24px; line-height: 2; margin-bottom: 18px; }

    /* ── Timeline Cards ── */
    .tl-card { margin-bottom: 110px; }
    .tl-left { padding-right: 80px; }
    .tl-right { padding-left: 80px; }
    .tl-node { width: 22px; height: 22px; }
    .tl-node-inner { width: 8px; height: 8px; margin: 5px auto; }
    .tl-left .tl-node { right: -11px; }
    .tl-right .tl-node { left: -11px; }
    .tl-card .scard { width: 540px; min-height: 400px; padding: 56px 44px; border-radius: 20px; }
    .scard-bg { width: 210px; height: 210px; }
    .scard h3 { font-size: 24px; margin-bottom: 14px; letter-spacing: 0.8px; }
    .scard p { font-size: 20px; line-height: 1.8; }
    .timeline-line { width: 1.5px; }

    /* ── Block-Rows (Forge) ── */
    .tl-block-row { min-height: 660px; padding: 0 150px; }
    .tl-block-row .tl-intro { padding: 100px 80px; }
    .tl-block-svg { height: 660px; }
    .tl-block-svg svg { width: 660px; height: 660px; }
    .section-timeline-bottom > .timeline > .tl-intro { padding: 100px 150px; }

    /* ── Block 03 — 100px runter ── */
    .section-timeline:not(.section-timeline-bottom) .timeline-line + .tl-block-row + .tl-block-row + .tl-block-row {
        margin-top: 100px !important;
    }

    /* ── Block 04 — 100px runter ── */
    .section-timeline:not(.section-timeline-bottom) .timeline-line + .tl-block-row + .tl-block-row + .tl-block-row + .tl-block-row {
        margin-top: 100px !important;
    }

    /* ── Language Modal grösser ── */
    #languageModal {
        max-width: 1000px !important;
        top: 120px !important;
    }
    #languageModal > div {
        padding: 60px !important;
        border-radius: 28px !important;
    }
    #languageModal h2 {
        font-size: 2.8rem !important;
        margin-bottom: 40px !important;
    }
    #languageModal svg {
        width: 120px !important;
        height: 120px !important;
    }
    #languageModal span {
        font-size: 1.2rem !important;
        margin-top: 12px !important;
    }
}