#root{min-height:100vh}.header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#fafafaf2;border-bottom:1px solid #e4e4e7;position:sticky;top:0}.navContainer{justify-content:space-between;align-items:center;width:100%;max-width:1100px;height:72px;margin:0 auto;padding:0 28px;display:flex}.logo{letter-spacing:-1px;font-size:1.4rem;font-weight:800}.logo span{color:#6366f1}.tabs{background:#fff;border:1px solid #e4e4e7;border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.tab{color:#71717a;border-radius:7px;padding:8px 14px;font-size:.88rem;font-weight:500;transition:background .2s,color .2s,transform .2s}.tab:hover{color:#18181b}.tab.active{color:#fff;background:#18181b}.page{width:100%;max-width:1100px;margin:0 auto;padding:80px 28px 120px}.page.homePage{max-width:none;padding:0}.hero{justify-content:center;align-items:center;min-height:calc(100vh - 55px);display:flex;position:relative;overflow:hidden}.heroVideo{object-fit:cover;object-position:center;opacity:.25;z-index:0;width:100%;height:100%;position:absolute;inset:0}.heroVideoOverlay{z-index:1;pointer-events:none;background:linear-gradient(#fafafa0d 0%,#fafafa1f 55%,#fafafa 100%);position:absolute;inset:0}.heroContent{z-index:2;text-align:center;-webkit-backdrop-filter:blur(14px);background:#0c0c10b8;border:1px solid #ffffff38;border-radius:12px;flex-direction:column;align-items:center;width:min(90%,760px);padding:45px 55px;display:flex;position:relative;transform:translateY(-110px);box-shadow:0 20px 60px #0006,inset 0 1px #ffffff14}.eyebrow,.sectionLabel,.projectMeta{color:#6366f1;letter-spacing:2px;margin:0;font-size:.72rem;font-weight:700}.heroContent .eyebrow,.heroContent .hero-kicker{color:#818cf8}.hero h1{color:#fff;letter-spacing:-6px;text-shadow:0 4px 18px #00000073;margin:15px 0 25px;font-size:clamp(4rem,9vw,7rem);line-height:.9}.heroText{color:#fffc;max-width:650px;margin:0 auto;font-size:1.2rem;line-height:1.7}.buttonRow{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.primaryButton,.secondaryButton,.thirdButton{border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.primaryButton{color:#18181b;background:#fff;border:1px solid #fff}.secondaryButton,.thirdButton{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff59}.primaryButton:hover,.secondaryButton:hover,.thirdButton:hover{transform:translateY(-2px)}.primaryButton:hover{background:#f4f4f5}.secondaryButton:hover,.thirdButton:hover{background:#ffffff29;border-color:#ffffff8c}.section{padding-top:40px}.infoGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.infoCard{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:28px}.infoCard h2{margin:0 0 10px;font-size:1.2rem}.infoCard p{color:#71717a;margin:0;line-height:1.6}.pageHeader{max-width:760px;padding:70px 0}.pageHeader h1{letter-spacing:-4px;margin:12px 0 20px;font-size:clamp(3rem,7vw,5rem);line-height:1}.pageHeader>p:not(.sectionLabel){color:#71717a;margin:0;font-size:1.15rem;line-height:1.7}.projectList{flex-direction:column;gap:22px;display:flex}.projectCard{isolation:isolate;background:#fff;border:1px solid #e4e4e7;border-radius:18px;width:100%;min-height:270px;padding:0;display:block;position:relative;overflow:hidden}.projectCardBackground{z-index:0;position:absolute;inset:0;overflow:hidden}.projectCardBgVideo{object-fit:cover;object-position:center;filter:blur(8px);opacity:.55;width:100%;height:100%;transition:transform .6s,opacity .4s;position:absolute;inset:0;transform:scale(1.08)}.projectCard:hover .projectCardBgVideo{opacity:.62;transform:scale(1.11)}.projectCardBgOverlay{z-index:1;background:linear-gradient(90deg,#fafafafa 0%,#fafafaf2 38%,#fafafad1 68%,#fafafaad 100%);position:absolute;inset:0}.projectCardContent{z-index:2;grid-template-columns:minmax(0,650px) 160px;justify-content:space-between;align-items:center;gap:40px;width:100%;min-height:270px;padding:40px;display:grid;position:relative}.projectText{max-width:650px}.projectCard h2{color:#111114;letter-spacing:-.5px;margin:8px 0;font-size:1.7rem;font-weight:750}.projectCard .projectText p:not(.projectMeta){color:#3f3f46;margin:0;font-size:1rem;line-height:1.65}.projectLink{color:#3730a3;text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(10px);background:#eef2fff0;border:1px solid #c7d2fe;border-radius:9px;justify-content:center;align-items:center;width:160px;min-height:46px;padding:12px 16px;font-size:.9rem;font-weight:650;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 20px #4f46e51a}.projectLink:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 25px #4f46e538}.projectLinkDisabled{cursor:default;opacity:.72}.projectLinkDisabled:hover{color:#3730a3;background:#eef2fff0;border-color:#c7d2fe;transform:none;box-shadow:0 6px 20px #4f46e51a}.aboutHeader{padding-bottom:55px}.whoIAmSection{width:100%;max-width:900px;padding:5px 0 70px}.whoIAmHeading{margin-bottom:28px}.whoIAmHeading h2{color:#18181b;letter-spacing:-1.5px;margin:10px 0 0;font-size:2.2rem;line-height:1.15}.whoIAmContent{grid-template-columns:190px minmax(0,650px);align-items:center;gap:44px;display:grid}.aboutMePhoto{object-fit:cover;object-position:center;border:4px solid #fff;border-radius:50%;width:190px;height:190px;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 12px 32px #0000001f}.aboutMePhoto:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000029}.whoIAmText{max-width:650px}.whoIAmText p{color:#71717a;margin:0 0 18px;font-size:1.05rem;line-height:1.8}.whoIAmText p:last-child{margin-bottom:0}.aboutGrid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:10px;display:grid}.aboutGrid>div{background:#fff;border:1px solid #e4e4e7;border-radius:12px;min-height:250px;padding:30px;transition:transform .2s,box-shadow .2s}.aboutGrid>div:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000000d}.aboutGrid h2{letter-spacing:-.5px;margin:10px 0 20px;font-size:1.5rem}.aboutGrid p:not(.sectionLabel){color:#71717a;margin:0;line-height:2}.contactLinks{border-top:1px solid #e4e4e7;flex-direction:column;display:flex}.contactLinks a{border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;padding:22px 0;font-size:1.1rem;transition:padding .2s,color .2s;display:flex}.contactLinks a:hover{color:#4f46e5;padding-left:10px}.footer{color:#a1a1aa;border-top:1px solid #e4e4e7;justify-content:space-between;width:calc(100% - 56px);max-width:1044px;margin:0 auto;padding:40px 0;font-size:.8rem;display:flex}@media (width<=900px){.projectCardContent{grid-template-columns:minmax(0,1fr) 160px;gap:25px;padding:34px}.whoIAmSection{max-width:100%}}@media (width<=750px){.navContainer{flex-direction:column;gap:14px;height:auto;padding-top:16px;padding-bottom:16px}.tabs{justify-content:space-between;width:100%}.tab{text-align:center;flex:1;padding-left:8px;padding-right:8px}.page{padding:50px 20px 90px}.page.homePage{padding:0}.hero{min-height:620px;padding:40px 20px}.heroContent{border-radius:10px;width:100%;padding:35px 22px;transform:translateY(-35px)}.hero h1{letter-spacing:-3px;font-size:clamp(3.2rem,17vw,5.5rem)}.heroText{font-size:1.05rem}.buttonRow{gap:10px;width:100%}.primaryButton,.secondaryButton,.thirdButton{flex:1;min-width:120px}.pageHeader{padding:45px 0 55px}.pageHeader h1{letter-spacing:-2.5px}.projectList{gap:18px}.projectCard{min-height:320px}.projectCardContent{grid-template-columns:1fr;align-content:center;gap:24px;min-height:320px;padding:30px 24px}.projectLink{justify-self:start;width:160px}.projectCardBgOverlay{background:#fafafadb}.aboutHeader{padding-bottom:45px}.whoIAmSection{padding-bottom:55px}.whoIAmHeading{margin-bottom:25px}.whoIAmHeading h2{font-size:2rem}.whoIAmContent{grid-template-columns:1fr;gap:26px}.aboutMePhoto{width:155px;height:155px}.whoIAmText{max-width:100%}.aboutGrid{grid-template-columns:1fr}.aboutGrid>div{min-height:auto}.infoGrid{grid-template-columns:1fr}.footer{flex-direction:column;gap:6px;width:calc(100% - 40px)}}@media (width<=420px){.tabs{gap:4px}.tab{padding:8px 5px;font-size:.8rem}.projectCardContent{padding:26px 20px}.projectCard h2{font-size:1.5rem}.projectLink{width:100%}.aboutMePhoto{width:140px;height:140px}}:root{color:#18181b;font-synthesis:none;text-rendering:optimizelegibility;background:#fafafa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fafafa;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}
