@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--blue:#1155ee;--navy:#07111f;--ink:#101722;--muted:#667080;--light:#f2f5f8;--line:#dce2e8;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}img,video{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.progress{position:fixed;z-index:100;top:0;left:0;height:3px;background:var(--blue);width:0}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,72px);position:absolute;top:0;z-index:20;width:100%;color:#fff}.header.scrolled{position:fixed;background:rgba(7,17,31,.94);backdrop-filter:blur(14px);height:76px}.logo{width:238px;background:white;padding:7px 11px}.nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav a{opacity:.86}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:14px 18px}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;position:relative;color:#fff;overflow:hidden}.hero-media{height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,20,.88) 0%,rgba(4,10,20,.52) 47%,rgba(4,10,20,.08) 75%),linear-gradient(0deg,rgba(4,10,20,.45),transparent 45%)}.hero-content{position:absolute;left:max(6vw,40px);top:51%;transform:translateY(-50%);max-width:930px}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;margin:0 0 24px;color:#b7cbff}.kicker.dark{color:var(--blue)}h1,h2,h3{font-family:'Manrope',sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(58px,7.2vw,112px);line-height:.93;font-weight:600}h1 em{font-style:normal;color:#78a0ff}.lead{font-size:clamp(17px,1.3vw,21px);line-height:1.65;max-width:700px;color:#d4dbe6;margin:34px 0}.actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border:1px solid transparent;font-weight:600;font-size:14px;cursor:pointer}.button.blue{background:var(--blue);color:white}.button.blue:hover{background:#0c46cb}.button.ghost{border-color:rgba(255,255,255,.45);color:white}.hero-side{position:absolute;right:4vw;bottom:10%;border-left:1px solid rgba(255,255,255,.4);padding-left:20px}.hero-side span{font-size:12px;color:#8db0ff}.hero-side p{font-size:13px;line-height:1.5;color:#dbe3ed}.scroll{position:absolute;bottom:36px;left:max(6vw,40px);font-size:11px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:15px}.scroll i{display:block;width:70px;height:1px;background:#fff}.section{max-width:var(--max);margin:auto;padding:clamp(90px,10vw,160px) clamp(24px,4vw,72px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.section-head h2{font-size:clamp(42px,5vw,74px);line-height:1.03}.intro-copy>p{font-size:clamp(18px,1.6vw,24px);line-height:1.65;color:#4c5665;margin:0 0 55px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mini-grid div{border-top:1px solid var(--line);padding-top:18px}.mini-grid b,.mini-grid span{display:block}.mini-grid b{font-size:18px}.mini-grid span{font-size:13px;color:var(--muted);margin-top:7px}.feature-photo{height:88vh;min-height:640px;background-image:linear-gradient(90deg,rgba(7,17,31,.82),rgba(7,17,31,.05)),var(--bg);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:8vw;color:white;background-attachment:fixed}.feature-photo h2{font-size:clamp(52px,7vw,104px);line-height:.95}.section-head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:8vw;align-items:end;margin-bottom:70px}.section-head .kicker{grid-column:1/-1}.section-head p:last-child{line-height:1.65;color:var(--muted);font-size:17px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.service-list span{color:var(--blue);font-size:12px}.service-list h3{font-size:27px}.service-list p{margin:0;color:var(--muted);line-height:1.65}.projects{background:var(--navy);color:white;padding-bottom:8px}.projects-head{padding-bottom:70px}.projects-head .kicker{color:#8aaeff}.projects-head h2{font-size:clamp(48px,6vw,88px)}.filters{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.filters button{background:none;border:1px solid #3c4656;color:#aeb9c8;padding:10px 15px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:310px;gap:8px;padding:0 8px 8px}.project{position:relative;overflow:hidden;border:0;padding:0;background:#111;cursor:pointer;text-align:left}.project.wide{grid-column:span 2}.project.tall{grid-row:span 2}.project img{height:100%;object-fit:cover;transition:transform .8s,filter .5s}.project:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(2,6,13,.84))}.project span{position:absolute;z-index:2;left:26px;bottom:24px}.project small,.project b{display:block}.project small{text-transform:uppercase;letter-spacing:.14em;color:#9eb9fb;font-size:10px;margin-bottom:8px}.project b{font-size:21px}.project:hover img{transform:scale(1.04);filter:saturate(1.1)}.project.hidden{display:none}.image-feature{height:88vh;min-height:650px;position:relative;color:#fff;overflow:hidden}.image-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.75),rgba(7,17,31,.08)),linear-gradient(0deg,rgba(7,17,31,.35),transparent 55%)}.image-feature img{height:100%;object-fit:cover;object-position:center}.image-copy{position:absolute;z-index:2;left:8vw;bottom:10vw}.image-copy h2{font-size:clamp(50px,7vw,96px);line-height:.96}.process ol{list-style:none;padding:0;margin:70px 0 0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:90px 1fr;padding:30px 0;border-bottom:1px solid var(--line)}.process li>b{color:var(--blue);font-size:13px}.process li div{display:grid;grid-template-columns:1fr 1fr;gap:80px}.process h3{font-size:30px}.process p{margin:0;color:var(--muted);line-height:1.6}.about{display:grid;grid-template-columns:1.15fr .85fr;background:var(--light)}.about-image img{height:100%;object-fit:cover;min-height:700px}.about-copy{padding:clamp(70px,8vw,130px);align-self:center}.about-copy h2{font-size:clamp(40px,4.4vw,66px);line-height:1.05}.about-copy>p{color:#566170;line-height:1.75;font-size:17px}.about-copy ul{list-style:none;padding:0;margin-top:36px}.about-copy li{border-top:1px solid #ccd4dd;padding:15px 0}.contact{max-width:none;background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-title h2{font-size:clamp(54px,7vw,100px);line-height:.95}.contact-title>p:last-child{color:#aeb9c8;line-height:1.7;max-width:520px}.contact-form{display:grid;gap:26px;align-self:center}.contact-form label span{display:block;color:#9eabba;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #455064;color:white;padding:10px 0;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#7da0ff}.contact-form .button{justify-self:start}.form-note{font-size:13px;color:#8d99aa}.form-note a{color:white}footer{background:#050b14;color:#a7b0be;padding:55px clamp(24px,4vw,72px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:40px}.footer-logo{background:white;padding:6px 10px;width:220px}footer div a{display:block;margin:6px 0;color:#e3e8ef}footer p{text-align:right;margin:0;line-height:1.6;font-size:13px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.lightbox{border:0;padding:0;background:transparent;max-width:92vw;max-height:92vh}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain}.lightbox button{position:fixed;top:20px;right:28px;background:none;border:0;color:white;font-size:40px;cursor:pointer}
@media(max-width:900px){.header{height:78px}.logo{width:185px}.menu{display:block;width:38px;height:38px;position:relative;z-index:2}.menu span{display:block;background:#fff;height:1px;width:26px;margin:8px}.nav{position:fixed;inset:0;background:var(--navy);display:flex;flex-direction:column;justify-content:center;transform:translateX(100%);transition:.35s;font-size:24px}.nav.open{transform:none}.hero-content{left:24px;right:24px}.hero-side{display:none}.intro,.contact,.about{grid-template-columns:1fr}.section-head{display:block}.section-head p:last-child{max-width:600px}.service-list article{grid-template-columns:45px 1fr}.service-list article p{grid-column:2}.project-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:270px}.about-image img{min-height:500px}.about-copy{padding:70px 24px}.process li div{grid-template-columns:1fr;gap:12px}footer{grid-template-columns:1fr}footer p{text-align:left}.feature-photo{background-attachment:scroll}.contact{padding-left:24px;padding-right:24px}}
@media(max-width:560px){h1{font-size:52px}.hero{min-height:680px}.actions{flex-direction:column;align-items:flex-start}.intro{padding-top:90px}.mini-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr;grid-auto-rows:300px}.project.wide,.project.tall{grid-column:auto;grid-row:auto}.feature-photo{height:70vh;min-height:560px}.service-list article{gap:15px}.image-feature{height:70vh}.process li{grid-template-columns:45px 1fr}.contact-title h2{font-size:52px}}