.header { grid-area: header; position: relative; color: #fff; min-height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #1a2a3a; }
.header-background { position: absolute; inset: 0; background-position: center; background-repeat: repeat-x; background-size: auto 100%; }
.header-content { position: relative; z-index: 1; text-align: center; padding: 1rem; text-shadow: 0 2px 15px rgba(0,0,0,0.8); }
.header-content h1 { font-size: 2.2rem; }