@font-face{font-family:Space Grotesk;src:url(/fonts/grotesk/SpaceGrotesk-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/grotesk/SpaceGrotesk-Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg:#09090b;--surface:#111114;--surface-raised:#17171b;--text:#f5f5f2;--muted:#a1a1a8;--quiet:#71717a;--line:#ffffff21;--line-strong:#ffffff3d;--accent:#6784ff;--shell:min(100% - 48px, 1360px);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:96px}body{background:var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;overflow-x:clip}a{color:inherit;text-underline-offset:.28em;text-decoration-thickness:1px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:10px;padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{width:var(--shell);margin-inline:auto}.site-header{z-index:30;background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;min-height:76px;padding:16px max(24px,50vw - 680px);display:flex;position:sticky;top:0}.wordmark{color:var(--text);letter-spacing:-.04em;align-items:flex-start;gap:1px;font-size:1.25rem;font-weight:500;text-decoration:none;display:inline-flex}.wordmark span{color:var(--accent);font-size:.8em;line-height:1}.site-header nav{align-items:center;gap:clamp(20px,3vw,44px);display:flex}.site-header nav a{color:var(--muted);font-size:.875rem;text-decoration:none;transition:color .16s}.site-header nav a:hover{color:var(--text)}.site-header .nav-contact{border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:10px 16px}.eyebrow{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;font-size:.7rem;font-weight:500;line-height:1.2}.hero{flex-direction:column;justify-content:center;min-height:700px;padding-block:clamp(110px,15vw,210px) clamp(90px,12vw,170px);display:flex}.hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:1200px;margin-top:28px;font-size:clamp(3.5rem,8.4vw,8.75rem);font-weight:400;line-height:.93}.hero-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;max-width:900px;margin-top:clamp(52px,7vw,92px);display:grid}.hero-foot p{max-width:660px;color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.45}.text-link{white-space:nowrap;font-size:.95rem;text-decoration:none}.text-link span{color:var(--accent);margin-left:5px;display:inline-block}.capabilities,.principles{border-top:1px solid var(--line);grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(56px,9vw,150px);padding-block:clamp(88px,12vw,160px);display:grid}.section-intro h2,.work-heading h2,.contact h2{letter-spacing:-.055em;text-wrap:balance;margin-top:24px;font-size:clamp(2.6rem,5vw,5.8rem);font-weight:400;line-height:.98}.capability-list{margin:0;padding:0;list-style:none}.capability-list li{border-top:1px solid var(--line);letter-spacing:-.025em;grid-template-columns:46px minmax(0,1fr);gap:16px;padding-block:22px;font-size:clamp(1.15rem,2vw,1.65rem);display:grid}.capability-list li:last-child{border-bottom:1px solid var(--line)}.capability-list span{color:var(--quiet);letter-spacing:.1em;padding-top:4px;font-size:.7rem}.work{border-top:1px solid var(--line);padding-block:clamp(90px,12vw,170px)}.work-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);align-items:end;column-gap:80px;margin-bottom:clamp(70px,10vw,130px);display:grid}.work-heading .eyebrow{grid-column:1/-1;margin-bottom:24px}.work-heading h2{max-width:960px;margin-top:0}.work-heading>p:last-child{max-width:400px;color:var(--muted);padding-bottom:8px;font-size:1.1rem}.project-list{border-bottom:1px solid var(--line)}.project{border-top:1px solid var(--line);grid-template-columns:56px minmax(270px,.78fr) minmax(420px,1.22fr);align-items:center;gap:clamp(30px,5vw,80px);padding-block:clamp(70px,8vw,112px);display:grid}.project-number{color:var(--quiet);letter-spacing:.12em;align-self:start;padding-top:7px;font-size:.72rem}.project-copy{min-width:0}.project-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;font-size:.73rem;display:flex}.project-meta span{background:#55d88a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #55d88a1a}.project h3{letter-spacing:-.06em;margin-top:22px;font-size:clamp(2.4rem,4vw,4.8rem);font-weight:400;line-height:.95}.project-statement{letter-spacing:-.03em;max-width:520px;margin-top:30px;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2}.project-description{max-width:520px;color:var(--muted);margin-top:20px;font-size:.98rem;line-height:1.65}.project-links{flex-wrap:wrap;gap:12px 24px;margin-top:34px;display:flex}.project-links a{font-size:.85rem;text-decoration:none}.project-links a:hover{text-decoration:underline}.project-links .app-store-link{color:#aebdff}.project-visual{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);place-items:center;min-width:0;text-decoration:none;transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.project-visual:hover{border-color:var(--line-strong);transform:translateY(-3px)}.project-visual img{object-fit:cover;width:100%;height:100%}.project--phone .project-visual{background:#121020}.project--phone .project-visual img{object-fit:contain;border-radius:10px;width:38%;height:auto;max-height:90%;box-shadow:0 24px 80px #00000080}.project--landscape .project-visual{background:#e9dfca}.project--website .project-visual img{object-position:top center}.principle-list{border-top:1px solid var(--line)}.principle-list article{border-bottom:1px solid var(--line);grid-template-columns:48px .6fr 1fr;gap:24px;padding-block:30px;display:grid}.principle-list article>p:first-child{color:var(--quiet);letter-spacing:.1em;font-size:.7rem}.principle-list h3{font-size:1.2rem;font-weight:400}.principle-list article>p:last-child{color:var(--muted);line-height:1.6}.contact{border-top:1px solid var(--line);padding-block:clamp(120px,18vw,250px)}.contact h2{max-width:1100px}.contact>a{color:#aebdff;margin-top:clamp(50px,7vw,88px);font-size:clamp(1.05rem,2.4vw,2rem);text-decoration:none;display:inline-block}.contact>a:hover{text-decoration:underline}.site-footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:30px;font-size:.75rem;display:grid}.site-footer>a:last-child{justify-self:end;text-decoration:none}.not-found main{width:var(--shell);flex-direction:column;justify-content:space-between;min-height:100svh;margin-inline:auto;padding-block:32px 80px;display:flex}.not-found main>div{max-width:840px}.not-found h1{letter-spacing:-.06em;margin-block:20px 40px;font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:.95}@media (width<=980px){.work-heading,.capabilities,.principles{grid-template-columns:1fr}.work-heading{gap:32px}.work-heading>p:last-child{max-width:580px}.project{grid-template-columns:42px minmax(220px,.72fr) minmax(300px,1fr);gap:28px}.principle-list article{grid-template-columns:44px .5fr 1fr}}@media (width<=740px){:root{--shell:min(100% - 32px, 1360px);--radius:18px}html{scroll-padding-top:72px}.site-header{min-height:68px;padding:12px 16px}.site-header nav{gap:16px}.site-header nav>a:not(.nav-contact){display:none}.site-header .nav-contact{padding:8px 13px;font-size:.78rem}.hero{min-height:auto;padding-block:112px 96px}.hero h1{text-wrap:pretty;margin-top:24px;font-size:clamp(3.2rem,16vw,5.6rem);line-height:.94}.hero-foot{grid-template-columns:1fr;align-items:start;margin-top:44px}.hero-foot p{font-size:1.06rem}.capabilities,.principles,.work{padding-block:88px}.section-intro h2,.work-heading h2,.contact h2{font-size:clamp(2.7rem,13vw,4.6rem)}.work-heading{margin-bottom:60px}.project{grid-template-columns:1fr;gap:26px;padding-block:64px}.project-number{padding:0}.project h3{font-size:clamp(2.8rem,15vw,4.5rem)}.project-statement{margin-top:24px}.project-visual{aspect-ratio:4/3;grid-row:3;margin-top:12px}.project--phone .project-visual img{width:42%}.principle-list article{grid-template-columns:40px 1fr;gap:16px}.principle-list article>p:last-child{grid-column:2}.contact{padding-block:120px}.contact>a{overflow-wrap:anywhere}.site-footer{grid-template-columns:1fr auto}.site-footer p{grid-area:2/1/auto/-1}}@media (width<=360px){.wordmark{font-size:1.1rem}.site-header .nav-contact{padding-inline:11px}.hero h1{font-size:3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
