/* Custom styles for portfolio adjustments */

/* Header Section Adjustments */
@media (min-width: 1024px) {
    #header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 5rem; /* Match other sections' rhythm (same as py-20) */
        padding-bottom: 5rem;
    }

    #header .max-w-4xl {
        max-width: 72rem; /* Keep as max-w-6xl */
    }

    /* Ensure content remains centered */
    #header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Ensure Other Sections Remain Unaffected */
@media (min-width: 1024px) {
    section:not(#header) {
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    section:not(#header) .max-w-4xl {
        max-width: 64rem;
    }

    section:not(#header) .max-w-5xl {
        max-width: 72rem;
    }
}

/* Preserve Mobile View */
@media (max-width: 1023px) {
    #header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    section:not(#header) {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}