/* layout.css — page structure, responsive, reveals */
#main {
  opacity: 0;
  transition: opacity 0.8s ease;
  max-width: 720px;
  margin: 0 auto;
  padding: 120px 24px 80px;
}
#main.visible { opacity: 1; }

.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.shown { opacity: 1; transform: translateY(0); }

@media (max-width: 600px) {
  #main { padding: 80px 20px 60px; }
  h1 { font-size: 36px; }
  .tagline { font-size: 16px; }
}