/** About Yuexiang V2 — brand narrative, shared site chrome remains global. */
body.yx-about-v2-preview { --yx-about-green:#1f4a39; --yx-about-deep:#17382c; --yx-about-soft:#55796a; --yx-about-gold:#b4863e; --yx-about-ink:#2c4035; --yx-about-muted:#68776e; --yx-about-line:#dce5de; --yx-about-warm:#faf9f5; --yx-about-sage:#f1f5f1; --yx-about-serif:var(--yx-font-display,"Noto Serif SC","Source Han Serif SC",serif); --yx-about-sans:var(--yx-font-sans,"Noto Sans SC","Source Han Sans SC",system-ui,sans-serif); background:#fff; }
body.yx-about-v2-preview .bread, body.yx-about-v2-preview .header-sub, body.yx-about-v2-preview .submenu-nav.header-sub { display:none!important; }
.yx-about-v2,.yx-about-v2 * { box-sizing:border-box; }
.yx-about-v2 { position:relative; left:50%; width:100vw; margin-left:-50vw; overflow:hidden; color:var(--yx-about-ink); background:#fff; font-family:var(--yx-about-sans); }
.yx-about-v2__symbols { position:absolute; width:0; height:0; overflow:hidden; }
.yx-about-v2__container { width:min(1300px,calc(100% - 64px)); margin:0 auto; }
.yx-about-v2__section { padding:100px 0; }
.yx-about-v2__crumb { border-bottom:1px solid #edf0ec; color:#89948d; font-size:13px; line-height:50px; }
.yx-about-v2__crumb span { padding:0 9px; color:#b1b9b2; }
.yx-about-v2__eyebrow { margin:0 0 15px; color:var(--yx-about-gold); font-size:12px; font-weight:800; letter-spacing:.16em; line-height:1.2; }
.yx-about-v2 h1,.yx-about-v2 h2,.yx-about-v2 h3,.yx-about-v2 p { margin-top:0; }
.yx-about-v2 h1,.yx-about-v2 h2,.yx-about-v2 h3 { color:var(--yx-about-deep); font-family:var(--yx-about-serif); font-weight:600; letter-spacing:-.05em; }
.yx-about-v2 h2 { font-size:clamp(34px,3.1vw,46px); line-height:1.32; }
.yx-about-v2__button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:47px; padding:0 22px; border:1px solid var(--yx-about-green); border-radius:4px; font-size:14px; font-weight:800; text-decoration:none; transition:.18s ease; transition-property:background,border-color,color,transform; }
.yx-about-v2__button:hover,.yx-about-v2__button:focus-visible { transform:translateY(-2px); }
.yx-about-v2__button--primary { color:#fff; background:var(--yx-about-green); }
.yx-about-v2__button--primary:hover,.yx-about-v2__button--primary:focus-visible { color:#fff; background:#123a2a; border-color:#123a2a; }
.yx-about-v2__button--outline { color:var(--yx-about-green); background:#fff; }
.yx-about-v2__button--outline:hover,.yx-about-v2__button--outline:focus-visible { color:#fff; background:var(--yx-about-green); }

/* 01 — who we are */
.yx-about-v2__hero { position:relative; height:600px; overflow:hidden; isolation:isolate; border-bottom:1px solid #e9eeea; background:#f9f8f4; }
.yx-about-v2__hero::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(90deg,rgba(252,251,247,.99) 0%,rgba(252,251,247,.95) 33%,rgba(252,251,247,.48) 57%,rgba(252,251,247,.08) 100%); }
.yx-about-v2__hero-scenery { position:absolute; z-index:-2; inset:0; }
.yx-about-v2__hero-scenery img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.yx-about-v2__hero-layout { display:flex; align-items:center; min-height:600px; }
.yx-about-v2__hero-copy { max-width:650px; }
.yx-about-v2__hero h1 { max-width:650px; margin-bottom:24px; font-size:clamp(42px,3.35vw,55px); line-height:1.24; }
.yx-about-v2__hero h1 span,.yx-about-v2__contact h2 span { display:block; white-space:nowrap; }
.yx-about-v2__hero-intro { max-width:610px; margin-bottom:28px; color:#52635a; font-size:16px; line-height:1.95; }
.yx-about-v2__hero-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; max-width:590px; margin:0 0 28px; padding:0; list-style:none; }
.yx-about-v2__hero-benefits li { min-width:0; color:#52665b; font-size:12px; font-weight:700; line-height:1.5; }
.yx-about-v2__hero-benefits svg { display:block; width:27px; height:27px; margin-bottom:8px; fill:none; stroke:var(--yx-about-soft); stroke-linecap:round; stroke-linejoin:round; stroke-width:1.55; }
.yx-about-v2__actions { display:flex; flex-wrap:wrap; gap:12px; }
.yx-about-v2__case-grid img,.yx-about-v2__opportunity-grid img { display:block; width:100%; height:100%; object-fit:cover; }

/* 02 — point of view */
.yx-about-v2__beliefs { position:relative; overflow:hidden; background:linear-gradient(108deg,#fbfaf6 0%,#f4f5ef 100%); }
.yx-about-v2__beliefs::before { position:absolute; right:-100px; bottom:-145px; width:480px; height:420px; content:""; background:url('../images/home-v2/method-floral-bg-v1.png') center/cover no-repeat; opacity:.32; pointer-events:none; }
.yx-about-v2__beliefs>.yx-about-v2__container { position:relative; }
.yx-about-v2__center-heading { max-width:850px; margin:0 auto 39px; text-align:center; }
.yx-about-v2__center-heading h2 { margin-bottom:14px; }
.yx-about-v2__center-heading p { margin-bottom:0; color:#69776f; font-size:15px; line-height:1.9; }
.yx-about-v2__belief-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; border:1px solid #e0e6de; border-radius:8px; overflow:hidden; background:rgba(255,255,255,.82); }
.yx-about-v2__belief-grid article { min-height:232px; padding:34px 33px; border-left:1px solid #e0e6de; }
.yx-about-v2__belief-grid article:first-child { border-left:0; }
.yx-about-v2__belief-grid article:first-child { background:rgba(248,247,242,.72); }
.yx-about-v2__belief-grid article:last-child { background:rgba(240,246,239,.55); }
.yx-about-v2__belief-grid span,.yx-about-v2__direction-index { display:block; margin-bottom:24px; color:var(--yx-about-gold); font-family:var(--yx-about-serif); font-size:18px; font-weight:700; letter-spacing:.06em; }
.yx-about-v2__belief-grid h3,.yx-about-v2__direction-grid h3 { margin-bottom:12px; font-size:24px; line-height:1.35; }
.yx-about-v2__belief-grid p,.yx-about-v2__direction-grid p { margin:0; color:#65746b; font-size:14px; line-height:1.9; }

/* 03 — capability boundary */
.yx-about-v2__directions { background:#fff; }
.yx-about-v2__direction-grid { display:grid; grid-template-columns:1.18fr .92fr .92fr 1.18fr; gap:16px; }
.yx-about-v2__direction-grid article { position:relative; min-height:265px; padding:32px 27px; overflow:hidden; border:1px solid #e2e8e1; border-radius:8px; background:#fff; box-shadow:0 12px 28px rgba(25,59,41,.035); }
.yx-about-v2__direction-grid article::after { position:absolute; right:-28px; bottom:-62px; color:rgba(39,76,56,.055); content:attr(data-index); font-family:var(--yx-about-serif); font-size:150px; line-height:1; }
.yx-about-v2__direction-grid article:nth-child(1),.yx-about-v2__direction-grid article:nth-child(4) { background:linear-gradient(135deg,#f4f7f2,#fff); }
.yx-about-v2__direction-grid article:nth-child(2) { margin-top:32px; background:#fcfaf5; }
.yx-about-v2__direction-grid article:nth-child(3) { margin-top:32px; background:#f5f8f5; }
.yx-about-v2__direction-index { margin-bottom:28px; color:#a3b09f; }

/* 04 — working principles, not a duplicated methodology */
.yx-about-v2__working { position:relative; overflow:hidden; background:linear-gradient(108deg,rgba(238,244,238,.97),rgba(249,248,243,.95)),url('../images/home-v2/method-floral-bg-v1.png') center/cover no-repeat; }
.yx-about-v2__working-copy { max-width:840px; margin:0 auto 39px; text-align:center; }
.yx-about-v2__working-copy h2 { margin-bottom:14px; }
.yx-about-v2__working-copy > p:last-child { margin:0; color:#66756c; font-size:15px; line-height:1.9; }
.yx-about-v2__working-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; }
.yx-about-v2__working-grid li { display:flex; gap:18px; padding:27px 24px; border:1px solid #dce6dc; border-radius:8px; background:rgba(255,255,255,.74); }
.yx-about-v2__working-grid li>span { flex:0 0 auto; color:var(--yx-about-gold); font-family:var(--yx-about-serif); font-size:19px; font-weight:700; }
.yx-about-v2__working-grid h3 { margin-bottom:9px; font-size:22px; line-height:1.35; }
.yx-about-v2__working-grid p { margin:0; color:#64736a; font-size:13px; line-height:1.86; }
.yx-about-v2__working-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:20px; padding:19px 23px; border:1px solid #dbe5dc; border-radius:7px; background:rgba(255,255,255,.58); }
.yx-about-v2__working-footer p { max-width:700px; margin:0; color:#66756c; font-size:13px; line-height:1.8; }
.yx-about-v2__working-footer .yx-about-v2__button { flex:0 0 auto; min-height:42px; font-size:13px; }

/* 05 — proof through real contexts */
.yx-about-v2__proof { background:#fff; }
.yx-about-v2__section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:35px; }
.yx-about-v2__section-heading>div { max-width:760px; }
.yx-about-v2__section-heading h2 { margin-bottom:12px; }
.yx-about-v2__section-heading p { margin:0; color:#69776f; font-size:15px; line-height:1.9; }
.yx-about-v2__section-heading>a { flex:0 0 auto; color:var(--yx-about-green); font-size:14px; font-weight:800; text-decoration:none; }
.yx-about-v2__case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.yx-about-v2__case-grid article { overflow:hidden; border:1px solid #e1e7e0; border-radius:8px; background:#fff; box-shadow:0 13px 27px rgba(25,59,41,.035); }
.yx-about-v2__case-grid img { height:202px; }
.yx-about-v2__case-grid article>div { padding:20px 21px 22px; }
.yx-about-v2__case-kicker { margin-bottom:9px; color:var(--yx-about-gold); font-size:12px; font-weight:800; }
.yx-about-v2__case-grid h3 { margin-bottom:11px; font-size:24px; line-height:1.34; }
.yx-about-v2__case-detail { min-height:52px; margin:0 0 16px; color:#64736a; font-size:13px; line-height:1.78; }
.yx-about-v2__case-grid a { display:inline-flex; align-items:center; gap:4px; color:var(--yx-about-green); font-size:13px; font-weight:800; text-decoration:none; }
.yx-about-v2__case-grid a svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.65; }

/* 06 — broader collaboration */
.yx-about-v2__opportunities { position:relative; overflow:hidden; background:linear-gradient(108deg,#174637 0%,#2c644a 100%); }
.yx-about-v2__opportunities::before { position:absolute; inset:0; content:""; background:url('../images/home-v2/method-floral-bg-v1.png') right center/auto 155% no-repeat; opacity:.07; pointer-events:none; }
.yx-about-v2__opportunities>.yx-about-v2__container { position:relative; }
.yx-about-v2__opportunities .yx-about-v2__eyebrow { color:#d3aa62; }
.yx-about-v2__opportunities .yx-about-v2__center-heading h2 { color:#fff; }
.yx-about-v2__opportunities .yx-about-v2__center-heading p { color:rgba(255,255,255,.76); }
.yx-about-v2__opportunity-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.yx-about-v2__opportunity-grid article { display:grid; grid-template-columns:.82fr 1.18fr; min-height:228px; overflow:hidden; border:1px solid #e2e7e0; border-radius:8px; background:#fff; }
.yx-about-v2__opportunity-grid img { min-height:228px; }
.yx-about-v2__opportunity-grid article>div { padding:25px 20px; }
.yx-about-v2__opportunity-grid h3 { margin-bottom:11px; font-size:22px; line-height:1.35; }
.yx-about-v2__opportunity-grid p { margin-bottom:17px; color:#66756c; font-size:13px; line-height:1.8; }
.yx-about-v2__opportunity-grid a { color:var(--yx-about-green); font-size:13px; font-weight:800; text-decoration:none; }

/* 07 — company facts and the same lead component in collaboration mode */
.yx-about-v2__contact { padding:90px 0 76px; border-top:1px solid #edf0eb; background:#fff; }
.yx-about-v2__contact-layout { display:grid; grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr); gap:clamp(48px,7vw,96px); align-items:start; }
.yx-about-v2__contact h2 { margin-bottom:17px; font-size:clamp(34px,3vw,46px); line-height:1.31; }
.yx-about-v2__contact-copy>p:not(.yx-about-v2__eyebrow) { margin-bottom:27px; color:#65746b; font-size:14px; line-height:1.9; }
.yx-about-v2__contact-principles { position:relative; overflow:hidden; margin-top:25px; padding:10px 28px 23px; border:1px solid #e4dfd4; border-radius:9px; background:linear-gradient(90deg,rgba(255,250,247,.96),rgba(255,252,247,.88)),url('../images/home-v2/method-floral-bg-v1.png') center/cover no-repeat; }
.yx-about-v2__contact-principles article { display:flex; align-items:center; gap:16px; min-height:75px; padding:15px 0; border-top:1px solid rgba(119,133,116,.25); }
.yx-about-v2__contact-principles article:first-child { border-top:0; }
.yx-about-v2__contact-principles article>span { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:48px; height:48px; color:#fff; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:linear-gradient(135deg,#2b5e49,#183d2e); box-shadow:0 7px 17px rgba(20,57,40,.12); }
.yx-about-v2__contact-principles svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.55; }
.yx-about-v2__contact-principles h3 { margin:0 0 4px; font-size:20px; line-height:1.35; }
.yx-about-v2__contact-principles p { margin:0; color:#617066; font-size:13px; line-height:1.7; }
.yx-about-v2__contact-tagline { margin:22px 0 0!important; color:var(--yx-about-deep)!important; font-family:var(--yx-about-serif); font-size:21px!important; line-height:1.5!important; }
.yx-about-v2__contact-form { padding:0; }

@media (max-width:1120px) {
 .yx-about-v2__direction-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .yx-about-v2__opportunity-grid { grid-template-columns:1fr; }
 .yx-about-v2__opportunity-grid article { grid-template-columns:260px minmax(0,1fr); }
 .yx-about-v2__opportunity-grid img { min-height:200px; }
 .yx-about-v2__contact-layout { grid-template-columns:minmax(280px,.85fr) minmax(430px,1.15fr); gap:45px; }
}
@media (max-width:820px) {
 .yx-about-v2__container { width:min(100% - 40px,680px); }
 .yx-about-v2__section { padding:68px 0; }
 .yx-about-v2__hero { height:auto; padding:54px 0 55px; }
 .yx-about-v2__hero-layout,.yx-about-v2__contact-layout { grid-template-columns:1fr; gap:38px; min-height:0; }
 .yx-about-v2__hero::after { background:linear-gradient(90deg,rgba(252,251,247,.96),rgba(252,251,247,.7)); }
 .yx-about-v2__hero h1 span,.yx-about-v2__contact h2 span { white-space:normal; }
 .yx-about-v2__belief-grid,.yx-about-v2__working-grid { grid-template-columns:1fr; }
 .yx-about-v2__belief-grid article,.yx-about-v2__belief-grid article:first-child { border:0; border-top:1px solid #e0e6de; }
 .yx-about-v2__belief-grid article:first-child { border-top:0; }
 .yx-about-v2__direction-grid { grid-template-columns:1fr; }
 .yx-about-v2__direction-grid article:nth-child(2),.yx-about-v2__direction-grid article:nth-child(3) { margin-top:0; }
 .yx-about-v2__working-footer,.yx-about-v2__section-heading { display:block; }
 .yx-about-v2__working-footer .yx-about-v2__button { margin-top:17px; }
 .yx-about-v2__section-heading>a { display:inline-block; margin-top:16px; }
 .yx-about-v2__case-grid { grid-template-columns:1fr; }
 .yx-about-v2__case-grid img { height:240px; }
 .yx-about-v2__opportunity-grid article { grid-template-columns:1fr; }
 .yx-about-v2__opportunity-grid img { min-height:210px; }
}
@media (max-width:560px) {
 .yx-about-v2__container { width:calc(100% - 32px); }
 .yx-about-v2__crumb { font-size:12px; line-height:44px; }
 .yx-about-v2__hero { padding-top:42px; }
 .yx-about-v2__hero h1 { font-size:37px; }
 .yx-about-v2__hero-intro { font-size:14px; }
 .yx-about-v2__hero-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .yx-about-v2__actions { display:grid; grid-template-columns:1fr; }
 .yx-about-v2__button { width:100%; }
 .yx-about-v2__belief-grid article { padding:26px 24px; }
 .yx-about-v2__opportunity-grid article>div { padding:24px; }
 .yx-about-v2__contact { padding:62px 0; }
 .yx-about-v2__contact-principles { padding:9px 20px 19px; }
}