/* ═══════════════════════════════════════════════════════════════════════════
   PHANTOM VEIL — 4K (3840×2160)
   Eigene Datei für 4K Viewport — per @import geladen — GESPERRT!
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 3840px) {

    /* ── 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: 130px; padding: 0 80px; }
    .nav-brand { font-size: 42px; gap: 22px; letter-spacing: 3px; }
    .nav-brand canvas { width: 90px !important; height: 90px !important; }
    .nav-links { gap: 60px; }
    .nav-links a { font-size: 28px; letter-spacing: 1.2px; }
    .nav-btn { font-size: 28px; padding: 20px 48px; border-radius: 14px; }
    .nav-btn svg { width: 32px !important; height: 32px !important; }
    .nav-cta { font-size: 30px; margin-left: 60px !important; }
    .nav-cta a { font-size: 30px !important; gap: 12px !important; }
    .nav-cta svg { width: 34px !important; height: 34px !important; }

    /* ── Sections / Timeline ── */
    .section-timeline { padding: 180px 280px 280px; }
    .tl-intro { max-width: 900px; margin-bottom: 180px; }
    .tl-number { font-size: 280px; letter-spacing: 28px; }
    .tl-accent { width: 100px; height: 2.5px; margin: 36px 0; }
    .revealed .tl-accent { width: 200px; }
    .tl-intro h2 { font-size: 88px; letter-spacing: 7px; margin-bottom: 36px; }
    .tl-lead { font-size: 36px; letter-spacing: 2px; margin-bottom: 28px; }
    .tl-intro p { font-size: 32px; line-height: 2; margin-bottom: 24px; }

    /* ── Timeline Cards ── */
    .tl-card { margin-bottom: 140px; }
    .tl-left { padding-right: 100px; }
    .tl-right { padding-left: 100px; }
    .tl-node { width: 28px; height: 28px; }
    .tl-node-inner { width: 10px; height: 10px; margin: 7px auto; }
    .tl-left .tl-node { right: -14px; }
    .tl-right .tl-node { left: -14px; }
    .tl-card .scard { width: 680px; min-height: 500px; padding: 70px 56px; border-radius: 24px; }
    .scard-bg { width: 260px; height: 260px; }
    .scard h3 { font-size: 30px; margin-bottom: 18px; letter-spacing: 1px; }
    .scard p { font-size: 32px; line-height: 1.8; }
    .timeline-line { width: 2px; }

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

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

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

    /* ── Block 05 (Globe) — 50px runter ── */
    .section-timeline-bottom .tl-block-row:first-child {
        margin-top: 50px !important;
    }

    /* ── Language Modal grösser ── */
    #languageModal {
        max-width: 1300px !important;
        top: 150px !important;
    }
    #languageModal > div {
        padding: 80px !important;
        border-radius: 32px !important;
    }
    #languageModal h2 {
        font-size: 3.5rem !important;
        margin-bottom: 50px !important;
    }
    #languageModal svg {
        width: 160px !important;
        height: 160px !important;
    }
    #languageModal span {
        font-size: 1.5rem !important;
        margin-top: 16px !important;
    }
}