header{background:var(--surface-darker);padding:2rem 0 1rem;text-align:center;transition:all .3s ease}header h1{margin:0;font-size:2.5rem;letter-spacing:-.5px}header p{margin:.5rem 0 0;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){header{padding:1.5rem 0 .75rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.15)}header h1{font-size:1.8rem}header p{font-size:.9rem;margin-top:.25rem}header.scrolled{padding:.75rem 0}header.scrolled h1{font-size:1.5rem}header.scrolled p{font-size:.8rem;opacity:.8}}