:root{--ink:#081a3c;--blue:#163e84;--red:#e52929;--paper:#f5f7fa;--white:#fff;--line:#cfd7e4;--mono:"Space Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:rgba(245,247,250,.93);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(8,26,60,.12)}.brand img{width:190px;height:52px;object-fit:contain;mix-blend-mode:multiply}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.88rem;font-weight:700}.site-header nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{padding:11px 20px;background:var(--ink);color:white}.menu-button{display:none;border:0;background:var(--ink);color:#fff;padding:9px 14px;font:700 .8rem var(--sans)}.hero{min-height:calc(100vh - 92px);display:flex;flex-direction:column;overflow:hidden}.hero-grid{flex:1;display:grid;grid-template-columns:1.25fr .75fr;max-width:1500px;width:100%;margin:auto;padding:clamp(64px,8vw,120px) clamp(24px,7vw,110px) 50px}.eyebrow{font:700 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.9rem,7.8vw,8.6rem);line-height:.89;letter-spacing:-.07em;margin:35px 0 42px;max-width:1000px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:clamp(1.08rem,1.5vw,1.34rem);max-width:640px;color:#40506b;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;font-size:.91rem;font-weight:800}.primary{background:var(--red);color:#fff}.primary:hover{background:#ba1010}.text-link{font-size:.85rem;font-weight:800;border-bottom:1px solid var(--ink)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-mark{width:min(420px,90%);max-height:500px;object-fit:contain;opacity:.08;mix-blend-mode:multiply}.tech-card{position:absolute;right:0;bottom:15%;width:235px;background:var(--ink);color:#fff;padding:22px;box-shadow:18px 18px 0 var(--red)}.tech-card>span{font:400 .65rem var(--mono);letter-spacing:.1em}.tech-card strong{display:block;font:700 4.2rem var(--mono);line-height:1;margin:32px 0}.tech-card p{font-weight:700;line-height:1.35;margin:0}.ticker{background:var(--ink);color:#fff;display:flex;gap:34px;align-items:center;justify-content:center;padding:17px 24px;white-space:nowrap;overflow:hidden;font:700 .74rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.ticker i{color:var(--red);font-style:normal}.section{padding:clamp(80px,11vw,150px) clamp(24px,7vw,110px);max-width:1500px;margin:auto}.section-label{font:700 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:16px}.section-label span{color:var(--red)}.intro{display:grid;grid-template-columns:.6fr 1.4fr}.intro-copy h2,.section-heading h2,.process h2,.contact h2{font-size:clamp(2.8rem,5.5vw,6.2rem);line-height:1;letter-spacing:-.055em}.intro-copy>p{max-width:700px;font-size:1.15rem;color:#53617a}.services{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services article{padding:34px 28px 46px;border-right:1px solid var(--line)}.services article:first-child{padding-left:0}.services article:last-child{border:0}.service-no{font:400 .7rem var(--mono);color:var(--red)}.services h3{font-size:1.22rem;line-height:1.3;margin:50px 0 18px}.services p{color:#5e6a7f;font-size:.92rem;line-height:1.7}.projects{background:var(--ink);color:#fff;padding-bottom:clamp(80px,10vw,140px)}.section-heading{display:grid;grid-template-columns:.5fr 1.1fr .4fr;align-items:end}.section-label.light{align-self:start}.section-heading h2{margin:0}.section-heading>p{color:#aebbd0;line-height:1.7}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:1500px;margin:auto;padding:0 clamp(24px,7vw,110px)}.project{position:relative;min-height:500px;overflow:hidden;background:#0f2a59}.project-wide{grid-column:1/-1;min-height:620px}.project img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.55) contrast(1.08);transition:transform .8s ease,filter .5s ease}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(3,12,29,.92))}.project:hover img{transform:scale(1.025);filter:saturate(.9)}.project-info{position:absolute;z-index:2;left:clamp(24px,4vw,58px);bottom:clamp(24px,4vw,52px);right:30px}.project-info span{font:700 .68rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#ff6a6a}.project-info h3{font-size:clamp(1.7rem,3vw,3.3rem);margin:12px 0 6px;letter-spacing:-.04em}.project-info p{color:#cbd3e0;max-width:520px;margin:0}.process{display:grid;grid-template-columns:.55fr 1.45fr}.process-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.process-heading p{color:#53617a}.process ol{grid-column:1/-1;list-style:none;padding:0;margin:80px 0 0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:.22fr .78fr;padding:30px 0;border-bottom:1px solid var(--line)}.process li>span{font:400 .7rem var(--mono);color:var(--red)}.process li div{display:grid;grid-template-columns:1fr 1fr;gap:60px}.process h3{font-size:1.3rem}.process li p{color:#617087;max-width:480px}.contact{background:var(--blue);color:#fff;min-height:720px;padding:clamp(80px,10vw,140px) clamp(24px,9vw,140px);position:relative;overflow:hidden}.contact .eyebrow{color:#c9d6ed}.contact h2{margin:60px 0 35px;position:relative}.contact-lead{font-size:1.2rem;color:#cad6e9;max-width:580px}.contact-row{display:flex;gap:100px;margin-top:85px;border-top:1px solid rgba(255,255,255,.25);padding-top:30px;position:relative}.contact-row small{font:400 .66rem var(--mono);text-transform:uppercase;color:#9eafd0;display:block;margin-bottom:10px}.contact-row strong{font-size:1rem}.contact-mark{position:absolute;right:-2vw;bottom:-24vw;font:700 60vw/1 var(--sans);opacity:.055}footer{background:#050f23;color:#9cabc2;min-height:130px;display:flex;align-items:center;justify-content:space-between;padding:30px clamp(24px,7vw,110px);font:400 .68rem var(--mono);text-transform:uppercase;letter-spacing:.07em}footer img{width:150px;height:50px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen}footer p{margin:0}@media(max-width:900px){.site-header{height:78px}.brand img{width:150px}.menu-button{display:block}.site-header nav{position:absolute;left:0;right:0;top:78px;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;display:none;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:260px}.tech-card{right:16px;bottom:20px}.ticker{justify-content:flex-start}.intro,.process{grid-template-columns:1fr;gap:45px}.intro-copy h2{margin-top:0}.services{grid-template-columns:1fr 1fr;margin-top:40px}.services article{border-bottom:1px solid var(--line)}.services article:nth-child(2){border-right:0}.section-heading{grid-template-columns:1fr;gap:40px}.project,.project-wide{min-height:480px}.process-heading{grid-template-columns:1fr}.process li div{grid-template-columns:1fr;gap:2px}.contact-row{gap:40px}footer{flex-wrap:wrap;gap:20px}}@media(max-width:560px){.hero h1{font-size:3.55rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:310px}.tech-card{width:205px}.services{grid-template-columns:1fr}.services article,.services article:first-child{padding:28px 0;border-right:0}.project-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project,.project-wide{min-height:430px}.contact-row{flex-direction:column;gap:28px}.contact{min-height:670px}footer{align-items:flex-start;flex-direction:column}.section{padding-top:85px;padding-bottom:85px}}
