.jy-about-page{overflow:clip;color:var(--jy-color-ink-950,#111);background:var(--jy-color-white,#fff);font-family:var(--jy-font-body,sans-serif)}
.jy-about-page *{box-sizing:border-box}
.jy-about-wrap{width:min(86rem,calc(100% - 4rem));margin-inline:auto}
.jy-about-label{margin:0 0 1.1rem;color:var(--jy-action-primary,#ff4500);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jy-about-page h2{max-width:14ch;margin:0;font-family:var(--jy-font-display,sans-serif);font-size:clamp(2.5rem,5.25vw,5.4rem);font-weight:500;line-height:1.02;letter-spacing:-.055em}
.jy-about-page h3,.jy-about-page p{font-family:var(--jy-font-body,sans-serif)}
.jy-about-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:3.5rem;padding:.75rem .9rem .75rem 1.2rem;border:1px solid var(--jy-color-ink-950,#111);border-radius:.5rem;background:var(--jy-color-ink-950,#111);color:#fff;text-decoration:none;font-size:.9rem;font-weight:800;transition:transform 180ms ease,background-color 180ms ease,color 180ms ease}
.jy-about-button span{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid currentColor;border-radius:50%}
.jy-about-button:hover{transform:translateY(-2px);background:#fff;color:#111}
.jy-about-button:focus-visible,.jy-about-page a:focus-visible{outline:3px solid var(--jy-focus-ring,#ff4500);outline-offset:4px}

.jy-about-hero{position:relative;display:flex;min-height:max(47rem,calc(100svh - 4rem));align-items:flex-end;overflow:hidden;background:#111 url("/assets/jingye/production/about/about-hero-manufacturing-poster.webp") center/cover no-repeat;color:#fff}
.jy-about-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.jy-about-hero__overlay{position:absolute;inset:0;background:radial-gradient(circle at 72% 55%,rgba(255,69,0,.14),transparent 35%),linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.56) 54%,rgba(0,0,0,.42) 100%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%)}
.jy-about-hero__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 14rem;gap:clamp(3rem,8vw,9rem);align-items:end;padding-block:clamp(8.5rem,16vh,12rem) clamp(4rem,8vh,6.5rem)}
.jy-about-hero__copy{max-width:66rem}
.jy-about-hero__eyebrow{display:inline-flex;align-items:center;gap:.75rem;margin:0 0 1.6rem;color:#ffb39a;font-size:.78rem;font-weight:800;letter-spacing:.08em}
.jy-about-hero__eyebrow::before{content:"";width:2rem;height:1px;background:currentColor}
.jy-about-hero h1{margin:0;font-family:var(--jy-font-display,sans-serif);font-size:clamp(3.2rem,7vw,7.4rem);font-weight:500;line-height:.96;letter-spacing:-.065em}
.jy-about-hero h1 span{display:block}
.jy-about-hero h1 span:last-child{max-width:11ch;color:#fff}
.jy-about-hero__summary{max-width:46rem;margin:2rem 0 0;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.8}
.jy-about-hero__actions{display:flex;align-items:center;gap:1.75rem;margin-top:2rem}
.jy-about-button--light{border-color:#fff;background:#fff;color:#111}
.jy-about-button--light:hover{background:#ff4500;border-color:#ff4500;color:#fff}
.jy-about-text-link{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-size:.9rem;font-weight:800}
.jy-about-hero__axis{display:grid;grid-template-rows:auto 4.5rem auto 4.5rem auto;justify-items:center;align-items:center;padding:1.5rem 1rem;border:1px solid rgba(255,255,255,.3);background:rgba(17,17,17,.36);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.jy-about-hero__axis span{font-family:var(--jy-font-display,sans-serif);font-size:1.6rem}
.jy-about-hero__axis i{width:1px;height:100%;background:linear-gradient(#ff4500,#fff)}
.jy-about-hero__axis b{padding:.45rem .7rem;background:#ff4500;color:#fff;font-size:.62rem;letter-spacing:.06em;white-space:nowrap}

.jy-about-paths{padding:2rem 0 0;background:#111;color:#fff}
.jy-about-paths .jy-about-label{color:#ff8c66}
.jy-about-paths__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.jy-about-path{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1rem;min-height:13rem;padding:1.5rem;border-right:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;transition:background-color 180ms ease,color 180ms ease}
.jy-about-path:last-child{border-right:0}
.jy-about-path>span{color:#ff8c66;font-size:.72rem;font-weight:800}
.jy-about-path h3{margin:0;font-size:1.35rem;line-height:1.15}
.jy-about-path p{margin:.8rem 0 1.3rem;color:rgba(255,255,255,.65);font-size:.86rem;line-height:1.65}
.jy-about-path strong{position:absolute;right:1.5rem;bottom:1.5rem;left:3.75rem;display:flex;justify-content:space-between;font-size:.77rem}
.jy-about-path:hover{background:#ff4500}
.jy-about-path:hover>span,.jy-about-path:hover p{color:#fff}

.jy-about-brand,.jy-about-difference,.jy-about-products,.jy-about-evidence,.jy-about-contact{padding-block:clamp(6rem,10vw,10rem);scroll-margin-top:5rem}
.jy-about-brand{position:relative;overflow:hidden;background:#111;color:#fff}
.jy-about-brand::after{position:absolute;top:0;right:0;width:34%;height:1px;background:#ff4500;content:""}
.jy-about-brand .jy-about-label{color:#ff8c66}
.jy-about-brand__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.7fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.jy-about-brand__layout>*{min-width:0}
.jy-about-brand h2{width:100%;max-width:14ch;overflow-wrap:anywhere}
.jy-about-brand__signature{margin:clamp(4rem,8vw,8rem) 0 -1.5rem;color:rgba(255,255,255,.08);font-family:var(--jy-font-display,sans-serif);font-size:clamp(5rem,13vw,12rem);font-weight:500;line-height:.72;letter-spacing:-.075em;white-space:nowrap}
.jy-about-brand__copy>p{max-width:36rem;margin:0 0 2.8rem;color:rgba(255,255,255,.78);font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.85}
.jy-about-brand__copy dl{margin:0;border-top:1px solid rgba(255,255,255,.3)}
.jy-about-brand__copy dl>div{display:grid;grid-template-columns:5rem 1fr;gap:1.25rem;padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.3)}
.jy-about-brand__copy dt{color:#ff8c66;font-size:.75rem;font-weight:800;letter-spacing:.08em}
.jy-about-brand__copy dd{margin:0;color:#fff;font-size:.92rem;line-height:1.65}
.jy-about-difference{background:var(--jy-color-paper-100,#f1f0eb)}
.jy-about-difference--compact{padding-block:clamp(4rem,6vw,6rem);border-block:1px solid #d0cdc5}
.jy-about-difference--compact h2{max-width:14ch;font-size:clamp(2.25rem,4.4vw,4.6rem)}
.jy-about-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.65fr);gap:clamp(3rem,8vw,9rem);align-items:end}
.jy-about-section-head>p{margin:0;color:var(--jy-color-ink-700,#454545);font-size:1rem;line-height:1.85}
.jy-about-difference__body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);gap:clamp(2.5rem,6vw,6rem);align-items:stretch;margin-top:clamp(3.5rem,7vw,7rem)}
.jy-about-system-visual{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:34rem;padding:clamp(1.25rem,3vw,3rem);background:#111;color:#fff}
.jy-about-system-visual figure{position:relative;z-index:1;margin:0;aspect-ratio:3/4;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 50% 45%,#333,#151515 64%)}
.jy-about-system-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 400ms cubic-bezier(.22,1,.36,1)}
.jy-about-system-visual figure:hover img{transform:scale(1.04)}
.jy-about-system-visual figcaption{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;color:rgba(255,255,255,.72);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.jy-about-system-visual__bridge{position:relative;z-index:2;display:grid;grid-template-columns:2rem auto 2rem;align-items:center;margin-inline:-.2rem}
.jy-about-system-visual__bridge span{height:1px;background:#ff4500}
.jy-about-system-visual__bridge b{padding:.5rem .65rem;background:#ff4500;font-size:.68rem;white-space:nowrap}
.jy-about-difference__points{display:grid;border-top:1px solid #aaa79f}
.jy-about-difference__point{display:grid;grid-template-columns:2rem 1fr;gap:1.1rem;padding:1.7rem 0;border-bottom:1px solid #aaa79f}
.jy-about-difference__point>span{color:#d93b00;font-size:.72rem;font-weight:800}
.jy-about-difference__point h3{margin:0;font-size:1.25rem}
.jy-about-difference__point p{margin:.65rem 0 0;color:#5b5953;font-size:.93rem;line-height:1.72}

.jy-about-products{background:#fff}
.jy-about-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(3.5rem,7vw,7rem);background:#bbb8b0;border:1px solid #bbb8b0}
.jy-about-product{position:relative;display:block;overflow:hidden;background:#f1f0eb;color:#111;text-decoration:none}
.jy-about-product:nth-child(1),.jy-about-product:nth-child(6){grid-column:span 2}
.jy-about-product__media{display:block;overflow:hidden;aspect-ratio:4/3;background:radial-gradient(circle at 50% 45%,#fff,#e5e3dc 72%)}
.jy-about-product__media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 450ms cubic-bezier(.22,1,.36,1)}
.jy-about-product__copy{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;min-height:5.5rem;padding:1.2rem;background:#f7f6f2}
.jy-about-product__copy strong{font-size:1.3rem}
.jy-about-product__copy small{color:#62605b;font-size:.78rem;line-height:1.45}
.jy-about-product__copy i{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid #111;border-radius:50%;font-style:normal}
.jy-about-product:hover .jy-about-product__media img{transform:scale(1.055)}
.jy-about-product:hover .jy-about-product__copy{background:#ff4500;color:#fff}
.jy-about-product:hover .jy-about-product__copy small{color:#fff}
.jy-about-product:hover .jy-about-product__copy i{border-color:#fff}

.jy-about-evidence{background:#111;color:#fff}
.jy-about-evidence .jy-about-section-head>p{color:rgba(255,255,255,.68)}
.jy-about-evidence__stats{display:grid;grid-template-columns:.85fr .85fr 1.3fr;margin-top:clamp(3.5rem,7vw,7rem);border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}
.jy-about-evidence__stats article{min-height:12rem;padding:1.5rem;border-right:1px solid rgba(255,255,255,.3)}
.jy-about-evidence__stats article:last-child{border-right:0}
.jy-about-evidence__stats p{margin:0;color:#ff8c66;font-size:.75rem;font-weight:800;letter-spacing:.06em}
.jy-about-evidence__stats strong{display:block;max-width:14ch;margin-top:2rem;font-family:var(--jy-font-display,sans-serif);font-size:clamp(1.8rem,3.4vw,4rem);font-weight:500;line-height:1.05;letter-spacing:-.04em}
.jy-about-evidence__stats article:last-child strong{font-size:clamp(1.35rem,2.3vw,2.5rem);line-height:1.25}
.jy-about-evidence__gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:4rem}
.jy-about-evidence__gallery figure{position:relative;margin:0;overflow:hidden;aspect-ratio:3/2;background:#222}
.jy-about-evidence__gallery figure:nth-child(1){grid-column:1/8}
.jy-about-evidence__gallery figure:nth-child(2){grid-column:8/13;margin-top:5rem}
.jy-about-evidence__gallery figure:nth-child(3){grid-column:1/6;margin-top:-1rem}
.jy-about-evidence__gallery figure:nth-child(4){grid-column:6/13;margin-top:4rem}
.jy-about-evidence__gallery img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform 450ms cubic-bezier(.22,1,.36,1)}
.jy-about-evidence__gallery figure:hover img{transform:scale(1.025)}
.jy-about-evidence__gallery figcaption{position:absolute;right:0;bottom:0;padding:.65rem .85rem;background:#ff4500;color:#fff;font-size:.72rem;font-weight:800}

.jy-about-contact{background:#ff4500;color:#111}
.jy-about-contact .jy-about-label{color:#111}
.jy-about-contact__layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4rem;align-items:end}
.jy-about-contact h2{max-width:14ch;font-size:clamp(3rem,6vw,6.6rem)}
.jy-about-contact p:not(.jy-about-label){max-width:48rem;margin:2rem 0 1rem;font-size:1rem;line-height:1.8}
.jy-about-contact address{font-style:normal;font-size:.82rem}
.jy-about-contact .jy-about-button{min-width:14rem}

@media(max-width:1050px){
  .jy-about-hero__layout{grid-template-columns:minmax(0,1fr) 11rem;gap:3rem}
  .jy-about-paths__grid{grid-template-columns:repeat(2,1fr)}
  .jy-about-path:nth-child(2){border-right:0}.jy-about-path:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.28)}
  .jy-about-brand__layout{grid-template-columns:1fr;gap:3rem}.jy-about-brand__copy{max-width:46rem}.jy-about-brand__signature{margin-top:3rem}
  .jy-about-section-head{grid-template-columns:1fr;gap:2rem;align-items:start}.jy-about-section-head>p{max-width:46rem}
  .jy-about-difference__body{grid-template-columns:1fr}.jy-about-difference__points{grid-template-columns:repeat(2,1fr)}.jy-about-difference__point{grid-template-columns:1fr;padding:1.4rem;border-right:1px solid #aaa79f}.jy-about-difference__point:last-child{border-right:0}
  .jy-about-products__grid{grid-template-columns:repeat(3,1fr)}.jy-about-product:nth-child(1),.jy-about-product:nth-child(6){grid-column:span 1}
}
@media(max-width:720px){
  .jy-about-wrap{width:calc(100% - 2rem)}
  .jy-about-page h2{font-size:clamp(2.35rem,11vw,4.2rem)}
  .jy-about-page h2,.jy-about-brand h2,.jy-about-difference--compact h2,.jy-about-contact h2{max-width:none}
  .jy-about-hero{min-height:45rem}
  .jy-about-hero__layout{grid-template-columns:1fr;gap:2.5rem;padding-block:7rem 3rem}
  .jy-about-hero h1{font-size:clamp(3rem,14vw,4.8rem)}
  .jy-about-hero__summary{font-size:.96rem;line-height:1.7}
  .jy-about-hero__axis{grid-template-columns:auto 1fr auto 1fr auto;grid-template-rows:auto;padding:1rem}
  .jy-about-hero__axis i{width:100%;height:1px;background:linear-gradient(90deg,#ff4500,#fff)}
  .jy-about-hero__axis span{font-size:1.05rem}.jy-about-hero__axis b{padding:.4rem .5rem;font-size:.52rem;letter-spacing:.04em}
  .jy-about-hero__actions{align-items:flex-start;flex-direction:column;gap:.6rem}
  .jy-about-path{min-height:11.5rem;padding:1.15rem}.jy-about-path strong{right:1.15rem;bottom:1.15rem;left:3.2rem}
  .jy-about-brand,.jy-about-difference,.jy-about-products,.jy-about-evidence,.jy-about-contact{padding-block:5.5rem}
  .jy-about-difference--compact{padding-block:4.25rem}
  .jy-about-brand__layout{gap:2.5rem}.jy-about-brand__signature{margin:2.5rem 0 -.6rem;font-size:clamp(4rem,22vw,7rem)}.jy-about-brand__copy>p{font-size:1rem}.jy-about-brand__copy dl>div{grid-template-columns:1fr;gap:.55rem}
  .jy-about-system-visual{min-height:0;padding:1rem}.jy-about-system-visual__bridge{grid-template-columns:.75rem auto .75rem}.jy-about-system-visual__bridge b{padding:.4rem .45rem;font-size:.58rem}
  .jy-about-difference__points{grid-template-columns:1fr}.jy-about-difference__point{grid-template-columns:2rem 1fr;padding:1.35rem 0;border-right:0}
  .jy-about-products__grid{grid-template-columns:repeat(2,1fr);margin-top:3rem}.jy-about-product__copy{grid-template-columns:1fr auto;min-height:6.5rem;padding:1rem}.jy-about-product__copy small{grid-column:1/3;grid-row:2}.jy-about-product__copy i{grid-column:2;grid-row:1}
  .jy-about-evidence__stats{grid-template-columns:1fr}.jy-about-evidence__stats article{min-height:8.5rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.3)}.jy-about-evidence__stats article:last-child{border-bottom:0}.jy-about-evidence__stats strong{margin-top:1.2rem}
  .jy-about-evidence__gallery{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:3rem}.jy-about-evidence__gallery figure:nth-child(n){grid-column:auto;margin-top:0;aspect-ratio:1}
  .jy-about-contact__layout{grid-template-columns:1fr;gap:2.5rem}.jy-about-contact .jy-about-button{justify-self:start}
}
@media(max-width:430px){
  .jy-about-paths__grid{grid-template-columns:1fr}.jy-about-path{min-height:9.5rem;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.28)!important}.jy-about-path:last-child{border-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){
  .jy-about-hero video{display:none}.jy-about-button,.jy-about-product__media img,.jy-about-system-visual img,.jy-about-evidence__gallery img{transition:none!important}
}