/* 關於我們：沿用甲版的明亮舞台、立體圖示與藍色底座。 */
main h1,main h2,main h3{text-wrap:balance}
main p,main dd,main blockquote{text-wrap:pretty}
main img{height:auto}
/* 詞不拆開：簡介內文、承諾卡內文、流程副標只在標點與詞界斷行（簡介在手機寬度另見 600 段）。 */
.about-intro__copy p,.about-promise>p,#process .sec-head>p:last-child{word-break:keep-all;overflow-wrap:anywhere}
#process .sec-head>p:last-child{text-wrap:balance}
.breadcrumb a.btn{height:44px;padding:2px 16px 0;font-size:16px}.breadcrumb a.btn:hover{text-decoration:none}

/* 區塊標題列：左標題、右「看更多」鈕（與首頁同一種排法）。 */
.about-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.about-head .sec-head{margin-bottom:0}

/* 公司介紹：文字與場景並排成一組，場景貼齊內容帶右緣。 */
.about-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,3.2vw,72px)}
.about-intro__copy{min-width:0}
.about-intro__copy .sec-head{margin-bottom:20px}
.about-intro__copy .sec-head>p:last-child{max-width:none;margin-top:6px}
.about-intro__copy>p{line-height:1.85}
.about-intro__art{width:100%;padding:clamp(12px,1.1vw,24px)}
.about-intro__art .scene-img{width:100%}
.about-mission{position:relative;margin-top:28px;padding:24px 30px;border:1px solid var(--line);border-left:6px solid var(--brand);border-radius:var(--r-lg);background:linear-gradient(120deg,var(--white),var(--tint));box-shadow:var(--depth-2)}
.about-mission blockquote{margin:0;color:var(--brand-d);font-size:clamp(22px,1.35vw,32px);font-weight:800;line-height:1.5}
.about-mission figcaption{margin-top:8px;font-size:var(--fs-small);color:var(--ink-3)}

/* 四張承諾卡：圖示與標題同列，內文緊接標題，不推到卡底。 */
.about-promises{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-promise{gap:18px}
.about-promise__heading{display:flex;align-items:center;gap:18px;min-width:0}
.about-promise .icon3d{width:84px;height:84px;border-radius:22px;border-bottom:4px solid var(--sky-2)}
.about-promise h3{flex:1;min-width:0}
.about-promise>p:last-child{margin-top:0}

/* 流程不用巢狀卡片；淡色接線串起立體編號，閱讀順序保持一致。 */
.about-process{--process-gap:clamp(24px,2vw,44px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px var(--process-gap);margin:0;padding:0;list-style:none}
.about-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:0}
.about-step:not(:nth-child(3n))::after{content:"";position:absolute;top:35px;left:90px;width:calc(100% + var(--process-gap) - 106px);height:2px;background:linear-gradient(90deg,var(--sky-2),var(--line));pointer-events:none}
.about-step__copy{display:flex;flex-direction:column;gap:14px;min-width:0}
.about-step h3{font-size:clamp(20px,1.02vw,25px);line-height:1.55}
.about-step p{line-height:1.8;text-wrap:balance}

@media(max-width:1199px){
  .about-intro{gap:28px}
  .about-promise{padding:26px}

}
@media(max-width:900px){
  .page-hero__card{grid-template-columns:minmax(0,1fr) auto;gap:24px}
  .about-intro{grid-template-columns:1fr;gap:28px}
  .about-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px var(--process-gap)}
  .about-step:not(:nth-child(3n))::after{content:none}
  .about-step:nth-child(odd)::after{content:"";position:absolute;top:35px;left:90px;width:calc(100% + var(--process-gap) - 106px);height:2px;background:linear-gradient(90deg,var(--sky-2),var(--line));pointer-events:none}
  .about-promise__heading{gap:14px}
  .about-promise .icon3d{width:68px;height:68px;border-radius:18px}

}
@media(max-width:600px){
  .about-head{flex-wrap:wrap;gap:18px;margin-bottom:24px}
  .about-head>.btn{width:100%}
  .about-intro__copy .sec-head{margin-bottom:18px}
  .about-intro__copy p{word-break:normal;text-wrap:balance}
  .about-mission{margin-top:24px;padding:22px 20px}
  .about-mission blockquote{font-size:23px}
  .about-intro__art{padding:8px 8px 34px}
  .about-promises{grid-template-columns:1fr}
  .about-promise{padding:24px 22px;gap:16px}
  .about-promise .icon3d{width:72px;height:72px}
  .about-process{grid-template-columns:1fr;gap:28px}
  .about-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px}
  .about-step .num3d{width:56px;height:56px;font-size:24px;border-radius:16px}
  .about-step:not(:last-child)::after{content:"";top:70px;left:27px;width:2px;height:calc(100% - 56px);background:linear-gradient(var(--sky-2),var(--line))}
  .about-step:last-child::after{content:none}
  .about-step__copy{gap:12px}
  .about-step h3{font-size:20px}

}
@media(min-width:1921px){
  .about-intro{gap:72px}
  .about-intro__copy{font-size:22px}
  .about-promises{grid-template-columns:repeat(4,minmax(0,1fr))}
  .about-promise{padding:32px;gap:20px}
  .about-promise .icon3d{width:96px;height:96px;border-radius:24px}
  .about-process{grid-template-columns:repeat(6,minmax(0,1fr));--process-gap:32px}
  .about-step:not(:last-child)::after{content:"";position:absolute;top:35px;left:90px;width:calc(100% + var(--process-gap) - 106px);height:2px;background:linear-gradient(90deg,var(--sky-2),var(--line))}
  .about-step h3{min-height:3.1em}

}