.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}