/* =====Hero區===== */

/* mobile圖片 */
.hero-1 {
  background: url("../images/about-us/about-us-hero@1x.jpg") center/cover
    no-repeat;
}

/* tablet圖片 */
@media (min-width: 768px) {
  .hero-1 {
    background: url("../images/about-us/about-us-hero@tablet.jpg") center center /
      cover no-repeat;
  }
}

/* desktop圖片 */
@media (min-width: 1024px) {
  .hero-1 {
    background: url("../images/about-us/about-us-hero@desktop.jpg") center
      center / cover no-repeat;
  }
}

/* ===== About（大標＋內文穿插圖片）===== */
.au-about .au-heading-main {
  text-align: center;
  margin-top: clamp(20px, 5vw, 32px);
  margin-bottom: clamp(14px, 4vw, 22px);
  font-size: clamp(22px, 5vw, 30px); /* 原本太大 → 略縮小 */
}

/* 文字排版：好讀的行長與行高 */
.au-about__body {
  max-width: none; /* 取消限寬，改用 .au-container 的寬度 */
  margin: 0 auto;
  padding-left: clamp(20px, 6vw, 32px); /* 原本 16 → 增加 */
  padding-right: clamp(20px, 6vw, 32px);
}
.au-about__p {
  font-size: clamp(15px, 4vw, 17px);
  line-height: 1.9;
  color: #1a1a1a;
  margin-bottom: clamp(12px, 3.5vw, 18px);
  text-align: left; /* 保持段落左對齊（如示意圖） */
}

/* 圖片：置中、等比、不裁切；可比文字稍寬 */
.au-about__figure {
  max-width: 680px;
  width: 100%;
  padding: clamp(8px, 2.4vw, 12px);
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--au-shadow);
  margin-left: clamp(20px, 6vw, 32px);
  margin-right: clamp(20px, 6vw, 32px);
  margin: clamp(18px, 5vw, 26px) auto; /* 上下留白＋左右 auto → 置中 */
  display: block;
}
.au-about__figure picture,
.au-about__figure img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: contain !important; /* 永不裁切 */
  border-radius: 8px;
}

/* 手機版：保持左右留白（你原本的設定） */
@media (max-width: 767.98px) {
  .au-about__body {
    max-width: 100%;
    margin: 0 auto;
    padding-left: clamp(20px, 6vw, 32px);
    padding-right: clamp(20px, 6vw, 32px);
  }
}

/* ===== 平板（768–1199px）：置中 + 左右留白 ===== */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .au-about__body {
    max-width: 680px !important;
    width: 100%;
    margin: 0 auto;
    padding-left: clamp(20px, 4vw, 40px);
    padding-right: clamp(20px, 4vw, 40px);
  }
}

/* ===== 桌機（1200px+）：1100px 寬 ===== */
@media (min-width: 1200px) {
  .au-about__body {
    max-width: 1100px !important;
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}