.inner-page .inner-content.about-page-content { padding: 0; min-height: 0; }
.company-band { position: relative; isolation: isolate; padding: 64px 0; background: #fff; }
.company-band-tinted { background: #f0f5f3; }
.company-band-inner { position: relative; z-index: 1; width: 100%; padding: 0 48px; }
.company-surface { overflow: hidden; }
.company-surface::before, .company-surface::after { content: ""; position: absolute; pointer-events: none; z-index: 0; }
.company-surface::before {
    inset: -36px;
    background: url('/images/portfolio-relief-background.png') center 35% / cover no-repeat;
    opacity: .48;
    animation: company-surface-drift 28s ease-in-out infinite alternate;
    animation-play-state: paused;
}
.company-surface::after {
    inset: -20% -45%;
    background: linear-gradient(110deg, transparent 35%, rgba(213, 238, 226, .27) 47%, rgba(255, 255, 255, .65) 52%, transparent 64%);
    animation: company-surface-light 22s ease-in-out infinite alternate;
    animation-play-state: paused;
}
.company-surface-paper::before { background-image: url('/images/portfolio-light-texture.png'); background-position: center; opacity: .3; animation-duration: 34s; }
.company-surface-paper::after { animation-duration: 28s; }
.company-surface-precision::before { background-size: 100% auto; background-position: center 88%; opacity: .42; animation-duration: 32s; }
.company-surface-precision::after { animation-duration: 26s; }
.company-surface.is-surface-active::before, .company-surface.is-surface-active::after { animation-play-state: running; }
@keyframes company-surface-drift {
    from { transform: translate3d(-12px, -10px, 0); }
    to { transform: translate3d(12px, 10px, 0); }
}
@keyframes company-surface-light {
    from { transform: translate3d(-18%, 0, 0); opacity: .35; }
    to { transform: translate3d(18%, 0, 0); opacity: .7; }
}
.company-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
[data-company-intro-reveal].company-intro-ready .company-section-heading,
[data-company-intro-reveal].company-intro-ready .company-copy > h3,
[data-company-intro-reveal].company-intro-ready .company-copy > p,
[data-company-intro-reveal].company-intro-ready .company-photo {
    opacity: 0;
    transform: translate3d(-44px, 0, 0);
    transition: opacity 0s ease, transform 0s cubic-bezier(.16, .72, .2, 1);
}
[data-company-intro-reveal].company-intro-ready .company-photo { transform: translate3d(44px, 0, 0); }
[data-company-intro-reveal].company-intro-visible .company-section-heading,
[data-company-intro-reveal].company-intro-visible .company-copy > h3,
[data-company-intro-reveal].company-intro-visible .company-copy > p,
[data-company-intro-reveal].company-intro-visible .company-photo { opacity: 1; transform: translate3d(0, 0, 0); transition-duration: 1.45s; }
[data-company-intro-reveal].company-intro-visible .company-section-heading,
[data-company-intro-reveal].company-intro-visible .company-copy > h3 { transition-delay: .08s; }
[data-company-intro-reveal].company-intro-visible .company-copy > p { transition-delay: var(--company-intro-delay, 1.05s); }
@media (prefers-reduced-motion: reduce) {
    [data-company-intro-reveal].company-intro-ready .company-section-heading,
    [data-company-intro-reveal].company-intro-ready .company-copy > h3,
    [data-company-intro-reveal].company-intro-ready .company-copy > p,
    [data-company-intro-reveal].company-intro-ready .company-photo { opacity: 1; transform: none; transition: none; }
}
.company-section-heading { margin-bottom: 30px; }
.company-section-heading h2 { margin: 0 0 6px; color: #153f30; font-size: 24px; font-weight: 600; }
.company-section-heading p { margin: 0; color: #75817b; font-size: 12px; line-height: 1.5; }
.company-copy h3 { margin: 0 0 22px; color: #17281f; font-family: Georgia, "Songti SC", serif; font-size: 32px; font-weight: 600; line-height: 1.45; }
.company-manager-message .company-split { align-items: start; }
.company-capacity .company-split { align-items: start; }
[data-factory-reveal].factory-reveal-ready > .company-band-inner > .company-section-heading,
[data-factory-reveal].factory-reveal-ready .company-photo,
[data-factory-reveal].factory-reveal-ready .company-copy { opacity: 0; transition: opacity 0s ease, transform 0s cubic-bezier(.16, .72, .2, 1); }
[data-factory-reveal].factory-reveal-ready > .company-band-inner > .company-section-heading { transform: translate3d(0, -36px, 0); }
[data-factory-reveal].factory-reveal-ready .company-photo { transform: translate3d(0, 44px, 0); }
[data-factory-reveal].factory-reveal-ready .company-copy { transform: translate3d(44px, 0, 0); }
[data-factory-reveal].factory-reveal-visible > .company-band-inner > .company-section-heading,
[data-factory-reveal].factory-reveal-visible .company-photo,
[data-factory-reveal].factory-reveal-visible .company-copy { opacity: 1; transform: translate3d(0, 0, 0); transition-duration: .7s; }
[data-factory-reveal].factory-reveal-visible .company-photo { transition-delay: .7s; }
[data-factory-reveal].factory-reveal-visible .company-copy { transition-delay: 1.4s; transition-duration: .9s; }
@media (prefers-reduced-motion: reduce) {
    [data-factory-reveal].factory-reveal-ready > .company-band-inner > .company-section-heading,
    [data-factory-reveal].factory-reveal-ready .company-photo,
    [data-factory-reveal].factory-reveal-ready .company-copy { opacity: 1; transform: none; transition: none; }
}
.company-manager-message .company-photo { position: relative; top: 40px; }
.company-manager-message { overflow: hidden; }
[data-manager-reveal].manager-reveal-ready .company-photo,
[data-manager-reveal].manager-reveal-ready .company-copy { opacity: 0; transition: opacity 0s ease, transform 0s cubic-bezier(.16, .72, .2, 1); }
[data-manager-reveal].manager-reveal-ready .company-photo { transform: translate3d(44px, 0, 0); }
[data-manager-reveal].manager-reveal-ready .company-copy { transform: translate3d(-44px, 0, 0); }
[data-manager-reveal].manager-reveal-visible .company-photo,
[data-manager-reveal].manager-reveal-visible .company-copy { opacity: 1; transform: translate3d(0, 0, 0); transition-duration: 1.6s; }
@media (prefers-reduced-motion: reduce) {
    [data-manager-reveal].manager-reveal-ready .company-photo,
    [data-manager-reveal].manager-reveal-ready .company-copy { opacity: 1; transform: none; transition: none; }
}
.company-manager-message .company-section-heading { margin-bottom: 18px; }
.company-manager-message .company-section-heading h2 { scroll-margin-top: 110px; }
.company-copy .manager-signature { display: flex; align-items: baseline; gap: 12px; margin: 0 0 24px; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
.manager-signature .manager-name { font-size: 22px; font-weight: 600; }
.manager-signature .manager-position { font-size: 16px; font-weight: 400; color: #606c65; }
.company-copy > p { margin: 0 0 18px; color: #606c65; font-size: 16px; line-height: 1.95; }
.company-copy > p:last-child { margin-bottom: 0; }
.company-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid rgba(255, 255, 255, .9); border-radius: 4px; box-shadow: 0 2px 0 #dce5df, 0 8px 12px -6px rgba(28, 49, 37, .26), 0 22px 30px -16px rgba(28, 49, 37, .3); }
.company-profile-facts { display: grid; grid-template-columns: 1.3fr 1fr 1fr; margin: 36px 0 0; }
.company-photo.company-campus-concept { aspect-ratio: 1672 / 941; height: auto; object-fit: contain; }
.company-profile-facts > div { padding: 0 24px; border-left: 1px solid #d9e0dc; }
.company-profile-facts > div:first-child { padding-left: 0; border-left: 0; }
.company-profile-facts dt { color: #276448; font-size: 32px; font-weight: 700; line-height: 1.3; white-space: nowrap; }
.company-profile-facts dd { margin: 8px 0 0; color: #7b837e; font-size: 13px; }
.company-honors-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.company-honors-controls { display: flex; gap: 10px; }
.company-honors-controls button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #d7dfda; border-radius: 50%; background: #fff; color: #28533e; cursor: pointer; font-size: 20px; }
.company-honors-controls button:disabled { opacity: .35; cursor: default; }
.company-honors-controls button:focus-visible, .company-honors-track:focus-visible { outline: 2px solid #276448; outline-offset: 4px; }
.company-honors-track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; padding: 10px 0 32px; }
.company-honors-track figure { flex: 0 0 calc((100% - 144px) / 4); min-width: 0; margin: 0; scroll-snap-align: start; }
.company-honors-track img { display: block; width: 100%; max-height: 360px; aspect-ratio: 3 / 4; object-fit: contain; background: #fff; border: 1px solid rgba(255, 255, 255, .95); border-radius: 4px; box-shadow: 0 2px 0 #dce5df, 0 8px 12px -6px rgba(28, 49, 37, .24), 0 18px 24px -12px rgba(28, 49, 37, .28); }
.company-honors-track figcaption { margin-top: 18px; text-align: center; color: #253e2f; font-size: 16px; }
.company-honors-track figure[hidden] { display: none; }
.company-honor-thumb { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; border: 0; padding: 0; background: transparent; }
.company-honor-thumb img { width: auto; height: auto; max-width: 100%; max-height: calc(100% - 16px); aspect-ratio: auto; object-fit: contain; background: #fff; border: 1px solid rgba(255,255,255,.85); border-radius: 2px; box-shadow: 0 3px 0 #bdc7c0, 0 7px 10px -4px rgba(28,49,37,.24), 0 19px 28px -10px rgba(28,49,37,.3); transition: transform .35s ease, box-shadow .35s ease; }
.honors-reveal-ready:not(.honors-reveal-visible) .company-section-heading { opacity: 0; transform: translateX(-40px); }
.honors-reveal-ready:not(.honors-reveal-visible) .company-honors-track figure { opacity: 0; transform: translateY(36px); }
#honors-title { scroll-margin-top: 110px; }
@media (max-width: 720px) { .company-honors-track { grid-template-columns: repeat(2, minmax(0, 1fr)); } .company-honor-thumb { height: 210px; } .company-honors-track figcaption { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .honors-reveal-ready:not(.honors-reveal-visible) .company-section-heading, .honors-reveal-ready:not(.honors-reveal-visible) .company-honors-track figure { opacity: 1; transform: none; } }
.company-capacity-data { color: #276448 !important; font-size: 24px !important; font-family: Georgia, "Songti SC", serif; font-weight: 600; }
.factory-control-panel { margin-top: 32px; }
[data-factory-reveal].factory-reveal-ready .factory-control-panel { opacity: 0; transform: translate3d(0, 36px, 0); transition: opacity 0s ease, transform 0s ease; }
[data-factory-reveal].factory-reveal-visible .factory-control-panel.metrics-reveal-visible { opacity: 1; transform: none; transition-duration: .9s; transition-delay: var(--factory-metrics-delay, 2.35s); transition-timing-function: cubic-bezier(.16, .72, .2, 1); }
@media (prefers-reduced-motion: reduce) {
    [data-factory-reveal].factory-reveal-ready .factory-control-panel { opacity: 1; transform: none; transition: none; }
}
.factory-control-metrics { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 24px 0; margin: 0; }
.factory-control-metrics > div { display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-end; gap: 14px; min-width: 0; padding-inline: 12px; border-left: 1px solid #d4ded7; text-align: center; }
.factory-control-metrics > div:first-child { border-left: 0; }
.factory-control-metrics dt { color: #6b786f; font-size: 13px; line-height: 1.6; }
.factory-control-metrics dd { margin: 0; color: #276448; font-size: 32px; font-weight: 800; line-height: 1.35; white-space: nowrap; text-shadow: 0 1px 0 #c5d8cc, 0 2px 0 #adc7b7, 0 5px 8px rgba(28, 69, 44, .16); }
@media (max-width: 1200px) {
    .factory-control-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 32px; }
    .factory-control-metrics > div:nth-child(4n + 1) { border-left: 0; }
}
@media (max-width: 720px) {
    .factory-control-panel { margin-top: 24px; }
    .factory-control-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .factory-control-metrics > div:nth-child(2n + 1) { border-left: 0; }
    .factory-control-metrics dd { font-size: 28px; }
}
#capacity-title { scroll-margin-top: 100px; }
@media (max-width: 1100px) {
    .company-band-inner { padding-inline: 32px; }
    .company-split { gap: 32px; }
    .company-copy h3 { font-size: 28px; }
    .company-profile-facts > div { padding-inline: 12px; }
    .company-profile-facts dt { font-size: 24px; }
    .company-honors-track { gap: 24px; }
    .company-honors-track figure { flex-basis: calc((100% - 72px) / 4); }
}
@media (prefers-reduced-motion: reduce) {
    .company-surface::before, .company-surface::after { animation: none; transform: none; }
}
@media (max-width: 720px) {
    .company-band { padding-block: 44px; }
    .company-band-inner { padding-inline: 24px; }
    .company-split { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .company-split-reverse .company-copy { order: -1; }
    .company-section-heading { margin-bottom: 24px; }
    .company-copy h3 { font-size: 26px; }
    .company-copy > p { font-size: 15px; }
    .company-profile-facts { grid-template-columns: 1.3fr 1fr .85fr; margin-top: 26px; }
    .company-profile-facts > div { padding-inline: 8px; }
    .company-profile-facts dt { font-size: 21px; }
    .company-profile-facts dd { font-size: 11px; }
    .company-honors-track { gap: 20px; }
    .company-honors-track figure { flex-basis: 70%; }
    .company-capacity-data { font-size: 21px !important; }
}

/* Hide unrelated scanner margins without altering the certificate. */
.company-honor-thumb img[src*='honor-11.jpg'] { clip-path: inset(1.5% 0 6% 0); }


@media (hover: hover) { .company-honor-thumb:hover img { transform: translateY(-5px); box-shadow: 0 3px 0 #bdc7c0, 0 10px 16px -4px rgba(28,49,37,.25), 0 25px 34px -10px rgba(28,49,37,.32); } }
@media (prefers-reduced-motion: reduce) { .company-honor-thumb img { transition: none; } }