@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07112d;color:#f8faff;font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.14em}.brandmark{width:34px;height:34px;border:7px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-grid;place-items:center;font-size:0;transform:rotate(-14deg)}nav{display:flex;align-items:center;gap:32px}nav a{color:#ccd5ed;text-decoration:none;font-size:.82rem}.navcta,.primary{padding:15px 22px!important;border-radius:99px;background:var(--accent);color:#fff!important;text-decoration:none;display:inline-flex;gap:35px;align-items:center;font-weight:700}.menu{display:none}.hero{min-height:100vh;padding:185px 7vw 100px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#173eaa 0,transparent 31%),linear-gradient(145deg,#07112d,#020719)}.eyebrow,.sectionhead span,.intro span,.detail>span,.method>span{color:#8da8ff;font-size:.72rem;letter-spacing:.18em;font-weight:800}.hero h1{max-width:850px;margin:30px 0;font-size:clamp(4rem,8.6vw,8.4rem);line-height:.88;letter-spacing:-.075em;font-weight:600}.hero p{max-width:530px;color:#b8c2db;font-size:1.13rem;line-height:1.7;margin:0 0 38px}.orb{position:absolute;width:min(36vw,510px);aspect-ratio:1;right:5vw;top:21%;border:1px solid #ffffff20;border-radius:50%;animation:float 7s ease-in-out infinite}.orb i{position:absolute;inset:10%;border:1px solid #ffffff30;border-radius:50%;animation:spin 15s linear infinite}.orb i:nth-child(2){inset:23%;animation-direction:reverse}.orb i:nth-child(3){inset:37%;border-color:#6d8cff}.orb strong{position:absolute;inset:39%;display:grid;place-items:center;background:#fff;color:#174ee3;border-radius:50%;font-size:3rem}.scroll{position:absolute;bottom:36px;right:7vw;color:#8793ad;font-size:.72rem;writing-mode:vertical-rl}.intro{background:#f8f8f4;color:#07112d;padding:140px 8vw;display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.intro h2,.sectionhead h2{font-size:clamp(3rem,6vw,6rem);line-height:1;letter-spacing:-.055em;font-weight:600;margin:24px 0}.intro p{align-self:end;color:#566078;font-size:1.4rem;line-height:1.65}.capabilities{padding:130px 7vw;background:#eef1f7;color:#07112d}.sectionhead{max-width:900px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:60px}.cards article{min-height:340px;padding:26px;background:#fff;border:1px solid #dfe4ef;border-radius:22px;display:flex;flex-direction:column;transition:.35s}.cards article:hover{transform:translateY(-10px);box-shadow:0 24px 50px #14203d18}.cards small{color:#9aa3b7}.cards i{width:60px;height:60px;margin:55px 0 40px;display:grid;place-items:center;background:#edf2ff;color:var(--accent);border-radius:18px;font-style:normal}.cards h3{margin:auto 0 12px}.cards p{margin:0;color:#6d768a;font-size:.88rem;line-height:1.65}.work{padding:140px 7vw}.projectgrid{margin-top:65px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.project{min-height:500px;border-radius:28px;padding:34px;color:#fff;text-decoration:none;background:linear-gradient(145deg,#164dce,#0a1f5a);background-size:cover;background-position:center;display:grid;grid-template-columns:1fr auto;transition:.35s}.project:nth-child(3n+2){background-color:#142b6f;background-image:linear-gradient(145deg,#0c1d4d,#1d57e0)}.project:hover{transform:scale(.985)}.project>div{grid-column:1/3;align-self:end}.project h3{font-size:3rem;margin:10px 0;letter-spacing:-.05em}.project p{max-width:480px;color:#cad4ec;line-height:1.6}.project b{font-size:.8rem}.method{background:#f8f8f4;color:#07112d;padding:120px 7vw}.method>span{color:var(--accent)}.steps{margin-top:50px;border-top:1px solid #ccd2df}.steps p{margin:0;padding:28px 0;border-bottom:1px solid #ccd2df;font-size:clamp(1.5rem,3vw,3rem);display:flex;gap:6vw}.steps b{color:#9ea8ba;font-size:.8rem}.detail{min-height:80vh;padding:180px max(7vw,calc((100vw - 1100px)/2)) 120px;background:#f8f8f4;color:#07112d}.detail h1{font-size:clamp(4rem,9vw,8rem);letter-spacing:-.07em;line-height:.9;margin:30px 0}.lead{font-size:1.35rem;line-height:1.7;color:#59647b;max-width:750px}.cover{width:100%;max-height:580px;object-fit:cover;border-radius:24px;margin:50px 0}.content{max-width:760px;font-size:1.08rem;line-height:1.85;margin:70px 0}.content h2{font-size:2.5rem;line-height:1.1}.content img{max-width:100%;border-radius:18px}.content blockquote{border-left:4px solid var(--accent);margin:35px 0;padding:10px 30px;color:#3b4660;font-size:1.25rem}.back{color:#5b6884;text-decoration:none}footer{padding:110px 7vw 35px;background:#030817}footer>div{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}footer h2{font-size:clamp(2.5rem,5vw,5.5rem);letter-spacing:-.06em;line-height:1;margin:0}footer a{color:#fff}footer>p{border-top:1px solid #ffffff18;margin-top:80px;padding-top:25px;color:#76809a;font-size:.75rem}.reveal{opacity:0;transform:translateY(30px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px)}}@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#0c1735;padding:25px;border-radius:18px;flex-direction:column;align-items:stretch}.top.open nav{display:flex}.menu{display:block;border:0;background:none;color:#fff}.orb{opacity:.35;width:70vw;right:-20vw}.intro,.projectgrid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}footer>div{grid-template-columns:1fr}.project{min-height:420px}}@media(max-width:560px){.hero{padding:145px 22px 90px}.hero h1{font-size:4.1rem}.intro,.capabilities,.work,.method,.detail{padding-left:22px;padding-right:22px}.cards{grid-template-columns:1fr}.project{padding:24px}.project h3{font-size:2.3rem}.detail h1{font-size:4rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}