.engineering-page{--eng-bg:#0e1c25;--eng-muted:#a7bac5;--eng-accent:#b8e5f3;background:var(--eng-bg);color:#f2f6f7}.engineering-page header{background:#f4f5f1;color:#11232c}.engineering-link{position:relative}.engineering-link[aria-current]{color:#34697b}.engineering-link[aria-current]:after{content:'';position:absolute;bottom:-14px;left:0;right:0;height:2px;background:#34697b}.eng-hero{position:relative;min-height:740px;display:grid;grid-template-columns:1.1fr 1fr;padding:85px 6% 100px;overflow:hidden;border-bottom:1px solid #314451}.eng-grid{position:absolute;inset:0;background-image:linear-gradient(#aacfe108 1px,transparent 1px),linear-gradient(90deg,#aacfe108 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.eng-intro{position:relative;z-index:2;pointer-events:none}.eng-intro a{pointer-events:auto}.eng-kicker{font-size:12px;letter-spacing:1.8px;line-height:1.6;font-weight:500;color:#b8c9d1}.eng-kicker>span{color:#557681;margin:0 12px}.eng-hero h1{font-size:clamp(60px,6.8vw,106px);line-height:.98;margin:35px 0 28px;letter-spacing:-1.3px}.eng-hero h1 em{font-size:.88em;color:#b8e5f3}.eng-lead{font-size:17px;line-height:1.8;color:#b6c8d2}.eng-intro-bottom{display:flex;align-items:center;gap:60px;margin-top:42px;font-size:13px;line-height:1.7}.eng-intro-bottom>span{color:#8fa7b5}.eng-intro-bottom strong{color:#d7e7ed;font-weight:500}.eng-intro-bottom a{padding:12px 0;border-bottom:1px solid #698b9e;font-size:14px}.eng-intro-bottom a span{margin-left:25px}.model-stage{position:relative;min-width:0;align-self:stretch;margin:0 -50px 0 -55px;min-height:500px}.model-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.model-fallback{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.35;mix-blend-mode:screen}.model-stage.ready .model-fallback{visibility:hidden}.model-top,.model-caption{position:absolute;left:45px;right:35px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;color:#748e9d;z-index:2}.model-top{top:0;border-top:1px solid #47606d;padding-top:12px}.model-caption{bottom:0;align-items:center;font-size:11px;letter-spacing:0}.model-caption button{color:#a2bdcc;background:transparent;border:0;font-size:11px;padding:10px 0}.eng-hero-footer{position:absolute;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px;color:#839eae}.eng-section{padding:100px 8%}.eng-about{display:grid;grid-template-columns:1fr 2fr;gap:8%;background:#f4f5f1;color:#11232c}.eng-about>.eng-kicker{color:#537180}.engineering-page h2{font-size:clamp(56px,5.6vw,82px);line-height:.96}.eng-about h2{margin-top:0}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.about-columns p{font-size:16px;line-height:1.85;color:#53656e}.eng-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.eng-section-title h2{margin-bottom:0}.engineering-page h2 em,.engineering-page h3 em{color:var(--eng-accent)}.eng-about h2 em{color:#57899b}.project-count{font-size:15px;letter-spacing:3px;color:#7f9cab;padding-bottom:8px}.research-project{display:grid;grid-template-columns:.85fr 1.15fr;background:#162a36;border-top:1px solid #456273}.research-copy{padding:40px}.research-copy h3,.flow-text h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(38px,3.7vw,56px);line-height:1.05;letter-spacing:-.5px;margin:23px 0}.research-copy p:not(.eng-kicker),.flow-text p:not(.eng-kicker){font-size:16px;line-height:1.8;color:#b4c5cf}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.project-tags span{font-size:12px;color:#bfdbe7;border:1px solid #385564;padding:7px 10px}.trajectory{margin:0;position:relative;min-height:420px;overflow:hidden}.trajectory img{width:100%;height:100%;object-fit:cover;object-position:36%;position:absolute}.trajectory figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 22px 20px;background:linear-gradient(transparent,#091823c9);font-size:11px;letter-spacing:1px}.flow-study{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6%;margin:75px 0}.flow-study figure{margin:0;background:#151515;position:relative}.flow-study img{width:100%;display:block}.flow-study figcaption{padding:0 24px 22px;color:#8eb6c8;font-size:11px;letter-spacing:1.5px}.video-details{border-color:#426071}.video-details summary{font-size:14px;color:#d2e9f3;font-weight:500;gap:20px}.video-details video{display:block;width:100%;margin-top:22px;background:#000;max-height:400px}.project-list{border-top:1px solid #354c5b}.project-list article{display:grid;grid-template-columns:70px 1fr 180px;gap:25px;padding:45px 0;border-bottom:1px solid #354c5b;align-items:start}.project-no{font-size:18px;font-family:monospace;color:#6b98ad;padding-top:8px}.project-list .eng-kicker{margin-top:0;color:#83a6b9;font-size:11px}.project-list h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-weight:600;margin:12px 0 18px}.project-list p:not(.eng-kicker){font-size:16px;line-height:1.8;color:#a7bdcb;max-width:660px;margin-bottom:0}.project-label{font-family:monospace;font-size:12px;color:#7695a7;line-height:1.8;text-align:right;padding-top:8px}.eng-contact{background:#b8e5f3;color:#11232c}.eng-contact .eng-kicker{color:#3c6376}.eng-contact>div{display:flex;justify-content:space-between;align-items:center;gap:35px}.eng-contact h2 em{color:#426f83}.eng-contact .button{white-space:nowrap;font-size:14px}.engineering-page footer{border-top:1px solid #2c4352}.engineering-page footer>span{color:#8aa3b1}.engineering-page footer a{font-size:13px}.engineering-page footer .brand{font-size:35px}
/* Keep the added navigation item reachable on the original page too. */
@media(max-width:1000px){.eng-hero{grid-template-columns:1fr 1fr;padding-top:65px;min-height:680px}.eng-hero h1{font-size:72px}.model-stage{margin-left:-100px;margin-right:-25px}.eng-intro-bottom{gap:30px}.engineering-page header nav{gap:20px}.eng-section{padding:70px 6%}.research-copy{padding:28px}.eng-about{grid-template-columns:1fr 2.7fr;gap:5%}.project-list article{grid-template-columns:45px 1fr 130px;gap:20px}.eng-contact>div{display:block}.eng-contact .button{margin-top:15px}}
@media(max-width:700px){.eng-hero{display:block;padding-top:40px;padding-bottom:70px}.eng-hero h1{font-size:clamp(58px,11vw,78px);margin-top:25px}.eng-lead{font-size:16px}.model-stage{height:350px;min-height:0;margin:30px -5% 0}.model-top,.model-caption{left:5%;right:5%}.eng-intro-bottom{justify-content:space-between;gap:20px;margin-top:26px}.eng-hero-footer{font-size:9px}.eng-hero-footer span:last-child{display:none}.eng-about{display:block}.eng-about>.eng-kicker{margin-bottom:30px}.about-columns{grid-template-columns:1fr;gap:0}.eng-section{padding:58px 6%}.research-project{grid-template-columns:1fr}.trajectory{min-height:280px}.trajectory img{object-position:center}.flow-study{grid-template-columns:1fr;gap:22px;margin:40px 0}.project-list article{grid-template-columns:30px 1fr;gap:15px;padding:32px 0}.project-label{display:none}.project-list h3{font-size:32px}.eng-section-title{margin-bottom:30px}.project-count{font-size:12px;letter-spacing:1px}.eng-kicker{font-size:11px}.engineering-page h2{font-size:58px}.engineering-page footer>div{flex-wrap:wrap;gap:20px}}
@media(prefers-reduced-motion:reduce){.model-stage canvas{transition:none}}
/* Carbon / CFD art direction */
.engineering-page{--eng-bg:#0b0e10;--eng-accent:#c6f545;background:#0b0e10;color:#edf3f3}
.engineering-page header{background:#0d1113;color:#edf3f3;border-bottom:1px solid #293133}.engineering-page header .cross{background:#c6f545;color:#0b0e10}.engineering-link[aria-current]{color:#c6f545}.engineering-link[aria-current]:after{background:#c6f545}.engineering-page .nav-contact{border-color:#6d858a}
.eng-hero{min-height:760px;display:block;background:#0b0f12;border-color:#253337;padding-top:100px}.eng-grid{opacity:.25;mask-image:none;background-color:#101417;background-image:linear-gradient(27deg,#05080b 5px,transparent 5px),linear-gradient(207deg,#05080b 5px,transparent 5px),linear-gradient(27deg,#20272b 5px,transparent 5px),linear-gradient(207deg,#20272b 5px,transparent 5px),linear-gradient(90deg,#11181c 10px,transparent 10px),linear-gradient(#151b20 25%,#0b1014 25%,#0b1014 50%,transparent 50%,transparent 75%,#20282c 75%);background-size:20px 20px;background-position:0 5px,10px 0,0 10px,10px 5px,0 0,0 0}.eng-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b0e10ef 0%,#0b0e10d4 27%,transparent 65%),radial-gradient(ellipse at 80% 50%,transparent,#0b0e10aa);z-index:1}.eng-intro{z-index:3;max-width:680px}.eng-hero h1{font-size:clamp(66px,7vw,110px);line-height:.96;letter-spacing:-1px}.eng-hero h1 em{color:#c6f545}.eng-lead{color:#a9babd}.eng-kicker{color:#8ca1a6}.eng-hero .eng-kicker{color:#78ddec}.eng-intro-bottom{margin-top:42px}.eng-intro-bottom a{color:#c6f545;border-color:#6e8628}.eng-intro-bottom strong{color:#dce8e9}.model-stage{position:absolute;left:35%;right:-3%;top:48px;bottom:65px;margin:0;min-height:0;z-index:2;opacity:.8}.model-top{display:none}.model-caption{bottom:0;left:10%;right:10%;font-size:10px}.model-caption button{color:#badae2;font-size:12px}.eng-hero-footer{z-index:3;font-size:10px}.eng-about{background:#111618;color:#edf3f3;border-bottom:1px solid #293336;padding-top:70px;padding-bottom:70px}.eng-about>.eng-kicker{color:#6fdbea}.eng-about h2 em{color:#c6f545}.about-columns p{color:#a7b7bb}.eng-about h2{font-size:64px}.eng-projects{background:radial-gradient(ellipse at 90% 20%,#16252955,transparent 55%),#0b0e10}.research-project{position:relative;display:flex;align-items:center;min-height:510px;isolation:isolate;border-top:1px solid #465742;background:#141a1c;overflow:hidden}.research-copy{position:relative;z-index:2;width:55%;padding:48px}.research-copy:before{content:'';position:absolute;inset:-150px -80px -150px -20px;background:linear-gradient(90deg,#080e13f0,#080e13db 55%,transparent);z-index:-1;pointer-events:none}.research-copy h3{font-size:clamp(45px,4.8vw,68px)}.research-copy p:not(.eng-kicker){max-width:330px;color:#d4e2e7}.trajectory{position:absolute;inset:0;z-index:-1;opacity:.65}.trajectory img{object-position:center;animation:render-drift 24s ease-in-out infinite alternate;transform:scale(1.07)}.trajectory figcaption{left:auto;padding:22px;font-size:9px;color:#b5c9cb;background:none}.project-tags span{border-color:#7c966c66;color:#c6f545;background:#0b0e1040}.flow-study{gap:4%;margin:65px 0}.flow-study figure{background:transparent;overflow:hidden}.flow-study img{mix-blend-mode:screen;animation:flow-breathe 9s ease-in-out infinite alternate;filter:saturate(1.15)}.flow-study figcaption{color:#81bbc7;padding-top:14px}.flow-text h3{font-size:62px}.flow-text p:not(.eng-kicker){color:#a7b9be}.video-details{border-color:#42696b}.video-details summary{color:#bcf24e}.video-details video{max-height:420px}.project-list{border-color:#344044}.project-list article{position:relative;border-color:#293236;padding:35px 0;transition:background .25s}.project-list article:hover{background:#b9f24504}.project-no{color:#b5e847}.project-list .eng-kicker{color:#71d1df}.project-list h3{font-size:36px;margin-bottom:10px}.project-list p:not(.eng-kicker){color:#9bafb5;max-width:580px}.project-label{color:#728f99}.eng-contact{background:#131c20;border-top:1px solid #394a3b;color:#e8f0f3}.eng-contact .eng-kicker{color:#80d4df}.eng-contact h2 em{color:#c6f545}.eng-contact .button{background:#c6f545;color:#0b0e10}.engineering-page footer{background:#080b0d;border-color:#293336}.engineering-page footer .cross{background:#c6f545;color:#0b0e10}.engineering-page .skip{color:#111}.engineering-page a:focus-visible,.engineering-page button:focus-visible,.engineering-page summary:focus-visible{outline-color:#c6f545}
@keyframes render-drift{from{transform:scale(1.07) translateX(-1%)}to{transform:scale(1.14) translateX(1%)}}@keyframes flow-breathe{from{transform:scale(.97);opacity:.78}to{transform:scale(1.02);opacity:1}}
.engineering-page.motion-paused .trajectory img,.engineering-page.motion-paused .flow-study img{animation-play-state:paused}
@media(max-width:1000px){.eng-hero h1{font-size:78px}.model-stage{left:30%;right:-18%;opacity:.6}.eng-hero{min-height:720px}.research-copy{width:65%;padding:35px}.eng-about h2{font-size:60px}}
@media(max-width:700px){.eng-hero{padding-top:50px;min-height:850px;padding-bottom:390px}.eng-hero h1{font-size:clamp(59px,11vw,78px)}.eng-intro{max-width:100%}.model-stage{left:-8%;right:-8%;top:auto;bottom:65px;height:340px;opacity:.8}.eng-hero:after{background:linear-gradient(180deg,#0b0e1044,transparent 65%,#0b0e1022)}.model-caption{left:12%;right:12%;font-size:9px}.eng-intro-bottom{margin-top:28px}.eng-lead{font-size:15px}.eng-about h2{font-size:58px}.research-project{min-height:570px;align-items:start}.research-copy{width:100%;padding:30px 25px}.research-copy:before{inset:-20px -10px -80px;background:linear-gradient(#080e13ec,#080e13bc 55%,transparent)}.research-copy h3{font-size:48px}.trajectory img{object-position:47% center}.trajectory figcaption{left:0;right:auto;bottom:0;background:#0b0e1066}.flow-text h3{font-size:56px}.eng-hero-footer{font-size:8px}.project-list h3{font-size:31px}.eng-about .about-columns{gap:0}.eng-contact h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){.trajectory img,.flow-study img{animation:none!important}}
.trajectory img,.flow-study img{animation-play-state:paused}.motion-ready:not(.motion-paused) .trajectory img,.motion-ready:not(.motion-paused) .flow-study img{animation-play-state:running}
/* Scroll-directed cinematic model sequence. */
.eng-sequence{position:relative;height:auto;background:#0b0e10}.eng-sequence.has-3d{height:340svh}.eng-sequence .eng-hero{position:sticky;top:0;height:100svh;min-height:680px;max-height:1200px;display:block;padding-top:clamp(65px,12vh,125px);padding-bottom:90px;isolation:isolate}.eng-sequence .model-stage{position:absolute;inset:0;margin:0;height:auto;min-height:0;opacity:1;z-index:2}.eng-sequence .model-stage canvas{width:100%;height:100%}.eng-sequence .model-fallback{left:35%;width:65%;opacity:.5}.eng-sequence .eng-hero:after{z-index:0;background:radial-gradient(ellipse at 70% 50%,#16354028,transparent 65%),linear-gradient(90deg,#0b0e10aa,transparent 70%)}.eng-sequence .eng-intro{position:relative;z-index:3;will-change:opacity,transform;max-width:640px}.eng-sequence .eng-intro h1{font-size:clamp(58px,6.8vw,104px)}.eng-sequence .eng-intro-bottom{max-width:470px}.eng-sequence .model-caption{position:absolute;left:auto;right:6%;bottom:80px;width:auto;gap:24px;z-index:5;color:#8caaaf}.eng-sequence .model-caption button{padding:10px 12px;background:#10181cbb;border:1px solid #36464c;border-radius:3px;color:#d2ecef}.eng-sequence .eng-hero-footer{z-index:5;align-items:center}.sequence-progress{height:2px;background:#38514c;flex:1;max-width:280px;margin:0 35px;overflow:hidden}.sequence-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#37c9ee,#c6f545);transform:scaleX(0);transform-origin:left;box-shadow:0 0 10px #c6f545}.scroll-chapters{position:absolute;left:7%;bottom:150px;z-index:3;pointer-events:none}.scroll-chapters>div{position:absolute;bottom:0;left:0;width:350px;opacity:0;transform:translateY(20px)}.scroll-chapters span{color:#79dbeb;font-size:11px;letter-spacing:2px}.scroll-chapters h2{font-size:clamp(52px,5.5vw,80px);margin-bottom:0;text-shadow:0 2px 24px #0006}.scroll-chapters em{color:#c6f545}.eng-sequence .eng-grid{opacity:.16}.eng-sequence .model-stage canvas{touch-action:pan-y}
@media(max-width:700px){.eng-sequence.has-3d{height:300svh}.eng-sequence .eng-hero{height:100svh;min-height:650px;padding:38px 6% 70px}.eng-sequence .eng-intro h1{font-size:clamp(54px,10.8vw,74px);margin-top:23px}.eng-sequence .eng-lead{font-size:14px}.eng-sequence .eng-intro-bottom{gap:15px;margin-top:24px;font-size:12px}.eng-sequence .model-caption{left:6%;right:6%;bottom:63px;justify-content:space-between;font-size:9px;gap:8px}.eng-sequence .model-caption button{font-size:10px}.eng-sequence .model-fallback{left:0;width:100%;top:30%;height:65%}.scroll-chapters{bottom:150px}.scroll-chapters>div{width:280px}.scroll-chapters h2{font-size:52px}.sequence-progress{margin-right:0;max-width:120px}.eng-sequence .eng-hero-footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.eng-sequence.has-3d{height:auto}.eng-sequence .eng-hero{position:relative}.scroll-chapters{display:none}.sequence-progress{display:none}}