@font-face{font-family:Kenyan;src:url('assets/fonts/kenyan-coffee-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Work;src:url('assets/work-sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--cyan:#00a9ce;--aqua:#64ccc9;--navy:#1f2a44;--yellow:#ffd100;--paper:#f5f9fb;--display:Kenyan,Impact,sans-serif;--font:Work,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:.98}em,i{font-style:normal}p{line-height:1.65}.skip{position:fixed;left:20px;top:-100px;background:white;padding:16px;z-index:20000}.skip:focus{top:10px}.topbar{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;color:white;border-bottom:1px solid #ffffff45}.logo{width:187px;height:auto}.topbar .logo{filter:brightness(0) invert(1)}.topbar nav{display:flex;align-items:center;gap:34px;font-size:13px}.pill{display:inline-flex;gap:45px;align-items:center;border-radius:99px;padding:15px 22px;background:var(--yellow);color:var(--navy);font-size:13px;font-weight:600}.pill:hover{transform:translateY(-3px)}.hero{height:max(780px,100svh);position:relative;isolation:isolate;background:#09badd;overflow:clip}.hero-image{position:absolute;right:-4%;bottom:-3%;width:92%;height:106%;object-fit:cover;object-position:65% 50%;z-index:-3;will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#00a9cebd,transparent 63%)}.hero-type{position:absolute;top:20%;left:5%;z-index:2}h1{font-size:clamp(110px,12.3vw,218px);color:white;line-height:.86;text-shadow:0 2px 20px #00728c12}h1 em{color:var(--navy)}.hero-bottom{position:absolute;left:5%;right:5%;bottom:38px;display:flex;align-items:end;justify-content:space-between;color:white}.hero-bottom p{font-size:14px;line-height:1.5}.circle-link{border:1px solid #fff9;border-radius:50%;height:64px;width:64px;display:grid;place-items:center;font-size:28px;background:#00a9ce40;backdrop-filter:blur(8px)}.orbit{position:absolute;border:1px solid #ffffff65;border-radius:100%;height:100px;width:100px;right:9%;top:25%;pointer-events:none}.orbit-b{height:34px;width:34px;right:12%;top:29%}.intro{padding:110px 7%;display:grid;grid-template-columns:1fr 3fr;gap:36px}.intro-small{font-size:13px}.intro h2{font-size:clamp(45px,5.8vw,90px)}.intro h2 span{color:var(--cyan)}.intro-copy{grid-column:2;max-width:600px;font-size:17px}.journey{height:540svh;background:#111a2c;color:white;position:relative}.journey-sticky{position:sticky;top:0;height:100svh;min-height:640px;display:flex;flex-direction:column;padding:30px 5% 0;overflow:clip}.journey-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0 22px;border-bottom:1px solid #ffffff30;z-index:2}.journey-top h2{font-family:var(--font);font-size:12px;letter-spacing:.04em}.text-button{border:0;background:none;color:#b8c9d9;font-size:11px;padding:8px}.stage-layout{flex:1;min-height:0;display:grid;grid-template-columns:30% 70%;align-items:center}.stage-copy{z-index:2;padding:20px 0;pointer-events:none}.stage-name{font-size:12px;color:var(--aqua);margin-bottom:24px}.stage-copy h3{font-size:clamp(45px,5.4vw,88px);margin-bottom:24px;white-space:pre-line}.stage-copy>p:last-child{max-width:320px;color:#b7c8d7;font-size:14px}.model-area{height:100%;position:relative;min-height:320px}.model-area #model{position:absolute;inset:0 -4vw 0 -3vw}.model-area canvas{width:100%;height:100%;display:block}#model-fallback{position:absolute;inset:0;display:grid;align-content:center;gap:20px;font-size:12px;text-align:center}#model-fallback img{border-radius:8px}#model-fallback[hidden]{display:none}.journey-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 20px;z-index:2}.legend{display:flex;gap:19px;font-size:10px;color:#7fd4e6}.legend span:nth-child(2){color:var(--aqua)}.legend span:nth-child(3){color:var(--yellow)}.model-note{font-size:10px;color:#a4b1c0}.stage-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #ffffff25}.stage-tabs button{padding:22px 8px;color:#93a5b8;border:0;border-top:3px solid transparent;background:none;font-size:12px;text-align:left}.stage-tabs button[aria-current]{color:var(--aqua);border-color:var(--aqua)}.stage-tabs button:hover{background:#ffffff08}.manifesto{padding:105px 5% 90px;text-align:center;background:var(--yellow);position:relative;isolation:isolate;overflow:clip}.manifesto-label{font-size:10px;letter-spacing:.08em;margin-bottom:35px}.manifesto h2{font-size:clamp(70px,11.5vw,178px);line-height:.92;position:relative;z-index:2}.manifesto h2 span{color:var(--cyan);display:inline-block;transform:rotate(-7deg)}.manifesto h2 i{color:white;text-shadow:3px 3px 0 var(--navy)}.dark-pill{background:var(--navy);color:white;margin-top:38px;position:relative;z-index:3}.water-disc{position:absolute;border-radius:100%;background:radial-gradient(circle at 28% 24%,white 0%,#b7eeee 8%,#64ccc980 28%,#00728c 72%,#1f2a44 100%);box-shadow:inset -15px -10px 20px #00354c70,inset 10px 8px 15px #ffffffc0,10px 30px 30px #9a700028;border:1px solid #fff7;z-index:1}.disc-one{width:150px;height:150px;top:25%;left:5%;transform:rotate(-25deg)}.disc-two{width:105px;height:105px;right:7%;top:60%}.disc-three{width:43px;height:43px;right:18%;top:20%}.technologies,.applications{padding:105px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.section-heading h2{font-size:clamp(46px,5.5vw,84px)}.section-heading>p{font-size:14px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.tech-image{position:relative;min-height:530px}.tech-image img{height:100%;width:100%;object-fit:cover;border-radius:4px}.tech-image span{position:absolute;bottom:22px;left:22px;border-radius:99px;padding:10px 16px;background:var(--paper);font-size:11px}.tech-list details{border-top:1px solid #1f2a4435;padding:20px 0}.tech-list details:last-child{border-bottom:1px solid #1f2a4435}.tech-list summary{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:34px;list-style:none}.tech-list summary::-webkit-details-marker{display:none}.tech-list summary span{font:24px var(--font)}.tech-list details[open] summary{color:#00728c}.tech-list details p{font-size:14px;padding-top:15px;max-width:430px}.tech-list details a{display:inline-block;margin-top:12px;font-size:12px;text-decoration:underline}.applications{padding-top:20px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.application-grid img{width:100%;height:340px;object-fit:cover;border-radius:4px}.application-grid h3{font-size:37px;margin-top:24px}.application-grid p{font-size:13px;max-width:300px;margin-top:12px}.contact{padding:85px 7% 65px;background:var(--cyan);color:white;overflow:clip}.contact>p:first-child{font-size:11px;margin-bottom:38px}.contact h2{font-size:clamp(90px,14vw,210px);line-height:.88}.contact h2 em{color:var(--navy)}.contact-row{display:flex;gap:70px;margin-top:55px}.contact-row a{display:flex;justify-content:space-between;min-width:240px;gap:25px;border-bottom:1px solid #ffffff70;padding-bottom:18px}.address{margin-top:35px;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 7%;font-size:11px}footer .logo{width:150px}.stage-copy.changing{animation:rise .5s both}@keyframes rise{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-image{object-position:right center}.hero-type{top:20%}}@media(max-width:800px){.topbar{padding:22px 6%}.logo{width:140px}.topbar nav{gap:16px}.topbar nav>a:not(.pill){display:none}.pill{padding:12px 16px;gap:24px}.hero{height:850px;max-height:1100px;min-height:100svh}.hero-type{top:20%;left:6%}h1{font-size:clamp(108px,19vw,160px);line-height:.9}.hero-image{width:160%;max-width:none;height:75%;right:-50%;bottom:-9%;object-position:75% 50%;opacity:.85}.hero-shade{background:linear-gradient(180deg,#00a9ce88,transparent)}.hero-bottom{left:6%;right:6%;bottom:28px}.hero-bottom p{font-size:12px}.orbit{display:none}.intro{padding:65px 6%;display:block}.intro-small{margin-bottom:30px}.intro h2{font-size:54px}.intro-copy{margin-top:28px;font-size:15px}.journey{height:460svh}.journey-sticky{padding:16px 6% 0;min-height:690px}.journey-top{padding:4px 0 15px;gap:12px}.journey-top h2{font-size:9px;max-width:160px;line-height:1.6}.text-button{font-size:10px}.stage-layout{display:flex;flex-direction:column;align-items:stretch}.stage-copy{padding:26px 0 0}.stage-name{margin-bottom:13px;font-size:11px}.stage-copy h3{font-size:48px;margin-bottom:14px}.stage-copy>p:last-child{max-width:100%;font-size:12px;line-height:1.6;min-height:58px}.model-area{flex:1;min-height:230px}.model-area #model{inset:0 -5vw}.journey-bottom{display:block;padding:0 0 14px}.legend{gap:16px;font-size:9px}.model-note{margin-top:7px;font-size:8px}.stage-tabs button{font-size:9px;padding:18px 2px}.manifesto{padding:70px 6%}.manifesto-label{font-size:8px;max-width:250px;margin:0 auto 35px}.manifesto h2{font-size:clamp(62px,14vw,108px)}.disc-one{width:65px;height:65px;left:-20px}.disc-two{width:55px;height:55px;right:-10px;top:68%}.disc-three{width:20px;height:20px;right:8%}.technologies,.applications{padding:65px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:49px}.section-heading>p{margin-top:22px;font-size:12px}.tech-grid{grid-template-columns:1fr;gap:30px}.tech-image{height:270px;min-height:0}.tech-list summary{font-size:31px}.tech-list details{padding:18px 0}.application-grid{grid-template-columns:1fr;gap:42px}.application-grid img{height:300px}.application-grid h3{font-size:38px;margin-top:20px}.application-grid p{max-width:100%}.applications{padding-top:0}.contact{padding:65px 6%}.contact>p:first-child{font-size:9px}.contact h2{font-size:clamp(85px,20vw,145px)}.contact-row{flex-direction:column;gap:26px;margin-top:35px}.contact-row a{font-size:14px}.address{font-size:10px}footer{padding:35px 6%;flex-wrap:wrap;gap:24px}footer span{order:3;width:100%;font-size:10px}footer .logo{width:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.journey{height:auto}.journey-sticky{position:relative;height:max(760px,100svh)}}html:where(.ligero){scroll-behavior:auto}:where(html.ligero) *,:where(html.ligero) *::before,:where(html.ligero) *::after{animation:none!important;transition:none!important}:where(html.ligero) .journey{height:auto}:where(html.ligero) .journey-sticky{position:relative;height:max(760px,100svh)}

.hero-type{top:26%;width:52%;max-width:900px}.hero-logo{width:100%;height:auto;filter:brightness(0) invert(1)}@media(max-width:800px){.hero-type{top:22%;width:86%}.hero-image{height:70%;bottom:-3%}}


.hero-track{height:185svh;background:var(--cyan)}.hero-track .hero{position:sticky;top:0;height:100svh;min-height:700px}.hero-image{transform-origin:72% 48%}.hero-type{will-change:transform,opacity}.manifesto-track{height:230svh;background:var(--yellow)}.manifesto-track .manifesto{position:sticky;top:0;height:100svh;min-height:740px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 5%}.kinetic-line{display:block;font-weight:700;will-change:transform}.manifesto h2{font-size:clamp(70px,10.5vw,158px)}.water-disc{will-change:transform,translate}.disc-one{width:clamp(100px,14vw,210px);height:clamp(100px,14vw,210px)}.disc-two{width:clamp(70px,10vw,145px);height:clamp(70px,10vw,145px)}
@media(max-width:800px){.hero-track{height:155svh}.hero-track .hero{min-height:720px}.manifesto-track{height:180svh}.manifesto-track .manifesto{min-height:650px;padding:55px 6%}.manifesto h2{font-size:clamp(62px,14vw,108px)}}
@media(prefers-reduced-motion:reduce){.hero-track,.manifesto-track{height:auto}.hero-track .hero,.manifesto-track .manifesto{position:relative;height:auto;min-height:760px}.kinetic-line,.water-disc,.hero-image,.hero-type{transform:none!important;translate:none!important;opacity:1!important}}:where(html.ligero) .hero-track,:where(html.ligero) .manifesto-track{height:auto}:where(html.ligero) .hero-track .hero,:where(html.ligero) .manifesto-track .manifesto{position:relative;height:auto;min-height:760px}:where(html.ligero) .kinetic-line,:where(html.ligero) .water-disc,:where(html.ligero) .hero-image,:where(html.ligero) .hero-type{transform:none!important;translate:none!important;opacity:1!important}


.brand-pipe{position:absolute;inset:0;background:var(--navy);mask:url('assets/brand/pipe-flow.svg') center/contain no-repeat;-webkit-mask:url('assets/brand/pipe-flow.svg') center/contain no-repeat;pointer-events:none}
.brand-wave{position:absolute;background:var(--navy);mask:url('assets/brand/wave-1.png') center/contain no-repeat;-webkit-mask:url('assets/brand/wave-1.png') center/contain no-repeat;pointer-events:none;will-change:transform}
.hero-piping{position:absolute;left:-12%;bottom:-180px;width:140%;height:550px;pointer-events:none;z-index:1;transform:translateY(110px);opacity:0;will-change:transform,opacity}.hero-pipe-base{background:var(--navy);opacity:.3}.hero-pipe-water{background:var(--yellow);clip-path:inset(0 100% 0 0)}.hero-bottom{z-index:3}.hero-bottom p{transition:opacity .2s}
.intro{position:relative;padding-bottom:240px;overflow:clip}.pipe-bridge{position:absolute;left:-3%;bottom:-100px;width:106%;height:320px}.bridge-base{opacity:.12}.bridge-water{background:var(--cyan);clip-path:inset(0 100% 0 0)}
.brand-choreography{position:absolute;inset:0;overflow:clip;z-index:0;pointer-events:none}.manifesto-label,.manifesto h2,.manifesto .pill{position:relative;z-index:2}.wave-left{width:660px;height:660px;left:-430px;top:14%;opacity:.28}.wave-right{width:800px;height:800px;right:-490px;bottom:-390px;opacity:.24}.manifesto-pipe{width:125%;height:410px;inset:auto;will-change:transform,clip-path}.pipe-upper{top:-170px;left:-15%;background:var(--navy);clip-path:inset(0 75% 0 0)}.pipe-lower{bottom:-205px;left:-4%;background:var(--navy);mask-image:url('assets/brand/pipe-flow-return.svg');-webkit-mask-image:url('assets/brand/pipe-flow-return.svg');clip-path:inset(0 0 0 75%)}.contact{position:relative;isolation:isolate}.contact-wave{width:800px;height:800px;right:-340px;top:-190px;opacity:.12;z-index:-1}
@media(max-width:800px){.hero-piping{width:210%;left:-45%;height:370px;bottom:-60px}.intro{padding-bottom:170px}.pipe-bridge{width:190%;left:-35%;height:220px;bottom:-50px}.wave-left{width:400px;height:400px;left:-285px;top:6%}.wave-right{width:450px;height:450px;right:-310px;bottom:-160px}.manifesto-pipe{width:200%;height:280px}.pipe-upper{top:-90px;left:-50%}.pipe-lower{bottom:-100px;left:-20%}.contact-wave{width:550px;height:550px;right:-360px}}
@media(prefers-reduced-motion:reduce){.hero-piping{opacity:.3;transform:none!important}.hero-pipe-water,.bridge-water,.pipe-upper,.pipe-lower{clip-path:none!important}.brand-wave,.manifesto-pipe{transform:none!important}}:where(html.ligero) .hero-piping{opacity:.3;transform:none!important}:where(html.ligero) .hero-pipe-water,:where(html.ligero) .bridge-water,:where(html.ligero) .pipe-upper,:where(html.ligero) .pipe-lower{clip-path:none!important}:where(html.ligero) .brand-wave,:where(html.ligero) .manifesto-pipe{transform:none!important}