/* ================================
   LAYOUT UTILITIES
   ================================ */

/* Figma canvas is 1728px wide with 60px padding each side → 1608px content area.
   With box-sizing: border-box (from reset.css), the outer max-width must include
   the padding to give a 1608 content area — same formula as .nav-inner so the
   logo and the tagline align at the exact same x=60 from the viewport edge. */
.container {
  max-width: calc(var(--max-width) + 2 * var(--pad));
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

/* Scroll reveal base state */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Section wrappers share generous vertical breathing room */
section {
  position: relative;
}