:root{--navy:#102b48;--blue:#24658a;--ice:#edf2f4;--ink:#142c43;--muted:#63717d;--line:#d7e0e4;--accent:#b7d99b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:Arial,Helvetica,'Microsoft YaHei',sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,select{touch-action:manipulation}button{cursor:pointer}header{height:90px;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{height:65px;width:92px;display:flex;justify-content:center}.brand img{height:100%;width:100%;object-fit:contain}nav{display:flex;gap:25px;font-size:13px;font-weight:600}nav a{padding:13px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{border-color:var(--blue);color:var(--blue)}.controls{display:flex;gap:15px}select{border:1px solid var(--line);padding:8px;background:white;color:var(--ink)}#menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:660px;height:calc(100svh - 90px);max-height:900px;position:relative;display:flex;align-items:center;background:var(--navy);color:white;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.5}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,52,.94),rgba(9,31,52,.55) 57%,rgba(9,31,52,.06))}.hero-content{position:relative;z-index:1;padding:80px 8%;width:100%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--blue);margin:0 0 27px}.hero .eyebrow{color:#c7deb5}.hero h1{font-size:clamp(44px,5.7vw,88px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin:0 0 30px;max-width:1000px}.hero p.copy{max-width:590px;color:#dbe3e9;font-size:18px;line-height:1.65}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 25px;background:var(--navy);color:white;border:1px solid var(--navy);font-size:13px;font-weight:600}.hero .button,.contact .button{background:var(--accent);color:var(--navy);border-color:var(--accent)}.button.outline{background:transparent;color:inherit;border-color:#8599ac}.hero-bottom{position:absolute;z-index:2;bottom:25px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;border-top:1px solid #ffffff40;padding-top:20px}.section{padding:100px 8%}.section h2{font-size:clamp(32px,3.4vw,54px);font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:0 0 25px}.section p{line-height:1.8}.lead{font-size:17px;color:var(--muted);max-width:780px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.photo{width:100%;height:440px;object-fit:cover}.numbered{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:25px;font-size:17px}.numbered span{font-size:12px;color:var(--blue)}.ice{background:var(--ice)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:45px}.service{border-top:1px solid #bdcbd2;padding:32px 0}.service small{color:var(--blue);font-size:12px}.service h3{font-size:23px;font-weight:500;margin:20px 0 10px}.service p{color:var(--muted);max-width:520px}.note{font-size:12px;color:var(--muted);border-left:2px solid var(--accent);padding-left:18px;margin-top:30px}.filter{display:flex;gap:12px;margin:30px 0}.filter button{background:white;border:1px solid var(--line);padding:11px 24px;color:var(--ink)}.filter button.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.project{border:0;padding:0;text-align:left;background:white;color:var(--ink);display:block;min-width:0}.project .image-wrap{height:250px;overflow:hidden;background:var(--ice)}.project img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project:hover img{transform:scale(1.04)}.project small{display:block;margin:21px 0 10px;color:var(--blue);font-size:11px;letter-spacing:1px}.project h3{font-size:20px;line-height:1.4;margin:0 0 12px;font-weight:500}.project .more{font-size:12px;color:var(--muted)}.supply{background:var(--navy);color:white}.supply .eyebrow{color:var(--accent)}.supply .lead{color:#c2d1de}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.products div{padding:24px;border:1px solid #ffffff35;line-height:1.5;font-size:17px}.supply img{height:370px}.steps{display:grid;grid-template-columns:repeat(6,1fr);margin-top:65px;border-top:1px solid #ffffff35;gap:20px}.steps div{padding-top:20px;line-height:1.5;font-size:13px}.steps span{display:block;color:var(--accent);font-size:11px;margin-bottom:12px}.supply .note{color:#c2d1de}.industries{display:flex;flex-wrap:wrap;gap:15px}.industries span{font-size:18px;padding:20px 25px;background:var(--ice)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.process>div{padding:25px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.6}.process small{display:block;color:var(--blue);font-size:12px;margin-bottom:18px}.contact{background:#edf2f4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.person{font-size:23px;margin:30px 0 8px}.role{font-size:13px;color:var(--muted);margin:0 0 30px}.contact-links{display:grid;gap:15px;font-size:17px}.address{font-size:14px;color:var(--muted);margin-top:30px;max-width:380px}form{background:white;padding:35px}form h3{font-size:24px;font-weight:500;margin-top:0}label{display:block;font-size:12px;margin:20px 0 8px}input,textarea{width:100%;border:1px solid var(--line);padding:13px;border-radius:0;outline-color:var(--blue)}textarea{min-height:130px;resize:vertical}form .button{width:100%;background:var(--navy);color:white;margin-top:20px}form p{font-size:11px;color:var(--muted)}footer{background:#0a2036;color:#afbfcd;padding:35px 8%;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:11px}footer button{background:none;color:inherit;border:0;text-decoration:underline}dialog{border:0;padding:30px;max-width:850px;width:90%;max-height:90svh;color:var(--ink)}dialog::backdrop{background:#0a2036bd}.close{display:block;margin-left:auto;background:none;border:0;padding:10px;color:var(--blue)}dialog img{width:100%;max-height:450px;object-fit:cover}dialog h2{font-size:30px;font-weight:500}dialog p{line-height:1.7}.dialog-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.dialog-gallery img{height:220px}a:focus-visible,button:focus-visible{outline:3px solid #5c98c3;outline-offset:4px}@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1350px)/2));padding-right:max(8%,calc((100vw - 1350px)/2))}}@media(max-width:1050px){nav{gap:15px}.split,.contact-grid{gap:35px}.project-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{height:76px;padding:8px 6%;gap:12px}.brand{height:55px;width:70px}#menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px 6%;flex-direction:column;box-shadow:0 10px 15px #142c4310}nav.open{display:flex}.hero{height:auto;min-height:680px}.hero-content{padding:75px 6% 115px}.hero h1{letter-spacing:-1.5px;font-size:46px}.hero p.copy{font-size:16px}.hero-bottom{left:6%;right:6%;font-size:9px;line-height:1.5}.hero-bottom span:last-child{display:none}.section{padding:65px 6%}.split,.contact-grid,.service-grid{grid-template-columns:1fr}.photo{height:320px}.project-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.project .image-wrap{height:190px}.project h3{font-size:17px}.products{grid-template-columns:1fr 1fr}.products div{font-size:15px;padding:18px}.steps{gap:20px}.process{grid-template-columns:1fr 1fr}.industries span{font-size:15px;padding:15px}form{padding:25px}footer{flex-wrap:wrap}.dialog-gallery{grid-template-columns:1fr}.actions .button{padding:16px 18px;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img{transition:none}}
