.about-intro {
    min-height: min(680px, calc(100vh - var(--header-height)));
    display: flex;
    align-items: flex-end;

    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 120px;

    padding: 80px max(7vw, 30px) 80px;
    box-sizing: border-box;
    background:
        linear-gradient(
        90deg,
        rgba(19, 24, 23, 0.92) 0%,
        rgba(19, 24, 23, 0.62) 42%,
        rgba(19, 24, 23, 0.08) 100%
        ),
        url("/about/intro/background.jpg") center 38% / cover;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.intro-container h1 {
  max-width: 620px;
  margin: 12px 0 20px;
  text-align: left;
  font-size: clamp(2.8rem, 7vw, 6.2rem);
  line-height: 0.95;
}

.intro-text {
  max-width: 560px;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  line-height: 1.55;
}