@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;background:#08111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}#root{min-height:100vh}html{scroll-behavior:smooth}main{width:min(1320px,100% - 80px);margin:0 auto}#root{color:#eef4ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}h1,h2,h3{letter-spacing:-.045em;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-weight:500}.section h2,.about-copy h2,.education-heading h2,.certification-heading h2,.case-study h2,.case-study-copy h3,.case-study-details h3,.architecture h3,.project-card h3,.project-category>h3,.project-walkthrough-header h3,.education-content h3,.certification-content h3{letter-spacing:-.04em;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-weight:500}p,a,button,span,small,.navbar,.primary-button,.secondary-button,.text-link{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.section-label,.eyebrow,.credential-eyebrow,.home-role,.home-location,.home-project-type{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:700}.tech,.home-project-tech,.home-project-index{font-family:Consolas,Courier New,monospace}.site-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08111deb;border-bottom:1px solid #273244;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;width:min(1320px,100% - 80px);min-height:72px;margin:0 auto;display:flex}.navbar-brand{color:#65d6b4;font-size:1.2rem;font-weight:800;text-decoration:none}.navbar-links{align-items:center;gap:24px;display:flex}.navbar-links a{color:#b8c2d1;font-size:.95rem;font-weight:600;text-decoration:none}.navbar-links a:hover{color:#65d6b4}.section{padding:80px 0 120px}.section h2{margin:0 0 28px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05}.eyebrow,.section-label{color:#65d6b4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.9rem;font-weight:700}.intro{color:#98a4b5;max-width:680px;margin:28px 0 0;font-size:1.1rem;line-height:1.7}.primary-button,.secondary-button{border-radius:8px;padding:13px 20px;font-weight:700;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-block}.primary-button{color:#08111d;background:#65d6b4}.primary-button:hover{color:#08111d;background:#78e2c1;transform:translateY(-2px)}.secondary-button{color:#eef4ff;border:1px solid #3b4657}.secondary-button:hover{color:#65d6b4;border-color:#65d6b4;transform:translateY(-2px)}.text-link{color:#65d6b4;white-space:nowrap;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.hero{align-items:flex-start;height:auto;min-height:0;padding:64px 0 32px;display:flex}.hero-content{max-width:850px}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(4rem,8vw,6.5rem);line-height:.96}.hero h2{color:#b8c2d1;letter-spacing:-.02em;max-width:760px;margin:26px 0 0;font-size:clamp(1.6rem,3.5vw,2.5rem);line-height:1.2}.hero .intro{color:#98a4b5;max-width:680px;margin-top:28px;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.home-featured{padding-top:32px}.section-heading-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.section-heading-row h2{margin-bottom:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.project-card{background:#111a27;border:1px solid #273244;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.project-image{object-fit:cover;object-position:top;border-bottom:1px solid #2a394b;width:100%;height:160px;display:block}.project-content{flex-direction:column;flex:1;padding:30px;display:flex}.project-card h3{letter-spacing:-.035em;margin:0 0 14px;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:1.35rem;font-weight:500;line-height:1.2}.project-card p{color:#aab5c4;margin:0 0 18px;line-height:1.65}.project-card .tech{color:#65d6b4;margin-top:auto;margin-bottom:0;font-size:.9rem}.project-links{flex-wrap:wrap;gap:16px;margin-top:22px;display:flex}.project-links a{color:#eef4ff;font-weight:700;text-decoration:none}.project-links a:hover{color:#65d6b4}.projects-intro{color:#98a4b5;max-width:650px;margin:-12px 0 44px;font-size:1.05rem;line-height:1.7}.project-card{transition:transform .18s,border-color .18s,box-shadow .18s}.project-card:hover{border-color:#3a4b61;transform:translateY(-5px);box-shadow:0 18px 40px #0000002e}.project-image{transition:transform .26s}.project-card:hover .project-image{transform:scale(1.015)}.project-detail-link{color:#65d6b4!important}.project-detail-link:hover{color:#78e2c1!important}.case-study{border-top:1px solid #273244;scroll-margin-top:24px}.case-study-intro{grid-template-columns:minmax(0,1fr) minmax(0,510px);align-items:start;gap:56px;display:grid}.case-study-copy h3,.case-study-details h3,.architecture h3{margin:0 0 16px;font-size:1.45rem}.case-study-copy p,.case-study-details p{color:#b8c2d1;margin:0 0 18px;line-height:1.75}.case-study-links{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.project-category{margin-top:2.75rem}.project-category+.project-category{border-top:1px solid #273244;margin-top:5rem;padding-top:3rem}.project-category>.section-label{color:#65d6b4;letter-spacing:.11em;text-transform:uppercase;margin-bottom:.65rem;font-size:.82rem;font-weight:800;display:inline-block}.project-category>h3{color:#eef4ff;letter-spacing:-.035em;max-width:760px;margin:0 0 1.9rem;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:1.45rem;font-weight:500;line-height:1.35}.project-category .project-grid{margin-bottom:0}.case-study-media-column{flex-direction:column;gap:20px;width:100%;max-width:510px;display:flex}.video-container,.case-study-image-container{width:100%;max-width:510px;margin:0}.project-video,.case-study-image{object-fit:cover;object-position:top;background:#08111d;border:1px solid #273244;border-radius:14px;width:100%;height:285px;display:block}.video-container figcaption,.case-study-image-container figcaption{color:#7f8b9b;margin-top:12px;font-size:.9rem;line-height:1.5}.demo-video-section{width:100%;max-width:510px;margin-top:56px}.case-study-media-column .demo-video-section{margin-top:0}.demo-video-section h3{margin:0 0 16px;font-size:1.45rem}.demo-video-section p{color:#aab5c4;margin:0 0 24px;line-height:1.75}.demo-video{object-fit:cover;object-position:top;background:#08111d;border:1px solid #273244;border-radius:14px;width:100%;height:285px;display:block}.case-study-video-section{margin-top:3rem}.case-study-video-heading{margin-bottom:1.25rem}.case-study-video-heading h3{margin-bottom:.5rem}.case-study-video-heading p:last-child{margin-bottom:0}.case-study-video{background:#000;border-radius:12px;width:100%;display:block}.case-study-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.case-study-details article{background:#1d2a3c;border:1px solid #405169;border-radius:14px;padding:26px;box-shadow:0 14px 28px #00000029,0 16px 34px #65d6b429}.architecture{margin-top:56px}.architecture-flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.architecture-flow span{color:#eef4ff;text-align:center;background:#192638;border:1px solid #3d4f66;border-radius:10px;padding:18px 12px;font-size:.9rem;font-weight:700;position:relative;box-shadow:0 10px 18px -8px #65d6b42e}.architecture-flow span:not(:last-child):after{z-index:1;color:#65d6b4;content:"→";position:absolute;top:50%;right:-13px;transform:translateY(-50%)}.project-walkthrough{margin-top:64px}.project-walkthrough-header{max-width:760px;margin-bottom:24px}.project-walkthrough-header .section-label{margin-bottom:10px}.project-walkthrough-header h3{margin:0 0 12px;font-size:1.6rem}.project-walkthrough-header p{color:#98a4b5;margin:0;line-height:1.7}.project-walkthrough-video{aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #273244;border-radius:14px;width:100%;max-width:960px;height:auto;margin-top:24px;display:block}.about-page{padding-top:88px}.about-layout{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:72px;display:grid}.about-copy{max-width:700px}.about-copy h2{letter-spacing:-.04em;margin-bottom:28px;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:clamp(2rem,3vw,2.8rem);font-weight:500;line-height:1.05}.about-lead{color:#cbd5e1;margin:0 0 26px;font-size:1.3rem;font-weight:600;line-height:1.55}.about-copy p:not(.about-lead){color:#aab5c4;margin:0 0 20px;font-size:1.02rem;line-height:1.8}.about-photo-column{position:sticky;top:110px}.about-photo{aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid #273244;border-radius:18px;width:100%;display:block;box-shadow:0 20px 45px #00000038}.about-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:72px;display:grid}.about-skills>div{background:#111a27;border:1px solid #273244;border-radius:14px;padding:24px}.about-skills .section-label{margin-bottom:12px;font-size:.78rem}.about-skills p:last-child{color:#aab5c4;margin:0;line-height:1.7}.education-section{border-top:1px solid #273244;margin-top:96px;padding-top:64px}.education-heading,.certification-heading{margin-bottom:28px}.education-heading .section-label,.certification-heading .section-label{margin-bottom:10px}.education-heading h2,.certification-heading h2{color:#eef4ff;margin:0;font-size:2.2rem}.education-card{background:#111a27;border:1px solid #273244;border-radius:18px;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.education-visual{background:#0d1623;border-right:1px solid #273244;justify-content:center;align-items:center;min-height:360px;padding:32px;display:flex}.education-diploma{background:#fff;border:1px solid #334155;border-radius:8px;width:100%;max-width:560px;height:auto;display:block;box-shadow:0 18px 40px #00000047}.education-content{flex-direction:column;justify-content:center;padding:48px;display:flex}.credential-eyebrow{color:#65d6b4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.education-content h3,.certification-content h3{color:#eef4ff;margin:0 0 18px;font-size:1.8rem;line-height:1.2}.education-degree{color:#cbd5e1;max-width:560px;margin:0 0 10px;font-size:1.15rem;font-weight:600;line-height:1.55}.education-focus{color:#98a4b5;margin:0 0 24px;font-size:1rem}.education-meta{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.education-meta span{color:#aab5c4;border:1px solid #334155;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:600}.education-content .text-link{align-self:flex-start}.certification-heading{margin-top:64px}.certification-card{background:#111a27;border:1px solid #273244;border-radius:16px;grid-template-columns:170px minmax(0,1fr);max-width:850px;display:grid;overflow:hidden}.certification-mark{color:#65d6b4;letter-spacing:.08em;background:#0d1623;border-right:1px solid #273244;justify-content:center;align-items:center;min-height:190px;font-size:2rem;font-weight:800;display:flex}.certification-content{padding:32px}.certification-content p:last-child{color:#aab5c4;max-width:620px;margin:0;line-height:1.7}@media (width<=900px){.about-layout{grid-template-columns:1fr;gap:48px}.about-photo-column{max-width:420px;position:static}.about-skills,.education-card{grid-template-columns:1fr}.education-visual{border-bottom:1px solid #273244;border-right:0;min-height:0}.education-content{padding:32px}.certification-card{grid-template-columns:130px minmax(0,1fr)}}@media (width<=650px){.about-page{padding-top:64px}.about-lead{font-size:1.15rem}.education-section{margin-top:64px;padding-top:48px}.education-visual{padding:18px}.education-content{padding:26px 22px}.certification-card{grid-template-columns:1fr}.certification-mark{border-bottom:1px solid #273244;border-right:0;min-height:110px}.certification-content{padding:24px 22px}}@media (width<=900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-intro{grid-template-columns:1fr}.video-container,.case-study-image-container,.demo-video-section,.case-study-media-column{max-width:none}.project-video,.case-study-image,.demo-video{aspect-ratio:16/9;height:auto}.case-study-details,.architecture-flow{grid-template-columns:1fr}.architecture-flow span:not(:last-child):after{content:"↓";top:auto;bottom:-19px;right:50%;transform:translate(50%)}}@media (width<=650px){.navbar{min-height:64px}.navbar-links{gap:14px}.navbar-links a{font-size:.85rem}.hero{align-items:flex-start;height:auto;min-height:0;padding:64px 0 32px;display:flex}.section{padding:64px 0 88px}.section-heading-row{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr}.project-image{object-fit:cover;object-position:top;background:#08111d;border-bottom:1px solid #2a394b;width:100%;height:175px;transition:transform .26s;display:block}}.home-hero{padding:44px 0 18px}.home-hero-header{justify-content:flex-end;margin-bottom:20px;display:flex}.home-edition{color:#657286;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.home-hero-main{grid-template-columns:minmax(500px,.95fr) minmax(420px,1.05fr);align-items:start;gap:clamp(44px,5vw,72px);display:grid}.home-hero-left h1{color:#eef4ff;letter-spacing:-.06em;white-space:nowrap;margin:0;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:clamp(3.6rem,4.7vw,4.9rem);font-weight:500;line-height:.95}.home-hero-right{max-width:580px;padding-top:4px}.home-hero-statement{color:#eef4ff;letter-spacing:-.035em;margin:0;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:clamp(1.4rem,1.75vw,1.85rem);font-weight:400;line-height:1.25}.home-hero-description{color:#98a4b5;max-width:520px;margin:28px 0 0;font-size:1.02rem;line-height:1.75}.home-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:28px;display:flex}.home-text-link{color:#dce5f1;font-size:.92rem;font-weight:700;text-decoration:none}.home-text-link:hover{color:#65d6b4}.home-hero-meta{border-top:1px solid #334155;grid-template-columns:auto auto auto auto;justify-content:start;gap:clamp(34px,5vw,80px);margin-top:28px;padding-top:16px;display:grid}.home-hero-meta span{color:#657286;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem;font-weight:800;display:block}.home-hero-meta p{color:#b8c2d1;margin:0;font-size:.92rem;line-height:1.5}.home-work{border-top:1px solid #405169;margin-top:24px;padding:42px 0 90px}.home-work-heading{margin-bottom:18px}.home-work-title-row{justify-content:space-between;align-items:end;gap:28px;display:flex}.home-work-title-row h2{letter-spacing:-.045em;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:clamp(1.9rem,2.6vw,2.8rem);font-weight:500;line-height:1}.home-project-list{border-top:1px solid #405169;margin-top:54px}.home-project{border-bottom:1px solid #273244;grid-template-columns:48px minmax(280px,.72fr) minmax(420px,1.28fr);align-items:start;gap:34px;padding:36px 0;display:grid}.home-project-index{color:#657286;letter-spacing:.08em;align-self:start;padding-top:4px;font-family:Consolas,Courier New,monospace;font-size:.84rem;font-weight:700}.home-project-copy{max-width:500px;padding-top:2px}.home-project-type{color:#65d6b4;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:800}.home-hero-name h1{letter-spacing:-.06em;white-space:nowrap;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:clamp(3.4rem,4.8vw,5rem);font-weight:500;line-height:.95}.home-project-copy>p:not(.home-project-type):not(.home-project-tech){color:#aab5c4;margin:20px 0 0;font-size:1rem;line-height:1.72}.home-project-tech{color:#7f8b9b;margin:22px 0 0;font-family:Consolas,Courier New,monospace;font-size:.78rem;line-height:1.65}.home-project-link{color:#65d6b4;margin-top:24px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.home-project-link:hover{color:#78e2c1}.home-project-media{background:#101927;border:1px solid #273244;border-radius:10px;padding:8px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 18px 50px #0003,0 0 0 1px #ffffff04}.home-project-media img{aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:5px;width:100%;transition:transform .3s,opacity .3s;display:block}.home-project-media:hover img{transform:scale(1.008)}@media (width<=1100px){.home-hero-main{grid-template-columns:1fr;gap:36px}.home-hero-right{max-width:680px}.home-hero-meta{grid-template-columns:repeat(2,minmax(0,max-content));gap:22px 64px}.home-project{grid-template-columns:56px minmax(250px,.85fr) minmax(340px,1.15fr);gap:26px}}@media (width<=900px){.home-project{grid-template-columns:44px minmax(0,1fr);align-items:start}.home-project-media{grid-column:2;margin-top:10px}.home-project-copy{max-width:620px}}@media (width<=650px){main,.navbar{width:calc(100% - 36px)}.home-hero{padding:36px 0 18px}.home-hero-header{margin-bottom:24px}.home-hero-main{gap:30px}.home-hero-left h1{white-space:normal;font-size:clamp(2.8rem,13vw,4rem)}.home-hero-statement{font-size:1.45rem}.home-hero-description{margin-top:20px}.home-actions{gap:14px 20px;margin-top:24px}.home-hero-meta{grid-template-columns:1fr;gap:18px;margin-top:28px}.home-work{padding:42px 0 84px}.home-work-title-row{flex-direction:column;align-items:flex-start}.home-project-list{border-top:0;margin-top:30px}.home-project{grid-template-columns:1fr;gap:14px;padding:38px 0}.home-project-index,.home-project-media{grid-column:1}.home-project-index{padding-top:0}.home-project-copy h3{letter-spacing:-.04em;font-family:IBM Plex Mono,Consolas,Courier New,monospace;font-size:clamp(1.7rem,7vw,2.2rem);font-weight:500;line-height:1.05}.home-project-media{margin-top:12px}}