/* v1.5.2: compact About opening with an intentional glimpse of the next section. */

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero,
body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-grid {
  min-height: 560px !important;
}

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-grid {
  grid-template-columns: minmax(440px, 1.12fr) minmax(300px, .88fr) !important;
  gap: clamp(32px, 4vw, 56px) !important;
}

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy {
  box-sizing: border-box !important;
  max-width: none !important;
  padding: 34px 42px !important;
}

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy h1 {
  margin-bottom: 18px !important;
  font-size: 56px !important;
}

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy .lead {
  font-size: 20px !important;
  line-height: 1.58 !important;
}

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-portrait {
  width: min(100%, 400px) !important;
  height: 530px !important;
}

body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-origin {
  padding-top: 0 !important;
}

@media (max-width: 980px) {
  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero,
  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-grid {
    min-height: 500px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-grid {
    grid-template-columns: minmax(400px, 1.15fr) minmax(280px, .85fr) !important;
    gap: 28px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy {
    padding: 28px 34px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy h1 {
    margin-bottom: 16px !important;
    font-size: 48px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy .lead {
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-portrait {
    width: min(100%, 340px) !important;
    height: 480px !important;
  }
}

@media (max-width: 760px) {
  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero,
  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-grid {
    min-height: 0 !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-grid {
    grid-template-areas:
      "copy"
      "portrait" !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy {
    max-width: 100% !important;
    padding: 26px 22px 22px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy h1 {
    margin-bottom: 12px !important;
    font-size: 40px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-copy .lead {
    font-size: 17px !important;
    line-height: 1.52 !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-hero-portrait {
    width: min(100%, 250px) !important;
    height: 280px !important;
  }

  body.lhs-design-v152.lhs-page-about .lhs-about-tzuzu-origin {
    padding-top: 0 !important;
  }
}