/*
 * Shared look of every game page (Home, Jigsaw, Chess):
 * the sunrise background, the Johnson & Johnson logo top left, the Together We Rise logo top right (no footer).
 * To change the background, replace ../background.png. To change a logo, replace assets/logo-jj.png or assets/logo-twr.png.
 */

body.site {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: #f6b25c url("../background.png") center bottom / cover no-repeat fixed;
}

.site-header {
  flex: none; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px 32px 0;
}
.site-header img { display: block; width: auto; max-width: 100%; }
.site-header .logo-jj  { height: clamp(20px, 2.8vw, 38px); }
.site-header .logo-twr { height: clamp(76px, 9.5vw, 132px); filter: drop-shadow(0 2px 6px rgba(255, 255, 255, .35)); }

@media (max-width: 760px) {
  .site-header { padding: 10px 16px 0; }
}