:root{--bg:#f7f7f4;--surface:#fff;--surface-2:#efefea;--text:#171a1d;--muted:#686e72;--line:#dcded8;--accent:#4f6500;--accent-soft:#e7f6b1;--accent-strong:#c9f35a;--dark:#0c0f11;--dark-2:#15191c;--dark-muted:#9aa2a5;--shadow:0 24px 80px #171a1d14;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0d0f;--surface:#111417;--surface-2:#171b1e;--text:#f4f4ef;--muted:#9aa2a5;--line:#252a2e;--accent:#d9ff74;--accent-soft:#26321a;--accent-strong:#d9ff74;--dark:#060708;--dark-2:#0e1113;--shadow:0 24px 80px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d0f;--surface:#111417;--surface-2:#171b1e;--text:#f4f4ef;--muted:#9aa2a5;--line:#252a2e;--accent:#d9ff74;--accent-soft:#26321a;--accent-strong:#d9ff74;--dark:#060708;--dark-2:#0e1113;--shadow:0 24px 80px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;transition:background-color .18s,color .18s}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%}::selection{background:var(--accent-strong);color:#101210}.container{width:min(1180px,100% - 48px);margin:0 auto}.narrowContainer{width:min(980px,100% - 48px)}.section{padding:112px 0}.subtleSection{background:var(--surface-2)}.skipLink{z-index:1000;background:var(--accent-strong);color:#101210;border-radius:10px;padding:10px 14px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skipLink:focus{transform:translateY(0)}.siteHeader{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:760;display:inline-flex}.brandMark{background:var(--accent-strong);color:#121511;border-radius:12px;place-items:center;width:39px;height:39px;font-size:13px;font-weight:850;display:inline-grid}.desktopNav{color:var(--muted);align-items:center;gap:29px;font-size:14px;display:flex}.desktopNav a{transition:color .15s}.desktopNav a:hover,.desktopNav a:focus-visible{color:var(--text)}.headerActions{align-items:center;gap:10px;display:flex}.iconButton{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;display:inline-grid}.iconButton:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.headerContact{background:var(--text);color:var(--bg);border-radius:12px;padding:10px 15px;font-size:14px;font-weight:750}.menuButton{display:none}.mobileNav{border-top:1px solid var(--line);background:var(--bg);display:none}.mobileNavInner{padding-top:12px;padding-bottom:18px;display:grid}.mobileNav a{color:var(--muted);padding:11px 0}.hero{align-items:center;min-height:calc(100svh - 76px);padding:88px 0 92px;display:grid;position:relative;overflow:clip}.heroGrid{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center;gap:88px;display:grid;position:relative}.heroGlow{filter:blur(2px);opacity:.7;pointer-events:none;border-radius:50%;position:absolute}.heroGlowOne{background:radial-gradient(circle, color-mix(in srgb, var(--accent-strong) 25%, transparent), transparent 68%);width:530px;height:530px;top:30px;right:-260px}.heroGlowTwo{background:radial-gradient(circle,#7aa2ff1f,#0000 70%);width:400px;height:400px;bottom:-130px;left:-260px}.availability{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 76%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;display:inline-flex}.availability span,.statusBadge>span{background:#6fca68;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #6fca681f}.heroEyebrow{color:var(--accent);letter-spacing:.01em;margin:34px 0 10px;font-weight:760}.hero h1{letter-spacing:-.062em;max-width:780px;margin:0;font-size:clamp(52px,6.1vw,88px);font-weight:780;line-height:.98}.hero h1 span{color:var(--muted)}.heroLead{max-width:660px;color:var(--muted);margin:30px 0 0;font-size:clamp(19px,2vw,23px);line-height:1.55}.heroActions,.projectActions,.outcomeActions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:14px;font-weight:760;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primaryButton{background:var(--accent-strong);color:#121511}.secondaryButton{border-color:var(--line);background:var(--surface)}.socialRow{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px;display:flex}.socialRow a{align-items:center;gap:7px;display:inline-flex}.socialRow a:hover{color:var(--text)}.heroVisual{place-items:center;display:grid}.portraitFrame{aspect-ratio:1/1.12;place-items:center;width:min(410px,100%);display:grid;position:relative}.portraitBackdrop{background:linear-gradient(155deg, color-mix(in srgb, var(--accent-strong) 34%, var(--surface)) 0%, color-mix(in srgb, var(--surface) 92%, #dfe8ff) 58%, var(--surface) 100%);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);opacity:1;border-radius:34px;width:88%;height:98%;position:absolute;top:4%;transform:none;box-shadow:0 30px 70px #0000001a}.portrait{z-index:2;object-fit:contain;filter:drop-shadow(0 24px 34px #00000029);-webkit-mask-composite:source-in;width:72%;height:auto;position:relative;transform:translate(4%,3%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 100%),linear-gradient(#000 0% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 100%),linear-gradient(#000 0% 90%,#0000 100%)}.roleCard,.locationCard{z-index:4;border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);position:absolute}.roleCard{border-radius:16px;align-items:center;gap:11px;padding:13px 15px;display:flex;bottom:12%;left:-15px}.roleCard strong,.roleCard span{display:block}.roleCard strong{font-size:13px}.roleCard span{color:var(--muted);margin-top:1px;font-size:11px}.roleDot{background:var(--accent-strong);width:11px;height:11px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-strong) 15%, transparent);border-radius:50%}.locationCard{color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex;top:18%;right:-5px}.sectionHeading{max-width:760px;margin-bottom:48px}.eyebrow,.projectEyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 11px;font-size:13px;font-weight:820;line-height:1.2}.sectionHeading h2,.aboutGrid h2,.caseTwoColumn h2,.caseSectionHeading h2,.outcomeCard h2{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,56px);line-height:1.06}.sectionDescription{max-width:670px;color:var(--muted);margin:18px 0 0;font-size:18px}.workSection{padding-top:122px}.featuredProject{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:1fr 1.08fr;gap:36px;padding:42px;display:grid;overflow:hidden}.featuredCopy{align-self:center;padding:8px 0}.projectTitleRow{justify-content:space-between;align-items:center;gap:18px;display:flex}.projectTitleRow h3{letter-spacing:-.045em;margin:0;font-size:clamp(34px,3.5vw,50px)}.statusBadge{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:inline-flex}.projectLead{color:var(--muted);margin:20px 0 0;font-size:17px}.featureList{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.featureList li{padding-left:22px;position:relative}.featureList li:before{content:"";background:var(--accent-strong);border-radius:50%;width:8px;height:8px;position:absolute;top:.66em;left:1px}.tagList{flex-wrap:wrap;gap:8px;display:flex}.tagList span{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650}.textLink{color:var(--text);align-items:center;gap:7px;font-weight:780;display:inline-flex}.textLink:hover{color:var(--accent)}.mutedLink{color:var(--muted)}.productMockup{color:#eef1ed;background:#0f1215;border:1px solid #2c3237;border-radius:22px;align-self:center;min-height:470px;overflow:hidden;transform:perspective(1100px)rotateY(-2deg)rotateX(1deg);box-shadow:0 26px 60px #00000047}.mockupTopbar{background:#15191d;border-bottom:1px solid #272d31;align-items:center;gap:6px;height:44px;padding:0 13px;display:flex}.mockupTopbar>span{background:#3a4248;border-radius:50%;width:8px;height:8px}.mockupTopbar small{color:#7d878d;margin-left:9px;font-size:9px}.mockupBody{grid-template-columns:56px 1fr;min-height:426px;display:grid}.mockupSidebar{border-right:1px solid #272d31;flex-direction:column;align-items:center;gap:18px;padding:18px 0;display:flex}.sidebarLogo{color:#111;background:#d9ff74;border-radius:8px;place-items:center;width:28px;height:28px;margin-bottom:10px;font-size:8px;font-weight:900;display:grid}.mockupSidebar>span{background:#394149;border-radius:999px;width:21px;height:5px}.mockupSidebar>span.active{background:#d9ff74}.mockupContent{padding:25px 22px}.mockupHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}.mockupHeading small,.mockupHeading strong{display:block}.mockupHeading small{color:#707b82;font-size:9px}.mockupHeading strong{margin-top:4px;font-size:15px}.mockButton{color:#101210;background:#d9ff74;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:800}.metricGrid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;display:grid}.metricGrid>div{background:#161a1e;border:1px solid #293036;border-radius:12px;padding:14px}.metricGrid span,.metricGrid strong,.metricGrid small{display:block}.metricGrid span{color:#808a90;font-size:8px}.metricGrid strong{letter-spacing:-.04em;margin:8px 0 1px;font-size:23px}.metricGrid small{color:#5f696f;font-size:7px}.orderPanel{background:#161a1e;border:1px solid #293036;border-radius:13px;margin-top:18px;padding:16px}.orderPanelTitle{justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.orderPanelTitle span{color:#7d878d}.orderRow{border-top:1px solid #242a2f;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:11px 0;font-size:8px;display:grid}.orderRow small{color:#68737a}.orderIcon{background:#273038;border-radius:4px;width:13px;height:13px}.orderIcon1{background:#536e37}.orderIcon2{background:#394f6a}.orderIcon3{background:#3f5c50}.projectGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.projectCard{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-height:280px;padding:26px;transition:transform .16s,border-color .16s;display:flex}.projectCard:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));transform:translateY(-4px)}.projectCardTop{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.projectCardTop a{border:1px solid var(--line);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.projectCard h3{letter-spacing:-.025em;margin:28px 0 9px;font-size:22px}.projectCard p{color:var(--muted);margin:0;font-size:14px}.compactTags{margin-top:auto;padding-top:22px}.compactTags span{padding:5px 8px;font-size:10px}.skillsGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skillCard{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:260px;padding:26px}.skillIcon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:13px;place-items:center;display:grid}.skillCard h3{margin:28px 0 18px;font-size:20px}.skillItems{flex-wrap:wrap;gap:7px;display:flex}.skillItems span{color:var(--muted);font-size:13px}.skillItems span:not(:last-child):after{content:" ·"}.experienceLayout{grid-template-columns:.85fr 1.15fr;align-items:start;gap:95px;display:grid}.experienceIntro{position:sticky;top:120px}.timeline{position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:12px;left:5px}.timelineItem{padding:0 0 48px 38px;position:relative}.timelineItem:last-child{padding-bottom:0}.timelineMarker{background:var(--accent-strong);width:11px;height:11px;box-shadow:0 0 0 6px var(--bg);border-radius:50%;position:absolute;top:7px;left:0}.timelinePeriod{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:760}.timelineItem h3{letter-spacing:-.025em;margin:0;font-size:23px}.timelineCompany{font-weight:650;color:var(--text)!important;margin:4px 0 10px!important}.timelineItem>p:last-child{color:var(--muted);margin:0}.aboutSection{border-top:1px solid var(--line)}.aboutGrid{grid-template-columns:.85fr 1.15fr;gap:95px;display:grid}.aboutGrid h2{max-width:500px}.aboutCopy{color:var(--muted);font-size:19px}.aboutCopy p{margin:0 0 22px}.detailGrid{grid-template-columns:1.35fr .65fr;gap:16px;margin-top:64px;display:grid}.detailCard{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:28px}.detailLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 22px;font-size:12px;font-weight:780}.detailEntry{border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding:18px 0;display:flex}.detailEntry strong,.detailEntry span{display:block}.detailEntry span{color:var(--muted);margin-top:4px;font-size:13px}.detailEntry small{color:var(--muted);flex:none}.languageRow{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:17px 0;display:flex}.languageRow span{color:var(--muted)}.contactSection{padding-top:40px}.contactCard{border-radius:var(--radius-lg);background:var(--dark-2);color:#f4f5f0;grid-template-columns:1.15fr .85fr;align-items:end;gap:50px;padding:54px;display:grid;position:relative;overflow:hidden}.contactCard:after{content:"";filter:blur(5px);opacity:.13;background:#d9ff74;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-240px;right:-180px}.contactCard h2{letter-spacing:-.05em;max-width:680px;margin:0;font-size:clamp(38px,4.8vw,62px);line-height:1.03}.contactCard p:not(.eyebrow){color:#9ca4a7;max-width:620px;margin:18px 0 0}.contactActions{z-index:1;flex-direction:column;align-items:stretch;gap:10px;display:flex;position:relative}.lightButton{color:#111;background:#d9ff74}.outlineLightButton{color:#f5f5ef;border-color:#343a3e}.siteFooter{border-top:1px solid var(--line);padding:34px 0}.footerInner{color:var(--muted);justify-content:space-between;align-items:center;gap:22px;font-size:12px;display:flex}.footerInner p{margin:0}.footerLinks{gap:18px;display:flex}.footerLinks a:hover{color:var(--text)}.caseStudy{min-height:70vh}.caseHero{border-bottom:1px solid var(--line);padding:96px 0 82px}.backLink{color:var(--muted);margin-bottom:58px;font-size:13px;display:inline-block}.backLink:hover{color:var(--text)}.caseTitleRow{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.caseTitleRow h1{letter-spacing:-.065em;margin:0;font-size:clamp(56px,8vw,96px);line-height:.95}.caseLead{max-width:760px;color:var(--muted);margin:24px 0 0;font-size:21px}.caseMeta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:52px;padding:24px 0;display:grid}.caseMeta small,.caseMeta strong{display:block}.caseMeta small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px}.caseMeta strong{font-size:14px}.caseTags,.caseGithub{margin-top:24px}.caseTwoColumn{grid-template-columns:.9fr 1.1fr;gap:80px;display:grid}.caseProse{color:var(--muted);font-size:18px}.caseProse p{margin:0 0 22px}.caseSectionHeading{max-width:680px;margin-bottom:42px}.architectureGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.architectureCard{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:235px;padding:28px}.architectureCard h3{margin:25px 0 8px;font-size:20px}.architectureCard p{color:var(--muted);margin:0;font-size:14px}.decisionList{display:grid}.decisionList article{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:20px;padding:24px 0;display:grid}.decisionList article>span{color:var(--accent);font-size:12px;font-weight:800}.decisionList h3{margin:0 0 7px;font-size:19px}.decisionList p{color:var(--muted);margin:0}.caseOutcomeSection{padding-top:30px}.outcomeCard{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);padding:52px}.outcomeCard>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:18px}.notFound{align-items:center;min-height:70vh;padding:100px 0;display:grid}.notFound h1{letter-spacing:-.05em;margin:0;font-size:clamp(46px,7vw,76px)}.notFound p:not(.eyebrow){color:var(--muted)}@media (max-width:980px){.desktopNav{display:none}.menuButton{display:inline-grid}.mobileNav{display:block}.heroGrid{grid-template-columns:1fr;gap:62px}.heroCopy{max-width:780px}.heroVisual{width:min(500px,100%);margin:0 auto}.featuredProject{grid-template-columns:1fr}.productMockup{min-height:430px}.skillsGrid{grid-template-columns:repeat(2,1fr)}.experienceLayout,.aboutGrid,.caseTwoColumn{grid-template-columns:1fr;gap:46px}.experienceIntro{position:static}.detailGrid{grid-template-columns:1fr}.contactCard{grid-template-columns:1fr;align-items:start}.contactActions{max-width:460px}}@media (max-width:720px){.container,.narrowContainer{width:min(100% - 32px,1180px)}.section{padding:82px 0}.brandText,.headerContact{display:none}.headerInner{min-height:68px}.hero{min-height:auto;padding:70px 0 76px}.hero h1{font-size:clamp(46px,14vw,68px)}.heroLead{font-size:18px}.socialRow{gap:14px}.portraitFrame{width:min(360px,96%)}.roleCard{left:0}.locationCard{right:0}.featuredProject{border-radius:22px;padding:24px}.projectTitleRow{flex-direction:column;align-items:flex-start;gap:10px}.productMockup{min-height:360px;transform:none}.mockupBody{grid-template-columns:45px 1fr;min-height:316px}.mockupContent{padding:18px 14px}.metricGrid{grid-template-columns:1fr 1fr}.metricGrid>div:last-child{display:none}.projectGrid,.skillsGrid,.architectureGrid{grid-template-columns:1fr}.projectCard{min-height:240px}.sectionHeading{margin-bottom:34px}.detailEntry{flex-direction:column;gap:8px}.contactCard,.outcomeCard{padding:32px 24px}.contactActions .button{width:100%}.footerInner{flex-direction:column;align-items:flex-start}.caseHero{padding:64px 0}.backLink{margin-bottom:38px}.caseTitleRow{flex-direction:column;align-items:flex-start}.caseMeta{grid-template-columns:1fr;gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.languageSwitch{letter-spacing:.05em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.languageSwitch a{color:var(--muted);text-decoration:none;transition:color .2s}.languageSwitch a:hover,.languageSwitch .activeLanguage{color:var(--text)}.languageSwitch .activeLanguage{text-underline-offset:4px;text-decoration:underline}.skipLink{z-index:9999!important;opacity:0!important;pointer-events:none!important;position:fixed!important;top:12px!important;left:12px!important;transform:translateY(-200%)!important}.skipLink:focus{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.projectMeta{align-items:center;gap:10px;display:flex}.projectBadge{letter-spacing:.06em;border:1px solid var(--line);background:color-mix(in srgb, var(--accent-strong) 10%, var(--surface));color:var(--text);border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}