.hero{padding-top:calc(var(--nav-h) + 72px);padding-bottom:72px;overflow:clip}.hero-backdrop{pointer-events:none;z-index:-1;position:absolute;inset:0}.hero-glow{background:radial-gradient(closest-side,#2448ec26,#2448ec08 60%,#0000);border-radius:50%;width:900px;height:900px;position:absolute;top:-320px;right:-260px}.hero-lines{background-image:linear-gradient(#0b0e140b 1px,#0000 1px),linear-gradient(90deg,#0b0e140b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 70% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 70% 30%,#000 20%,#0000 75%)}.hero-layout{grid-template-columns:1.06fr .94fr;align-items:center;gap:56px;display:grid}.hero-badge{border:1px solid var(--c-border);background:#ffffffb3;border-radius:999px;align-items:center;gap:10px;margin-bottom:30px;padding:8px 16px 8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.pulse-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";border:1.5px solid var(--blue);opacity:0;animation:pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-5px}@keyframes pulse{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.hero-title{letter-spacing:-.045em;text-wrap:initial;font-size:clamp(3.2rem,6.6vw,6.4rem);line-height:1}.hero-word{color:var(--blue);background:linear-gradient(var(--blue), var(--blue)) 0 92% / 100% .07em no-repeat;padding-bottom:.04em}.hero-intro{max-width:470px;color:var(--c-text-dim);margin-top:30px;font-size:1.12rem;line-height:1.75}.hero-recent{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:34px;display:flex}.hero-recent-label{letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-faint);font-size:.72rem;font-weight:700}.hero-founder{border-top:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:20px;max-width:470px;margin-top:40px;padding-top:24px;display:flex}.hero-founder p{color:var(--c-text-dim);font-size:.82rem;line-height:1.6}.hero-founder strong{color:var(--c-text);font-weight:600}.icon-links{gap:8px;display:flex}.icon-links a{border:1px solid var(--c-border);background:var(--c-surface);width:44px;height:44px;transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast);border-radius:50%;place-items:center;display:grid}.icon-links a:hover{background:var(--blue);border-color:var(--blue);color:#fff}.icon-links svg{width:17px;height:17px}.hero-visual{aspect-ratio:1/1.08;width:100%;max-height:680px;position:relative}.hero-portrait{border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);background:#dfe5f6;position:absolute;inset:0 0 0 14%;overflow:hidden}.hero-portrait img{object-fit:cover;object-position:50% 20%;transform-origin:50% 30%;width:100%;height:100%}.hero-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#060a17cc 100%);position:absolute;inset:0}.hero-portrait figcaption{z-index:1;text-align:right;color:#fff;position:absolute;bottom:22px;right:24px}.hero-portrait figcaption strong{font:700 1.25rem/1.2 var(--font-head);letter-spacing:-.03em;display:block}.hero-portrait figcaption span{color:#d5dbeb;font-size:.78rem}.hero-phone-group{pointer-events:none;position:absolute;inset:0}.hero-phone{pointer-events:auto;width:25%;transform:rotate(var(--tilt));background:#0b0e14;border-radius:24px;padding:5px;transition:box-shadow .3s;display:block;position:absolute;box-shadow:0 30px 60px -20px #060a1799,inset 0 0 0 1px #ffffff1a}.hero-phone img{border-radius:19px;width:100%;height:auto}.hero-phone:hover{box-shadow:0 40px 70px -20px #2448ec99,inset 0 0 0 1px #ffffff1a}.hero-phone-1{--tilt:-7deg;z-index:3;width:21%;top:22%;left:-2%}.hero-phone-2{--tilt:5deg;z-index:4;width:19%;bottom:-7%;left:13%}.hero-phone-3{--tilt:8deg;z-index:2;width:18%;top:38%;right:-6%}.hero-stat{z-index:5;box-shadow:var(--shadow-lift);color:var(--c-text-dim);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:12px 18px;font-size:.78rem;display:flex;position:absolute;top:6%;left:6%}.hero-stat strong{font:800 1rem var(--font-head);color:var(--blue);letter-spacing:-.02em}.motion-ready .hero-phone-group{animation:8s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-12px)}}.brands{padding-block:24px 64px}.brands-head{color:var(--c-text-faint);justify-content:space-between;align-items:center;gap:20px;font-size:.8rem;display:flex}.brands-head>span{letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:600}.marquee{scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.marquee::-webkit-scrollbar{display:none}.marquee-track{width:max-content;display:flex}.marquee-group{flex-shrink:0;width:max-content;display:flex}.logo-marquee{margin-top:26px;padding-block:8px}.logo-marquee .marquee-group{gap:18px;padding-inline:9px}.brand-item{border:1px solid var(--c-border);border-radius:var(--radius);width:232px;height:92px;color:var(--ink);font:700 1.3rem var(--font-head);letter-spacing:-.03em;transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out);background:#fff;justify-content:center;align-items:center;gap:12px;padding:18px 30px;display:flex}.brand-item:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.tech-marquee{margin-top:30px}.tech-marquee .marquee-group span{font:800 clamp(2rem, 4vw, 3.4rem)/1.1 var(--font-head);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px var(--c-border-strong);white-space:nowrap;align-items:center;gap:36px;padding-inline:18px;display:flex}.tech-marquee .marquee-group span:after{content:"✳";-webkit-text-stroke:0;color:var(--blue);font-size:.5em}body:not(.motion-ready) .marquee-copy{display:none}.motion-ready .marquee{overflow:hidden}.motion-ready .logo-marquee .marquee-track{animation:38s linear infinite marquee}.motion-ready .tech-marquee .marquee-track{animation:46s linear infinite reverse marquee}.motion-ready .capture-marquee .marquee-track{animation:56s linear infinite marquee}.motion-ready .screens-marquee .marquee-track{animation:64s linear infinite reverse marquee}.motion-ready .marquee:hover .marquee-track,.motion-ready .marquee:focus-within .marquee-track,.motion-ready .is-offscreen .marquee-track,.motion-ready .is-offscreen .hero-phone-group,.motion-ready.page-hidden .marquee .marquee-track,.motion-ready.page-hidden .hero-phone-group{animation-play-state:paused}.motion-ready .marquee:has(:focus-visible){overflow-x:auto}.motion-ready .marquee:has(:focus-visible) .marquee-track{animation:none}@keyframes marquee{to{transform:translateX(var(--marquee-distance))}}.work{padding-bottom:40px;overflow:clip}.work:before{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#2448ec2e,#0000 70%);height:600px;position:absolute;inset:0 0 auto}.work-stack{gap:28px;display:grid}.work-card{top:calc(var(--nav-h) + 20px + var(--i) * 16px);position:sticky}.work-card-inner{border-radius:var(--radius-lg);transform-origin:50% 0;background:linear-gradient(160deg,#111a38,#0a1027 60%);border:1px solid #ffffff14;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;min-height:min(620px,78vh);padding:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 -20px 60px -30px #000c,inset 0 1px #ffffff12}.work-card-inner:after{content:"";opacity:var(--shade,0);pointer-events:none;border-radius:inherit;background:#060a17;position:absolute;inset:0}.work-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.work-card-status{color:var(--c-text-faint);font-size:.75rem}.work-card h3{letter-spacing:-.04em;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:800}.work-card h3 a:hover{color:var(--c-primary)}.work-card-headline{font:600 1.2rem/1.4 var(--font-head);letter-spacing:-.02em;color:var(--c-text);margin-top:16px}.work-card-summary{color:var(--c-text-dim);max-width:440px;margin-top:12px;font-size:.95rem;line-height:1.75}.work-card .project-tech{margin-top:22px}.work-card-links{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:30px;display:flex}.work-card-media{border-radius:var(--radius);background:#0d1530;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000}.work-card-media img{width:100%;height:auto;transition:transform .9s var(--ease-out)}.work-card:hover .work-card-media img{transform:scale(1.035)}.capture-showcase{padding-top:120px}.capture-heading{grid-template-columns:1fr .7fr;align-items:end;gap:40px;margin-bottom:44px;display:grid}.capture-heading h3{letter-spacing:-.035em;font-size:clamp(2rem,3.6vw,3rem);font-weight:800}.capture-heading p{color:var(--c-text-dim);font-size:.88rem}.capture-heading .eyebrow{margin-bottom:16px}.capture-marquee{padding-block:10px 16px}.capture-marquee .marquee-group{gap:22px;padding-inline:11px}.screen-card{flex-direction:column;gap:16px;width:236px;display:flex}.screen-frame{transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);background:linear-gradient(160deg,#2a3560,#121a36);border-radius:30px;padding:6px;display:block;box-shadow:inset 0 0 0 1px #ffffff1c,0 30px 50px -28px #000}.screen-frame img{aspect-ratio:600/1304;object-fit:cover;object-position:top;border-radius:24px;width:100%;height:auto}.screen-card:hover .screen-frame{transform:translateY(-8px)rotate(-1deg);box-shadow:inset 0 0 0 1px #93a8ff66,0 40px 60px -28px #2448ec88}.screen-label{flex-direction:column;gap:2px;padding-inline:6px;display:flex}.screen-label strong{font:700 1rem var(--font-head);letter-spacing:-.02em}.screen-category{color:var(--c-text-faint);font-size:.72rem}.screens-marquee{opacity:.55;margin-top:26px;padding-bottom:20px}.screens-marquee .marquee-group{gap:18px;padding-inline:9px}.screen-tile{background:#141c3a;border-radius:22px;width:150px;padding:4px;display:block}.screen-tile img{aspect-ratio:600/1304;object-fit:cover;object-position:top;border-radius:18px;width:100%;height:auto}.founder{background:var(--paper-2)}.founder-layout{grid-template-columns:1.05fr .95fr;align-items:start;gap:80px;display:grid}.founder-story h2{margin-bottom:30px}.founder-story>p{max-width:520px;color:var(--c-text-dim);margin-bottom:16px;font-size:1rem;line-height:1.8}.founder-story .founder-lead{color:var(--c-text);font:600 1.35rem/1.5 var(--font-head);letter-spacing:-.02em}.founder-sign{align-items:center;gap:16px;margin-top:34px;display:flex}.founder-sign img{object-fit:cover;object-position:50% 25%;border-radius:50%;width:58px;height:58px}.founder-sign p{color:var(--c-text-faint);flex-direction:column;margin-right:12px;font-size:.8rem;display:flex}.founder-sign strong{font:700 1rem var(--font-head);color:var(--c-text);letter-spacing:-.02em}.founder-panel{border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-soft);padding:36px}.founder-panel-title{font-size:.74rem;font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-faint);margin:30px 0 8px;font-weight:700}.worked-list li{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;display:flex}.worked-list strong{font:700 1.05rem var(--font-head);letter-spacing:-.02em}.worked-list span{color:var(--c-text-faint);text-align:right;font-size:.8rem}.founder-panel .btn{margin-top:28px}.contact-home{background:radial-gradient(70% 90% at 0% 100%, #2448ec38, transparent 60%), var(--navy)}.contact-layout{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid;position:relative}.contact-story h2{letter-spacing:-.045em;font-size:clamp(3.2rem,6.4vw,6rem)}.contact-story>p{max-width:400px;color:var(--c-text-dim);margin-block:28px;font-size:1.02rem;line-height:1.75}.contact-email{min-height:48px;font:700 clamp(1.15rem, 2vw, 1.6rem) var(--font-head);letter-spacing:-.03em;border-bottom:1px solid var(--c-border-strong);transition:color var(--motion-fast), border-color var(--motion-fast);align-items:center;gap:14px;margin-bottom:14px;display:inline-flex}.contact-email:hover{color:var(--c-primary);border-color:currentColor}.contact-story>.text-link{width:fit-content;display:flex}.contact-location{color:var(--c-text-faint);margin-top:40px;font-size:.78rem}.home-enquiry{border-radius:var(--radius-lg);color:var(--ink);--c-text:var(--ink);--c-text-dim:#4b515b;--c-text-faint:#656b75;--c-border:#e1e0d9;--c-border-strong:#c4c3ba;--c-primary:var(--blue);--c-bg:#f6f5f1;--c-success:#1f6a43;--c-error:#a3203a;background:#fff;padding:clamp(24px,4vw,40px);box-shadow:0 40px 80px -40px #000}.home-enquiry h3{margin-bottom:26px;font-size:1.4rem}.home-enquiry .btn{width:100%}@media (width<=1100px){html:not(.js):not(.nav-pending) .hero{padding-top:56px}.hero-layout{grid-template-columns:1fr;gap:64px}.hero-visual{width:100%;max-width:640px;margin-inline:auto}.founder-layout,.contact-layout{gap:48px}.work-card-inner{grid-template-columns:1fr;gap:32px;min-height:0}.work-card-media{order:-1}}@media (width<=900px){.capture-heading,.contact-layout,.founder-layout{grid-template-columns:1fr;gap:32px}.work-card{position:relative;top:0}}@media (width<=640px){.hero{padding-top:calc(var(--nav-h) + 40px);padding-bottom:40px}.hero-title{font-size:clamp(2.9rem,13.5vw,4.2rem)}.hero-intro{font-size:1rem}.hero-founder{flex-wrap:wrap}.hero-visual{aspect-ratio:auto;max-height:none}.hero-portrait{aspect-ratio:4/4.6;position:relative;inset:auto}.hero-phone-group{justify-content:center;align-items:flex-start;gap:6%;margin-top:-48px;display:flex;position:relative;inset:auto}.hero-phone{border-radius:16px;width:27%;padding:3px;position:relative;inset:auto}.hero-phone-2{margin-top:28px}.hero-phone img{border-radius:13px}.hero-stat{padding:9px 14px;font-size:.7rem;top:12px;left:12px}.hero-portrait figcaption{bottom:64px;right:16px}.hero-portrait figcaption strong{font-size:1rem}.brands-head{display:block}.brands-head>span{display:none}.brand-item{width:176px;height:76px;padding-inline:20px}.work-card-inner{border-radius:var(--radius);padding:22px}.work-card h3{font-size:2.3rem}.capture-showcase{padding-top:80px}.screen-card{width:190px}.screen-tile{width:120px}.founder-panel{padding:22px}.worked-list li{flex-direction:column;gap:2px}.worked-list span{text-align:left}.contact-layout{gap:36px}}@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee-copy{display:none}}
