/* ── Bambino hero — baby photo left, playful headline right ──────────── */
.bmb-hero { width: 100%; overflow: hidden; }
.bmb-hero__inner {
  max-width: 1440px; margin: 0 auto;
  min-height: 560px;
  display: grid; grid-template-columns: 1fr 1fr; align-items: end;
  position: relative;
}
.bmb-hero__media { align-self: end; }
.bmb-hero__img { width: 100%; height: auto; display: block; object-fit: contain; object-position: bottom left; }
.bmb-hero__text {
  align-self: center;
  padding: 40px 80px 40px 20px;
  display: flex; flex-direction: column; gap: 32px; align-items: flex-start;
}
.bmb-hero__heading {
  font-family: var(--bambino-font-display); font-weight: 700;
  font-size: clamp(2.4rem, 4.7vw, 4.25rem); line-height: 1.02;
  color: var(--bambino-teal); margin: 0;
  /* soft light outline / offset to echo the layered Figma title */
  text-shadow: 1px 1px 0 rgba(244,255,254,0.9);
}
.bmb-hero__sub {
  font-family: var(--bambino-font-body); font-weight: 700;
  font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.4;
  color: var(--bambino-body); max-width: 545px; margin: 0;
}
.bmb-hero__cta { font-size: 1.25rem; }

@media (max-width: 900px) {
  .bmb-hero__inner { grid-template-columns: 1fr; min-height: 0; }
  .bmb-hero__media { order: 2; max-width: 460px; margin: 0 auto; }
  .bmb-hero__text { order: 1; align-items: center; text-align: center; padding: 40px 24px 16px; }
  .bmb-hero__sub { max-width: 100%; }
}
@media (max-width: 480px) {
  .bmb-hero__heading { font-size: 2.2rem; }
  .bmb-hero__cta { font-size: 1.1rem; padding: 15px 34px; }
}