/* ==================== LAYOUT ==================== */
.container {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
.container--narrow { max-width: var(--maxw-narrow); }

.section { padding-block: var(--section-y); }
.section--cream-deep { background: var(--cream-deep); }
.section--tight { padding-block: clamp(3rem, 5vw, 4.5rem); }

/* Break an element out of the container to full viewport width */
.full-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Section heading block */
.section-head {
  text-align: center;
  max-width: 760px;
  margin-inline: auto;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}
.section-head .eyebrow { margin-bottom: 1rem; }
.section-head .h-section { margin-bottom: 1.1rem; }
.section-head p { color: var(--text); font-size: var(--fs-lead); }

/* Scroll-reveal */
[data-animate] {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.8s var(--ease), transform 0.8s var(--ease);
  will-change: opacity, transform;
}
[data-animate].is-visible { opacity: 1; transform: none; }
[data-animate][data-delay="1"] { transition-delay: 0.08s; }
[data-animate][data-delay="2"] { transition-delay: 0.16s; }
[data-animate][data-delay="3"] { transition-delay: 0.24s; }
[data-animate][data-delay="4"] { transition-delay: 0.32s; }