:root{--radius:18px;--ease:cubic-bezier(.2,.8,.2,1)}
body{background:#f2f2ed;overflow-x:hidden}
.site-header{background:rgba(5,13,24,.88);backdrop-filter:blur(20px);position:sticky;top:0}
.topline{display:none}.navbar{height:88px}.brand-logo{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.brand-logo img{width:218px!important;max-height:48px!important;filter:drop-shadow(0 5px 14px rgba(0,0,0,.3))}.brand-logo small{font:600 8px/1 var(--display);letter-spacing:.28em;color:#d5dce4;margin-left:50px}.nav-menu{gap:24px}.nav-menu>a,.nav-dropdown>button{font-size:12px;letter-spacing:.035em}.nav-cta{border-radius:999px!important;padding:12px 18px!important;background:var(--cyan)!important;color:#07111f!important}
.home-hero{min-height:760px;height:calc(100vh - 88px);border-radius:0 0 38px 38px}.hero-image{transition:transform 1.4s var(--ease),filter 1s;animation:hero-drift 18s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(90deg,#040b15 0%,rgba(4,11,21,.9) 38%,rgba(4,11,21,.1) 100%),linear-gradient(0deg,#040b15,transparent 45%)}.hero-content{padding-top:120px}.hero-content h1{font-size:clamp(64px,8vw,116px);line-height:.9;max-width:960px}.home-hero p{max-width:590px}.button{border-radius:999px;padding:16px 24px}.hero-metrics{border:0;gap:12px}.hero-metrics div{padding:16px 20px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}
.kinetic-intro{overflow:hidden;padding:28px 0 78px;background:#f2f2ed}.kinetic-word{width:max-content;font:800 clamp(48px,8vw,130px)/.9 var(--display);letter-spacing:-.07em;white-space:nowrap;color:#091526;animation:marquee 32s linear infinite}.kinetic-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-top:70px}.kinetic-grid h2{font-size:clamp(42px,5.8vw,82px)}.kinetic-grid h2 em{color:var(--cyan-dark);font-style:normal}.kinetic-grid p{font-size:20px;color:var(--muted)}
.project-wall{padding:0 18px 72px;background:#f2f2ed}.project-wall-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-wall figure{margin:0;position:relative;min-height:260px;border-radius:var(--radius);overflow:hidden;background:#081322}.project-wall figure:nth-child(5n+1){grid-column:span 2}.project-wall figure:nth-child(7n+2){grid-row:span 2}.project-wall img{width:100%;height:100%;min-height:260px;object-fit:cover;transition:transform .65s var(--ease),filter .65s}.project-wall figure:hover img{transform:scale(1.08) rotate(.5deg);filter:saturate(1.3)}.project-wall figcaption{position:absolute;inset:auto 14px 14px;display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border-radius:12px;background:rgba(5,12,23,.78);backdrop-filter:blur(12px);color:#fff;font:700 11px var(--display);text-transform:uppercase;letter-spacing:.08em}.project-wall figcaption span{color:var(--cyan)}
.service-card,.capability-card,.guide-card,.work-card,.industry-card{border-radius:var(--radius)!important}.service-grid,.capability-grid{gap:12px;background:transparent;border:0}.service-card,.capability-card{border:1px solid var(--line)}.service-card{transform-style:preserve-3d}.service-card:hover{transform:translateY(-8px) rotateX(2deg)}
.page-hero{border-radius:0 0 34px 34px;min-height:500px;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--cyan) 24%,transparent),transparent 28%),#07111f}.service-visual{border-radius:28% 72% 56% 44%/55% 38% 62% 45%;animation:morph 9s ease-in-out infinite;transform:rotate(-4deg)}
.visual-stream{background:#07111f;padding:16px 0;overflow:hidden}.visual-marquee{display:flex;width:max-content;gap:12px;animation:marquee 46s linear infinite}.visual-marquee:hover{animation-play-state:paused}.visual-marquee figure{width:300px;height:190px;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.visual-marquee img{width:100%;height:100%;object-fit:cover;transition:.5s}.visual-marquee figure:hover img{transform:scale(1.08)}
.final-cta{margin:18px;border-radius:28px;background:linear-gradient(115deg,var(--cyan),var(--lime))}.site-footer{border-radius:30px 30px 0 0}.noise{mix-blend-mode:soft-light}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes morph{0%,100%{border-radius:28% 72% 56% 44%/55% 38% 62% 45%}50%{border-radius:65% 35% 34% 66%/38% 63% 37% 62%}}@keyframes hero-drift{to{transform:scale(1.08) translate3d(-1.5%,1%,0)}}
@media(max-width:980px){.kinetic-grid{grid-template-columns:1fr;gap:28px}.project-wall-grid{grid-template-columns:repeat(2,1fr)}.project-wall figure:nth-child(n){grid-column:auto;grid-row:auto}.navbar{height:74px}.nav-menu{inset:74px 0 0}.brand-logo img{width:180px!important}.brand-logo small{margin-left:38px}.home-hero{height:auto;min-height:760px}}
@media(max-width:640px){.hero-content h1{font-size:56px}.kinetic-word{font-size:56px}.kinetic-intro{padding-bottom:48px}.kinetic-grid{margin-top:42px}.project-wall{padding-inline:10px}.project-wall-grid{grid-template-columns:1fr}.project-wall figure{min-height:240px}.visual-marquee figure{width:230px;height:150px}.final-cta{margin:8px}.brand-logo img{width:155px!important}.brand-logo small{font-size:6px;margin-left:30px}}