*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#07101f;color:#ebf5ff;margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.aboutbar{max-width:1280px;margin:auto;padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #284256}.aboutlogo{display:flex;gap:12px;align-items:center;font-weight:900;font-size:23px;letter-spacing:-1px;line-height:1}.aboutlogo small{display:block;font-size:10px;color:#9eb4cc;letter-spacing:3px;margin-top:9px}.about-logoicon{width:50px;height:50px;display:grid;place-items:center;background:#a5fb6c;color:#081523;border-radius:15px;font-size:27px;position:relative}.about-logoicon span{font-size:12px;position:absolute;right:4px;bottom:2px}.about-lime{color:#a5fb6c}.aboutbar nav{display:flex;gap:23px;flex-wrap:wrap}.aboutbar nav a{font-size:14px;color:#c4d6e1}.aboutbar nav a:hover{color:#a5fb6c}.aboutmain{max-width:1280px;margin:auto;padding:32px 28px 0}.abouttop{display:grid;grid-template-columns:minmax(280px,.83fr) minmax(0,1.17fr);gap:clamp(28px,5vw,76px);align-items:center}.aboutportrait{border-radius:30px;overflow:hidden;position:relative;min-height:520px;height:min(670px,65vw);background:#18283b;border:1px solid #37536a}.aboutportrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;filter:grayscale(100%)}.portraitshade{pointer-events:none;position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,13,26,.90))}.portraitcaption{position:absolute;z-index:1;bottom:35px;left:35px;right:20px}.portraitcaption small{display:block;color:#a5fb6c;font-size:12px;letter-spacing:2px;font-weight:800;margin-bottom:12px}.portraitcaption strong{display:block;font-size:clamp(32px,4vw,55px);letter-spacing:-2px}.portraitwaiting{display:grid;align-content:center;justify-content:center;text-align:center;height:100%;color:#9dbbd1}.portraitwaiting span{font-size:clamp(80px,10vw,160px);font-weight:900;color:#a5fb6c}.abouteyebrow{color:#a5fb6c;font-weight:800;font-size:12px;letter-spacing:2px}.aboutintro h1{font-size:clamp(43px,5.2vw,77px);line-height:1.09;letter-spacing:-3px;margin:28px 0}.aboutintro h1 em{color:#a5fb6c;font-style:normal}.aboutlead{font-size:clamp(17px,1.9vw,23px);line-height:1.75;color:#a9bdce}.aboutstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0}.aboutstats div{border:1px solid #25465b;border-radius:18px;padding:21px 13px;background:#102337}.aboutstats strong{display:block;color:#a5fb6c;font-size:27px}.aboutstats span{color:#b4c8d3;font-size:12px}.aboutcta{display:inline-block;padding:17px 24px;border-radius:14px;background:#a5fb6c;color:#081827;font-weight:800}.aboutbody{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:78px 0}.aboutpanel{background:#102337;border:1px solid #26475d;padding:32px;border-radius:23px}.aboutpanel h2,.aboutprojects h2{font-size:clamp(27px,3.5vw,40px);margin:17px 0}.aboutpanel p{color:#b8cad5;line-height:1.8}.aboutprojects{margin-bottom:70px}.aboutprojectgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.aboutproject{display:grid;position:relative;gap:10px;background:#102337;border:1px solid #26475d;border-radius:18px;padding:22px;min-height:156px}.aboutproject:hover{border-color:#a5fb6c;transform:translateY(-2px)}.aboutproject>span{font-size:25px}.aboutproject strong{font-size:19px}.aboutproject small{color:#a3bace;line-height:1.6;padding-right:12px}.aboutproject b{position:absolute;right:20px;top:20px;color:#a5fb6c}.aboutfoot{border-top:1px solid #27455d;padding:30px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#9db4c8;font-size:13px}.aboutfoot a{color:#a5fb6c;margin-left:14px}@media(max-width:820px){.aboutbar{padding:15px 19px}.aboutbar nav{gap:12px}.aboutbar nav a{font-size:12px}.aboutmain{padding:20px 17px}.abouttop{grid-template-columns:1fr;gap:32px}.aboutportrait{height:auto;aspect-ratio:4/4.2;min-height:0;max-height:600px}.aboutintro h1{letter-spacing:-2px;margin:17px 0}.aboutstats{margin:23px 0}.aboutbody{grid-template-columns:1fr;margin:45px 0}.aboutprojectgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.aboutbar nav{display:none}.aboutprojectgrid{grid-template-columns:1fr}.aboutportrait{aspect-ratio:4/4.4;border-radius:20px}.portraitcaption{bottom:22px;left:23px}.aboutstats div{padding:15px 10px}.aboutstats strong{font-size:22px}.aboutpanel{padding:23px}}