:root{--navy:#061a2c;--deep:#082b49;--blue:#075f9f;--electric:#1d8fd0;--ice:#8ed4f4;--mist:#eaf1f4;--paper:#f5f7f6;--ink:#0b2435;--muted:#61717b;--line:#cbd6da;--white:#fff;--gutter:clamp(24px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.5}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;background:#fff;padding:12px 18px;z-index:100;color:var(--navy)}.skip-link:focus{top:16px}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:4px}
.site-header{height:86px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:40px;position:absolute;left:0;right:0;top:0;z-index:20;padding:0 var(--gutter);color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{display:block;width:178px;filter:brightness(0) invert(1)}.main-nav{justify-self:center;display:flex;align-items:center;gap:clamp(22px,2.5vw,48px)}.main-nav a,.language{font-size:12px;font-weight:700;letter-spacing:.07em}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--ice);transition:right .3s}.main-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:24px}.language b{font-weight:400;opacity:.45;margin:0 4px}.header-cta{font-size:12px;font-weight:700;border-left:1px solid rgba(255,255,255,.25);padding-left:24px}.header-cta span{color:var(--ice);margin-left:10px}.menu-button{display:none}
.hero{min-height:760px;height:100svh;position:relative;overflow:hidden;color:#fff;background:var(--navy)}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,33,.94) 0%,rgba(4,25,43,.72) 48%,rgba(4,21,36,.2) 78%),url("../images/hero-raw-material-hd.jpg") center/cover no-repeat;animation:hero-scale 9s ease-out both}@keyframes hero-scale{from{transform:scale(1.045)}to{transform:scale(1)}}.hero-grid{position:absolute;inset:86px var(--gutter) 0;background:linear-gradient(90deg,transparent calc(33.333% - 1px),rgba(255,255,255,.12) 33.333%,transparent calc(33.333% + 1px),transparent calc(66.666% - 1px),rgba(255,255,255,.12) 66.666%,transparent calc(66.666% + 1px));border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12)}.hero-inner{position:relative;z-index:2;min-height:100%;padding:clamp(165px,24vh,250px) var(--gutter) 60px;display:flex;flex-direction:column}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.kicker.blue{color:var(--blue)}.kicker.ice{color:var(--ice)}.hero-kicker{color:var(--ice);margin:0 0 38px}.hero-title{font-size:clamp(64px,8.8vw,142px);line-height:.83;letter-spacing:-.067em;margin:0;font-weight:600;max-width:1100px}.hero-title span{display:block}.hero-title span:last-child{margin-left:8vw;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.78)}.hero-bottom{margin-top:auto;margin-left:34%;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:820px}.hero-bottom p{font-size:clamp(15px,1.5vw,21px);max-width:570px;margin:0;color:#d6e2e8}.circle-link{width:64px;height:64px;flex:0 0 64px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;transition:.3s}.circle-link:hover{background:var(--electric);border-color:var(--electric);transform:translateY(4px)}.hero-index{position:absolute;right:18px;top:42%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:9px}.hero-index i{height:74px;width:1px;background:rgba(255,255,255,.5)}
.section{padding:clamp(90px,11vw,170px) var(--gutter)}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;display:flex;gap:16px;color:#73828a}.section-label span{color:var(--blue)}.section-label.light{color:rgba(255,255,255,.6)}.section-label.light span{color:var(--ice)}.statement{display:grid;grid-template-columns:23% 1fr;gap:7vw}.statement-copy{max-width:1060px}.statement-copy h2,.quality-head h2{font-size:clamp(42px,5.7vw,88px);line-height:1.02;letter-spacing:-.055em;margin:28px 0 60px;font-weight:500}.statement-meta{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;padding-top:30px;border-top:1px solid var(--line)}.statement-meta p{color:var(--muted);font-size:17px;max-width:590px}.text-link{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);align-self:start}.text-link span{float:right;margin-left:28px}
.products{background:var(--navy);color:#fff}.products-heading{display:grid;grid-template-columns:30% 1fr;padding-bottom:75px}.products-heading h2{font-size:clamp(48px,6vw,94px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:24px 0 0}.product-list{border-top:1px solid rgba(255,255,255,.18)}.product-row>a{min-height:190px;display:grid;grid-template-columns:7vw 220px 1fr 60px;align-items:center;gap:3vw;padding:24px var(--gutter);border-bottom:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;transition:background .35s}.product-row>a:hover{background:var(--deep)}.product-number{font-size:11px;color:var(--ice);align-self:start;margin-top:20px}.product-image{width:190px;height:120px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.05);transition:transform .6s,filter .4s}.product-row>a:hover img{transform:scale(1.06);filter:saturate(.9)}.product-copy p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#90a5b1;margin:0 0 7px}.product-copy h3{font-size:clamp(34px,4vw,64px);font-weight:400;letter-spacing:-.04em;margin:0}.row-arrow{width:50px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;color:var(--ice);transition:.3s}.product-row>a:hover .row-arrow{background:var(--electric);color:#fff;border-color:var(--electric);transform:rotate(45deg)}
.process{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#eef3f5}.process-photo{position:relative;min-height:700px;overflow:hidden}.process-photo>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.process-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,24,40,.55),transparent 45%);pointer-events:none}.process-photo>span{position:absolute;z-index:1;bottom:35px;left:35px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.process-content{padding:clamp(80px,8vw,130px) var(--gutter)}.process-content h2{font-size:clamp(46px,5vw,78px);line-height:.98;letter-spacing:-.055em;margin:25px 0 35px;font-weight:500}.process-content>.kicker{margin-top:70px}.process-lead{font-size:17px;color:var(--muted);max-width:570px}.process-steps{list-style:none;padding:30px 0 0;margin:30px 0 0;border-top:1px solid var(--line)}.process-steps li{border-bottom:1px solid var(--line)}.process-steps button{display:grid;grid-template-columns:45px 1fr auto;align-items:center;width:100%;padding:18px 0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.process-steps span{font-size:10px;color:var(--blue)}.process-steps p{font-weight:700;margin:0}.process-steps b{font-weight:400;font-size:11px;color:var(--muted)}.process-steps button:hover p,.process-steps button:focus-visible p{color:var(--blue)}.process-steps button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.process-steps button[aria-expanded="true"] p{color:var(--blue)}
.process-detail{position:absolute;z-index:3;inset:0;overflow:hidden;background:var(--navy);color:#fff;transform:translate3d(-101%,0,0);visibility:hidden;transition:transform .62s cubic-bezier(.22,.8,.2,1),visibility 0s linear .62s}.process-detail.is-open{transform:translate3d(0,0,0);visibility:visible;transition-delay:0s}.process-detail__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04)}.process-detail__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,35,.18) 18%,rgba(3,20,35,.9) 88%)}.process-detail__close{position:absolute;z-index:2;top:30px;right:30px;border:1px solid rgba(255,255,255,.55);background:rgba(3,20,35,.28);color:#fff;padding:10px 14px;font:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.process-detail__close span{font-size:17px;margin-left:8px}.process-detail__close:focus-visible{outline:2px solid #fff;outline-offset:4px}.process-detail__body{position:absolute;z-index:2;left:clamp(30px,4vw,68px);right:clamp(30px,4vw,68px);bottom:clamp(34px,6vh,76px)}.process-detail__eyebrow{display:flex;gap:14px;color:var(--ice);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.process-detail__title{max-width:620px;margin:18px 0 24px;font-size:clamp(38px,4.3vw,68px);line-height:.96;letter-spacing:-.045em;font-weight:500}.process-detail__points{display:grid;gap:10px;max-width:600px;margin:0;padding:18px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.4)}.process-detail__points li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:14px;line-height:1.45}.process-detail__points li:before{content:"—";color:var(--ice)}
.quality{min-height:100vh;min-height:100svh;background:#fff}.quality-head{display:grid;grid-template-columns:30% 1fr;margin-top:65px}.quality-head h2{margin:0}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.quality-grid article{min-width:0}.quality-grid article>a{position:relative;min-height:280px;height:100%;display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,#fff 0%,#f4f7f8 100%);overflow:hidden;transition:transform .35s cubic-bezier(.22,.8,.2,1),border-color .3s ease,box-shadow .35s ease}.quality-grid article>a:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue);transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.22,.8,.2,1)}.quality-grid article>a:hover,.quality-grid article>a:focus-visible{transform:translateY(-7px);border-color:rgba(0,118,180,.45);box-shadow:0 18px 40px rgba(4,31,49,.12);outline:0}.quality-grid article>a:hover:before,.quality-grid article>a:focus-visible:before{transform:scaleY(1)}.quality-grid span{color:var(--blue);font-size:11px;letter-spacing:.08em}.quality-grid h3{font-size:clamp(25px,2vw,32px);line-height:1.04;margin:24px 0 18px}.quality-grid p{color:var(--muted);max-width:340px;line-height:1.5}.quality-grid b{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;color:var(--blue);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.quality-grid b i{font-size:21px;font-style:normal;font-weight:400;transition:transform .3s ease}.quality-grid article>a:hover b i,.quality-grid article>a:focus-visible b i{transform:translate(4px,-2px)}
.supply{display:grid;grid-template-columns:1.05fr .95fr;background:var(--deep);color:#fff;min-height:720px}.supply-copy{padding:clamp(90px,9vw,145px) var(--gutter);display:flex;flex-direction:column}.supply-copy>.kicker{margin-top:auto}.supply-copy h2{font-size:clamp(50px,6vw,90px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:25px 0 30px}.supply-copy>p{color:#b7c9d2;max-width:610px;font-size:17px}.supply-photo{overflow:hidden}.supply-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.05)}.market-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:48px}.market-line span{border:1px solid rgba(255,255,255,.25);border-radius:30px;padding:9px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.contact{background:var(--blue);color:#fff;display:grid;grid-template-columns:24% 1fr;gap:6vw}.contact-main h2{font-size:clamp(58px,7.5vw,116px);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:30px 0 65px}.contact-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:18px;font-size:clamp(18px,2vw,28px)}.contact-link span{color:var(--ice)}.contact-specs{grid-column:2;display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding-top:70px}.contact-specs>p{color:#c5deeb}.contact-specs ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr}.contact-specs li{padding:12px 0;border-top:1px solid rgba(255,255,255,.28);font-size:13px}footer{background:var(--navy);color:#8299a6;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:35px;padding:42px var(--gutter);font-size:10px;text-transform:uppercase;letter-spacing:.1em}footer img{width:145px;filter:brightness(0) invert(1);opacity:.85}footer p{margin:0}
.js [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.js [data-reveal].is-visible{opacity:1;transform:none}.js .hero-kicker[data-reveal]{transition-delay:.08s}.js .hero-title[data-reveal]{transition-delay:.14s}.js .hero-bottom[data-reveal]{transition-delay:.24s}
.page-reload [data-reveal]{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important}.page-reload .hero-media{animation:none!important}
@media(max-width:900px){.site-header{height:72px;grid-template-columns:1fr auto;padding:0 24px}.brand{width:145px}.header-actions{display:none}.menu-button{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:7px;padding:8px;z-index:3}.menu-button span{height:1px;background:#fff;width:100%;transition:.3s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{display:none;position:fixed;inset:0;background:var(--navy);padding:120px 24px 50px;flex-direction:column;align-items:flex-start;justify-content:flex-start}.main-nav.open{display:flex}.main-nav a{font-size:clamp(34px,10vw,58px);letter-spacing:-.04em;font-weight:500}.hero{min-height:700px}.hero-grid{inset:72px 24px 0}.hero-inner{padding:155px 24px 38px}.hero-title{font-size:clamp(58px,17vw,95px)}.hero-title span:last-child{margin:10px 0 0}.hero-bottom{margin-left:0;align-items:flex-end}.hero-bottom p{font-size:15px}.hero-index{display:none}.section{padding:85px 24px}.statement,.products-heading{grid-template-columns:1fr;gap:55px}.statement-copy h2{font-size:45px;margin-bottom:45px}.statement-meta{grid-template-columns:1fr;gap:25px}.products-heading{padding-bottom:55px}.product-row>a{grid-template-columns:34px 92px 1fr;gap:14px;padding:18px 24px;min-height:140px}.product-image{width:92px;height:92px}.product-copy h3{font-size:29px}.product-copy p{display:none}.row-arrow{display:none}.process{grid-template-columns:1fr}.process-photo{min-height:430px}.process-content{padding:75px 24px}.process-content>.kicker{margin-top:55px}.quality-head{grid-template-columns:1fr;gap:28px}.quality-grid{grid-template-columns:1fr;margin-top:55px}.quality-grid article>a{min-height:245px}.supply{grid-template-columns:1fr}.supply-copy{min-height:600px;padding:80px 24px}.supply-copy>.kicker{margin-top:auto}.supply-photo{height:440px}.contact{grid-template-columns:1fr;gap:65px}.contact-main h2{font-size:58px}.contact-specs{grid-column:1;grid-template-columns:1fr;gap:20px;padding-top:0}.contact-specs ul{grid-template-columns:1fr}footer{grid-template-columns:1fr;gap:16px;padding:38px 24px}footer p:last-child{margin-top:10px}}
@media(max-width:480px){.hero-bottom .circle-link{display:none}.hero-title{font-size:16.2vw}.product-row>a{grid-template-columns:25px 76px 1fr}.product-image{width:76px;height:76px}.product-copy h3{font-size:25px}.process-steps li{grid-template-columns:35px 1fr}.process-steps b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media{animation:none}.js [data-reveal]{opacity:1;transform:none;transition:none}.product-image img,.row-arrow,.circle-link{transition:none}}

/* Enlarged header lockup: fill the space above the divider without crossing it. */
/* Use the reviewed high-resolution reconstruction for the hero preview. */
.photo-credit{position:absolute;z-index:4;left:auto;right:18px;bottom:16px;color:rgba(255,255,255,.58);font-size:9px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 5px rgba(3,20,35,.72);pointer-events:none;white-space:nowrap}
.hero-media .photo-credit{right:var(--gutter);bottom:20px}
.product-image{position:relative}
.product-image>.photo-credit{right:7px;bottom:6px;font-size:6px;letter-spacing:.045em;color:rgba(255,255,255,.66)}
.process-photo>.photo-credit{z-index:2}
.process-photo>.photo-credit--process{display:block;z-index:2;left:auto;top:20px;right:22px;bottom:auto;padding:0;color:rgba(255,255,255,.68);background:transparent;border:0;font-size:9px;letter-spacing:.09em;text-shadow:0 1px 5px rgba(3,20,35,.78)}
.process-detail>.photo-credit--detail{display:block;z-index:7;left:auto;top:20px;right:22px;bottom:auto}
.process-photo>.photo-credit--process{transition:filter .5s ease,opacity .5s ease}
.process-photo.detail-active>.photo-credit--process{filter:blur(7px);opacity:.72}
.process-detail.is-credit-dark>.photo-credit--detail{color:rgba(3,27,43,.76);text-shadow:0 1px 4px rgba(255,255,255,.82)}
.about-xinghuan__visual>.photo-credit{z-index:3;bottom:20px}
@media(max-width:900px){.photo-credit{right:12px;bottom:12px;font-size:8px}.hero-media .photo-credit{right:24px;bottom:14px}.about-xinghuan__visual>.photo-credit{bottom:14px}}
@media(max-width:900px){.process-photo>.photo-credit--process,.process-detail>.photo-credit--detail{top:12px;right:12px;bottom:auto;font-size:8px}}
@media(min-width:901px){.site-header{grid-template-columns:420px 1fr auto}.site-header .brand{display:flex;width:400px;height:84px;align-items:center;transform:translateX(calc(18px - var(--gutter)))}.site-header .brand img{width:100%;height:auto}}
@media(max-width:900px){.site-header .brand{display:flex;width:min(280px,calc(100vw - 84px));height:68px;align-items:center;transform:translateX(-12px)}.site-header .brand img{width:100%;height:auto}}

/* Desktop hero tuning approved from the 1440px visual-editor export. */
@media(min-width:901px){
  .site-header{grid-template-columns:408px 1fr auto}
  .site-header .brand{width:388px;transform:translateX(calc(7px - var(--gutter)));position:relative;top:4px}
  .hero-kicker{position:relative;left:4px;top:-128px;font-size:15.18px}
  .hero-title{position:relative;left:10px;top:-14px;font-size:clamp(64.64px,8.888vw,143.42px)}
  .hero-bottom>p{position:relative;left:2px;top:-182px}
}

html,body{overflow-x:clip}

/* Desktop chapter system: 1↓2→3→4↓5←6.
   The second track starts on its right panel (About) and travels left to Technical Support. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  html{scroll-snap-type:y mandatory}
  html.chapter-snap-animating{scroll-snap-type:none}
  .hero,.chapter-horizontal,.chapter-horizontal__snap-point,.chapter-secondary,.chapter-secondary__snap-point{scroll-snap-align:start;scroll-snap-stop:always}
  .chapter-horizontal{height:300vh;position:relative}
  .chapter-horizontal__sticky{position:sticky;top:0;height:100vh;overflow:hidden}
  .chapter-horizontal__track{display:flex;width:300vw;height:100vh;transform:translate3d(var(--chapter-track-x,0),0,0);will-change:transform}
  .chapter-horizontal__track>.statement,.chapter-horizontal__track>.products,.chapter-horizontal__track>.process{flex:0 0 100vw;width:100vw;height:100vh;min-height:100vh;overflow:hidden}
  .chapter-horizontal__snap-point{position:absolute;left:0;right:0;height:1px;pointer-events:none}
  .chapter-horizontal__snap-point--products{top:100vh}
  .chapter-horizontal__snap-point--process{top:200vh}
  .chapter-secondary{position:relative;height:233.333vh}
  .chapter-secondary__sticky{position:sticky;top:0;height:100vh;overflow:hidden}
  .chapter-secondary__track{display:flex;width:200vw;height:100vh;transform:translate3d(var(--chapter-secondary-track-x,-100vw),var(--chapter-secondary-track-y,0vh),0);will-change:transform}
  .chapter-secondary__track>.quality,.chapter-secondary__track>.about-xinghuan{flex:0 0 100vw;width:100vw;height:100vh;min-height:100vh;overflow:hidden}
  .chapter-secondary__track>.quality>.page-home{bottom:calc(22px + var(--chapter-secondary-home-lift,0px))}
  .chapter-secondary__snap-point{position:absolute;left:0;right:0;height:1px;pointer-events:none}
  .chapter-secondary__snap-point--technical{top:100vh}
  .chapter-secondary__snap-point--contact{top:133.333vh}
  .contact-tail-stack{position:absolute;z-index:4;left:0;right:0;bottom:0;height:33.333vh;overflow:visible}
  .chapter-horizontal .products-heading.section{padding-top:clamp(70px,8vh,110px);padding-bottom:clamp(32px,4.5vh,52px)}
  .chapter-horizontal .products-heading{grid-template-columns:24% 1fr}
  .chapter-horizontal .products-heading-meta{display:flex;flex-direction:column;gap:28px}
  .chapter-horizontal .products-heading-meta .kicker{margin:0 0 0 26px;line-height:1.55}
  .chapter-horizontal .products-heading h2{font-size:clamp(48px,5.5vw,86px);line-height:.94;margin-top:0}
  .chapter-horizontal .products{display:flex;flex-direction:column}
  .chapter-horizontal .product-list{flex:1;min-height:0}
  .chapter-horizontal .product-row{height:33.333%}
  .chapter-horizontal .product-row__inner{height:100%;min-height:0;grid-template-columns:7vw clamp(220px,19vw,280px) minmax(0,1fr) 76px;padding-top:10px;padding-bottom:10px}
  .chapter-horizontal .product-image{width:clamp(220px,19vw,280px);height:min(16vh,145px)}
  .chapter-horizontal .product-copy{max-width:900px;padding-block:10px}
  .chapter-horizontal .product-copy p{max-width:720px;line-height:1.55;margin-bottom:10px}
  .chapter-horizontal .product-copy h3{font-size:clamp(30px,3.45vw,54px);line-height:1.02}
  .chapter-horizontal .process{min-height:100vh}
}

@media(max-width:900px), (prefers-reduced-motion:reduce){
  .chapter-secondary__track{
    display:flex;
    flex-direction:column;
  }
  .chapter-secondary__track>.about-xinghuan{order:1}
  .chapter-secondary__track>.quality{order:2}
}

/* Contact tail: a compact final chapter that rises below Technical Support. */
.contact-tail{
  height:auto;
  min-height:390px;
  max-height:none;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);
  gap:clamp(30px,5vw,78px);
  align-items:end;
  padding:clamp(20px,2.5vh,32px) var(--gutter) clamp(18px,2.2vh,28px);
  color:var(--ink);
  background:
    linear-gradient(115deg,#f7fafb,#edf4f7 62%,#dcecf3),
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(5,48,77,.08) 50%,transparent calc(50% + 1px));
  position:relative;
  overflow:hidden;
}
.contact-tail:before{
  content:"";
  position:absolute;
  inset:0 var(--gutter);
  border-left:1px solid rgba(5,48,77,.12);
  border-right:1px solid rgba(5,48,77,.12);
  pointer-events:none;
}
.contact-tail__label{position:absolute;z-index:2;top:clamp(20px,2.5vh,32px);left:var(--gutter);display:flex;gap:16px;color:#6f8490;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.contact-tail__label span{color:var(--blue)}
.contact-tail .kicker.ice{color:var(--blue)}
.contact-tail__main,.contact-tail__action{position:relative;z-index:1}
.contact-tail__main{transform:translateX(3px)}
.contact-tail__main h2{max-width:620px;margin:10px 0 0;font-size:clamp(32px,3.45vw,54px);font-weight:500;line-height:.95;letter-spacing:-.055em}
.contact-tail__action{padding-top:14px;border-top:1px solid rgba(5,48,77,.24)}
.contact-tail__action>p{max-width:500px;margin:0 0 clamp(12px,1.6vh,20px);color:#607784;font-size:12px;line-height:1.45}
.contact-tail__action>a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 24px;padding:0 0 10px;border-bottom:1px solid rgba(5,48,77,.34);transition:border-color .25s ease,color .25s ease}
.contact-tail__action>a span{grid-column:1;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.contact-tail__action>a strong{grid-column:1;font-size:clamp(18px,1.65vw,25px);font-weight:500;letter-spacing:-.02em}
.contact-tail__action>a i{grid-column:2;grid-row:1/3;font-size:26px;font-style:normal;color:var(--blue);transition:transform .25s ease}
.contact-tail__action>a:hover,.contact-tail__action>a:focus-visible{border-color:var(--blue)}
.contact-tail__action>a:hover i,.contact-tail__action>a:focus-visible i{transform:translate(4px,-4px)}
.contact-directory{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(175px,.9fr) auto;gap:clamp(16px,2vw,30px);align-items:end}
.contact-directory a{color:inherit;text-decoration:none}
.contact-directory__emails,.contact-directory__numbers{display:grid;gap:5px}
.contact-directory__emails a,.contact-directory__numbers a,.contact-placeholder{display:grid;grid-template-columns:58px 1fr;align-items:baseline;gap:10px;padding:3px 0;border-bottom:1px solid rgba(5,48,77,.18)}
.contact-directory span,.contact-directory__social strong{color:var(--blue);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.contact-directory strong{font-size:clamp(11px,.9vw,14px);font-weight:600;letter-spacing:-.01em}
.contact-directory a{transition:color .2s ease,border-color .2s ease}
.contact-directory a:hover,.contact-directory a:focus-visible{color:var(--blue);outline:0}
.contact-directory__social{display:flex;gap:12px}
.contact-directory__social>div{display:grid;justify-items:center;gap:5px}
.contact-qr{display:block;width:54px;height:54px;border:1px dashed rgba(5,48,77,.38);background:rgba(255,255,255,.34)}

.site-footer{position:relative;z-index:5;height:46px;min-height:46px;overflow:visible;background:#041522;color:#91a6b1;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,2fr);align-items:center;gap:clamp(10px,1.4vw,20px);padding:0 clamp(18px,3vw,46px);font-size:8px;line-height:1.15;letter-spacing:.08em;text-transform:uppercase}
.site-footer__identity{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}
.site-footer__identity img{width:76px;flex:0 0 auto;filter:brightness(0) invert(1);opacity:.86}
.site-footer__identity p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-footer__legal{display:flex;min-width:0;flex-wrap:nowrap;align-items:center;gap:clamp(8px,1vw,18px);white-space:nowrap}
.site-footer__legal details{position:relative}
.site-footer__legal summary{cursor:pointer;color:#c0d0d8;list-style:none}
.site-footer__legal summary::-webkit-details-marker{display:none}
.site-footer__legal details[open] p{position:absolute;z-index:12;left:0;bottom:calc(100% + 14px);width:min(360px,80vw);margin:0;padding:16px 18px;background:#fff;color:var(--ink);box-shadow:0 12px 38px rgba(0,0,0,.25);font-size:10px;line-height:1.55;letter-spacing:0;text-transform:none}
.site-footer__mail{white-space:nowrap;color:#d5e1e7}
.site-footer__mail span{margin-left:10px;color:var(--ice)}

@media(min-width:901px) and (max-width:1280px){
  .site-footer{grid-template-columns:auto minmax(0,1fr);font-size:7.5px}
  .site-footer__identity p{display:none}
}

@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .contact-tail{height:calc(33.333vh - 46px);min-height:0;max-height:none}
}

@media(max-width:900px){
  .contact-tail-stack{position:relative;height:auto}
  .contact-tail{height:auto;min-height:auto;grid-template-columns:1fr;align-items:start;gap:36px;padding:64px 24px 54px}
  .contact-tail:before{inset:0 24px}
  .contact-tail__label{position:static}
  .contact-tail__main h2{font-size:clamp(44px,12vw,68px)}
  .contact-directory{grid-template-columns:1fr;align-items:start}
  .contact-directory__social{margin-top:4px}
  .contact-qr{width:72px;height:72px}
  .site-footer{height:auto;min-height:0;grid-template-columns:1fr;gap:14px;padding:18px 24px}
  .site-footer__legal{align-items:flex-start;flex-direction:column}
}

@media(min-width:901px) and (max-height:800px) and (prefers-reduced-motion:no-preference){
  .contact-tail{padding-top:16px;padding-bottom:14px;gap:28px}
  .contact-tail__label{top:16px}
  .contact-tail__main h2{font-size:clamp(30px,3vw,44px)}
  .contact-tail__action>p{display:none}
  .contact-directory{gap:16px}
  .contact-qr{width:44px;height:44px}
  .chapter-horizontal .process-content{padding:52px var(--gutter) 24px}
  .chapter-horizontal .process-content>.kicker{margin-top:28px}
  .chapter-horizontal .process-content h2{font-size:clamp(42px,4.8vw,62px);margin:16px 0 18px}
  .chapter-horizontal .process-lead{font-size:15px}
  .chapter-horizontal .process-steps{padding-top:12px;margin-top:16px}
  .chapter-horizontal .process-steps li{padding:9px 0}
}

/* Stabilize navigation contrast over changing hero photography. */
.process-detail__close{top:84px}
.process-photo>img{filter:saturate(.9) brightness(1.04) contrast(1.03)}
.product-row:nth-child(1) .product-image img{object-position:center 66%}
.product-row:nth-child(2) .product-image img{object-position:center 48%;transform:scale(1.25);filter:brightness(1.2) saturate(.66) contrast(1.02)}
.product-row:nth-child(2)>a:hover .product-image img{transform:scale(1.32);filter:brightness(1.26) saturate(.82) contrast(1.02)}

.site-header{background:rgba(6,26,44,.45);-webkit-backdrop-filter:blur(6px) saturate(115%);backdrop-filter:blur(6px) saturate(115%);border-bottom-color:rgba(255,255,255,.28)}

/* Composite-pipe layer visual blended behind the positioning statement. */
.statement{position:relative;overflow:hidden;isolation:isolate;background:var(--paper)}
.statement:after{content:"";position:absolute;z-index:0;right:-3%;top:8%;width:64%;height:76%;background:url("../images/composite-pipe-layer-diagram-ai-hd.jpg") right center/contain no-repeat;opacity:.45;mix-blend-mode:multiply;filter:saturate(1.02) contrast(1.14);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.82) 20%,#000 50%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.82) 20%,#000 50%);transform:translate3d(var(--pipe-x,0),var(--pipe-y,0),0) scale(var(--pipe-scale,1.2));transform-origin:right center;pointer-events:none}
.js .statement.pipe-motion-ready:after{opacity:var(--pipe-opacity,1);will-change:transform,opacity}
.statement>*{position:relative;z-index:1}
.statement-links{display:flex;flex-direction:column;gap:24px;align-self:start}
.statement-links .text-link{width:100%}
@media(max-width:900px){.statement:after{right:-24%;top:31%;width:125%;height:62%;opacity:.45;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%,rgba(0,0,0,.72) 75%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 28%,rgba(0,0,0,.72) 75%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.statement{--pipe-x:0!important;--pipe-y:0!important;--pipe-scale:1.2!important;--pipe-opacity:.45!important}}

/* Desktop process-list pull cue: a restrained preview of the detail canvas. */
@media(min-width:901px){
  .process-steps button{position:relative;transition:transform .36s cubic-bezier(.22,.8,.2,1)}
  .process-steps button:before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:0;background:var(--blue);transform:translateY(-50%);transition:height .36s cubic-bezier(.22,.8,.2,1)}
  .process-steps button:after{content:"→";position:absolute;right:-2px;top:50%;color:var(--blue);font-size:19px;line-height:1;opacity:0;transform:translate3d(-10px,-50%,0);transition:opacity .24s ease,transform .36s cubic-bezier(.22,.8,.2,1)}
  .process-steps button p{transition:color .28s ease}
  .process-steps button:hover,.process-steps button:focus-visible{transform:translate3d(12px,0,0)}
  .process-steps button:hover:before,.process-steps button:focus-visible:before{height:28px}
  .process-steps button:hover:after,.process-steps button:focus-visible:after{opacity:1;transform:translate3d(10px,-50%,0)}
  .process-steps button:hover b,.process-steps button:focus-visible b{opacity:0;transform:translate3d(-6px,0,0)}
  .process-steps button b{transition:opacity .2s ease,transform .3s ease}
  .process-detail{pointer-events:none}
  .process-detail:before{content:"";position:absolute;z-index:5;top:0;right:0;width:16px;height:100%;background:var(--blue);opacity:0;transition:opacity .2s ease}
  .process-detail.is-peeking{visibility:visible;transform:translate3d(calc(-100% + 16px),0,0);transition:transform .36s cubic-bezier(.22,.8,.2,1),visibility 0s}
  .process-detail.is-peeking:before{opacity:1}
  .process-detail.is-open{pointer-events:auto}
}

@keyframes process-pull-nudge{0%,100%{transform:translate3d(0,-50%,0)}20%{transform:translate3d(7px,-50%,0)}40%{transform:translate3d(0,-50%,0)}60%{transform:translate3d(7px,-50%,0)}80%{transform:translate3d(0,-50%,0)}}
@media(min-width:901px){
  .process-steps button:after{content:none}
  .process-steps button:hover b,.process-steps button:focus-visible b{opacity:1;transform:none}
  .process-detail:after{content:"→";position:absolute;z-index:6;right:-34px;top:50%;display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:#fff;font-size:20px;line-height:1;opacity:0;transform:translate3d(0,-50%,0);pointer-events:none}
  .process-detail.is-peeking{overflow:visible}
  .process-detail.is-peeking:after{opacity:1;animation:process-pull-nudge .72s ease-out 1}
  .process-detail.is-open:after{opacity:0;animation:none}
}
@media(prefers-reduced-motion:reduce){.process-detail.is-peeking:after{animation:none}.process-steps button,.process-detail{transition:none!important}}
.process-detail.is-switching{transition:transform .42s cubic-bezier(.55,0,.78,.2),visibility 0s linear .42s}
.process-detail.is-switching:before,.process-detail.is-switching:after{opacity:0!important;animation:none!important;transition:none!important}
.process-detail__close{display:grid;place-items:center;width:46px;height:46px;padding:0}
.process-detail__close span{margin-left:0;font-size:23px;line-height:1}
.process-detail__body{top:46%;bottom:auto}
.process-photo>img{transition:filter .5s ease,transform .62s cubic-bezier(.22,.8,.2,1)}
.process-photo.detail-active>img{filter:saturate(.72) brightness(.94) contrast(.98) blur(7px);transform:scale(1.025)}
.process-detail__shade{background:linear-gradient(180deg,rgba(3,20,35,.07) 8%,rgba(3,20,35,.36) 48%,rgba(3,20,35,.82) 100%)}
.process-detail__body{text-shadow:0 2px 18px rgba(3,20,35,.42)}

/* Reintroduce the pull cue when another process title is hovered while a detail is open. */
@media(min-width:901px){
  .process-detail.is-open.is-switch-cue{visibility:visible;overflow:visible;transform:translate3d(0,0,0)}
  .process-detail.is-open:before{right:auto;left:0}
  .process-detail.is-open:after{right:auto;left:16px}
  .process-detail.is-open.is-switch-cue:before{right:auto;left:0;opacity:1}
.process-detail.is-open.is-switch-cue:after{content:"→";right:auto;left:16px;opacity:1;animation:process-pull-nudge .72s ease-out 1}
}

/* Each return control belongs to its section, so it enters with that page's transition. */
.statement,.products,.process,.quality,.supply,.contact{position:relative}
.page-home{position:absolute;z-index:8;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;color:var(--navy);border:1px solid rgba(6,26,44,.32);background:rgba(245,247,246,.82);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s ease,border-color .25s ease}
.page-home span{color:var(--blue);font-size:19px;line-height:1;transition:transform .25s ease}
.page-home:hover,.page-home:focus-visible{background:#fff;border-color:var(--blue)}
.page-home:hover span,.page-home:focus-visible span{transform:translateX(-4px)}
.page-home--light{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(6,26,44,.72)}
.page-home--light span{color:var(--ice)}
.page-home--light:hover,.page-home--light:focus-visible{background:var(--blue);border-color:var(--ice)}
@media(max-width:900px){.page-home{left:14px;bottom:14px;height:42px;padding:0 14px}}

/* Compact Technical Support buttons and reserve a clear landing area for Home. */
.quality-grid{margin-top:58px}
.quality-grid article>a{min-height:225px;padding:25px 32px}
.quality-grid h3{margin:18px 0 12px}
.quality-grid b{padding-top:16px}
@media(min-width:901px){.chapter-secondary__track>.quality>.page-home{bottom:calc(42px + var(--chapter-secondary-home-lift,0px))}}
@media(max-width:900px){.quality-grid article>a{min-height:210px;padding:24px}}

/* Raise the Technical Support statement and its three actions as one group. */
.quality-head,.quality-grid{position:relative;top:-30px}
@media(max-width:900px){.quality-head,.quality-grid{top:-15px}}

/* Keep the Technical Support headline on one line across common desktop ratios. */
@media(min-width:901px){
  .quality-head h2{font-size:clamp(40px,4.5vw,76px);white-space:nowrap}
}

/* Centre the Technical Support Home control within the lower whitespace band. */
@media(min-width:901px){.chapter-secondary__track>.quality>.page-home{bottom:calc(clamp(68px,8vh,88px) - 44px + var(--chapter-secondary-home-lift,0px))}}

/* Screen-off / screen-on return transition used after the second page. */
.home-screen-transition{position:fixed;z-index:1000;inset:0;background:linear-gradient(135deg,#03101c 0%,var(--navy) 52%,#041522 100%);opacity:0;visibility:hidden;pointer-events:none}
.home-screen-transition:after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(142,212,244,.38),transparent);transform:scaleX(0);opacity:0}
.home-screen-transition.is-covering{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .32s cubic-bezier(.55,0,.78,.2)}
.home-screen-transition.is-covering:after{transform:scaleX(1);opacity:1;transition:transform .28s ease-out .08s,opacity .2s ease .08s}
.home-screen-transition.is-revealing{visibility:visible;opacity:0;pointer-events:auto;transition:opacity .52s cubic-bezier(.22,.8,.2,1) .04s}
.home-screen-transition.is-revealing:after{transform:scaleX(0);opacity:0}
.home-return-arrival .home-screen-transition{visibility:visible;opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.home-screen-transition.is-covering,.home-screen-transition.is-revealing{transition-duration:.01ms;transition-delay:0s}.home-screen-transition:after{display:none}}

/* Keep the desktop navigation on one line; collapse it before labels can wrap. */
.main-nav{gap:clamp(14px,1.6vw,30px)}
@media(min-width:1281px){
  .main-nav{height:100%}
  .main-nav a{display:flex;align-items:center;height:100%;padding:0;font-size:15.55px;letter-spacing:.063em;transform-origin:center;transition:transform .25s cubic-bezier(.22,.8,.2,1),color .25s ease}
  .main-nav a:hover,.main-nav a:focus-visible{transform:scale(1.06)}
  .main-nav a:after{bottom:22px}
}
.main-nav a,.header-cta{white-space:nowrap}
.language{position:relative}
.language-current{display:flex;align-items:center;gap:8px;padding:10px 2px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:700;letter-spacing:.07em;cursor:pointer;transition:color .25s ease}
.language-current:hover,.language-current:focus-visible,.language.is-open .language-current{color:var(--ice)}
.language-current i{font-style:normal;font-size:13px;line-height:1;transition:transform .25s ease}
.language.is-open .language-current i{transform:rotate(180deg)}
.language-menu{position:absolute;z-index:30;top:calc(100% + 12px);left:50%;min-width:132px;padding:7px;background:rgba(6,26,44,.96);border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px rgba(2,16,28,.28);opacity:0;visibility:hidden;transform:translate3d(-50%,-7px,0);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
.language.is-open .language-menu{opacity:1;visibility:visible;transform:translate3d(-50%,0,0);transition-delay:0s}
.language-menu button,.language-menu a{display:block;width:100%;padding:9px 11px;border:0;background:transparent;color:#dbe8ee;text-align:left;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}
.language-menu button:hover,.language-menu button:focus-visible,.language-menu a:hover,.language-menu a:focus-visible{background:rgba(142,212,244,.14);color:var(--ice);outline:0}
@media(min-width:901px) and (max-width:1280px){
  .site-header{height:86px;grid-template-columns:1fr auto;padding:0 var(--gutter)}
  .site-header .brand{width:388px}
  .header-actions{display:none}
  .menu-button{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:7px;padding:8px;z-index:3}
  .menu-button span{height:1px;background:#fff;width:100%;transition:.3s}
  .menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .main-nav{display:none;position:fixed;inset:0;background:var(--navy);padding:120px var(--gutter) 50px;flex-direction:column;align-items:flex-start;justify-content:flex-start}
  .main-nav.open{display:flex}
  .main-nav a{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;font-weight:500}
}

/* Product titles are informational; only the arrow opens Technical Support. */
.product-row__inner{min-height:190px;display:grid;grid-template-columns:7vw 220px 1fr 76px;align-items:center;gap:3vw;padding:24px var(--gutter);border-bottom:1px solid rgba(255,255,255,.18);position:relative}
.product-row__action{position:relative;justify-self:end}
.product-row__action .row-arrow{display:grid;width:68px;height:68px;font-size:22px}
.product-row__action .row-arrow:hover,.product-row__action .row-arrow:focus-visible{background:var(--electric);color:#fff;border-color:var(--electric);transform:rotate(45deg) scale(1.15)}
.product-row__hint{position:absolute;right:0;top:calc(100% + 12px);width:max-content;max-width:none;color:var(--ice);font-size:13px;line-height:1.35;letter-spacing:.06em;white-space:nowrap;text-align:right;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;pointer-events:none}
.row-arrow:hover+.product-row__hint,.row-arrow:focus-visible+.product-row__hint{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media(max-width:900px){
  .product-row__inner{grid-template-columns:34px 92px 1fr 42px;gap:14px;padding:18px 24px;min-height:140px}
  .product-row__action .row-arrow{width:40px;height:40px}
  .product-row__hint{display:none}
}
@media(max-width:480px){
  .product-row__inner{grid-template-columns:25px 76px 1fr 38px}
  .product-row__action .row-arrow{width:36px;height:36px}
}

/* About Xinghuan: a full-page brand chapter between capability and support. */
.about-xinghuan{position:relative;min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--mist);overflow:hidden}
.about-xinghuan__copy{padding:clamp(105px,10vh,150px) clamp(42px,6vw,96px) 90px;display:flex;flex-direction:column;position:relative;z-index:1}
.about-xinghuan__copy>.kicker{margin:clamp(45px,7vh,86px) 0 0}
.about-xinghuan__copy h2{font-size:clamp(58px,6.6vw,106px);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:24px 0 38px;max-width:920px}
.about-xinghuan__copy h2 em{font-style:normal;color:var(--blue)}
.about-xinghuan__lead{max-width:690px;margin:0;color:var(--muted);font-size:clamp(16px,1.25vw,20px);line-height:1.65}
.about-xinghuan__facts{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.about-xinghuan__facts button{min-width:0;min-height:116px;padding:22px 20px 10px 0;display:flex;flex-direction:column;gap:13px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.about-xinghuan__facts button+button{border-left:1px solid var(--line);padding-left:20px}
.about-xinghuan__facts strong{color:var(--blue);font-size:11px;letter-spacing:.14em}
.about-xinghuan__facts span{max-width:190px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}
.about-xinghuan__visual{position:relative;min-height:100vh;background:var(--navy);overflow:hidden}
.about-xinghuan__base{position:absolute;z-index:0;inset:0;overflow:hidden;background:var(--navy)}
.about-xinghuan__base>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.92) contrast(1.04);transition:filter .48s ease,transform .72s cubic-bezier(.22,.8,.2,1)}
.about-xinghuan__base-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,35,.16) 0%,rgba(3,20,35,.08) 42%,rgba(3,20,35,.72) 100%)}
.about-xinghuan__base>.photo-credit{z-index:2}
.about-xinghuan__visual.has-open-panel .about-xinghuan__base>img{filter:saturate(.72) contrast(1.03) blur(5px);transform:scale(1.012)}
.about-panel__close{position:absolute;z-index:11;top:84px;right:30px;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.55);background:rgba(3,20,35,.28);color:#fff;font:inherit;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.about-panel__close span{font-size:23px;line-height:1}
.about-panel__close:focus-visible{outline:2px solid #fff;outline-offset:4px}
.about-xinghuan__visual.has-open-panel .about-panel__close{opacity:1;visibility:visible;transition-delay:0s}
.about-xinghuan__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,35,.06) 35%,rgba(3,20,35,.78) 100%);pointer-events:none}
.about-xinghuan__visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.04)}
.about-xinghuan__brand-mark{position:absolute;z-index:2;top:clamp(94px,10vh,145px);right:clamp(42px,5vw,84px);width:clamp(105px,8vw,145px);translate:-17px -39px;scale:1.3;transform-origin:center;pointer-events:none}
.about-xinghuan__brand-mark img{width:100%;height:auto;object-fit:contain;opacity:.9}
.about-xinghuan__caption{position:absolute;z-index:2;left:clamp(28px,4vw,68px);right:clamp(28px,4vw,68px);bottom:clamp(70px,9vh,116px);padding-top:18px;border-top:1px solid rgba(255,255,255,.42);color:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.about-xinghuan__caption span{color:var(--ice);font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.about-xinghuan__caption b{max-width:290px;font-size:clamp(18px,1.7vw,27px);line-height:1.15;font-weight:500;text-align:right}
.about-xinghuan__facts button span{transition:color .25s ease}
.about-xinghuan__facts button:hover span,.about-xinghuan__facts button:focus-visible span,.about-xinghuan__facts button[aria-selected="true"] span{color:var(--blue)}
.about-xinghuan__facts button:focus-visible{outline:2px solid var(--blue);outline-offset:7px}
.about-xinghuan__visual:after{display:none}
.about-panel{position:absolute;inset:0;overflow:hidden;padding:clamp(72px,8vh,108px) clamp(38px,5vw,78px) 58px;opacity:0;transform:translate3d(26px,0,0);transition:opacity .45s ease,transform .6s cubic-bezier(.22,.8,.2,1);pointer-events:none}
.about-panel[hidden]{display:block}.about-panel.is-active{opacity:1;transform:none;pointer-events:auto}
.about-panel__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.05)}
.about-xinghuan__visual .about-panel--history .about-panel__background{inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-position:20% 74%;filter:blur(2px) saturate(.62) contrast(1.05);transform:rotate(-.7deg) scale(1.025)}
.about-panel--history:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,35,.25),rgba(3,20,35,.9));pointer-events:none}
.about-panel__heading{position:relative;z-index:2;color:#fff}.about-panel__heading>span{color:var(--ice);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.about-panel__heading h3{margin:20px 0 0;font-size:clamp(38px,4.1vw,67px);line-height:.97;letter-spacing:-.045em;font-weight:500}
.about-timeline{position:absolute;z-index:2;top:clamp(235px,31vh,330px);right:52%;bottom:58px;left:clamp(38px,5vw,78px);display:grid;grid-template-rows:repeat(7,1fr);margin:0;padding:0 0 0 24px;list-style:none;border-left:1px solid rgba(255,255,255,.38);color:#fff}.about-timeline li{position:relative;display:grid;grid-template-columns:clamp(62px,5vw,82px) 1fr;align-content:center;align-items:center;min-height:0;padding:4px 0;column-gap:12px;transition:transform .28s cubic-bezier(.22,.8,.2,1)}.about-timeline li:hover{z-index:1;transform:scale(1.15);transform-origin:left center}.about-timeline li:before{content:"";position:absolute;left:-29px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--ice);box-shadow:0 0 0 4px rgba(133,205,237,.13);transform:translateY(-50%)}.about-timeline b{display:flex;align-items:center;min-height:20px;color:var(--ice);font-size:clamp(11px,.78vw,14px);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.about-timeline span{display:block;color:#eef4f6;font-size:clamp(11px,.82vw,14px);font-weight:500;line-height:1.4}
.about-panel--partners{background:#edf2f4;color:var(--navy)}.about-xinghuan__visual img.about-panel__background--partners{z-index:0;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:.5;object-position:center;filter:blur(3px) brightness(.85)}.about-panel--partners .about-panel__heading{color:var(--navy)}.about-panel--partners .about-panel__heading>span{color:var(--blue)}
.partner-wall{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);margin-top:clamp(42px,6vh,74px);border-top:1px solid var(--line);border-left:1px solid var(--line)}.partner-wall article{min-width:0;min-height:clamp(122px,17vh,178px);padding:18px 18px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.18);transition:background .28s ease,transform .28s ease}.partner-wall article:hover{z-index:1;background:#fff;transform:translateY(-3px)}.partner-wall__meta{display:flex;align-items:flex-start;gap:13px;min-height:38px;color:var(--navy);text-transform:uppercase}.partner-wall__meta b{flex:0 0 auto;color:var(--blue);font-size:9px;letter-spacing:.12em}.partner-wall__meta span{max-width:175px;font-size:9px;font-weight:750;line-height:1.3;letter-spacing:.1em}.partner-wall__marks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px}.partner-wall__marks i{min-height:56px;display:grid;place-items:center;padding:8px;border:1px solid rgba(8,48,73,.12);background:#f7f9fa;color:#78909d;font-size:7px;font-style:normal;font-weight:650;line-height:1.35;letter-spacing:.14em;text-align:center;text-transform:uppercase;transition:border-color .25s ease,color .25s ease}.partner-wall article:hover .partner-wall__marks i{border-color:rgba(0,118,180,.28);color:var(--blue)}.about-panel__note{position:absolute;z-index:2;left:clamp(38px,5vw,78px);bottom:28px;margin:0;color:var(--muted);font-size:10px}
.partner-wall{margin-top:clamp(28px,4vh,50px)}.partner-wall__association{grid-column:1/-1;min-height:78px;display:flex;align-items:center;gap:18px;padding:12px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,118,180,.055)}.partner-wall__association-mark{width:78px;min-height:50px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(0,118,180,.22);background:#fff;color:#7191a2;font-size:7px;font-weight:700;line-height:1.35;letter-spacing:.13em;text-align:center;text-transform:uppercase}.partner-wall__association>div:last-child{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:14px;row-gap:5px}.partner-wall__association b{color:var(--blue);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.partner-wall__association strong{color:var(--navy);font-size:13px;font-weight:650;line-height:1.2}.partner-wall__association span{grid-column:2;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.partner-wall article{min-height:clamp(110px,14vh,150px);padding:16px 18px 14px}
.partner-wall__association--subsidiary{background:rgba(8,48,73,.045)}.partner-wall__association--subsidiary .partner-wall__association-mark{border-color:rgba(8,48,73,.2);color:var(--navy)}
.partner-wall__association-mark--logo{overflow:hidden;padding:4px;background:#fff}.partner-wall__association-mark--logo img{display:block;width:100%;height:100%;object-fit:contain}
.partner-wall__mark{overflow:hidden;background:#fff!important}.partner-wall__mark img{display:block;width:100%;height:100%;object-fit:contain}.partner-wall__mark--chinalco img{padding:1px 12px}.partner-wall__mark--hongqiao img{padding:9px 4px}
.partner-wall__marks{grid-template-columns:repeat(2,78px);justify-content:start}.partner-wall__marks i{width:78px;min-height:50px;height:50px;padding:4px}
.partner-wall__association-mark{width:56px;min-height:56px;height:56px}.partner-wall__marks{grid-template-columns:repeat(2,56px)}.partner-wall__marks i{width:56px;min-height:56px;height:56px}.partner-wall__mark--chinalco img{padding:4px}.partner-wall__mark--hongqiao img{padding:14px 2px}
.partner-wall__mark--wide img{padding:13px 2px}.partner-wall__mark--round img{padding:5px}
.partner-wall__association-mark img,.partner-wall__mark img{transition:transform .28s ease}.partner-wall__association-mark:hover img,.partner-wall__mark:hover img{transform:scale(1.15)}
.partner-wall__marks.has-logo-focus{min-height:76px}.partner-wall__marks.has-logo-focus .partner-wall__mark{transition:opacity .25s ease,transform .32s ease,border-color .25s ease}.partner-wall__marks.has-logo-focus .partner-wall__mark:not(.is-logo-active){opacity:0;transform:scale(.72)}.partner-wall__marks.has-logo-focus .partner-wall__mark.is-logo-active{z-index:2;transform:translateX(var(--logo-shift,0)) scale(1.15);border-color:rgba(0,118,180,.42)}.partner-wall__marks.has-logo-focus .partner-wall__mark.is-logo-active img{transform:none}.partner-wall__company-name{position:absolute;z-index:3;left:50%;top:63px;width:max-content;max-width:100%;padding:2px 7px;background:var(--ice);color:var(--blue);font-size:7px;font-style:normal;font-weight:800;line-height:1.4;letter-spacing:.1em;text-align:center;text-transform:uppercase;opacity:0;transform:translate(-50%,5px);transition:opacity .22s ease,transform .28s ease;pointer-events:none}.partner-wall__marks.has-logo-focus .partner-wall__company-name{opacity:1;transform:translate(-50%,0)}
.about-panel--partners .partner-wall__band,.about-panel--partners .partner-wall article{background:rgba(237,242,244,.4)}
.about-panel--markets{--market-map-bleed:90px;--market-stats-height:108px;--market-bottom-gap:26px;background:var(--navy);color:#fff}.market-map{position:absolute;left:calc(var(--market-map-bleed) * -1);right:calc(var(--market-map-bleed) * -1);bottom:calc(var(--market-stats-height) + var(--market-bottom-gap));z-index:1;aspect-ratio:1200/570;overflow:hidden}.market-map img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.06)}.market-map__intro{position:absolute;z-index:2;top:calc(7% - 20px);left:calc(var(--market-map-bleed) + 24px);display:flex;max-width:220px;flex-direction:column;gap:7px;pointer-events:none;text-transform:uppercase;text-shadow:0 2px 15px rgba(2,16,27,.72)}.market-map__intro strong{color:#8fe1ff;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:.2em}.market-map__intro span{color:#7da8bc;font-size:8px;font-weight:600;line-height:1.2;letter-spacing:.14em}
.about-market-stats{position:absolute;z-index:3;left:0;right:0;bottom:var(--market-bottom-gap);height:var(--market-stats-height);box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 24px 17px;gap:0;border-top:1px solid rgba(127,210,247,.22);background:linear-gradient(180deg,#0a2941 0%,#071f34 100%);color:#f4f7f8}.about-market-stats>div{position:relative;min-width:0;padding:0 16px;display:flex;flex-direction:column;align-items:flex-start}.about-market-stats>div:first-child{padding-left:0}.about-market-stats>div:last-child{padding-right:0}.about-market-stats>div+div::before{content:"";position:absolute;left:0;top:4px;bottom:2px;width:1px;background:rgba(133,205,237,.16)}.about-market-stats strong{position:relative;z-index:0;display:inline-block;padding:0 7px 1px;color:#f6f8f9;font-size:clamp(30px,2.55vw,44px);font-weight:650;line-height:.92;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 5px 18px rgba(0,0,0,.22)}.about-market-stats strong::before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-2px;height:54%;background:linear-gradient(90deg,#087db8,#149ed6);opacity:.9}.about-market-stats span{max-width:160px;margin-top:10px;color:#9ab9ca;font-size:8px;font-weight:650;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){
  .about-xinghuan{grid-template-columns:1fr;overflow:visible}
  .about-xinghuan__copy{padding:90px 24px 70px;min-height:720px}
  .about-xinghuan__copy>.kicker{margin-top:48px}
  .about-xinghuan__copy h2{font-size:clamp(54px,15vw,82px)}
  .about-xinghuan__facts{margin-top:65px;grid-template-columns:1fr}
  .about-xinghuan__facts button{min-height:0;padding:18px 0}
  .about-xinghuan__facts button+button{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .about-xinghuan__visual{min-height:560px}
  .about-xinghuan__brand-mark{top:84px;right:24px;width:88px;translate:0;scale:1}
  .about-xinghuan__caption{bottom:76px}
}
@media(min-width:901px) and (max-width:1180px){.about-panel--markets{--market-stats-height:102px}.about-market-stats{padding:16px 18px 14px}.about-market-stats>div{padding:0 13px}.about-market-stats strong{padding:0 5px;font-size:clamp(27px,3vw,36px)}.about-market-stats span{max-width:130px;margin-top:8px;font-size:7px;letter-spacing:.07em}.market-map__intro{left:calc(var(--market-map-bleed) + 18px)}.market-map__intro strong{font-size:9px}.market-map__intro span{font-size:7px}}
@media(min-width:901px) and (min-aspect-ratio:2/1){.market-map{top:32vh;aspect-ratio:auto}.market-map img{object-position:center}}
@media(min-width:901px) and (max-height:800px){.about-xinghuan__copy{padding-top:62px;padding-bottom:38px}.about-xinghuan__copy>.kicker{margin-top:24px}.about-xinghuan__copy h2{margin-top:18px;margin-bottom:25px;font-size:clamp(56px,5.8vw,82px)}.about-xinghuan__lead{font-size:clamp(14px,1.15vw,17px);line-height:1.5}.about-xinghuan__facts button{min-height:96px;padding-top:17px}.about-panel{padding-top:52px}}
@media(max-width:900px){.about-panel{padding:62px 24px 50px}.about-panel__heading h3{font-size:42px}.about-timeline{left:24px;right:24px;bottom:55px}.partner-wall{grid-template-columns:1fr;margin-top:38px}.partner-wall article{min-height:116px}.about-panel--markets{--market-map-bleed:28px;--market-stats-height:176px;--market-bottom-gap:18px}.about-market-stats{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:12px 16px;gap:0}.about-market-stats>div{padding:8px 12px}.about-market-stats>div:nth-child(odd){padding-left:0}.about-market-stats>div:nth-child(3),.about-market-stats>div:nth-child(4){border-top:1px solid rgba(133,205,237,.16)}.about-market-stats strong{padding:0 4px;font-size:25px}.about-market-stats span{max-width:100%;margin-top:6px;font-size:7px}.market-map__intro{left:calc(var(--market-map-bleed) + 16px)}}
@media(prefers-reduced-motion:reduce){.about-panel{transition:none}}
.partner-wall__marks{position:relative}
.partner-wall__grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr)}
.partner-wall__marks.has-logo-focus .partner-wall__mark{transition-duration:.33s,.42s,.33s}.partner-wall__company-name{padding:0;background:transparent;transition-duration:.29s,.36s}
@media(prefers-reduced-motion:reduce){.partner-wall__association-mark img,.partner-wall__mark img,.partner-wall__mark,.partner-wall__company-name{transition:none!important}}
@media(max-width:900px){.partner-wall__grid{grid-template-columns:1fr}}
.partner-wall__marks.has-logo-focus .partner-wall__mark:not(.is-logo-active){z-index:3;opacity:1;transform:translate(var(--logo-small-x,0),var(--logo-small-y,0)) scale(.52);border-color:rgba(0,118,180,.24);cursor:pointer}
.partner-wall__grid article{min-height:clamp(116px,12vh,128px);padding:12px 16px 10px}.partner-wall__grid .partner-wall__meta{min-height:30px}.partner-wall__grid .partner-wall__marks{margin-top:8px}.partner-wall__grid .partner-wall__marks.has-logo-focus{min-height:56px}
.partner-wall__grid article{padding:8px 16px}.partner-wall__grid .partner-wall__meta{min-height:26px}.partner-wall__grid .partner-wall__marks{margin-top:2px}.partner-wall__marks.has-logo-focus .partner-wall__mark.is-logo-active{transform:translate(var(--logo-shift,0),-6px) scale(1.15)}.partner-wall__company-name{top:57px}
.partner-wall__mark{transition:opacity .33s ease,transform .42s ease,border-color .33s ease}
.partner-wall__association-mark--silver-arrow{padding:3px}.partner-wall__association-mark--silver-arrow img{width:96%;height:96%;margin:auto}
.partner-wall__association{border-top:1px solid var(--line);border-left:1px solid var(--line)}
.partner-wall__group-summary{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin:9px 0 0;padding:7px 16px 6px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-left:1px solid var(--line);background:rgba(255,255,255,.22);text-transform:uppercase}
.partner-wall__group-summary b{color:var(--blue);font-size:8px;letter-spacing:.14em}.partner-wall__group-summary span{color:var(--muted);font-size:8px;letter-spacing:.08em}
.partner-wall__association--subsidiary{margin-top:9px}
.partner-wall{display:flex;flex-direction:column;gap:9px;border:0}
.partner-wall__band{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.18)}
.partner-wall__band-heading{min-height:28px;display:grid;grid-template-columns:26px auto 1fr;align-items:center;gap:10px;padding:5px 14px;border-bottom:1px solid var(--line);text-transform:uppercase}
.partner-wall__band-heading b{color:var(--blue);font-size:8px;letter-spacing:.14em}.partner-wall__band-heading strong{color:var(--navy);font-size:8px;letter-spacing:.14em}.partner-wall__band-heading span{justify-self:end;color:var(--muted);font-size:7px;letter-spacing:.09em}
.partner-wall__band .partner-wall__association{min-height:64px;padding:7px 14px;border:0;background:transparent}
.partner-wall__band .partner-wall__association>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.partner-wall__band .partner-wall__association strong{font-size:12px}.partner-wall__band .partner-wall__association b{font-size:7px}
.partner-wall__band--association{background:rgba(0,118,180,.055)}
.partner-wall__band--collaboration{background:rgba(255,255,255,.26)}
.partner-wall__band--export{background:rgba(8,48,73,.045)}
.partner-wall__band .partner-wall__grid{display:grid;grid-template-columns:repeat(2,1fr)}
.partner-wall__band .partner-wall__grid article{border-bottom:0}.partner-wall__band .partner-wall__grid article:nth-child(odd){border-left:0}.partner-wall__band .partner-wall__grid article:nth-child(-n+2){border-top:0}.partner-wall__band .partner-wall__grid article:nth-child(n+3){border-top:1px solid var(--line)}
.partner-wall__band .partner-wall__association--subsidiary{margin-top:0}
.partner-wall__group-summary{display:none}
@media(max-width:900px){.partner-wall__band-heading{grid-template-columns:24px 1fr}.partner-wall__band-heading span{grid-column:2;justify-self:start}.partner-wall__band .partner-wall__grid{grid-template-columns:1fr}.partner-wall__band .partner-wall__grid article+article{border-top:1px solid var(--line)}}
.partner-wall__band-heading{grid-template-columns:8px auto 1fr}.partner-wall__band-heading>i{display:block;width:2px;height:12px;background:var(--blue)}
@media(max-width:900px){.partner-wall__band-heading{grid-template-columns:8px 1fr}}
.about-xinghuan__facts button{transition:background .28s ease,transform .32s ease}
.about-xinghuan__facts button.is-drawer-cue{background:rgba(0,118,180,.055);transform:translateX(5px)}
.about-xinghuan__visual::before{content:"←";position:absolute;z-index:12;right:0;top:50%;width:20px;height:72px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:14px;opacity:0;transform:translate(100%,-50%);transition:opacity .24s ease,transform .38s cubic-bezier(.22,.8,.2,1);pointer-events:none}
.about-xinghuan__visual.is-drawer-cue::before{opacity:1;transform:translate(0,-50%);animation:about-drawer-cue 1s ease .12s 1}
.about-panel{transform:translate3d(72px,0,0);transition:opacity .42s ease,transform .62s cubic-bezier(.22,.8,.2,1)}
.about-panel.is-active{transform:none}
@media(max-width:900px){.about-xinghuan__visual::before{display:none}.about-xinghuan__facts button.is-drawer-cue{transform:none}}
@media(prefers-reduced-motion:reduce){.about-xinghuan__facts button,.about-xinghuan__visual::before{transition:none!important}}
@keyframes about-drawer-cue{0%,100%{padding-right:0}28%{padding-right:5px}46%{padding-right:0}68%{padding-right:4px}84%{padding-right:0}}

/* Mirror the Process Control pull cue for About Xinghuan: drawer enters right-to-left. */
@keyframes about-pull-nudge{0%,100%{transform:translate3d(0,-50%,0)}20%{transform:translate3d(-7px,-50%,0)}40%{transform:translate3d(0,-50%,0)}60%{transform:translate3d(-7px,-50%,0)}80%{transform:translate3d(0,-50%,0)}}
@media(min-width:901px){
  .about-xinghuan__visual::before{content:"";position:absolute;z-index:12;top:0;right:18px;left:auto;width:16px;height:100%;display:block;padding:0;background:var(--ice);box-shadow:-5px 0 18px rgba(3,20,35,.22);opacity:0;transform:none;transition:opacity .2s ease;pointer-events:none}
  .about-xinghuan__visual::after{content:"←";position:absolute;z-index:13;top:50%;right:34px;left:auto;width:34px;height:34px;display:grid;place-items:center;background:var(--ice);color:var(--navy);box-shadow:-4px 5px 16px rgba(3,20,35,.26);font-size:20px;font-weight:700;line-height:1;opacity:0;transform:translate3d(0,-50%,0);pointer-events:none}
  .about-xinghuan__visual.is-drawer-cue::before{opacity:1;transform:none;animation:none}
  .about-xinghuan__visual.is-drawer-cue::after{opacity:1;animation:about-pull-nudge .72s ease-out 1}
}
.about-panel{visibility:hidden;transform:translate3d(101%,0,0);transition:transform .62s cubic-bezier(.22,.8,.2,1),visibility 0s linear .62s,opacity .42s ease}
.about-panel.is-active{visibility:visible;transform:translate3d(0,0,0);transition-delay:0s}
@media(prefers-reduced-motion:reduce){.about-xinghuan__visual.is-drawer-cue::after{animation:none}.about-panel{transition:none!important}}