.project-archive,
.project-detail { padding-block: 0; }

.project-archive-hero,
.project-hero { padding-top: 0; }

.project-archive-hero__content { max-width: 48rem; padding-block: var(--space-2xl) var(--space-3xl); }
.project-archive-hero h1,
.project-hero h1 { color: var(--color-white); overflow-wrap: anywhere; }
.project-archive-hero .body-large,
.project-hero__summary,
.project-hero__location { color: var(--color-text-secondary); }

.project-hero .breadcrumb { margin-bottom: var(--space-2xl); }
.project-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--space-2xl); }
.project-hero__grid > * { min-width: 0; }
.project-hero__content { max-width: 44rem; }
.project-hero__category { color: var(--color-orange); font-family: var(--font-heading); font-weight: 700; }
.project-hero__summary { font-size: var(--font-body-lg); }
.project-hero__media { width: 100%; }
.project-hero__image { width: 100%; height: 100%; object-fit: cover; }

.project-editorial-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2xl); }
.project-editorial-grid > * { min-width: 0; }
.project-rich-text { max-width: 48rem; line-height: 1.75; overflow-wrap: anywhere; }
.project-rich-text > :first-child { margin-top: 0; }
.project-rich-text > :last-child { margin-bottom: 0; }

.project-information { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-md); margin: 0; }
.project-information__item { min-width: 0; padding: var(--space-md) 0; border-top: var(--border-width) solid var(--color-border-light); }
.project-information dt { color: var(--color-text-muted); font-size: var(--font-body-sm); }
.project-information dd { margin: var(--space-xs) 0 0; font-family: var(--font-heading); font-weight: 700; overflow-wrap: anywhere; }

.project-gallery { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-md); }
.project-gallery__item { min-width: 0; margin: 0; overflow: hidden; border-radius: var(--border-radius-lg); }
.project-gallery__image { display: block; width: 100%; height: auto; aspect-ratio: var(--media-ratio-landscape); object-fit: cover; }
.project-gallery figcaption { margin-top: var(--space-xs); color: var(--color-text-secondary); font-size: var(--font-body-sm); }
.project-gallery-section .section-heading__title { color: var(--color-white); }

@media (min-width: 48rem) {
	.project-information { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.project-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64.0625rem) {
	.project-hero__grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: var(--space-3xl); }
	.project-editorial-grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
	.project-editorial-grid .section-heading { align-self: start; margin-bottom: 0; }
}
