.projects-library{--ink:#0b151a;--ink2:#15242b;--orange:#ff7417;--paper:#f5f6f7;--muted:#6c777d;--line:#dfe4e7;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}.projects-library{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.projects-library a{color:inherit;text-decoration:none}.projects-library img{display:block;max-width:100%}.projects-library .wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.top{height:72px;background:#0b151a;color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;font-weight:800;font-size:25px;letter-spacing:1px;margin-right:auto}.brand i{width:34px;height:34px;border:8px solid var(--orange);border-right-color:#fff;border-radius:50%;display:inline-block;margin-right:12px}.navlinks{display:flex;gap:26px;font-size:15px;align-items:center}.navlinks a{padding:27px 0}.navlinks .active{border-bottom:2px solid var(--orange)}.quote{background:var(--orange);padding:13px 22px;border-radius:26px;font-weight:700;white-space:nowrap}.menu-toggle{display:none;border:1px solid #415057;background:transparent;color:#fff;border-radius:6px;padding:9px 11px;font-size:18px}
.hero{min-height:410px;color:#fff;position:relative;background:#14242b center/cover no-repeat;display:flex;align-items:end}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,22,.88),rgba(7,18,24,.55) 52%,rgba(7,18,24,.2))}.hero .projects-library .wrap{position:relative;padding:70px 0}.eyebrow{font-size:12px;color:var(--orange);font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.hero h1{font-size:56px;line-height:1.03;max-width:900px;margin:12px 0 16px}.hero p{font-size:18px;line-height:1.55;max-width:800px;color:#e6edf0}.breadcrumb{font-size:13px;color:#c7d0d5;margin-bottom:34px}
.filters{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:76px;z-index:20}.filterbar{display:flex;gap:8px;overflow:auto;padding:16px 0;scrollbar-width:thin}.filterbar button{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:14px 20px;border-radius:7px;font-weight:700;cursor:pointer}.filterbar button.active,.filterbar button:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.section{padding:64px 0}.section.alt{background:var(--paper)}.headrow{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.headrow h2{font-size:34px;margin:0}.sub{color:var(--muted);margin-top:8px;line-height:1.6}.search{border:1px solid var(--line);border-radius:8px;padding:12px 14px;width:290px;font:inherit}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,20,25,.08)}.card img{width:100%;height:245px;object-fit:cover}.cardbody{padding:18px}.card .cat{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.8px;text-transform:uppercase}.card h3{font-size:21px;line-height:1.22;margin:8px 0}.card .zh{font-size:13px;color:#889398;margin-bottom:12px}.card .loc{font-size:13px;color:#77848a}.projects-library .hidden{display:none!important}
.capabilities{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:18px;align-items:center}.cap{padding:20px;border-left:1px solid var(--line);font-weight:700}.cap small{display:block;color:var(--muted);font-weight:400;margin-top:6px;line-height:1.45}.cta{background:#0b151a;color:#fff;padding:55px 0}.cta .projects-library .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:36px;margin:4px 0}.cta p{color:#c8d0d4}.btn{display:inline-block;background:var(--orange);color:#fff;padding:13px 20px;border-radius:6px;font-weight:800}.foot{background:#071014;color:#aeb8bd;padding:30px 0;font-size:13px}.foot .projects-library .wrap{display:flex;justify-content:space-between;gap:20px}
.detailhero{min-height:540px}.detailhero h1{font-size:58px}.projectmeta{background:#fff;margin-top:-34px;position:relative;z-index:2;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 10px 35px rgba(0,0,0,.05)}.projectmeta>div{padding:22px;border-right:1px solid var(--line)}.projectmeta>div:last-child{border:0}.projectmeta b{display:block;font-size:12px;text-transform:uppercase;color:#79858b;margin-bottom:7px}.content2{display:grid;grid-template-columns:1fr 360px;gap:54px}.content2 h2{font-size:32px;margin-top:8px}.content2 p{font-size:17px;color:#4b585e;line-height:1.8}.aside{border-left:1px solid var(--line);padding-left:30px}.aside h3{margin-top:0}.aside .line{border-top:1px solid var(--line);padding:16px 0}.gallery{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.gallery img{width:100%;height:440px;object-fit:cover;border-radius:8px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.support-box{border:1px solid var(--line);padding:24px;border-radius:8px}.support-box h3{font-size:19px;margin:0 0 8px}.support-box p{color:var(--muted);line-height:1.6;margin:0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-note{background:#f7fafb;border:1px solid var(--line);border-radius:8px;padding:18px 20px;color:#536167;line-height:1.65;margin-top:24px}
@media(max-width:980px){.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#0b151a;padding:18px 24px;flex-direction:column;align-items:flex-start;gap:0;border-top:1px solid #27363d}.navlinks.open{display:flex}.navlinks a{padding:12px 0}.navlinks .active{border-bottom:0;color:#ff9a57}.hero h1,.detailhero h1{font-size:44px}.grid{grid-template-columns:repeat(2,1fr)}.capabilities{grid-template-columns:1fr 1fr}.content2,.gallery{grid-template-columns:1fr}.projectmeta{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr}.filters{top:76px}}
@media(max-width:620px){.projects-library .wrap{width:min(100% - 28px,var(--max))}.brand{font-size:21px}.brand i{width:30px;height:30px;border-width:7px}.quote{display:none}.hero{min-height:350px}.hero h1,.detailhero h1{font-size:34px}.hero .projects-library .wrap{padding:48px 0}.grid{grid-template-columns:1fr}.card img,.gallery img{height:300px}.capabilities,.projectmeta{grid-template-columns:1fr}.headrow,.cta .projects-library .wrap{display:block}.search{width:100%;margin-top:16px}.projectmeta>div{border-right:0;border-bottom:1px solid var(--line)}.projectmeta>div:last-child{border-bottom:0}.cta .btn{margin-top:20px}.foot .projects-library .wrap{display:block}.foot span{display:block;margin:8px 0}}

@media(max-width:767px){.projects-library .filters{top:60px}}