.project-header {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    padding: calc(var(--spacing-5xl) + var(--spacing-9xl)) 0 var(--spacing-5xl);
}

.project-header-eyebrow {
    grid-column: 1 / -1;
}

.project-header-headline {
    grid-column: 1 / span 8;
    margin: var(--spacing-7xl) 0 var(--spacing-xl);
}

.project-header-body {
    grid-column: 1 / span 8;
}

.project-header .tag-container {
    margin-top: var(--spacing-2xl);
}

@media (max-width: 1024px) {
    .project-header {
        padding: calc(var(--spacing-8xl) + var(--spacing-9xl)) 0 var(--spacing-3xl);
    }
    
    .project-header-headline,
    .project-header-body {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .project-header {
        padding: calc(var(--spacing-6xl) + var(--spacing-9xl)) 0 var(--spacing-xl);
    }
}