/* Independent About page. No homepage selectors or shared layout overrides. */
.bg-about { --ba-ink:#20211f; --ba-muted:#5d605d; --ba-gold:#96733e; color:var(--ba-ink); background:#faf9f6; font-family:"Microsoft YaHei","微软雅黑",sans-serif; }
.bg-about * { box-sizing:border-box; }
.bg-about .ba-shell { width:100%; max-width:1680px; padding-inline:clamp(24px,5vw,88px); margin-inline:auto; }
.bg-about .ba-section { padding-block:clamp(56px,6vw,100px); }
.bg-about h1,.bg-about h2,.bg-about h3 { font-family:inherit; text-transform:none; letter-spacing:-.035em; margin:0; }
.bg-about h1 { font-size:clamp(36px,4.1vw,68px); font-weight:500; line-height:1.12; }
.bg-about h2 { font-size:clamp(30px,3vw,49px); font-weight:500; line-height:1.2; }
.bg-about h3 { font-size:clamp(23px,1.85vw,30px); font-weight:500; line-height:1.35; }
.bg-about p { font-size:clamp(17px,1.15vw,20px); line-height:1.85; color:var(--ba-muted); margin:0 0 20px; }
.bg-about p:last-child { margin-bottom:0; }
.bg-about .ba-kicker { display:block; margin-bottom:22px; font-size:13px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--ba-gold); }
.bg-about .ba-hero { display:grid; grid-template-columns:1fr 1.1fr; background:#191c1e; color:#fff; }
.bg-about .ba-hero-copy { padding:clamp(48px,6vw,100px) clamp(24px,5vw,88px); align-self:center; }
.bg-about .ba-hero h1 em { font-style:normal; color:#d8be96; }
.bg-about .ba-hero .ba-kicker { color:#d8be96; }
.bg-about .ba-hero p { color:#dadbd9; margin-block:28px 32px; max-width:40ch; }
.bg-about .ba-hero figure { margin:0; min-width:0; }
.bg-about .ba-hero img { display:block; width:100%; height:100%; min-height:460px; object-fit:cover; }
.bg-about .ba-link { display:inline-flex; gap:24px; align-items:center; border-bottom:1px solid currentColor; padding-bottom:8px; font-size:16px; color:inherit; text-decoration:none; }
.bg-about a:focus-visible { outline:3px solid #bd965b; outline-offset:6px; }
.bg-about .ba-intro { display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(32px,6vw,100px); }
.bg-about .ba-prose { max-width:68ch; }
.bg-about .ba-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-bottom:70px; gap:40px; }
.bg-about .ba-facts>div { border-top:1px solid #c9b899; padding-top:25px; }
.bg-about .ba-facts strong { display:block; font-size:clamp(28px,2.5vw,40px); font-weight:500; color:var(--ba-gold); margin-bottom:10px; }
.bg-about .ba-facts span { display:block; font-size:16px; line-height:1.7; max-width:35ch; color:var(--ba-muted); }
.bg-about .ba-story { background:#f0eee8; }
.bg-about .ba-section-heading { max-width:850px; margin-bottom:48px; }
.bg-about .ba-section-heading>p { margin-top:25px; }
.bg-about .ba-story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:60px clamp(36px,6vw,100px); }
.bg-about .ba-story-chapter { border-top:1px solid #d1ccc1; padding-top:25px; }
.bg-about .ba-chapter { display:block; color:var(--ba-gold); font-size:13px; letter-spacing:.13em; text-transform:uppercase; margin-bottom:16px; }
.bg-about .ba-story-chapter h3 { margin-bottom:24px; }
.bg-about .ba-story-image { margin-top:30px; }
.bg-about .ba-story-image img { display:block; width:100%; height:240px; object-fit:cover; object-position:50% 42%; }
.bg-about .ba-workshop { color:#f8f7f3; background:#1d211f; }
.bg-about .ba-workshop p { color:#ced1ca; }
.bg-about .ba-workshop .ba-kicker { color:#cfb48b; }
.bg-about .ba-process-poster { margin:0; }
.bg-about .ba-process-poster img { display:block; width:100%; height:auto; }
.bg-about .ba-process-poster figcaption { display:flex; justify-content:space-between; gap:20px; font-size:14px; color:#bfc2b9; padding:16px 0; }
.bg-about .ba-workshop-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:35px; }
.bg-about .ba-workshop-details h3 { font-size:23px; margin-bottom:16px; }
.bg-about .ba-process-list { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; }
.bg-about .ba-process-list li { display:flex; gap:24px; padding:27px 0; border-top:1px solid #d9d5cd; min-width:0; }
.bg-about .ba-stage-number { font-size:22px; color:var(--ba-gold); min-width:35px; font-variant-numeric:tabular-nums; }
.bg-about .ba-process-list h3 { font-size:22px; margin-bottom:10px; }
.bg-about .ba-process-list p { font-size:17px; line-height:1.7; }
.bg-about .ba-personal { background:#e7e2d7; }
.bg-about .ba-personal-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:70px; align-items:center; }
.bg-about .ba-personal p { margin-top:24px; max-width:52ch; }
.bg-about .ba-personal ul { list-style:none; padding:0; margin:0; }
.bg-about .ba-personal li { font-size:clamp(18px,1.5vw,23px); padding:19px 0; border-bottom:1px solid #c9c3b8; }
.bg-about .ba-personal li::before { content:'↗'; color:var(--ba-gold); margin-right:18px; }
.bg-about .ba-cta { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.bg-about .ba-actions { display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.bg-about .ba-actions .btn { font-family:inherit; font-size:15px; letter-spacing:.025em; gap:25px; padding:18px 24px; border:1px solid #a78d5d; }
@media(min-width:1900px) { .bg-about .ba-hero-copy { padding-left:max(88px,calc((100vw - 1680px)/2 + 88px)); } }
@media(max-width:900px) {
  .bg-about .ba-hero { grid-template-columns:1fr; }
  .bg-about .ba-hero img { min-height:0; max-height:500px; object-fit:cover; }
  .bg-about .ba-hero-copy { padding-block:50px; }
  .bg-about .ba-intro,.bg-about .ba-personal-grid { grid-template-columns:1fr; gap:32px; }
  .bg-about .ba-story-grid { gap:40px 30px; }
  .bg-about .ba-workshop-details { gap:24px; }
  .bg-about .ba-process-list { column-gap:30px; }
  .bg-about .ba-cta { align-items:flex-start; flex-direction:column; }
}
@media(max-width:600px) {
  .bg-about .ba-story-grid,.bg-about .ba-facts,.bg-about .ba-workshop-details,.bg-about .ba-process-list { grid-template-columns:1fr; }
  .bg-about .ba-facts { gap:25px; padding-bottom:50px; }
  .bg-about .ba-facts span { max-width:none; }
  .bg-about .ba-process-poster figcaption { flex-direction:column; gap:8px; font-size:13px; }
  .bg-about .ba-story-image img { height:240px; }
  .bg-about .ba-process-list li { gap:16px; }
  .bg-about .ba-actions,.bg-about .ba-actions .btn { width:100%; }
  .bg-about .ba-actions .btn { text-align:center; justify-content:center; }
}