.about-page{background:radial-gradient(ellipse at 53% 68%,#70421c20,transparent 56%),#171717}
.about-page:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#b9b9b9 .75px,transparent 1px);background-size:13px 13px;opacity:.18;pointer-events:none;z-index:-1}
.about-layout{height:100%;display:grid;grid-template-columns:44% 56%;align-items:center;padding:104px 0 60px 8.3%;gap:0}
.about-copy{padding-right:clamp(28px,4vw,70px)}
.about-eyebrow{color:#ff8a45;font-size:11px;letter-spacing:2px;margin:0 0 22px}
.about-copy h2{font-size:clamp(44px,5.6vw,92px);line-height:1.1;letter-spacing:-.06em;font-weight:800;white-space:nowrap;margin:0 0 30px}
.about-copy h2 em{font-style:normal;color:var(--orange)}
.about-period{color:var(--orange);font-size:.65em}
.about-description{max-width:520px}
.about-description p{font-size:clamp(12px,.95vw,15px);line-height:1.95;color:#ccc9c3;margin:0 0 10px;text-wrap:pretty}
.about-principle{margin:26px 0 0;color:#f4ede4;font-size:13px;letter-spacing:5px}
.about-principle i{font-style:normal;color:var(--orange);padding:0 12px}
.brand-panel{background:#eab238;color:#292219;border-radius:150px 0 0 150px;min-height:68svh;padding:clamp(44px,5vw,76px) 5% clamp(30px,4vw,60px) 9%;display:flex;flex-direction:column;justify-content:center}
.brand-heading{text-align:center;margin-bottom:36px}
.brand-heading h3{font-size:30px;letter-spacing:5px;font-weight:500;margin:0 0 12px}
.brand-heading p{font-size:11px;letter-spacing:2px;color:#624a21;margin:0}
.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 12px;align-items:center}
.brand-slot{height:85px;min-width:0;border-radius:5px;background:#58431c09;border:1px solid #6b4b2420;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;padding:10px}
.brand-placeholder{font-size:clamp(11px,1.25vw,19px);font-weight:600;letter-spacing:1px;opacity:.5}
.brand-slot small{font-size:8px;letter-spacing:1px;color:#6b512b}
.brand-slot img{width:100%;height:100%;object-fit:contain}
.brand-slot.has-logo{background:transparent;border-color:transparent}
.brand-note{text-align:center;font-size:10px;letter-spacing:3px;color:#735526;margin:34px 0 0}
.about-back{position:absolute;bottom:3%;right:4%;font-size:11px;letter-spacing:2px;display:flex;gap:24px;align-items:center;color:#bbb}
.about-back span{color:var(--orange);font-size:20px}
.hero-footer>a{text-align:left;padding:0}
@media(max-width:760px){.site-header{isolation:isolate}.site-header:before{content:'';position:fixed;left:0;right:0;top:0;height:72px;background:#191919f5;z-index:-1;pointer-events:none}}
@media(min-width:761px) and (max-height:740px){.about-layout{padding-top:90px;padding-bottom:40px}.about-copy h2{font-size:52px;margin-bottom:20px}.about-eyebrow{margin-bottom:16px}.about-description p{font-size:12px;line-height:1.8;margin-bottom:7px}.about-principle{margin-top:16px}.brand-panel{padding-top:34px;padding-bottom:30px}.brand-slot{height:64px}.brand-heading{margin-bottom:24px}.brand-note{margin-top:24px}}
@media(max-width:760px){.about-page{height:auto;min-height:100svh;overflow:visible}.about-layout{display:flex;flex-direction:column;align-items:stretch;padding:110px 0 78px 9%;height:auto;gap:35px}.about-copy{padding-right:8%}.about-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:18px}.about-copy h2{font-size:49px;margin-bottom:24px}.about-description p{font-size:12px;line-height:1.9;margin-bottom:9px}.about-principle{font-size:11px;margin-top:20px;letter-spacing:3px}.about-principle i{padding:0 6px}.brand-panel{min-height:0;padding:36px 6% 30px 9%;border-radius:65px 0 0 65px}.brand-heading{margin-bottom:24px}.brand-heading h3{font-size:24px}.brand-heading p{font-size:9px;letter-spacing:1px}.brand-grid{gap:10px 6px}.brand-slot{height:57px;padding:5px;gap:6px}.brand-placeholder{font-size:10px;letter-spacing:0}.brand-slot small{font-size:6px;letter-spacing:0}.brand-note{font-size:8px;margin-top:22px;letter-spacing:1px}.about-back{bottom:22px}}

/* 公司标识保持原始 SVG 比例。 */
.site-header .wordmark{display:flex;align-items:center;flex:none}
.site-header .wordmark img{display:block;width:112px;height:auto;opacity:1}
.about-copy{min-width:0}
.about-description p{text-wrap:balance;white-space:normal;word-break:normal;overflow-wrap:break-word;line-break:strict;line-height:1.95;margin-bottom:14px}
@media(max-width:760px){.site-header .wordmark img{width:92px}.about-description p{line-height:1.9;margin-bottom:12px}}



/* White-backed partner logos retain the supplied artwork. */
.brand-slot.has-logo{background:#fff;border-color:#ffffff80;padding:0}
.brand-slot.has-logo img{display:block;width:100%;height:100%;object-fit:contain}

/* Personal résumé: quiet profile at left, chronological experience at right. */
.personal-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px;max-width:490px}
.personal-facts dt{font-size:11px;color:#a5a19b;margin-bottom:10px;letter-spacing:1px}
.personal-facts dd{margin:0;font-size:21px;color:#f5efe7;font-weight:500;white-space:nowrap}
.career-panel{padding:25px clamp(28px,6vw,100px) 25px 6%;min-width:0}
.career-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:32px}
.career-heading h3{font-size:24px;letter-spacing:3px;font-weight:500;margin:0}
.career-heading>span{color:#92908a;font-size:11px;white-space:nowrap}
.career-timeline{list-style:none;padding:0 0 0 28px;margin:0;border-left:1px solid #ff792c55}
.career-timeline li{position:relative;padding:0 0 28px}
.career-timeline li:last-child{padding-bottom:0}
.career-timeline li:before{content:'';position:absolute;left:-33px;top:5px;width:9px;height:9px;background:#ff792c;border-radius:50%;box-shadow:0 0 0 5px #24201b}
.career-date{font-size:12px;color:#ff995b;letter-spacing:1px;margin:0 0 9px}
.career-timeline h4{font-size:clamp(15px,1.35vw,21px);line-height:1.5;font-weight:500;margin:0 0 5px;overflow-wrap:anywhere}
.career-role{font-size:12px;color:#b0aaa2;margin:0;line-height:1.6}
.about-copy .about-principle{font-size:11px;letter-spacing:1px;line-height:2}
.about-copy .about-principle i{padding:0 5px}
@media(min-width:761px) and (max-height:740px){.career-heading{margin-bottom:22px}.career-timeline li{padding-bottom:20px}.personal-facts{margin-bottom:20px}.personal-facts dd{font-size:18px}}
@media(max-width:760px){.career-panel{padding:0 8% 12px 0}.personal-facts{gap:12px;margin-bottom:22px}.personal-facts dd{font-size:19px}.career-heading{margin-bottom:26px}.career-heading h3{font-size:22px}.career-timeline h4{font-size:16px}.career-timeline li{padding-bottom:28px}}

.personal-facts{row-gap:18px;margin-bottom:22px}
.personal-facts .fact-school{grid-column:span 2}
.personal-facts .fact-school dd{font-size:17px;white-space:normal;line-height:1.4}
#about .about-copy h2{margin-bottom:24px}
#about .about-description p{font-size:12px;line-height:1.8;margin-bottom:10px}
.clients-page .about-copy h2{letter-spacing:.06em}
@media(min-width:761px) and (max-height:740px){#about .personal-facts{gap:12px;margin-bottom:15px}#about .personal-facts dt{margin-bottom:5px}#about .personal-facts dd{font-size:16px}#about .about-copy h2{margin-bottom:18px}}
@media(max-width:760px){.personal-facts .fact-school dd{font-size:16px}.clients-page .about-layout{gap:24px}}

.personal-facts dd{white-space:normal;overflow-wrap:break-word;line-height:1.45}

/* Airier profile information, with a dedicated wide degree field. */
#about .personal-facts{column-gap:24px;row-gap:26px;margin-bottom:30px;max-width:560px}
#about .personal-facts dt{margin-bottom:12px}
#about .personal-facts .fact-major{grid-column:span 2}
#about .personal-facts .fact-major dd{white-space:nowrap;font-size:18px}
#about .about-copy h2{margin-bottom:32px}
#about .about-description p{line-height:2;margin-bottom:16px}
#about .career-timeline li{padding-bottom:36px}
#about .career-timeline li:last-child{padding-bottom:0}
#about .career-date{margin-bottom:12px}
#about .career-timeline h4{margin-bottom:9px}
@media(min-width:761px) and (max-height:740px){#about .personal-facts{row-gap:17px;margin-bottom:20px}#about .personal-facts dt{margin-bottom:8px}#about .about-copy h2{margin-bottom:24px}#about .career-timeline li{padding-bottom:26px}#about .personal-facts .fact-major dd{font-size:16px}}
@media(max-width:760px){#about .personal-facts{column-gap:16px;row-gap:24px}#about .personal-facts .fact-major dd{font-size:16px}#about .about-layout{gap:44px}#about .career-timeline li{padding-bottom:34px}}