.home-page {}

.hero {position:relative;}
.hero-media {position:absolute; inset:0;}
.hero-content {position:relative; display:flex; align-items:center; min-height:90vh;}
.hero-text {max-width:45ch; margin-left:5%; display:flex; flex-direction:column; gap:var(--space-3);}

.prologue-inner {display:flex; justify-content:center;}
.prologue-text {max-width:65ch; text-align:center;}

.dossier-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4);}
.dossier-block {max-width:50ch;}

.tableaus-grid {display:grid; grid-template-columns:1.2fr 0.8fr; gap:var(--space-4); align-items:start;}
.tableau-overlay {position:absolute; bottom:0; padding:var(--space-3); max-width:45ch;}
.tableau-caption {max-width:55ch;}

.play-grid {display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4); align-items:center;}
.play-text {max-width:60ch;}

.timeline-stack {display:flex; flex-direction:column; gap:var(--space-4); max-width:55ch;}
.timeline-step {display:flex; gap:var(--space-3);}
.timeline-num {font-family:var(--font-heading);}

.compare-grid {display:grid; grid-template-columns:1fr 1fr; gap:var(--space-4);}
.compare-col {padding:var(--space-3);}

.gallery-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-3);}
.gallery-intro {max-width:50ch; text-align:center;}
.gallery-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-3); width:100%;}

.editorial-inner {max-width:60ch;}

.cta-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-3); text-align:center;}

@media (max-width:1024px){
.dossier-grid{grid-template-columns:1fr;}
.tableaus-grid{grid-template-columns:1fr;}
.play-grid{grid-template-columns:1fr;}
.compare-grid{grid-template-columns:1fr;}
.gallery-grid{grid-template-columns:1fr 1fr;}
.hero-text{margin:0 auto; text-align:center;}
}

@media (max-width:640px){
.gallery-grid{grid-template-columns:1fr;}
}