* { box-sizing: border-box; margin: 0; }
body { font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif; background: #2f2a26; color: #fff; }
.hero { position: relative; max-width: 1600px; margin: 0 auto; }
.hero img { display: block; width: 100%; height: auto; }
.hero h1 { position: absolute; top: 8%; left: 0; right: 0; text-align: center; padding: 0 1rem;
  font-size: clamp(1.8rem, 6vw, 4.5rem); font-weight: 700; letter-spacing: .02em; color: #2f2a26;
  text-shadow: 0 2px 0 rgba(255,255,255,.6); }
footer { text-align: center; padding: 1rem; font-size: .9rem; opacity: .7; }