.xiancai-about { min-width: 0; overflow: hidden; background: var(--plum); color: var(--ivory); }
.about-grid { display: grid; grid-template: "media copy" 1fr "media metrics" auto / minmax(0, 7fr) minmax(0, 5fr); gap: 32px clamp(48px, 6vw, 96px); align-items: center; }
.about-media { grid-area: media; min-width: 0; }
.about-media img { width: 100%; max-height: 760px; aspect-ratio: 4 / 5; object-fit: cover; }
.about-copy { grid-area: copy; min-width: 0; padding-top: clamp(24px, 4vw, 64px); }
.xiancai-about .eyebrow { color: var(--blush); font-weight: 600; }
.about-copy .lead { color: rgba(255, 249, 247, .76); white-space: pre-line; }
.about-copy .text-link { color: var(--blush); }
.about-metrics { grid-area: metrics; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; padding-bottom: clamp(24px, 4vw, 64px); }
.about-metrics div { padding: 22px 0; border-top: 1px solid rgba(235, 199, 215, .3); }
.about-metrics strong { display: block; color: var(--champagne); font: 400 42px/1.1 Georgia, serif; }
.about-metrics p { margin: 8px 0 0; color: rgba(255, 249, 247, .72); font-size: 15px; }
body.home .xiancai-about { padding-top: 72px !important; padding-bottom: 72px !important; }
body.home .about-copy { padding-top: 0; align-self: start; }
body.home .about-metrics { padding-bottom: 0; }
body.home .about-media { align-self: start; }
@media (min-width: 768px) {
    body.home .about-grid { grid-template: "copy media" 1fr "metrics media" auto / minmax(0, 5fr) minmax(0, 7fr); }
    body.home .about-media img { width: 870px; max-width: 100%; height: auto; max-height: 650px; aspect-ratio: 870 / 650; }
}
@media (max-width: 767px) {
    .about-grid { grid-template: "media" auto "copy" auto "metrics" auto / minmax(0, 1fr); gap: 32px; }
    .about-media img { max-height: none; }
    .about-copy { padding-top: 0; }
    .about-metrics { padding-bottom: 0; }
    .about-metrics strong { font-size: 34px; }
}

@media (min-width: 1440px) {
    body.home .about-media img { width: 100%; max-height: none; }
    .about-metrics strong { font-size: 48px; }
    .about-metrics p { font-size: 17px; }
}

/* Company introduction collage; the homepage split layout remains independent. */
.xc-company-profile { --profile-scene: clamp(620px, 48.908vw, 1100px); display: grid; grid-template-columns: 45.476% minmax(0, 1fr); position: relative; isolation: isolate; overflow: clip; padding: 0; background: #FFF9F7; color: var(--ink); }
.xc-company-profile__left { position: relative; min-width: 0; min-height: var(--profile-scene); padding: var(--profile-copy-top, 80px) 32px 64px; }
.xc-company-profile__line { position: absolute; stroke: #A22D6D; stroke-width: 1px; pointer-events: none; overflow: visible; }
.xc-company-profile__line--vertical { right: 0; top: 0; width: 1px; height: 100%; }
.xc-company-profile__line--horizontal { display: none; left: 0; bottom: 0; width: 100%; height: 1px; }
.xc-company-profile__watermark { position: absolute; z-index: -1; left: 16%; top: calc(var(--profile-scene) * .255); width: 78%; aspect-ratio: 1; overflow: hidden; pointer-events: none; opacity: .06; }
.xc-company-profile__watermark img { display: block; width: 100%; height: auto; max-width: none; filter: grayscale(1) brightness(0); }
.xc-company-profile__copy { position: relative; max-width: 750px; }
.xc-company-profile .eyebrow { margin: 0 0 18px; }
.xc-company-profile :is(h1,h2) { margin: 0 0 28px; font: 400 clamp(32px, 2.85vw, 55px)/1.12 Georgia, serif; letter-spacing: -.035em; text-wrap: balance; }
.xc-company-profile__viewport { max-width: 620px; overflow: hidden; }
.xc-company-profile__description { color: var(--muted); font: 400 18px/1.7 Arial, Helvetica, sans-serif; }
.xc-company-profile__description p { margin: 0; }
.xc-company-profile__expand { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 24px 0 0; border: 1px solid #A22D6D; border-radius: 50%; padding: 9px; color: #A22D6D; background: transparent; cursor: pointer; overflow-anchor: none; }
.xc-company-profile.is-enhanced .xc-company-profile__expand { display: flex; }
.xc-company-profile__expand[hidden] { display: none !important; }
.xc-company-profile__expand svg { width: 24px; height: 24px; transition: transform .2s ease; }
.xc-company-profile.is-expanded .xc-company-profile__expand svg { transform: rotate(180deg); }
.xc-company-profile__expand:hover { background: #A22D6D; color: #fff9f7; }
.xc-company-profile__expand:focus-visible { outline: 2px solid #A22D6D; outline-offset: 5px; }
/* Clip the desktop arc at the growing section edge, not the fixed image scene. */
.xc-company-profile__collage { position: relative; height: var(--profile-scene); min-width: 0; overflow: visible; }
.xc-company-profile__ellipse { position: absolute; left: 26.5%; top: 3.5%; width: 103%; height: 115%; stroke: #A22D6D; stroke-width: 1px; transform: none; pointer-events: none; overflow: visible; }
.xc-company-profile__photo { position: absolute; margin: 0; z-index: 1; }
.xc-company-profile.has-photo-parallax .xc-company-profile__photo { transform: translate3d(0, var(--profile-photo-y, 0px), 0); will-change: transform; }
.xc-company-profile.has-native-photo-parallax .xc-company-profile__collage { view-timeline-name: --profile-photo-scroll; view-timeline-axis: block; view-timeline-inset: 0; }
.xc-company-profile.has-native-photo-parallax .xc-company-profile__photo {
    animation: xc-profile-photo-parallax 1s linear both;
    animation-timeline: --profile-photo-scroll;
    animation-range: cover 0% cover 100%;
}
@keyframes xc-profile-photo-parallax {
    from { transform: translate3d(0, var(--profile-photo-start), 0); }
    to { transform: translate3d(0, var(--profile-photo-end), 0); }
}
.xc-company-profile__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.xc-company-profile__photo--left { left: 13.43%; top: 33.97%; width: 35.48%; aspect-ratio: 248 / 264; }
.xc-company-profile__photo--top { left: 56.14%; top: 0; width: 35.7%; aspect-ratio: 1; }
.xc-company-profile__photo--bottom { left: 62.28%; top: 65.23%; width: 34.5%; aspect-ratio: 1; }
.xc-company-profile.is-editor-preview { --profile-scene: 640px; }
.xc-company-profile.is-editor-preview .xc-company-profile__left { padding-top: 72px; }
.xc-company-profile.is-editor-preview :is(h1,h2) { font-size: 32px; }
.xc-company-profile.is-editor-preview .xc-company-profile__viewport { height: calc(6 * 1.7 * 18px); }
.xc-company-profile.is-editor-preview .xc-company-profile__expand { display: flex; }
@media (768px <= width <= 1024px) {
    .xc-company-profile__left { padding-inline: var(--site-gutter) 24px; }
    .xc-company-profile :is(h1,h2) { font-size: 32px; }
    .xc-company-profile__description { font-size: 16px; }
}
@media (max-width: 767px) {
    .xc-company-profile { grid-template-columns: minmax(0, 1fr); --profile-scene: 90vw; }
    .xc-company-profile__left { min-height: 0; padding-inline: var(--site-gutter); padding-bottom: var(--section-space); }
    .xc-company-profile__line--vertical { display: none; }
    .xc-company-profile__line--horizontal { display: block; }
    .xc-company-profile :is(h1,h2) { font-size: 34px; }
    .xc-company-profile__description { font-size: 17px; }
    .xc-company-profile__watermark { top: 60px; width: 80%; }
    .xc-company-profile__collage { min-height: 340px; overflow: clip; }
    .xc-company-profile__photo--left { left: 6%; width: 38%; }
    .xc-company-profile__photo--top { left: 57%; width: 37%; }
    .xc-company-profile__photo--bottom { left: 60%; width: 37%; }
}
@media (prefers-reduced-motion: reduce) { .xc-company-profile__expand svg { transition: none; } }

/* Shared boundaries only between adjacent About business sections. */
body.page-id-7 #main-content > section + section { border-top: 1px solid var(--line, #e8dde3); }