/* Industrial green: shared visual treatment for all three static pages. */
:root{--green:#133c2e;--deep:#091e18;--lime:#c1ef64;--paper:#0c241c;--ink:#f0f3eb;--muted:#b0c0b6}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper)}::selection{background:var(--lime);color:var(--deep)}
.hero,.page-heading,.contact-main{color:var(--ink)}.footer-brand{color:var(--ink)}
.service-grid article+article{border-top:0}
.header{position:sticky;top:0;z-index:30;background:#0b211a;color:var(--ink);height:100px;transition:height .25s}.header.is-scrolled{height:82px}.brand-name{font-size:25px}.brand-name small{color:var(--muted)}.logo-crop{background:#fff;clip-path:polygon(0 0,100% 0,100% 83%,83% 100%,0 100%)}.header nav a[aria-current]{color:var(--lime)}.header nav a[aria-current]:after{background:var(--lime);width:100%}.header nav a:hover{color:var(--lime)}.header nav a:last-child{padding:10px 20px;background:#203b2e}.header nav a:last-child:after{display:none}.menu-toggle{color:var(--lime)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#0c241c;min-height:760px;padding-top:58px;padding-bottom:115px;gap:4%;grid-template-columns:1fr 1fr}.hero-copy{z-index:2}.hero h1{font-size:clamp(44px,5.1vw,82px);font-weight:700;letter-spacing:-3px;line-height:1.3}.hero h1 span{color:var(--lime)}.hero-copy>p{font-size:17px;color:#bbcbbf;margin-top:28px}.hero-word{position:absolute;left:4%;bottom:-.17em;font-size:21.7vw;line-height:1;font-weight:800;color:#16372a;letter-spacing:-.06em;z-index:-1;user-select:none}.hero-note{color:#a8bdac;margin-top:38px}.hero-image{transform:rotate(-2deg);margin:15px 0 0 0;transition:transform .5s;animation:hero-enter 1s ease-out}.hero-image:hover{transform:rotate(0deg)}.hero-image img{max-height:590px;width:100%;object-fit:contain;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%)}.hero-image figcaption{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#bdcebd;gap:12px;margin-top:16px}.hero-image figcaption a{display:grid;place-items:center;background:var(--lime);color:var(--deep);width:42px;height:42px;flex-shrink:0;font-size:26px}
.button{font-weight:600;padding:17px 26px;position:relative}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.light{background:var(--lime);color:var(--deep)}.button:hover{background:#d5ff8a}.text-link{color:var(--lime)}.text-link:hover{color:#e4ffb3}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}
.material-band{background:var(--lime);color:var(--deep);overflow:hidden;padding:20px 0}.material-track{display:flex;width:max-content;animation:materials 36s linear infinite}.material-track>span{flex-shrink:0;white-space:nowrap;font-size:22px;font-weight:600;word-spacing:12px;padding-right:36px}.material-track b{font-size:28px;font-weight:400;margin:0 28px}.material-band:hover .material-track{animation-play-state:paused}.stats{background:#142f23;padding-top:48px;padding-bottom:48px}.stats strong{font-size:clamp(35px,4.4vw,68px);font-variant-numeric:tabular-nums;color:var(--lime);font-weight:500}.stats strong span{color:#bdcdbd}.stats p{color:#bdcdbd}.about{background:#eef1e7;color:#123728;padding-top:110px;padding-bottom:110px}.about-body,.section-intro>p{color:#405146}.about h2{font-size:clamp(34px,3.4vw,52px);font-weight:700}.section-intro{position:sticky;top:130px;align-self:start}
.material-showcase{background:#102a20}.product-heading{align-items:center}.material-gallery{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:25px;align-items:start}.material-gallery>a{overflow:hidden}.material-gallery>a:nth-child(2){margin-top:60px}.material-gallery img{width:100%;height:300px;object-fit:cover;transition:transform .5s,filter .5s;filter:saturate(.7)}.material-gallery a:hover img{transform:scale(1.035);filter:saturate(1)}.material-gallery span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:17px}.material-gallery b{font-weight:400;font-size:25px;color:var(--lime)}
.service{background:var(--lime);color:var(--deep)}.service-grid{display:block;margin-top:35px;margin-bottom:35px}.service-grid article{display:grid;grid-template-columns:1fr 1.5fr;align-items:baseline;gap:50px;padding:25px 0}.service-grid article+article{border-top:1px solid #718e43}.service h3{font-size:29px;margin-bottom:0}.service p{color:#30451f}.service .text-link{color:var(--deep)}
.page-heading{background:#142f23;min-height:390px;position:relative;overflow:hidden}.page-heading:after{content:'JINCHEN';position:absolute;font-size:19vw;line-height:1;letter-spacing:-.06em;font-weight:800;right:2%;bottom:-.25em;color:#1e3e2d;pointer-events:none}.page-heading>*{position:relative;z-index:1}.page-heading h1{font-weight:700}.page-heading h1::first-line{color:var(--lime)}.product-section{background:#0c241c}.product-heading p{color:var(--muted)}.product-grid{gap:70px 45px}.product:nth-child(even){transform:translateY(55px)}.product-grid{padding-bottom:55px}.product{transition:translate .4s}.product:hover{translate:0 -6px}.image-button{background:#1e382c;clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,0 100%)}.image-button img{filter:saturate(.8);transition:transform .5s,filter .5s}.image-button:hover img{filter:saturate(1);transform:scale(1.035)}.image-button span{background:var(--lime);color:var(--deep);padding:8px 14px}.product-copy{padding-top:25px}.product h3{font-weight:500;font-size:26px}.product em{color:var(--lime)}.product-copy p{color:var(--muted)}.product-copy p:first-of-type{color:#d1e5be}.product-cta{background:var(--lime);color:var(--deep)}.product-cta .light{background:var(--deep);color:var(--lime)}
.contact-main{background:#102a20;position:relative;overflow:hidden}.contact-intro h1{font-weight:700}.contact-intro h1::first-line{color:var(--lime)}.contact-row{padding-bottom:35px}.contact-row>p{font-size:27px}.phone-row>a{font-size:clamp(30px,3.3vw,50px);font-weight:500;letter-spacing:-1px;display:inline-block;transition:transform .25s}.phone-row>a:hover{transform:translateX(5px)}.contact-bottom{background:var(--lime);color:var(--deep)}.contact-bottom .text-link{color:var(--deep)}.contact-row .text-link{color:var(--lime)}footer{background:#071a13;padding-top:50px;padding-bottom:30px}.footer-brand{font-size:32px}.footer-brand:after{content:' ↗';color:var(--lime)}footer a:hover{color:var(--lime)}
.enter-ready{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.enter-ready.is-visible{opacity:1;transform:translateY(0)}.product.enter-ready{transform:translateY(28px)}.product.enter-ready.is-visible:nth-child(even){transform:translateY(55px)}.product.enter-ready.is-visible:nth-child(odd){transform:translateY(0)}.reveal{animation:none}
@keyframes materials{to{transform:translateX(-50%)}}@keyframes hero-enter{from{opacity:0;transform:translateY(35px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
@media(min-width:1600px){.hero{min-height:850px}.hero-word{font-size:21vw}.hero-image img{max-height:650px}}
@media(max-width:900px){.header nav{gap:20px}.header nav a:last-child{padding:10px}.hero{min-height:650px;padding-bottom:90px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.material-gallery{gap:18px}.material-gallery img{height:220px}.material-gallery span{font-size:15px}.service-grid article{gap:25px}.product h3{font-size:22px}.contact-row>p{font-size:23px}}
@media(max-width:600px){html{scroll-padding-top:85px}.header,.header.is-scrolled{height:85px}.brand-name{font-size:20px}.brand-name small{font-size:13px;letter-spacing:-.7px}.header nav{top:85px;background:#102a20}.header nav a{color:var(--ink)}.header nav a:last-child{padding:12px}.hero{padding-top:45px;padding-bottom:70px;gap:28px;min-height:0}.hero h1{font-size:clamp(37px,10.8vw,52px);letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-image{width:95%;justify-self:center;margin-top:15px;transform:rotate(-2deg)}.hero-image img{max-height:450px}.hero-image figcaption{font-size:13px}.hero-image figcaption a{width:34px;height:34px}.hero-word{font-size:22vw;bottom:-.12em}.hero-note{margin-top:28px;font-size:13px}.material-band{padding:12px 0}.material-track>span{font-size:17px;word-spacing:0}.material-track b{font-size:22px;margin:0 18px}.stats{padding-top:35px;padding-bottom:35px}.stats strong{font-size:42px}.stats strong span{font-size:14px}.about{padding-top:55px;padding-bottom:55px}.about h2{font-size:34px}.section-intro{position:static}.material-gallery{grid-template-columns:1fr;gap:26px}.material-gallery>a:nth-child(2){margin:0}.material-gallery img{height:auto;max-height:400px;object-fit:contain;background:#1e382c}.material-gallery span{font-size:19px;padding:13px 0}.service-grid article{grid-template-columns:1fr;gap:12px;padding:23px 0}.service h3{font-size:25px}.page-heading{min-height:0;padding-bottom:65px}.page-heading h1{font-size:42px}.page-heading:after{font-size:25vw;bottom:-.12em}.product-grid{padding-bottom:0;gap:40px}.product:nth-child(even),.product.enter-ready.is-visible:nth-child(even){transform:none}.product h3{font-size:23px}.phone-row>a{font-size:clamp(28px,8.7vw,36px)}.contact-row>p{font-size:23px}.contact-main{padding-top:48px}.contact-intro h1{font-size:42px}.contact-bottom h2{font-size:32px}footer{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter-ready{opacity:1;transform:none}.product.enter-ready{transform:none}.material-track{animation:none}.hero-image{animation:none}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero h1{line-height:1.3}.hero-copy,.hero-image{min-width:0}.hero-image figcaption span{max-width:80%}}
.service-grid article+article{border-top:0}

.footer-phones{display:flex;flex-direction:column;gap:8px}.footer-phones a{white-space:nowrap}.phone-row>a{display:block;width:fit-content}.phone-row>a+a{margin-top:12px}
