:root{--ink:#101714;--charcoal:#17211d;--paper:#e9ede6;--lime:#cdf564;--mist:#c9d4cd;--line:rgba(233,237,230,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--paper);background:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4vw;position:absolute;z-index:5;width:100%}.brand{color:var(--paper);display:flex;gap:11px;align-items:center;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.05}.brand svg{width:31px;height:31px;fill:var(--lime)}.main-nav{display:flex;gap:30px;align-items:center}.main-nav>a{color:var(--paper);font-size:12px;letter-spacing:.02em;text-decoration:none}.main-nav .nav-cta{padding:12px 18px;border:1px solid rgba(233,237,230,.5);margin-left:7px}.nav-cta span,.button span,.arrow-link span{font-size:17px;line-height:0;margin-left:9px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:790px;display:grid;grid-template-columns:51% 49%;position:relative;background:#0d1512}.hero-copy{padding:187px 6vw 95px 10.8vw;position:relative;z-index:1}.eyebrow,.section-label{font:500 10px/1.2 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin:0 0 25px}.hero h1,.statement h2,.numbers h2,.principles h2,.project-cta h2{font-size:clamp(47px,5.8vw,89px);font-weight:500;line-height:.99;letter-spacing:-.05em;margin:0;max-width:650px}.hero h1 em,.statement h2 em,.numbers h2 em,.principles h2 em,.project-cta h2 em{font-family:"Playfair Display",Georgia,serif;font-weight:500}.hero-intro{color:var(--mist);font-size:16px;line-height:1.65;max-width:465px;margin:38px 0 37px}.hero-actions{display:flex;gap:26px;align-items:center}.button{display:inline-flex;align-items:center;padding:17px 21px;font-size:12px;font-weight:700;text-decoration:none}.button-light{background:var(--lime);color:var(--ink)}.text-link{color:var(--paper);font-size:12px;text-decoration:none;border-bottom:1px solid var(--paper);padding:5px 0}.text-link span{margin-left:7px}.hero-visual{position:relative;background:linear-gradient(90deg,rgba(10,19,15,.1),rgba(10,19,15,.45)),url('assets/ottawa-road-evening.jpg') center/cover}.visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,14,.08),rgba(8,18,14,.5))}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(205,245,100,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(205,245,100,.12) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,black 60%)}.visual-caption{position:absolute;bottom:104px;right:7vw;font:500 10px/1.45 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--lime);text-align:right}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);position:absolute;bottom:0;left:5.4vw;right:5.4vw;padding:18px 0;color:var(--mist);font:400 10px "DM Mono",monospace;letter-spacing:.05em;text-transform:uppercase}.section-pad{padding:145px 10.8vw}.statement{display:grid;grid-template-columns:25% 75%;background:var(--paper);color:var(--ink)}.section-label{color:#5c6863}.statement h2{font-size:clamp(37px,4.4vw,68px);max-width:950px}.statement-body{max-width:530px;color:#44504a;font-size:16px;line-height:1.65;margin:44px 0 0}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;color:var(--ink)}.feature-card{min-height:690px;display:flex;flex-direction:column}.feature-main{background:#cedbd4}.feature-side{background:#d7e4dd}.card-image{min-height:330px;background-position:center;background-size:cover}.image-city{background-image:linear-gradient(0deg,rgba(12,34,25,.33),rgba(12,34,25,.03)),url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1300&q=88')}.image-lines{flex:1;min-height:290px;background-image:linear-gradient(0deg,rgba(7,19,14,.28),rgba(7,19,14,.05)),url('assets/port-logistics-day.jpg')}.card-content{padding:50px 11%}.feature-side .card-content{height:100%;display:flex;flex-direction:column;justify-content:center}.feature-side .systems-list{width:100%}.card-content h3{font-size:clamp(28px,2.7vw,45px);letter-spacing:-.04em;line-height:1.05;margin:0 0 19px;font-weight:600;max-width:540px}.card-content>p{font-size:14px;line-height:1.7;color:#44534c;max-width:490px}.arrow-link{display:inline-block;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);margin-top:17px;padding-bottom:6px}.systems-list{list-style:none;padding:0;margin:0}.systems-list li{border-top:1px solid rgba(16,23,20,.2);padding:21px 0;font-size:16px;font-weight:600;display:flex;gap:24px}.systems-list li span{font:400 10px "DM Mono",monospace;color:#64736b;padding-top:5px}.numbers{background:var(--charcoal)}.numbers .section-label{color:var(--lime)}.numbers-header{display:flex;justify-content:space-between;gap:8vw;align-items:end}.numbers h2{font-size:clamp(37px,4.4vw,67px)}.numbers-header>p{max-width:320px;color:var(--mist);font-size:14px;line-height:1.75;margin:0 0 5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:83px}.metrics>div{padding:30px 28px 0;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics strong{font-size:clamp(49px,5.4vw,78px);letter-spacing:-.06em;font-weight:500}.metrics strong span{color:var(--lime)}.metrics p{font-size:12px;color:var(--mist);max-width:150px;line-height:1.45}.principles{display:grid;grid-template-columns:1fr 1fr;background:#b6c9bc;color:var(--ink)}.principles-image{min-height:720px;background:linear-gradient(0deg,rgba(9,35,24,.35),rgba(9,35,24,.05)),url('assets/port-logistics-day.jpg') center/cover}.principles-copy{padding:105px 13% 80px}.principles h2{font-size:clamp(40px,4.2vw,64px);margin-bottom:54px}.principle{border-top:1px solid rgba(16,23,20,.2);padding:21px 0;display:grid;grid-template-columns:46px 1fr}.principle>span{font:400 10px "DM Mono",monospace;padding-top:4px}.principle h3{font-size:16px;margin:0 0 8px}.principle p{font-size:13px;line-height:1.6;color:#45554d;margin:0}.project-cta{background:var(--lime);color:var(--ink);text-align:center;padding-top:132px;padding-bottom:132px}.project-cta .eyebrow{color:var(--ink)}.project-cta h2{font-size:clamp(46px,5vw,76px);margin:0 auto 42px}.button-dark{background:var(--ink);color:var(--paper)}footer{background:#0c1210;padding:80px 10.8vw 27px}.footer-top{display:flex;justify-content:space-between;gap:60px}.brand-footer{font-size:16px}.brand-footer svg{width:47px;height:47px}.footer-top>div{text-align:right}.footer-top .eyebrow{margin-bottom:18px}.footer-email,.footer-phone{display:block;color:var(--paper);text-decoration:none}.footer-email{font-size:clamp(19px,2vw,28px);letter-spacing:-.04em;margin-bottom:6px}.footer-phone{font:400 12px "DM Mono",monospace;color:var(--mist)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:91px;display:flex;justify-content:space-between;color:var(--mist);font:400 10px "DM Mono",monospace;letter-spacing:.04em;text-transform:uppercase}.footer-bottom a{color:var(--paper);text-decoration:none}@media(max-width:800px){.site-header{height:75px;padding:0 7vw}.main-nav{position:absolute;left:0;right:0;top:75px;background:var(--ink);padding:25px 7vw;display:none;flex-direction:column;align-items:flex-start;gap:22px;border-top:1px solid var(--line)}.main-nav.open{display:flex}.main-nav .nav-cta{margin:0}.menu-toggle{display:block;width:35px;height:28px;padding:3px}.menu-toggle span{display:block;height:1px;background:var(--paper);margin:7px 0}.hero{min-height:850px;display:block}.hero-copy{padding:158px 7vw 0}.hero h1{font-size:53px}.hero-visual{position:absolute;left:0;right:0;bottom:0;height:330px}.hero-footer{left:7vw;right:7vw;font-size:8px}.visual-caption{bottom:73px;right:7vw}.statement,.principles{grid-template-columns:1fr}.section-pad{padding:85px 7vw}.statement .section-label{margin-bottom:37px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-side .card-content{order:2}.feature-side .card-image{order:1}.card-image{min-height:280px}.card-content{padding:55px 7vw}.numbers-header{display:block}.numbers-header>p{margin-top:30px}.metrics{margin-top:52px;grid-template-columns:1fr}.metrics>div,.metrics>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.principles-image{min-height:400px}.principles-copy{padding:78px 7vw}.project-cta{padding:90px 7vw}footer{padding:60px 7vw 23px}.footer-top{display:block}.footer-top>div{text-align:left;margin-top:60px}.footer-bottom{margin-top:63px;gap:14px;flex-direction:column}.hero-actions{gap:17px}.button{padding:15px 17px}}

