@font-face{font-family:Manrope;src:url('assets/manrope-medium.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-extrabold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--ink:#0c1c2b;--navy:#0b1927;--blue:#2996ce;--paper:#f6f7f5;--muted:#6a7379;--line:#d8deda;--gutter:clamp(24px,5.55vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a:focus-visible{outline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue)}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}button{cursor:pointer}::selection{background:var(--blue);color:#fff}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:14px}.skip:focus{top:10px}.scroll-progress{position:fixed;left:0;top:0;z-index:30;height:3px;background:var(--blue);width:100%;transform:scaleX(0);transform-origin:left}
.header{height:98px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);position:relative;z-index:20;border-bottom:1px solid #dfe3e4}.logo{width:150px;position:relative;flex-shrink:0}.logo img{width:150px;height:auto}.logo>span{position:absolute;bottom:-8px;right:0;font-size:8px;font-weight:800;letter-spacing:2.7px;color:#536673}.header nav{display:flex;gap:32px;font-size:12px;font-weight:700}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:3px;height:1px;background:var(--blue);left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover:after{transform:scaleX(1)}.header-contact{font-size:12px;font-weight:800;display:flex;align-items:center;gap:30px}.header-contact span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b7c1c6;border-radius:50%;font-size:19px;transition:background .2s,color .2s}.header-contact:hover span{background:var(--ink);color:white}.menu-toggle{display:none}
.hero{min-height:730px;height:calc(100svh - 98px);max-height:1100px;position:relative;overflow:hidden;background:var(--navy);color:white}.hero-image,.hero-shade,.hero-grid{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.62);transform:scale(1.06)}.hero-shade{background:linear-gradient(90deg,rgba(4,19,31,.88),rgba(4,19,31,.39) 58%,rgba(4,19,31,.18)),linear-gradient(0deg,rgba(4,19,31,.9),transparent 48%)}.hero-grid{display:flex;justify-content:space-evenly;pointer-events:none;opacity:.18}.hero-grid i{height:100%;width:1px;background:#c1d3da}.hero-content{position:relative;z-index:2;padding:68px var(--gutter) 150px;max-width:1250px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:12px;line-height:1.6}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #2996ce20}.hero h1{font-size:clamp(68px,8.4vw,142px);font-weight:800;line-height:1.04;letter-spacing:-7px;margin:30px 0}.line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.line>span{display:block}.blue{color:var(--blue)}.hero-description{display:flex;gap:22px;align-items:flex-start;margin-top:26px;color:#c8d4dc;font-size:14px;line-height:1.85}.small-line{height:1px;width:40px;background:var(--blue);margin-top:13px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 24px;font-weight:800;font-size:11px;transition:background .3s,color .3s}.button span{font-size:21px;line-height:1}.button-white{background:var(--paper);color:var(--ink)}.button-white:hover{background:var(--blue);color:white}.hero-cta{margin-top:30px}.hero-side{position:absolute;right:28px;top:95px;display:flex;align-items:center;gap:24px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#b7c6d0}.side-line{height:65px;width:1px;background:#ffffff50}.hero-bottom{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:110px;border-top:1px solid #ffffff35;display:flex;align-items:center;justify-content:space-between;z-index:3}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:10px;line-height:1.65;color:#d3dce1}.scroll-icon{width:36px;height:45px;border:1px solid #ffffff40;border-radius:25px;display:grid;place-items:center;font-size:19px;animation:scroll-hint 2s infinite}.hero-sectors{display:flex;gap:38px}.hero-sectors>a{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:800}.hero-sectors span{font-size:8px;color:#91a5b5;font-weight:500}.hero-sectors b{font-size:18px;font-weight:400;transition:transform .3s}.hero-sectors a:hover b{transform:translate(3px,-3px);color:var(--blue)}.hero-corner{position:absolute;bottom:114px;right:var(--gutter);font-size:22px;color:#9fbbc9}.section-padding{padding:90px var(--gutter)}.section-label{display:flex;align-items:center;gap:35px;font-size:9px;font-weight:800;letter-spacing:1.2px;line-height:1.5}.section-label>span:first-child{white-space:nowrap}.section-label>span:last-child{color:#7a858c;font-size:8px;white-space:nowrap}.label-line{height:1px;background:var(--line);flex:1}.section-label.light{color:#9aaebd}.section-label.light .label-line{background:#ffffff26}.section-label.light>span:last-child{color:#7e93a4}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin:75px 0 10px}.year-mark{font-size:clamp(60px,7vw,100px);letter-spacing:-7px;line-height:1;font-weight:800;display:flex;align-items:flex-start;gap:20px}.year-mark i{font-size:32px;color:var(--blue);font-style:normal;letter-spacing:0}.caption{font-size:12px;color:var(--muted);line-height:1.9;margin-top:25px}h2{font-size:clamp(32px,3.7vw,60px);letter-spacing:-2.4px;font-weight:800;line-height:1.25}h2>span{color:#859099}.intro-copy h2{font-size:clamp(30px,3.3vw,53px)}.intro-bottom{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end;margin-top:35px}.intro-bottom p{font-size:12px;line-height:2;color:var(--muted);max-width:400px}.text-link{font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #acb8bf;padding:0 0 12px;white-space:nowrap;width:max-content;max-width:100%;transition:color .3s}.text-link span{font-size:22px;line-height:1}.text-link:hover{color:var(--blue)}
.expertise{background:var(--navy);color:#f6f7f5;padding-top:65px;padding-bottom:35px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:55px 0 50px}.section-heading>p{font-size:12px;line-height:1.9;color:#98aab8;margin-bottom:8px}.expertise h2>span{color:#7f95a5}.expertise-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:6vw;align-items:start}.expertise-visual{height:490px;position:relative;overflow:hidden;background:#183347}.expertise-visual>img{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform 1s;filter:saturate(.6)}.expertise-visual:hover>img{transform:scale(1.035)}.expertise-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#061625b5);pointer-events:none}.expertise-visual figcaption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;z-index:2}.image-cross{position:absolute;right:20px;top:15px;font-size:26px;font-weight:400}.service{border-top:1px solid #ffffff25}.service:last-of-type{border-bottom:1px solid #ffffff25}.service h3{font-weight:500}.service h3>button{color:#a2b1bc;width:100%;border:0;background:none;display:grid;grid-template-columns:35px 1fr 30px;gap:20px;text-align:left;align-items:center;padding:26px 0;font-size:30px;letter-spacing:-1.2px}.service-number{font-size:10px;color:#687f90;letter-spacing:0}.service-arrow{font-size:24px;font-weight:400;transition:transform .3s;color:#6d8393}.service.active h3>button{color:white}.service.active .service-number,.service.active .service-arrow{color:var(--blue)}.service.active .service-arrow{transform:rotate(45deg)}.service-body{padding:0 0 28px 55px;font-size:12px;line-height:1.9;color:#9eafbc}.service-body>p{max-width:340px}.service-body ul{list-style:none;padding:0;margin:18px 0 0;color:#d8e0e5;font-size:11px}.service-body li{padding:4px 0;display:flex;align-items:center;gap:10px}.service-body li:before{content:'';width:3px;height:3px;background:var(--blue)}.light-link{margin:30px 0 0 55px;border-color:#526677;font-size:10px}.visual-note{font-size:8px;color:#79909f;margin-top:20px;letter-spacing:.5px}
.energy{height:730px;position:relative;overflow:hidden;color:white;background:#182b30}.energy-image,.energy-shade{position:absolute;inset:0}.energy-image img{width:100%;height:125%;object-fit:cover;object-position:50% 57%;margin-top:-7%;filter:saturate(.6)}.energy-shade{background:linear-gradient(0deg,#071c29eb,rgba(8,23,31,.1) 90%),linear-gradient(90deg,#091b2c70,transparent)}.energy-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:38px var(--gutter);border-bottom:1px solid #ffffff30}.energy-coordinate{font-size:8px;letter-spacing:1.7px}.energy-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:65px}.energy-copy>.eyebrow{color:#b0cedb;font-size:9px}.energy h2{font-size:clamp(40px,5.3vw,85px);line-height:1.15;margin-top:20px;letter-spacing:-3.3px}.energy h2>span{color:#bfd4df}.energy-bottom{margin-top:30px;display:flex;align-items:end;justify-content:space-between}.energy-bottom p{font-size:12px;line-height:1.9;color:#b6c8d2;max-width:440px}.circle-link{width:75px;height:75px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;font-size:32px;transition:background .3s}.circle-link:hover{background:var(--blue)}
.approach{padding-bottom:95px}.approach .section-heading{margin-bottom:65px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #bcc7ce;padding-top:20px;position:relative}.principle-index{font-size:10px;color:#83919b}.principles svg{width:55px;height:55px;stroke:var(--blue);stroke-width:1.2;display:block;margin:32px 0}.principles h3{font-size:17px;letter-spacing:-.5px;margin-bottom:15px}.principles p{font-size:11px;line-height:2;color:var(--muted);max-width:310px}.catalog{background:#e9eeed;display:flex;gap:12%;align-items:center;padding-top:70px;padding-bottom:70px;overflow:hidden}.catalog-art{background:#0b273c;color:white;width:245px;height:305px;flex-shrink:0;position:relative;box-shadow:15px 20px 40px #09253b24;transform:rotate(-8deg);margin:10px 45px;border-left:7px solid #143c54;overflow:hidden}.catalog-art:after{content:'';position:absolute;width:250px;height:70px;background:var(--blue);transform:rotate(-35deg);top:50px;left:80px;opacity:.8}.catalog-art>span{position:absolute;bottom:55px;left:23px;line-height:1.25;font-size:28px;font-weight:800;letter-spacing:-1px}.catalog-art>small{position:absolute;bottom:25px;left:23px;letter-spacing:1.6px;font-size:7px}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:20px 20px}.blueprint-building{position:absolute;display:flex;gap:8px;top:35px;left:22px;transform:skewY(-12deg)}.blueprint-building i{display:block;width:32px;height:115px;border:1px solid #6db5d28c;background:repeating-linear-gradient(0deg,transparent,transparent 8px,#6db5d25c 9px,transparent 10px)}.blueprint-building i:nth-child(2){height:150px}.blueprint-building i:nth-child(4){height:135px}.catalog-copy{max-width:650px}.catalog-copy>.eyebrow{font-size:9px;color:#75828b}.catalog h2{font-size:clamp(30px,3.6vw,55px);margin:20px 0}.catalog-copy>p:not(.eyebrow){max-width:410px;font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:28px}
.contact{background:#10374e;color:white;padding-top:55px;padding-bottom:45px}.contact .label-line{background:#ffffff20}.contact-main{display:flex;justify-content:space-between;align-items:center;margin:60px 0 40px;gap:25px}.contact h2{font-size:clamp(36px,5vw,78px);letter-spacing:-3px}.contact h2>span{color:#80a7bc}.contact-arrow{width:110px;height:110px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:50px;font-weight:400;transition:background .3s,transform .3s}.contact-arrow:hover{background:var(--blue);transform:rotate(45deg)}.contact-details{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:25px;font-size:12px;color:#a8bfcc}.contact-details>a{color:white;font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px var(--gutter);gap:25px;background:var(--navy);color:#8b9daa;font-size:9px}.footer-logo img{width:105px;height:auto}.demo-label{font-size:7px;letter-spacing:1px;color:#6d8190}.back-top{color:#c4d0d7;font-size:10px;white-space:nowrap}
@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1600px){.hero-content{padding-top:90px}.hero-description{font-size:16px}.hero-cta{margin-top:40px}.hero-bottom{height:125px}.hero-corner{bottom:130px}.section-padding{padding-top:110px;padding-bottom:110px}.expertise{padding-bottom:40px}.energy{height:850px}}
@media(max-width:1100px){.header nav{gap:20px;font-size:10px}.header-contact{gap:12px;font-size:10px}.hero{min-height:700px}.hero h1{letter-spacing:-5px}.hero-content{padding-top:70px}.hero-sectors{gap:25px}.intro-grid{gap:40px}.intro-bottom{grid-template-columns:1fr;gap:25px}.expertise-layout{gap:45px}.expertise-visual{height:470px}.service h3>button{font-size:27px}.section-label{gap:22px}.section-label>span:last-child{font-size:7px}.principles{gap:30px}.catalog{gap:6%}.catalog-art{margin-left:10px;margin-right:10px}}
@media(max-width:760px){html{scroll-padding-top:75px}.header{height:80px}.logo,.logo img{width:124px}.logo>span{font-size:6px;bottom:-7px;letter-spacing:2.4px}.header-contact{margin-left:auto;margin-right:24px;font-size:0;gap:0}.header-contact span{font-size:20px;width:32px;height:32px}.menu-toggle{display:flex;width:26px;height:30px;flex-direction:column;gap:6px;justify-content:center;border:0;background:none;padding:0}.menu-toggle span{height:1px;width:24px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:24px var(--gutter) 30px;box-shadow:0 20px 30px #06182720;gap:18px;font-size:15px}.header nav.open{display:flex;flex-direction:column}.hero{height:calc(100svh - 80px);min-height:690px;max-height:900px}.hero-content{padding-top:65px;padding-bottom:210px}.hero h1{font-size:clamp(60px,12vw,90px);letter-spacing:-3.5px;margin-top:32px}.hero-intro{font-size:8px;letter-spacing:1.4px}.hero-description{font-size:12px;gap:16px;margin-top:26px}.small-line{width:25px}.hero-cta{font-size:10px;padding:18px 19px;margin-top:30px;gap:30px}.hero-side{display:none}.hero-image img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#051522d9,#05152233),linear-gradient(0deg,#051522f2,transparent 75%)}.hero-bottom{height:150px;flex-direction:column;align-items:stretch;justify-content:center;gap:25px}.hero-sectors{gap:0;justify-content:space-between}.hero-sectors>a{font-size:12px;gap:10px}.hero-sectors b{font-size:16px}.scroll-cue{font-size:9px}.scroll-cue br{display:none}.scroll-icon{height:30px;width:24px;font-size:15px}.hero-corner{bottom:154px;font-size:18px}.section-padding{padding-top:55px;padding-bottom:55px}.section-label{font-size:8px;gap:20px}.section-label>span:last-child{display:none}.intro-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.intro-left{display:flex;align-items:center;gap:35px}.year-mark{font-size:64px;letter-spacing:-4px;gap:15px}.year-mark i{font-size:23px}.caption{margin:0;font-size:10px;line-height:1.9}.intro-copy h2{font-size:clamp(28px,5.8vw,42px);letter-spacing:-1.5px;line-height:1.35}.intro-bottom{margin-top:25px;gap:25px}.intro-bottom p{font-size:12px;max-width:100%}.section-heading{margin:35px 0;gap:22px;display:block}h2{font-size:34px;letter-spacing:-1.5px}.section-heading>p{margin-top:22px;font-size:11px}.expertise-layout{grid-template-columns:1fr;gap:25px}.expertise-visual{height:340px;max-height:90vw}.expertise-visual figcaption{font-size:8px;left:20px;right:20px;bottom:20px}.service h3>button{padding:23px 0;font-size:29px;grid-template-columns:25px 1fr 30px;gap:15px}.service-body{padding-left:40px}.light-link{margin-left:40px;font-size:9px}.expertise{padding-bottom:25px}.energy{height:650px}.energy-top{padding-top:30px;padding-bottom:30px}.energy-top .eyebrow{font-size:8px;letter-spacing:1.3px}.energy-coordinate{display:none}.energy-image img{object-position:62% center}.energy-copy{bottom:40px}.energy-copy>.eyebrow{font-size:8px;letter-spacing:1.2px}.energy h2{font-size:clamp(33px,6.8vw,50px);letter-spacing:-1.8px;line-height:1.25}.energy-bottom{gap:20px;align-items:center;margin-top:25px}.energy-bottom p{font-size:11px;max-width:82%}.circle-link{width:45px;height:45px;font-size:23px;flex-shrink:0}.approach .section-heading{margin-bottom:40px}.approach .section-heading .text-link{margin-top:25px}.principles{grid-template-columns:1fr;gap:35px}.principles article{padding-left:85px;padding-top:30px}.principle-index{position:absolute;left:0;top:20px;font-size:9px}.principles svg{position:absolute;left:0;top:45px;margin:0;width:45px;height:45px}.principles h3{font-size:17px}.principles p{max-width:100%;font-size:11px}.catalog{flex-direction:column-reverse;gap:35px;align-items:start}.catalog h2{font-size:31px;letter-spacing:-1.5px}.catalog-art{margin:15px auto 10px;width:200px;height:255px}.catalog-art>span{font-size:24px}.catalog-art:after{top:30px}.catalog-copy>.eyebrow{font-size:8px}.catalog-copy>p:not(.eyebrow){font-size:11px}.contact{padding-bottom:35px}.contact-main{margin:40px 0 30px;align-items:end;gap:10px}.contact h2{font-size:clamp(27px,6.1vw,42px);letter-spacing:-1.5px;line-height:1.3}.contact-arrow{width:48px;height:48px;font-size:28px;margin-bottom:5px}.contact-details{align-items:start;flex-direction:column;gap:18px;font-size:10px}.contact-details>a{font-size:15px}footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px;gap:24px}.footer-logo img{width:95px}footer>p{font-size:8px;margin-left:auto}.demo-label{font-size:6px;flex:1}.back-top{font-size:9px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image img{transform:none}.scroll-progress{display:none}}
/* Portfolio and motion direction, revision 2 */
.header{position:sticky;top:0;height:86px;box-shadow:0 3px 25px #0b19270a}.hero{height:calc(100svh - 86px);min-height:720px}.hero-content{padding-top:75px}.hero-image img{object-position:62% 54%;filter:saturate(.8)}.hero-shade{background:linear-gradient(90deg,#051422ed,#07192b40 80%),linear-gradient(0deg,#061523e8,transparent 75%)}.engineering-overlay{position:absolute;inset:0;width:100%;height:100%;color:#70cdfb;opacity:.48;pointer-events:none}.engineering-overlay text{fill:currentColor;font-size:9px;font-family:Manrope;letter-spacing:2px}.engineering-overlay g{stroke-width:.7}.moving-band{overflow:hidden;padding:22px 0;background:var(--blue);color:#072234;transform:rotate(-1.2deg) scale(1.01);margin:0 0 -10px}.moving-band>div{width:max-content;font-size:clamp(20px,3vw,45px);font-weight:800;letter-spacing:-1px;white-space:nowrap;animation:band-travel 32s linear infinite}.moving-band i{font-weight:400;display:inline-block;font-style:normal;margin:0 40px;color:white}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:25px;align-items:center;padding-top:65px;padding-bottom:65px}.proof-strip strong{font-size:62px;letter-spacing:-4px;display:block;line-height:1.2}.proof-strip span{font-size:10px;color:#6a7379;display:block;max-width:170px;line-height:1.7;margin-top:9px}.proof-strip>p{border-left:1px solid var(--line);padding-left:30px;font-size:12px;line-height:1.9;color:var(--muted)}.proof-strip b{color:var(--ink)}.field-story{background:var(--navy);color:white}.field-pin{height:100svh;min-height:650px;position:relative;overflow:hidden}.field-images,.field-photo,.field-overlay{position:absolute;inset:0;width:100%;height:100%}.field-photo{object-fit:cover}.field-photo:not(:first-child){display:none}.field-overlay{background:linear-gradient(0deg,#041321e8,transparent 85%),linear-gradient(90deg,#06152396,transparent 90%)}.field-top{position:absolute;top:40px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;padding-bottom:25px;border-bottom:1px solid #ffffff50}.field-caption{position:absolute;left:var(--gutter);bottom:130px;max-width:770px}.field-caption h2{font-size:clamp(50px,6.1vw,100px);line-height:1.12;letter-spacing:-4px;margin:20px 0}.field-caption h2>span{color:#a9d8ee}.field-description{font-size:12px;line-height:1.9;max-width:450px;color:#c4d8e2}.field-caption .button{margin-top:28px;border:0}.field-chapters{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);display:flex;gap:45px;border-top:1px solid #ffffff30;padding-top:25px;font-size:9px;letter-spacing:1.5px;color:#93a3ae}.field-chapters .active{color:white}.field-chapters span{position:relative}.field-chapters .active:before{content:'';position:absolute;top:-27px;left:0;width:100%;height:3px;background:var(--blue)}.work-section{background:#f3f5f3}.work-section .section-heading>p{color:var(--muted)}.featured-works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{border:1px solid #d5dedf;background:white;overflow:hidden}.work-graphic{height:225px;padding:25px;background:#0c2b40;color:white;position:relative;overflow:hidden;background-image:linear-gradient(#84cff60a 1px,transparent 1px),linear-gradient(90deg,#84cff60a 1px,transparent 1px);background-size:25px 25px}.work-graphic>span{font-size:70px;letter-spacing:-4px;position:relative;z-index:2;font-weight:800}.work-graphic>span>small{font-size:17px;letter-spacing:0;font-weight:500;color:#93c8df}.work-graphic>small{position:absolute;bottom:20px;left:25px;font-size:7px;letter-spacing:1.4px;color:#a8c9da}.work-graphic svg{position:absolute;inset:60px 0 0;width:100%;height:150px;stroke:#45b7ec;stroke-width:1.5;opacity:.7}.tower-lines{position:absolute;right:20px;bottom:40px;display:flex;gap:6px;transform:skewY(-10deg)}.tower-lines i{width:30px;height:105px;border:1px solid #67c5ee70;background:repeating-linear-gradient(0deg,transparent 0 8px,#67c5ee60 9px,transparent 10px)}.tower-lines i:nth-child(2){height:140px}.work-card-body{padding:28px 25px}.work-card-body>p{font-size:7px;letter-spacing:1px;color:#79909e;min-height:24px}.work-card h3{font-size:23px;line-height:1.3;letter-spacing:-1px;margin:8px 0 18px}.work-card-body>span{font-size:9px;color:var(--muted);display:block}.work-card button{display:block;border:0;border-bottom:1px solid #b5c1c7;background:none;color:var(--ink);font-size:10px;padding:20px 0 10px;text-align:left;width:100%;margin-top:15px}.work-card:hover .work-graphic{background-color:#12405b}.archive-note{color:#7c878d;font-size:9px;line-height:1.8;margin-top:20px;max-width:850px}.archive-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:65px 0 25px}.archive-head h3{font-size:20px;letter-spacing:-.7px}.archive-head h3>span{font-size:8px;font-weight:500;margin-left:15px;color:var(--muted);letter-spacing:1px}.work-filters{display:flex;gap:7px;flex-wrap:wrap}.work-filters button{padding:10px 14px;background:transparent;border:1px solid #ccd6db;font-size:9px;color:#657782;border-radius:25px}.work-filters button.active{color:white;background:var(--ink);border-color:var(--ink)}.project-row{display:grid;grid-template-columns:35px 1fr 200px 30px;align-items:center;gap:20px;padding:22px 0;border-top:1px solid #d3dfe1;text-align:left;width:100%;background:none;color:var(--ink);border-right:0;border-left:0;border-bottom:0}.project-row>span:first-child{font-size:9px;color:#91a0a9}.project-row h4{font-size:12px;font-weight:700;margin:0}.project-row p{font-size:9px;color:#758692;margin-top:6px;line-height:1.6}.project-row>.project-category{font-size:9px;color:#6d808d}.project-row>b{font-size:22px;color:var(--blue);font-weight:400;transition:transform .3s}.project-row:hover>b{transform:translate(4px,-4px)}.project-row:hover h4{color:var(--blue)}.archive-more{padding:20px 0;background:none;width:100%;text-align:center;border:1px solid #ccd6db;font-size:10px;margin-top:20px;color:var(--ink)}.archive-more span{margin-left:20px}.institutions{padding-top:35px;padding-bottom:50px;border-top:1px solid var(--line)}.institutions>p{font-size:8px;letter-spacing:1.5px;color:#87949c}.institutions>div{display:flex;justify-content:space-between;gap:25px;margin-top:35px}.institutions span{font-size:20px;letter-spacing:-.7px;line-height:1.4}.institutions b{font-weight:500;color:#798a94;font-size:10px;letter-spacing:0}dialog{border:0;padding:60px;max-width:720px;width:calc(100% - 40px);background:var(--paper);color:var(--ink);max-height:85svh;overflow:auto;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#03111ecc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:15px;font-size:30px;border:0;background:none;color:inherit}.dialog-close:focus-visible{outline:2px solid var(--blue)}dialog h2{font-size:35px;letter-spacing:-1.5px;margin:25px 0}#project-client{font-size:10px;letter-spacing:1px;color:var(--blue);margin-bottom:20px}#project-description{font-size:14px;line-height:1.9}dialog .text-link{margin-top:25px}body:has(dialog[open]){overflow:hidden}#gallery-dialog{max-width:1200px;background:#071b29;color:white;padding:50px 20px 15px;overflow:hidden}#gallery-image{width:100%;max-height:65svh;object-fit:contain}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px}.gallery-toolbar p{font-size:10px;text-align:center;color:#b9cdd9}.gallery-toolbar button{border:1px solid #ffffff40;background:none;color:white;font-size:25px;width:44px;height:44px;flex-shrink:0}.motion-gallery-cursor{cursor:crosshair}@keyframes band-travel{to{transform:translateX(-50%)}}
@media(max-width:1000px){.featured-works{gap:15px}.work-card-body{padding:20px}.work-card h3{font-size:20px}.archive-head{align-items:start;flex-direction:column}.institutions>div{flex-wrap:wrap}.institutions span{min-width:25%}.proof-strip strong{font-size:50px}.proof-strip>p{font-size:10px}.project-row{grid-template-columns:25px 1fr 140px 20px}.field-caption h2{font-size:70px}}
@media(max-width:760px){.header{height:80px}.hero{min-height:730px;height:calc(100svh - 80px)}.hero-content{padding-top:55px}.hero h1{font-size:64px}.hero-description{font-size:12px}.engineering-overlay{opacity:.3;transform:translateX(25%)}.proof-strip{grid-template-columns:repeat(3,1fr);gap:20px;padding-top:45px;padding-bottom:45px}.proof-strip strong{font-size:40px;letter-spacing:-2.5px}.proof-strip span{font-size:8px}.proof-strip>p{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:7px;font-size:12px}.proof-strip>p br{display:none}.moving-band{padding:18px 0}.moving-band i{margin:0 25px}.field-pin{height:780px;min-height:0}.field-caption{bottom:130px;right:var(--gutter)}.field-caption h2{font-size:48px;letter-spacing:-2.5px}.field-caption .eyebrow{font-size:8px;letter-spacing:1.3px}.field-description{font-size:11px}.field-top{font-size:7px;letter-spacing:1px;gap:20px;top:30px}.field-chapters{gap:20px;font-size:6px;letter-spacing:.6px;justify-content:space-between}.field-chapters span{max-width:100px}.field-photo{object-position:60% center}.featured-works{grid-template-columns:1fr;gap:25px}.work-graphic{height:210px}.work-card-body{padding:25px}.work-card h3{font-size:26px}.work-card h3 br{display:none}.work-card-body>p{font-size:8px;min-height:0}.work-card-body>span{font-size:10px}.work-card button{font-size:11px}.archive-head{margin-top:45px}.archive-head h3{font-size:19px}.work-filters{gap:5px}.work-filters button{font-size:8px;padding:10px 12px}.project-row{grid-template-columns:20px 1fr 20px;gap:12px;padding:20px 0}.project-row>.project-category{display:none}.project-row h4{font-size:11px;line-height:1.7}.project-row p{font-size:8px}.archive-note{font-size:8px}.institutions>div{gap:25px}.institutions span{min-width:40%;font-size:17px}.institutions b{font-size:9px}.institutions{padding-top:30px;padding-bottom:40px}dialog{padding:45px 25px 30px}dialog h2{font-size:28px}#project-description{font-size:12px}.gallery-toolbar p{font-size:8px}.gallery-toolbar{gap:10px}}
@media(prefers-reduced-motion:reduce){.moving-band>div{animation:none}.field-photo:not(:first-child){display:none!important}.engineering-overlay{opacity:.25}}

body{overflow-x:clip}
.moving-band{transform:none;margin-bottom:0}

/* Shared multi-page navigation and editorial templates. */
.header nav{gap:26px;align-items:center}.header nav>a[aria-current=page],.nav-group[data-active=true]>summary{color:var(--blue)}.nav-group{position:relative}.nav-group>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 0}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.nav-group>summary>span{font-size:13px;color:#6d8797}.nav-group>div{position:absolute;top:100%;left:-22px;width:280px;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);padding:15px 22px;box-shadow:0 16px 30px #05172520}.header .nav-group>div>a{font-size:11px;padding:12px 0;line-height:1.6}.page-hero{background:var(--navy);color:white;padding:35px var(--gutter) 65px;position:relative;overflow:hidden;min-height:440px}.page-hero.with-image{min-height:520px}.page-hero-image,.page-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}.page-hero-shade{background:linear-gradient(90deg,#051727ef,#071a2c66),linear-gradient(0deg,#051727ac,transparent)}.page-hero-inner{position:relative;z-index:1;max-width:1200px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#9bb1c1;font-size:9px;line-height:1.8;max-width:950px}.breadcrumbs a:hover{color:white}.breadcrumbs>span[aria-current]{color:#dae4eb}.page-kicker{margin-top:50px;color:#83b6d0;font-size:9px;letter-spacing:1.7px}.page-title{font-size:clamp(42px,5.3vw,85px);line-height:1.12;letter-spacing:-3px;margin-top:24px;max-width:1100px}.page-title>span{color:#8ab6cf}.page-description{font-size:13px;line-height:1.9;color:#b3c7d3;margin-top:25px;max-width:660px}.page-cross{position:absolute;bottom:25px;right:var(--gutter);font-size:24px;color:#638ca4}.editorial{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.editorial aside strong{font-size:80px;letter-spacing:-5px;display:block;margin-top:30px}.editorial aside p{font-size:11px;color:var(--muted);margin-top:10px}.editorial>div>p{font-size:13px;line-height:2;color:#6a7881;margin-top:25px;max-width:780px}.editorial .text-link{margin-top:30px}.editorial h2{font-size:clamp(30px,3.4vw,50px)}.corporate-story{background:#e9eeed;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.corporate-story h2{font-size:46px}.corporate-story p{font-size:12px;line-height:2;color:#61727f;margin-bottom:20px}.corporate-story .text-link{margin-top:15px}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sector-card{display:block;border-bottom:1px solid #bccad0;padding-bottom:30px}.sector-card>img{width:100%;height:240px;object-fit:cover;filter:saturate(.7);transition:filter .4s}.sector-card:hover>img{filter:saturate(1)}.sector-card>div{position:relative;padding-top:25px}.sector-card>div>span{font-size:9px;color:var(--blue)}.sector-card h3{font-size:22px;line-height:1.4;margin:12px 0;letter-spacing:-.7px}.sector-card p{font-size:11px;color:#70818b;line-height:1.9}.sector-card b{display:block;font-size:10px;font-weight:800;margin-top:24px;color:var(--ink)}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.purpose-grid article{border-top:1px solid var(--line);padding-top:28px}.purpose-grid h2{margin:30px 0;font-size:50px}.purpose-grid p:not(.eyebrow){font-size:13px;color:#6c7c85;line-height:2}.values-section{background:var(--navy);color:white}.values-section .section-heading{margin-top:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.values-grid article{border-top:1px solid #ffffff35;padding-top:25px}.values-grid article>span{color:var(--blue);font-size:11px}.values-grid h3{font-size:19px;line-height:1.4;margin:25px 0 15px;letter-spacing:-.5px}.values-grid p{font-size:12px;line-height:1.9;color:#a7bac7}.page-cta{background:#10374e;color:white;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.page-cta>.eyebrow{grid-column:1/-1;font-size:9px;color:#92bcd1}.page-cta h2{font-size:60px}.page-cta h2>span{color:#86afc5}.service-intro{border-bottom:1px solid var(--line);padding-bottom:65px}.service-intro>.eyebrow{color:var(--blue);font-size:9px;margin-bottom:30px}.service-intro h2{font-size:clamp(25px,2.8vw,43px);line-height:1.55;letter-spacing:-1.5px;max-width:1100px}.service-catalog{padding-top:20px}.service-group{display:grid;grid-template-columns:50px 1fr 1fr;gap:40px;padding:45px 0;border-bottom:1px solid var(--line)}.service-group-index{font-size:12px;color:var(--blue);padding-top:8px}.service-group h2{font-size:29px;letter-spacing:-1px}.service-group p{font-size:11px;color:#70828e;line-height:1.9;margin-top:18px;max-width:350px}.service-group ul{padding:0;margin:0;list-style:none}.service-group li{padding:11px 0;border-bottom:1px solid #dce3e5;font-size:12px;line-height:1.7}.service-group li:first-child{padding-top:3px}.related-work{background:#eaf0ef}.related-work .section-heading{margin-top:0}.project-detail{display:grid;grid-template-columns:1fr 2fr;gap:7vw}.project-detail dl{margin:0}.project-detail dt{font-size:8px;letter-spacing:1px;color:#8096a3;margin-bottom:12px}.project-detail dd{margin:0 0 30px;font-size:13px;line-height:1.8}.project-detail article>.eyebrow{font-size:9px;color:var(--blue)}.project-detail h2{font-size:36px;letter-spacing:-1.5px;margin:25px 0}.project-detail article>p:not(.eyebrow):not(.archive-note){font-size:13px;line-height:2;color:#657985;margin:20px 0}.project-detail .text-link{margin:15px 0}.project-next{background:#e9eeed}.project-next>.eyebrow{font-size:9px;color:#8397a1}.project-next>a{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:30px}.project-next h2{font-size:40px;max-width:850px;letter-spacing:-1.5px}.project-next>a>span{font-size:50px;color:var(--blue)}.work-detail-link{display:block;font-size:10px;padding:20px 0 10px;border-bottom:1px solid #b5c1c7;margin-top:15px}.work-detail-link:hover{color:var(--blue)}.archive-link{background:var(--ink);color:white;margin-top:35px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.gallery-tile{padding:0;border:0;background:transparent;display:block;color:var(--ink);text-align:left}.gallery-tile img{width:100%;height:340px;object-fit:cover;filter:saturate(.8);transition:filter .4s}.gallery-tile:hover img{filter:saturate(1)}.gallery-tile>span{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.gallery-tile b{font-size:13px;font-weight:600}.gallery-tile i{font-size:25px;font-style:normal;color:var(--blue)}.gallery-tile:last-child{grid-column:1/-1}.gallery-tile:last-child img{height:450px}.media-catalog{background:#e9eeed}.media-catalog h2{margin:25px 0}.media-catalog>p:not(.eyebrow){font-size:13px;color:#70828e;line-height:1.9;max-width:500px;margin-bottom:30px}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-page h2{font-size:44px;margin:25px 0}.contact-page>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#71838f}.contact-email{font-size:23px;display:block;margin:35px 0;letter-spacing:-.8px}#contact-compose{border-top:1px solid var(--line);padding-top:25px}#contact-compose h3{font-size:22px;margin-bottom:30px}#contact-compose label{display:block;font-size:11px;margin-bottom:20px}#contact-compose label>span{color:#8b9ca6;font-size:9px}input,textarea{display:block;width:100%;font:inherit;font-size:13px;margin-top:10px;background:white;border:1px solid #c5d3da;padding:13px;color:var(--ink);border-radius:0}textarea{resize:vertical;min-height:130px}input:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}#contact-compose>.button{background:var(--ink);color:white;border:0;margin-top:5px}#contact-compose .form-note{font-size:9px;color:#7b8e9b;line-height:1.8;margin-top:20px}#contact-status{font-size:11px;line-height:1.8;color:#22799d;margin-top:15px}.site-footer{display:block;padding-top:55px;padding-bottom:30px}.footer-top{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr;gap:35px;padding-bottom:45px}.footer-top .footer-logo img{width:130px}.footer-top>p{font-size:17px;line-height:1.6;color:#adc0ce;letter-spacing:-.3px}.footer-top>div{display:flex;flex-direction:column;gap:16px;font-size:10px}.footer-top a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff25;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-sectors{background:#f6f7f5}
@media(max-width:1050px){.header nav{gap:18px;font-size:10px}.sector-grid{gap:20px}.sector-card h3{font-size:19px}.sector-card>img{height:200px}.service-group{gap:25px;grid-template-columns:30px 1fr 1fr}.values-grid{gap:30px}.project-next h2{font-size:32px}}
@media(max-width:760px){.header nav{gap:10px;max-height:calc(100svh - 80px);overflow-y:auto;align-items:stretch}.header nav>a{font-size:15px}.nav-group>summary{font-size:15px;justify-content:space-between;padding:12px 0}.nav-group>div{position:static;background:#e9eff0;border:0;border-left:1px solid var(--blue);width:auto;box-shadow:none;padding:5px 20px}.header .nav-group>div>a{font-size:12px;padding:11px 0}.page-hero{min-height:360px;padding-top:28px;padding-bottom:45px}.page-hero.with-image{min-height:420px}.page-kicker{margin-top:35px;font-size:7px;letter-spacing:1px}.page-title{font-size:clamp(32px,7.4vw,53px);line-height:1.2;letter-spacing:-1.8px;overflow-wrap:anywhere;margin-top:22px}.breadcrumbs{font-size:8px;gap:8px}.page-description{font-size:11px;line-height:1.9;margin-top:20px}.editorial,.corporate-story,.purpose-grid,.project-detail,.contact-page{grid-template-columns:1fr;gap:40px}.editorial aside strong{font-size:65px;margin-top:18px}.editorial>div>p{font-size:12px}.editorial h2{font-size:29px}.corporate-story h2{font-size:35px}.sector-grid{grid-template-columns:1fr;gap:35px}.sector-card>img{height:250px}.sector-card h3{font-size:24px}.sector-card p{font-size:12px}.sector-card b{font-size:11px}.sector-card{padding-bottom:25px}.purpose-grid h2{font-size:38px;margin:25px 0}.purpose-grid p:not(.eyebrow){font-size:12px}.values-grid{grid-template-columns:1fr;gap:30px}.values-grid h3{font-size:19px;margin:20px 0 12px}.values-grid p{font-size:11px}.page-cta{grid-template-columns:1fr}.page-cta h2{font-size:43px}.page-cta>.button{width:max-content}.service-intro h2{font-size:25px;letter-spacing:-.8px}.service-group{grid-template-columns:24px 1fr;gap:20px;padding:30px 0}.service-group ul{grid-column:2}.service-group h2{font-size:26px}.service-group li{font-size:11px}.service-group p{font-size:11px}.project-detail aside{border-bottom:1px solid var(--line)}.project-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.project-detail dt{font-size:7px;margin-bottom:10px}.project-detail dd{font-size:11px;margin-bottom:25px}.project-detail h2{font-size:29px}.project-detail article>p:not(.eyebrow):not(.archive-note){font-size:12px}.project-next h2{font-size:27px}.project-next>a>span{font-size:35px}.gallery-grid{grid-template-columns:1fr;gap:25px}.gallery-tile img,.gallery-tile:last-child img{height:270px}.gallery-tile:last-child{grid-column:auto}.gallery-tile b{font-size:12px}.gallery-tile>span{padding:15px 0}.contact-page h2{font-size:35px}.contact-email{font-size:21px}#contact-compose h3{font-size:22px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>p{font-size:14px}.footer-top>div{font-size:9px;gap:14px}.footer-top .footer-logo img{width:110px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:20px}.footer-bottom .demo-label{flex:auto}.home-sectors .section-heading>.text-link{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.page-title,.page-description,.page-kicker{transform:none!important;opacity:1!important}}

/* Use symmetric vector geometry instead of a font glyph inside round controls. */
.header-contact>span,.circle-link,.contact-arrow{line-height:1;place-items:center}
.circle-arrow-icon{display:block;flex-shrink:0;width:44%;height:44%;pointer-events:none}
.header-contact>span>.circle-arrow-icon{width:55%;height:55%}