:root{color-scheme:dark;--bg:#0a0a0c;--bg-raised:#111114;--bg-sunken:#070708;--card:#131317;--card-hover:#17171c;--ink:#c9c9d1;--ink-strong:#f4f4f6;--muted:#9a9aa6;--faint:#6e6e7a;--line:rgba(255, 255, 255, 0.08);--line-strong:rgba(255, 255, 255, 0.15);--brand:#7b93ff;--brand-strong:#5a76ff;--brand-ink:#070a1f;--brand-soft:rgba(123, 147, 255, 0.12);--ok:#4ade80;--warn:#fbbf24;--bezel:#1c1c21;--bezel-edge:rgba(255, 255, 255, 0.12);--shadow-1:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-2:0 24px 60px -20px rgba(0, 0, 0, 0.7), 0 8px 20px -8px rgba(0, 0, 0, 0.5);--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--2:0.75rem;--step--1:0.875rem;--step-0:1rem;--step-1:1.125rem;--step-2:clamp(1.3rem, 1.2rem + 0.45vw, 1.5rem);--step-3:clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem);--step-4:clamp(2rem, 1.6rem + 1.8vw, 3rem);--step-5:clamp(2.5rem, 1.7rem + 3.6vw, 4.5rem);--leading-tight:1.08;--leading-snug:1.35;--leading:1.7;--space-2xs:0.375rem;--space-xs:0.5rem;--space-s:0.75rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:clamp(4.5rem, 9vw, 7.5rem);--container:76rem;--container-prose:44rem;--gutter:clamp(1rem, 4vw, 2.5rem);--radius-s:8px;--radius:14px;--radius-l:22px;--dur:0.18s;--ease:cubic-bezier(0.2, 0.7, 0.2, 1)}[data-theme=light]{color-scheme:light;--bg:#fafafa;--bg-raised:#ffffff;--bg-sunken:#f2f2f4;--card:#ffffff;--card-hover:#ffffff;--ink:#3a3a44;--ink-strong:#0b0b10;--muted:#5c5c68;--faint:#7a7a86;--line:rgba(10, 10, 20, 0.09);--line-strong:rgba(10, 10, 20, 0.17);--brand:#3c58f0;--brand-strong:#2c46d8;--brand-soft:rgba(60, 88, 240, 0.09);--brand-ink:#ffffff;--ok:#15803d;--warn:#b45309;--bezel:#16161a;--bezel-edge:rgba(0, 0, 0, 0.2);--shadow-1:0 1px 2px rgba(10, 10, 20, 0.06);--shadow-2:0 24px 50px -24px rgba(10, 10, 30, 0.35), 0 8px 18px -10px rgba(10, 10, 30, 0.2)}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-sans);font-size:1.0625rem;line-height:var(--leading);color:var(--ink);background-color:var(--bg);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip}main{flex:1}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:0 0;border:0;cursor:pointer}a{color:var(--ink-strong);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--line-strong);text-underline-offset:.22em;transition:text-decoration-color var(--dur),color var(--dur)}a:hover{text-decoration-color:initial}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}::selection{background:var(--brand);color:var(--brand-ink)}h1,h2,h3,h4{font-weight:600;line-height:var(--leading-tight);color:var(--ink-strong);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--step-4);letter-spacing:-.035em}h2{font-size:var(--step-3);letter-spacing:-.03em}h3{font-size:var(--step-1);letter-spacing:-.01em}h4{font-size:var(--step-0);letter-spacing:0}p{text-wrap:pretty}strong{color:var(--ink-strong);font-weight:600}small{font-size:var(--step--1)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.86em;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}.ui{font-size:var(--step--1);line-height:1.5}.label{font-family:var(--font-mono);font-size:var(--step--2);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container--prose{max-width:calc(var(--container-prose) + 2 * var(--gutter))}.page{padding-block:var(--space-2xl)var(--space-3xl)}.lead{font-size:var(--step-1);line-height:1.55;color:var(--muted);max-width:40em}hr{border:0;border-top:1px solid var(--line);margin-block:var(--space-xl)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:var(--gutter);top:-100vh;z-index:100;font-size:var(--step--1);background:var(--bg);color:var(--ink-strong);border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:var(--space-xs)var(--space-m)}.skip-link:focus{top:var(--space-m)}.prose{font-size:1.0625rem}.prose>*+*{margin-top:1.15em}.prose h2{margin-top:2.4em;font-size:var(--step-2);letter-spacing:-.02em}.prose h3{margin-top:1.9em;font-size:var(--step-1)}.prose h2+*,.prose h3+*{margin-top:.6em}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--faint)}.prose blockquote{border-left:2px solid var(--brand);padding-left:var(--space-l);color:var(--muted)}.prose :not(pre)>code{background:var(--bg-sunken);border:1px solid var(--line);padding:.08em .38em;border-radius:5px}.prose pre{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-s);padding:var(--space-m)var(--space-l);overflow-x:auto;line-height:1.6}.prose pre code{font-size:.82rem}.prose img{border:1px solid var(--line);border-radius:var(--radius-s)}.prose table{width:100%;border-collapse:collapse;font-size:var(--step--1)}.prose th,.prose td{text-align:left;padding:var(--space-xs)var(--space-s)var(--space-xs)0;border-bottom:1px solid var(--line)}.prose th{color:var(--muted);font-weight:500}.prose .screens{margin:var(--space-xl)0}.prose .screens__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-m)}.prose .screens img{width:100%;height:auto;border-radius:12px}.prose .screens figcaption{margin-top:var(--space-s);font-size:var(--step--1);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.75rem;padding:.55rem 1.15rem;border-radius:999px;border:1px solid transparent;font-size:.9375rem;font-weight:500;line-height:1.2;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:background-color var(--dur),border-color var(--dur),color var(--dur),transform var(--dur)var(--ease)}.btn svg{width:1rem;height:1rem;flex:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand);color:var(--brand-ink)}.btn--primary:hover{background:var(--brand-strong)}.btn--ghost{border-color:var(--line-strong);color:var(--ink-strong);background:0 0}.btn--ghost:hover{border-color:var(--ink);background:var(--brand-soft)}.btn--small{min-height:2.25rem;padding:.4rem .95rem;font-size:var(--step--1)}.arrow-link{color:var(--ink-strong);text-decoration:none;font-weight:500}.arrow-link::after{content:"→";display:inline-block;margin-left:.35em;transition:transform var(--dur)var(--ease)}.arrow-link:hover::after{transform:translateX(3px)}.back-link{color:var(--muted);text-decoration:none}.back-link:hover{color:var(--ink-strong)}.status{display:inline-flex;align-items:center;gap:.45em;color:var(--muted)}.status__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--faint)}.status--production .status__dot,.status--active .status__dot{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}.status--beta .status__dot,.status--prototype .status__dot,.status--alpha .status__dot{background:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.status--production,.status--active,.status--beta,.status--prototype{color:var(--ink-strong)}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.375rem}.tags li{font-size:var(--step--2);line-height:1;padding:.4rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--bg-raised)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(160%)blur(14px);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;gap:var(--space-l);min-height:4rem;font-size:.9375rem}.brand{display:inline-flex;align-items:center;gap:.6em;font-weight:600;letter-spacing:-.01em;color:var(--ink-strong);text-decoration:none;margin-right:auto}.brand__mark{width:1.625rem;height:1.625rem;flex:none}.nav{display:flex;align-items:center;gap:.25rem}.nav__link{color:var(--muted);text-decoration:none;padding:.4rem .75rem;border-radius:999px;transition:color var(--dur),background-color var(--dur)}.nav__link:hover{color:var(--ink-strong);background:var(--brand-soft)}.nav__link[aria-current=page]{color:var(--ink-strong);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--line)}.header-actions{display:flex;align-items:center;gap:var(--space-xs)}.icon-btn{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;color:var(--muted);border-radius:999px;text-decoration:none;transition:color var(--dur),background-color var(--dur)}.icon-btn:hover{color:var(--ink-strong);background:var(--brand-soft)}.icon-btn svg{width:1.125rem;height:1.125rem}.icon-btn .i-sun{display:none}[data-theme=light] .icon-btn .i-sun{display:block}[data-theme=light] .icon-btn .i-moon{display:none}.lang-switch{display:inline-flex;align-items:center;gap:.15em;font-size:var(--step--1);color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.lang-switch a{color:var(--muted);text-decoration:none;padding:.3em .35em;border-radius:6px}.lang-switch a:hover{color:var(--ink-strong)}.lang-switch__current{color:var(--ink-strong);font-weight:600;padding:.3em .35em}.menu-toggle{display:none}.mobile-nav{display:none}@media(max-width:820px){.nav,.header-actions .lang-switch,.header-cta{display:none}.menu-toggle{display:inline-grid}.header-actions{gap:0}.mobile-nav{position:fixed;inset:0;z-index:60;background:var(--bg);padding:0 var(--gutter)var(--space-xl);display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity var(--dur),visibility 0s var(--dur)}.mobile-nav[data-open=true]{visibility:visible;opacity:1;transition:opacity var(--dur)}.mobile-nav__top{display:flex;align-items:center;justify-content:space-between;min-height:4rem;border-bottom:1px solid var(--line);font-size:.9375rem}.mobile-nav__links{display:flex;flex-direction:column;padding-block:var(--space-l)}.mobile-nav__links a{font-size:var(--step-4);font-weight:600;letter-spacing:-.03em;color:var(--ink-strong);text-decoration:none;padding-block:.2em}.mobile-nav .lang-switch{margin-top:auto;font-size:1rem}}.page-head{margin-bottom:var(--space-2xl)}.page-head .label{margin-bottom:var(--space-s)}.page-head h1{font-size:var(--step-5);letter-spacing:-.045em}.page-head .lead{margin-top:var(--space-m)}.section{padding-block:var(--space-3xl)}.section--alt{background:var(--bg-raised);border-block:1px solid var(--line)}[data-theme=light] .section--alt{background:var(--bg-sunken)}.section__head{margin-bottom:var(--space-xl);max-width:40rem}.section__head .label{margin-bottom:var(--space-s)}.section__head h2{font-size:var(--step-4);letter-spacing:-.04em}.section__head>.ui{margin-top:var(--space-l)}.section__lead{margin-top:var(--space-s);color:var(--muted);font-size:var(--step-1);line-height:1.55}.section__head--row{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-m)}.subhead{font-size:var(--step-2);margin-bottom:var(--space-l)}.split{display:grid;gap:var(--space-xl)}@media(min-width:900px){.split{grid-template-columns:minmax(0,20rem)minmax(0,1fr);gap:var(--space-3xl)}.split__aside{position:sticky;top:6rem;align-self:start;margin-bottom:0}}.hero{position:relative;padding-top:clamp(3rem,7vw,6rem);padding-bottom:var(--space-2xl);isolation:isolate}.hero::before{content:"";position:absolute;inset:-4rem 0 auto;height:46rem;z-index:-1;background:radial-gradient(40rem 26rem at 78% 18%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%),radial-gradient(30rem 20rem at 8% 0%,color-mix(in srgb,#14b8a6 8%,transparent),transparent 70%);pointer-events:none}.hero::after{content:"";position:absolute;inset:0 0 auto;height:40rem;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(60% 70% at 50% 0%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(60% 70% at 50% 0%,#000 20%,transparent 75%);opacity:.55;pointer-events:none}.hero__grid{display:grid;gap:var(--space-2xl);align-items:center}@media(min-width:1000px){.hero__grid{grid-template-columns:minmax(0,1.05fr)minmax(0,1fr);gap:var(--space-xl)}}.eyebrow{display:inline-flex;align-items:center;gap:.6em;padding:.35rem .8rem .35rem .65rem;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--bg-raised) 70%,transparent);font-size:var(--step--1);color:var(--ink)}.eyebrow__avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;margin-left:-.35rem;box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--ok)}.eyebrow__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}.hero__title{margin-top:var(--space-l);font-size:clamp(2.6rem,1.6rem + 4.2vw,5rem);line-height:1;letter-spacing:-.055em;max-width:11em}.hero__title strong{font-weight:inherit}.hero__lead{margin-top:var(--space-l);font-size:var(--step-1);line-height:1.6;color:var(--muted);max-width:34rem}.hero__actions{margin-top:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-s)}.hero__social{list-style:none;padding:0;margin-top:var(--space-l);display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;color:var(--faint)}.hero__social a{color:var(--muted);text-decoration:none}.hero__social a:hover{color:var(--ink-strong)}.hero__stage{position:relative;container-type:inline-size;aspect-ratio:1/.86;max-width:40rem;width:100%;margin-inline:auto}.hero__stage .device{position:absolute}.stage__browser{top:4%;right:0;width:86cqw;transform:rotate(0)}.stage__phone{width:27cqw}.stage__phone--a{left:2%;bottom:0;transform:rotate(-4deg)}.stage__phone--b{left:33%;bottom:-6%;z-index:2;transform:rotate(3deg)}@media(prefers-reduced-motion:no-preference){.hero__stage .device{animation:rise .9s var(--ease)both}.hero__stage .stage__phone--a{animation-delay:.08s}.hero__stage .stage__phone--b{animation-delay:.16s}}@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}.stats{margin-top:var(--space-3xl);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-raised) 80%,transparent);overflow:hidden}@media(min-width:820px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stats__item{padding:var(--space-l);border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin-right:-1px;margin-bottom:-1px}.stats__value{font-size:var(--step-4);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink-strong);font-variant-numeric:tabular-nums}.stats__label{margin-top:var(--space-xs);font-size:var(--step--1);line-height:1.45;color:var(--muted)}.media{position:relative;container-type:inline-size;overflow:hidden;aspect-ratio:16/10;border-radius:var(--radius);background:radial-gradient(90% 80% at 50% 0%,var(--p-glow),transparent 70%),var(--p-surface);display:grid;place-items:center;isolation:isolate}.media::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,7%);pointer-events:none;z-index:3}.media--light::after{box-shadow:inset 0 0 0 1px rgba(0,0,0,6%)}.media--hero{aspect-ratio:16/9;border-radius:var(--radius-l)}.device{margin:0;background:var(--bezel);box-shadow:0 0 0 1px var(--bezel-edge),var(--shadow-2);overflow:hidden}.device__screen{width:100%;height:auto;display:block}.device--phone{padding:2.4%;border-radius:13%/6%}.device--phone .device__screen{border-radius:10.5%/4.9%}.device--tablet{padding:2.8%;border-radius:6%/4.2%}.device--tablet .device__screen{border-radius:3.4%/2.2%}.device--browser{border-radius:10px;background:#1a1a1f}.device__bar{display:flex;gap:6px;align-items:center;height:26px;padding-inline:12px;background:#222228;border-bottom:1px solid rgba(255,255,255,6%)}.device__bar span{width:9px;height:9px;border-radius:50%;background:#3d3d46}.device__bar span:nth-child(1){background:#ff5f57}.device__bar span:nth-child(2){background:#febc2e}.device__bar span:nth-child(3){background:#28c840}.media__phones{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;gap:3.5cqw;padding-top:8cqw}.media__phones .device{width:27cqw;flex:none;transition:transform .5s var(--ease)}.media__phones .is-side{margin-top:9cqw}.media--hero .media__phones .device{width:22cqw}.media--hero .media__phones{padding-top:5.5cqw;gap:4cqw}.media--hero .media__phones .is-side{margin-top:7cqw}.media__browser{position:absolute;inset:8cqw 7cqw auto;transition:transform .5s var(--ease)}.media__browser .device__bar{height:3cqw;min-height:14px;gap:.8cqw;padding-inline:1.6cqw}.media__browser .device__bar span{width:1.1cqw;height:1.1cqw;min-width:6px;min-height:6px}.media--hero .media__browser{inset:6cqw 10cqw auto}.media__plate{width:62cqw;color:var(--p-accent);filter:drop-shadow(0 0 24px color-mix(in srgb,var(--p-accent) 35%,transparent))}.media--hero .media__plate{width:46cqw}.media__plate svg{width:100%}.work-grid{display:grid;gap:var(--space-l)}@media(min-width:820px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card--wide{grid-column:1/-1}}.card{position:relative;display:flex;flex-direction:column;padding:.5rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);transition:border-color var(--dur),background-color var(--dur),transform .4s var(--ease)}.card:hover{border-color:var(--line-strong);background:var(--card-hover)}[data-theme=light] .card{box-shadow:var(--shadow-1)}.card:hover .media__phones .is-front{transform:translateY(-2cqw)}.card:hover .media__browser{transform:translateY(-1.5cqw)}.card__media .media{border-radius:calc(var(--radius-l) - .5rem)}.card__body{padding:var(--space-l)var(--space-l)var(--space-m);display:flex;flex-direction:column;gap:var(--space-s)}.card__meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center}.card__platform{color:var(--faint)}.card__title{font-size:var(--step-3);letter-spacing:-.035em}.card__link{color:inherit;text-decoration:none}.card__link::after{content:"";position:absolute;inset:0;border-radius:inherit}.card__link:focus-visible{outline:none}.card:has(.card__link:focus-visible){outline:2px solid var(--brand);outline-offset:3px}.card__desc{color:var(--muted);max-width:38rem}.card .tags{margin-top:var(--space-2xs)}@media(min-width:820px){.card--wide{display:grid;grid-template-columns:minmax(0,1.45fr)minmax(0,1fr);align-items:center}.card--wide .card__body{padding:var(--space-xl)}.card--wide:nth-child(even) .card__media{order:2}.card--wide .media{aspect-ratio:16/11}}.more-work{margin-top:var(--space-3xl)}.more-work__title{font-size:var(--step-2);margin-bottom:var(--space-m)}.more-work__list{list-style:none;padding:0;border-top:1px solid var(--line)}.more-work__item{display:grid;grid-template-columns:1fr auto;gap:.2rem var(--space-l);padding:var(--space-m)0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--muted)}@media(min-width:720px){.more-work__item{grid-template-columns:14rem 1fr auto;align-items:baseline}}.more-work__name{color:var(--ink-strong);font-weight:600}.more-work__desc{grid-column:1}@media(min-width:720px){.more-work__desc{grid-column:auto}}.more-work__arrow{grid-row:1;grid-column:2;transition:transform var(--dur)var(--ease)}@media(min-width:720px){.more-work__arrow{grid-row:auto;grid-column:auto}}.more-work__item:hover .more-work__arrow{transform:translateX(4px);color:var(--ink-strong)}.capabilities{list-style:none;padding:0;display:grid;gap:var(--space-m)}@media(min-width:700px){.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.capabilities{grid-template-columns:repeat(4,minmax(0,1fr))}}.capability{padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.capability__num{color:var(--brand)}.capability h3{margin-top:var(--space-l);font-size:var(--step-1)}.capability p{margin-top:var(--space-xs);color:var(--muted);font-size:.9688rem;line-height:1.6}.timeline{list-style:none;padding:0;border-top:1px solid var(--line)}.timeline__item{display:grid;gap:var(--space-2xs)var(--space-l);padding-block:var(--space-l);border-bottom:1px solid var(--line)}@media(min-width:640px){.timeline__item{grid-template-columns:11rem 1fr}.timeline__date{padding-top:.3em}}.timeline__role{font-size:var(--step-1)}.timeline__company{font-weight:500;color:var(--muted)}.timeline__desc{margin-top:var(--space-2xs);color:var(--muted)}.post-cards{list-style:none;padding:0;display:grid;gap:var(--space-m)}@media(min-width:820px){.post-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card{position:relative;display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color var(--dur)}.post-card:hover{border-color:var(--line-strong)}.post-card h3{font-size:var(--step-1);line-height:1.3}.post-card p{color:var(--muted);font-size:.9375rem;line-height:1.55}.posts{list-style:none;padding:0;border-top:1px solid var(--line)}.post{position:relative;display:grid;grid-template-columns:1fr auto;gap:.35rem var(--space-l);padding-block:var(--space-l);border-bottom:1px solid var(--line)}.post__date{grid-column:1/-1}@media(min-width:720px){.post{grid-template-columns:9rem 1fr auto;align-items:baseline}.post__date{grid-column:auto}}.post__title{font-size:var(--step-2);letter-spacing:-.02em}.post__desc{margin-top:.35em;color:var(--muted);max-width:44rem}.post__arrow{color:var(--faint);transition:transform var(--dur)var(--ease),color var(--dur)}.post:hover .post__arrow{transform:translateX(4px);color:var(--ink-strong)}.post-header{margin-bottom:var(--space-xl)}.post-header__meta{color:var(--faint);margin-bottom:var(--space-s)}.post-header h1{font-size:var(--step-4)}.post-header .lead{margin-top:var(--space-m)}.post-tags{margin-top:var(--space-l);color:var(--faint)}.case{padding-top:var(--space-xl)}.case-header{max-width:calc(52rem + 2 * var(--gutter));margin-inline:auto;text-align:left}.case-header__back{margin-bottom:var(--space-xl)}.case-header__meta{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;align-items:center}.case-header__title{margin-top:var(--space-m);font-size:var(--step-5);letter-spacing:-.05em}.case-header__lead{margin-top:var(--space-m);font-size:var(--step-2);line-height:1.45;letter-spacing:-.015em;color:var(--muted);max-width:44rem}.case-header__links{margin-top:var(--space-l);display:flex;flex-wrap:wrap;gap:var(--space-s)}.facts{margin-top:var(--space-xl);display:grid;gap:var(--space-m)var(--space-xl);padding-top:var(--space-l);border-top:1px solid var(--line)}@media(min-width:720px){.facts{grid-template-columns:minmax(0,16rem)minmax(0,1fr)}}.facts__item dt{margin-bottom:var(--space-xs)}.facts__item dd{color:var(--ink)}.facts--stack{grid-template-columns:1fr!important;gap:var(--space-m)}.facts--stack .facts__item dd{font-size:.9688rem}.case__media{margin-top:var(--space-2xl)}.case__media .gallery__caption{max-width:52rem;margin-inline:auto}.metrics{margin-top:var(--space-2xl);display:grid;gap:var(--space-m)}@media(min-width:640px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}.metrics__item{padding:var(--space-l);border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.metrics__item dt{font-size:var(--step-3);font-weight:600;letter-spacing:-.04em;line-height:1.05;color:var(--ink-strong)}.metrics__item dd{margin-top:var(--space-xs);color:var(--muted);font-size:var(--step--1);line-height:1.5}.case__body{margin-top:var(--space-2xl)}.case__gallery{margin-top:var(--space-3xl)}.gallery{display:grid;gap:var(--space-l);justify-content:center;padding:var(--space-2xl)var(--space-l);border-radius:var(--radius-l);background:var(--bg-raised);border:1px solid var(--line)}.gallery--phone{grid-template-columns:repeat(3,minmax(0,15rem))}.gallery--tablet{grid-template-columns:repeat(3,minmax(0,19rem))}@media(max-width:640px){.gallery{grid-template-columns:1fr;padding:var(--space-l)}.gallery .device{max-width:15rem;margin-inline:auto}}.gallery__caption{margin-top:var(--space-s);color:var(--faint);text-align:center}.case__pager{margin-top:var(--space-3xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}.pager{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-m)var(--space-l);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink-strong);font-weight:600;font-size:var(--step-0);transition:border-color var(--dur)}.pager:hover{border-color:var(--line-strong)}.pager--next{text-align:right;grid-column:2}.ai-note{margin-top:var(--space-xl);padding-top:var(--space-m);border-top:1px solid var(--line);font-size:var(--step--1);color:var(--faint)}.prose--large{font-size:var(--step-1);line-height:1.7}.prose--large>p:first-child{font-size:var(--step-3);line-height:1.3;letter-spacing:-.03em;color:var(--ink-strong);font-weight:500}.prose--large h2{margin-top:2em;font-size:var(--step-1)}.prose--large ul{list-style:none;padding:0;border-top:1px solid var(--line)}.prose--large li{margin:0!important;padding:.8em 0;border-bottom:1px solid var(--line);color:var(--muted)}.prose--large li strong,.prose--large li strong a{color:var(--ink-strong)}.about-experience{margin-top:var(--space-3xl)}.contact-grid{display:grid;gap:var(--space-m)}@media(min-width:820px){.contact-grid{grid-template-columns:1.4fr 1fr 1fr}}.contact-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl)var(--space-l);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card);text-decoration:none;color:var(--ink-strong);transition:border-color var(--dur),transform .3s var(--ease)}.contact-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.contact-card__value{font-size:var(--step-2);font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}.contact-card__hint{color:var(--muted)}.contact-card--primary{background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 70%),var(--card);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.contact-note{margin-top:var(--space-2xl);max-width:var(--container-prose);color:var(--muted)}.cta{padding-block:var(--space-3xl)}.cta__box{display:grid;gap:var(--space-l);align-items:center;padding:clamp(2rem,5vw,3.5rem);border-radius:var(--radius-l);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:radial-gradient(60% 140% at 100% 0%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 70%),radial-gradient(50% 120% at 0% 100%,color-mix(in srgb,#14b8a6 10%,transparent),transparent 70%),var(--card)}@media(min-width:900px){.cta__box{grid-template-columns:1fr auto}}.cta__title{font-size:var(--step-4);letter-spacing:-.04em}.cta__body{margin-top:var(--space-s);color:var(--muted);max-width:34rem}.cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-s)}.site-footer{border-top:1px solid var(--line);padding-top:var(--space-2xl);color:var(--faint)}.site-footer__inner{display:grid;gap:var(--space-xl)}@media(min-width:720px){.site-footer__inner{grid-template-columns:2fr 1fr 1fr}}.site-footer__brand .brand{margin-bottom:var(--space-s)}.site-footer__brand p{max-width:22rem;color:var(--muted)}.footer-col{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}.footer-col .label{margin-bottom:.2rem}.footer-col a{color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--ink-strong)}.site-footer__base{position:relative;margin-top:var(--space-2xl);padding-block:var(--space-l);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-s)}.site-footer__base::before{content:"";position:absolute;top:0;inset-inline:var(--gutter);border-top:1px solid var(--line)}.site-footer__base a{color:var(--muted);text-decoration:none}.site-footer__base a:hover{color:var(--ink-strong)}.error__code{color:var(--faint);margin-bottom:var(--space-s)}.error .lead{margin-top:var(--space-s)}.error__links{margin-top:var(--space-l);display:flex;gap:var(--space-s);flex-wrap:wrap}.page+.cta{padding-top:0}.prose--large+.ai-note{border-top:0;padding-top:0}.personal{list-style:none;padding:0;display:grid;gap:var(--space-m)}@media(min-width:760px){.personal{grid-template-columns:repeat(2,minmax(0,1fr))}}.personal__item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl)var(--space-l)var(--space-l);border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card)}.personal__icon{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:var(--space-s);border-radius:12px;color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent)}.personal__icon .icon{width:1.4rem;height:1.4rem}.personal__item h3{font-size:var(--step-2);letter-spacing:-.025em}.personal__item p{color:var(--muted);max-width:34rem}.personal__link{margin-top:auto;padding-top:var(--space-s)}.portrait{width:100%;max-width:18rem;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-l);border:1px solid var(--line);margin-bottom:var(--space-l)}