:root{--navy:#08263a;--blue:#12526b;--cyan:#45c7c3;--orange:#e97027;--paper:#f6f7f4;--ink:#133243;--muted:#5d7681}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:15px Inter,Segoe UI,Arial;color:var(--ink)}.top{height:82px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;gap:32px;background:#fff;border-bottom:1px solid #d8e2df;position:sticky;top:0;z-index:20}.brand{height:58px;display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:900;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.brand img.vp{height:50px;width:50px;object-fit:contain;border-radius:50%;background:#fff}.brand img.itf{height:46px;width:46px;object-fit:cover;border-radius:50%;border:2px solid #caa66d}.top nav{height:100%;display:flex;align-items:center;gap:25px;flex:1}.top nav>a,.top summary{height:100%;display:flex;align-items:center;color:#456370;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.top summary::-webkit-details-marker{display:none}.top details{height:100%;position:relative}.menu{position:absolute;top:70px;left:-18px;width:255px;padding:8px;background:#fff;border:1px solid #d5e0dd;box-shadow:0 15px 35px #0b253525}.menu a{display:block;padding:12px;color:var(--ink);text-decoration:none}.menu small{display:block;color:var(--muted);margin-top:4px}.active{border-bottom:3px solid var(--orange)}.enter,.primary{background:var(--navy);color:#fff;text-decoration:none;padding:12px 16px;font-size:12px;font-weight:900}.hero{position:relative;min-height:620px;padding:90px clamp(22px,6vw,88px);display:grid;grid-template-columns:1fr 42%;overflow:hidden;background:linear-gradient(90deg,#f7f8f5 0%,#f7f8f5ee 47%,#edf5f3ab 70%,#edf5f355),url('assets/lab-background.jpeg') center/cover}.lab-credit{position:absolute;right:30px;top:28px;display:flex;align-items:center;gap:9px;background:#ffffffdf;padding:10px 13px;border-left:4px solid var(--orange);font-size:12px}.lab-credit span{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:900}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900;color:#28737c;margin:0 0 14px}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:.92;letter-spacing:-.07em;margin:0;max-width:630px}.hero em{font-style:normal;color:#0b777b}.lead{max-width:520px;font-size:17px;color:var(--muted);line-height:1.65;margin:28px 0}.secondary{display:inline-block;margin:8px 0 0 8px;color:var(--ink);border:1px solid #9ab5b5;padding:11px 15px;text-decoration:none;font-weight:800;font-size:12px}.hero dl{display:flex;gap:38px;margin:52px 0 0}.hero dt{font-size:27px;font-weight:900}.hero dd{margin:3px 0;color:var(--muted);font-size:11px}.visual{position:relative}.halo{position:absolute;width:330px;height:330px;border-radius:50%;background:#d4ebe6;right:8%;top:115px}.motor-icon{position:absolute;right:15%;top:170px;width:230px;height:190px;border:14px solid #0c364b;border-radius:55px 90px 90px 55px;background:repeating-linear-gradient(0deg,#23627a 0 8px,#164257 9px 13px);display:grid;place-items:center;color:#d7ed58;font-size:85px;box-shadow:25px 20px 0 #092a3a55;transform:rotate(-9deg)}.motor-icon small{position:absolute;font:bold 11px monospace;color:#b4eee7;text-align:center}.visual>b,.visual>i,.visual>strong{position:absolute;padding:8px;background:#fff;font-size:9px;letter-spacing:.12em}.visual>b{top:90px;right:0}.visual>i{top:400px;left:0;font-style:normal}.visual>strong{bottom:65px;right:8%;background:var(--orange);color:#fff}.section,.process,.applications{padding:90px clamp(22px,6vw,88px)}.heading{display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid #d6e1dd;padding-bottom:25px;margin-bottom:30px}.heading h2,.process h2,.applications h2{margin:0;font-size:38px;letter-spacing:-.05em}.heading p{max-width:340px;color:var(--muted);margin:0;line-height:1.5}.labs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab{display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #dbe5e2;min-height:345px}.art{position:relative;display:grid;place-items:center;overflow:hidden;background:#d8ebe8}.servo .art{background:#eee4d8}.art label{position:absolute;top:18px;left:18px;font-size:10px;font-weight:900;letter-spacing:.16em}.mini-motor{width:160px;height:120px;border:13px solid #0b364c;border-radius:45px;background:repeating-linear-gradient(0deg,#245e76 0 7px,#164257 8px 12px);box-shadow:13px 14px #0c3044}.mini-servo{width:145px;height:145px;border:22px solid #263e49;border-radius:50%;background:radial-gradient(circle,#ef9845 0 18%,#173442 20% 46%,#cbe4d9 48% 54%,#315364 56%);box-shadow:12px 14px #d47d43}.lab>div:last-child{padding:31px 26px}.lab h3{font-size:25px;letter-spacing:-.05em;margin:0}.lab p:not(.eyebrow){color:var(--muted);line-height:1.55}.lab ul{list-style:none;padding:0;font-size:13px;line-height:1.9}.lab li:before{content:'•';color:var(--orange);margin-right:7px}.lab a{color:var(--ink);font-weight:900;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:5px}.process{background:var(--navy);color:#f6f7f2}.process .eyebrow{color:#d9f15a}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.steps article{border-top:1px solid #497385;padding-top:15px}.steps b{font:900 28px monospace;color:#d9f15a}.steps p{color:#bbd0d5;line-height:1.5;font-size:13px}.applications{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#ecebe1}.applications p:not(.eyebrow){color:var(--muted);line-height:1.7}.chips{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-content:center}.chips span{background:#fff;padding:22px;font-weight:900;border-left:5px solid var(--cyan)}footer{padding:25px clamp(22px,6vw,88px);display:flex;gap:18px;align-items:center;color:#5e737d;font-size:12px;background:#fff}@media(max-width:850px){.top nav{display:none}.enter{margin-left:auto}.hero{grid-template-columns:1fr}.visual{height:260px}.labs,.applications{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:530px){.top{gap:8px}.brand img.vp{height:36px;width:36px}.brand img.itf{height:34px;width:34px}.brand{font-size:12px}.enter{font-size:0;padding:12px}.enter:first-letter{font-size:15px}.hero{padding-top:100px}.hero h1{font-size:48px}.lab{grid-template-columns:1fr}.art{min-height:210px}.steps{grid-template-columns:1fr}.applications{gap:25px}.heading{display:block}.heading p{margin-top:15px}.lab-credit{left:22px;right:auto}.secondary{margin-left:0}.hero dl{gap:20px}}
