/* BluePrint Forge - Desktop Overrides */
@media (min-width: 1024px) {
    
    /* Layout Reset */
    .home-container {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 8vw;
    }

    /* Left Side: The Anvil */
    .top-group {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        align-items: center;
        gap: 5vw;
        margin: 0;
        width: 100%;
    }

    /* SECTION 1: Brand Name Positioning (Centered) */
    .stagger-title {
        grid-column: 1;
        grid-row: 1;
        position: absolute;
        top: 5vh; 
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        text-align: center;
    }

    .stagger-title .word {
        font-size: 3.5vw; 
    }

    .anvil-container {
        grid-column: 1;
        width: 30vw;
        max-width: 500px;
    }

    .top-group .icon {
        width: 100%;
        max-width: none;
    }

    /* SECTION 1 Right Side: The Tagline */
    .home-tagline-wrapper {
        grid-column: 2;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end; 
        text-align: right;
    }

    .home-tagline-wrapper .tagline {
        font-size: 3.5vw; 
        line-height: 1.1;
        white-space: nowrap;
        display: block; 
    }

    .home-tagline-wrapper .word {
        display: inline-flex;
        margin-right: 0.28em !important; 
        margin-top: 0 !important;
        transform: translateY(28px); 
    }

    .home-tagline-wrapper .word:nth-child(4),
    .home-tagline-wrapper .word:nth-child(8) {
        margin-right: 0 !important;
    }

    /* SECTION 1 Bottom Left: Consulting & Services */
    .bottom-group {
        position: absolute;
        bottom: 20vh; 
        left: 6vw;
        width: auto;
    }

    .bottom-group .subtext {
        font-size: 1.0vw;
        margin-bottom: 0.5vh;
    }

    #home .bottom-group {
        gap: 1vh; 
    }

    /* ────────────────────────────────────────────────
       SECTION 2: COLLABORATIONS POSITIONING (Centered)
       ──────────────────────────────────────────────── */
    
    .collaborations-container {
        position: relative;
        height: 100%;
        display: block; 
    }

    .collaborations-tagline {
        position: absolute;
        top: 5vh; 
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        padding: 0;
        font-size: 3.5vw; 
        line-height: 1.1;
        max-width: 100vw;
        white-space: nowrap;
        text-align: center;
    }

    .collaborations-container .top-group {
        margin-top: 0;
        padding-top: 25vh; 
    }

    .collaborations-container .logos {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap; 
        justify-content: center;
        align-items: center;
        gap: 4vw;
        width: 100%;
        overflow: visible;
    }

    .collaborations-container .logos img {
        height: auto;
        max-width: 12vw; 
    }

    /* ────────────────────────────────────────────────
       SECTION 3: PROCESS POSITIONING (Centered)
       ──────────────────────────────────────────────── */

    #process h1 {
        font-size: 3.5vw; 
        margin-top: 8vh; 
        width: 100%;
        text-align: center;
    }

    #process .container {
        align-items: center; 
        text-align: center;
    }

    #process .process-item {
        display: flex;
        flex-direction: row; 
        align-items: center;
        justify-content: center; 
        width: 100%;
        max-width: 700px; 
        margin: 0 auto clamp(1.4vh, 2.25vw, 3.25vh) auto;
        text-align: left; 
    }

    #process .process-icon, 
    #process .icon.small {
        margin-right: 3vw; 
        flex-shrink: 0;
    }

    /* ────────────────────────────────────────────────
       SECTION 4: CONTACT POSITIONING (Font Adjustment)
       ──────────────────────────────────────────────── */

    #contact {
        overflow: hidden; 
    }

    #contact .container {
        align-items: center; 
        text-align: center;
        justify-content: flex-start; 
        height: 100vh;
        padding: 0 5vw; 
    }

    .contact-content {
        width: 100%;
        max-width: 100%; 
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #contact .tagline {
        width: auto;
        max-width: 90vw; /* Keeps the title within the screen bounds */
        text-align: center;
        margin-top: 8vh; 
        margin-bottom: 6vh; 
        /* Reduced font size slightly to prevent clipping without wrapping */
        font-size: 3.2vw; 
        white-space: nowrap;
        overflow: visible;
    }

    .contact-form {
        margin: 0 auto;
        text-align: left; 
        width: 100%;
        max-width: 700px;
        gap: 2.5vh; 
    }

    /* Floating Contact us */
    .fixed-contact {
        left: 50%;
        transform: translateX(-50%);
        bottom: 5vh;
    }
}