.hero{position:relative;min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));display:flex;align-items:center;background:radial-gradient(1200px 420px at 50% -10%,rgba(100,195,255,.18),transparent 70%),radial-gradient(900px 420px at 10% 20%,rgba(255,255,255,.06),transparent 60%);border-bottom:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.heroStack{display:flex;flex-direction:column;justify-content:center;gap:clamp(var(--s4),4vw,44px);align-items:center;text-align:center;width:100%;padding-block:clamp(var(--s4),6vh,var(--s5))}.heroHeader{display:grid;gap:14px;max-width:900px;width:100%}.heroName{margin:0 0 30px;font-size:clamp(24px,5vw,80px);line-height:1.1;letter-spacing:.05em;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.28em}.heroLead{color:var(--ink)}.heroGradientName{display:inline-block;padding-bottom:.06em;background-image:linear-gradient(92deg,#dfe9f7,#9ed8ff 28%,#64c3ff 55%,#4d8dff 78%,#91d7ff);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 18px color-mix(in oklab,var(--accent) 30%,transparent)}.heroCodeFrame{width:min(760px,100%);margin-inline:auto;padding:16px 18px;border-radius:14px;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:linear-gradient(180deg,#111521,#0d1119);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 8%,transparent),0 20px 50px #0000004d;text-align:left}.heroCodeTop{display:flex;align-items:center;gap:7px;margin-bottom:12px}.codeDot{width:10px;height:10px;border-radius:999px;display:inline-block}.codeDotRed{background:#ff6b6b}.codeDotYellow{background:#f5c04f}.codeDotGreen{background:#4ed085}.heroCodePath{margin-left:auto;color:var(--muted);font-size:.72rem;letter-spacing:.08em}.heroCodeTitle{margin:0;font-size:clamp(1.02rem,2.7vw,1.7rem);font-family:Consolas,Menlo,Monaco,Courier New,monospace;line-height:1.35;word-break:break-word;text-align:center}.codeToken.keyword{color:#8ecbff;font-weight:600;margin-right:10px}.codeToken.variable{color:#d7e8ff}.codeToken.string{color:#9be8c4}.codeToken.plain{color:#b4bfce;margin-left:10px;margin-right:10px}.codeToken.semi{color:#b4bfce;margin-left:0}.typingCaret{display:inline-block;width:.45ch;height:1.05em;border-left:2px solid var(--accent);margin-left:0;vertical-align:text-bottom;animation:caretBlink 1s steps(1,end) infinite}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.roleList{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.rolePill{padding:7px 12px;border-radius:999px;border:1px solid color-mix(in oklab,var(--ink) 14%,transparent);color:var(--muted);background:#0a0c1299;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease,background .2s ease}.rolePillActive{color:var(--ink);border-color:color-mix(in oklab,var(--accent) 52%,transparent);background:color-mix(in oklab,var(--accent) 16%,transparent)}.scrollCue{margin:10px auto 0;min-width:100px;height:auto;padding:2px 10px;border:none;background:transparent;color:color-mix(in oklab,var(--ink) 92%,transparent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,color .18s ease}.scrollCue:hover{color:color-mix(in oklab,var(--accent) 72%,white);transform:translateY(1px)}.scrollCue:focus-visible{outline:1px solid color-mix(in oklab,var(--accent) 75%,transparent);outline-offset:1px}.scrollCueIcon{display:inline-flex;align-items:center;justify-content:center;width:70px;line-height:0;animation:scrollCueBounce 1.7s ease-in-out infinite}.scrollCueIcon svg{width:100%;height:auto;display:block;transform:scaleX(var(--scroll-cue-stretch, 1.22)) scaleY(var(--scroll-cue-thinness, .46));transform-origin:center}@keyframes scrollCueBounce{0%,to{transform:translateY(-1px);opacity:.88}50%{transform:translateY(3px);opacity:1}}.heroSocials{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:10px;margin-top:6px}.socialPill{display:inline-flex;align-items:center;box-sizing:border-box;gap:8px;height:40px;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#151822,#0f1118);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);color:var(--ink);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .12s ease,border-color .12s ease;text-decoration:none;white-space:nowrap;line-height:1}.socialPill:hover{transform:translateY(-1px);border-color:var(--accent)}.socialPill svg{width:20px;height:20px;flex:0 0 20px;display:block}.about{background:radial-gradient(680px 340px at 50% 0%,rgba(100,195,255,.12),transparent 70%),linear-gradient(0deg,#090b11,#07090f);border-top:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.aboutIntro{text-align:center;margin-inline:auto;max-width:700px;margin-bottom:clamp(24px,5vw,42px)}.aboutEyebrow{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 14px;border:1px solid color-mix(in oklab,var(--accent-secondary) 42%,transparent);background:linear-gradient(115deg,color-mix(in oklab,var(--accent) 16%,transparent),color-mix(in oklab,var(--accent-secondary) 18%,transparent));color:#c6e8ff;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.aboutGrid{display:grid;grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);gap:clamp(20px,3vw,28px)}.aboutTitle{margin:14px 0 10px;font-size:clamp(2rem,5vw,4rem);letter-spacing:.02em;line-height:1.06;background:linear-gradient(95deg,#d7e7ff,#94d7ff 48%,#5ea9ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.aboutSubtitle{margin:0;color:color-mix(in oklab,var(--ink) 66%,#9cc0e9);font-size:clamp(1rem,1.5vw,1.28rem)}.aboutProfileCard{position:relative;border-radius:16px;overflow:hidden;min-height:560px;border:1px solid color-mix(in oklab,var(--accent) 20%,transparent);background:linear-gradient(180deg,#121927,#0d1320);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 5%,transparent),0 18px 42px #00000047;transition:border-color .2s ease,box-shadow .24s ease}.aboutProfileMedia{position:absolute;inset:0}.aboutProfileMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,8,16,.92) 16%,rgba(4,8,16,.2) 56%,transparent 84%)}.aboutProfileImage{width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:scale(1);will-change:transform;backface-visibility:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1)}.aboutProfileCard:hover{border-color:color-mix(in oklab,var(--accent) 52%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 14%,transparent),0 16px 36px #0000004d,0 0 0 1px color-mix(in oklab,var(--accent) 36%,transparent),0 0 26px color-mix(in oklab,var(--accent) 25%,transparent)}.aboutProfileCard:hover .aboutProfileImage{transform:scale(1.02)}.aboutProfileContent{position:absolute;left:18px;right:18px;bottom:18px;z-index:1}.aboutProfileName{margin:0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.08}.aboutProfileRole{margin:8px 0 12px;color:#8bcfff;font-size:clamp(.9rem,1.4vw,1.02rem)}.aboutTagList{display:flex;flex-wrap:wrap;gap:8px}.aboutTag{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;font-size:.75rem;letter-spacing:.04em;color:#cceaff;border:1px solid color-mix(in oklab,var(--accent) 46%,transparent);background:color-mix(in oklab,var(--accent) 18%,transparent)}.aboutCards{display:grid;gap:14px}.aboutInfoCard{display:grid;grid-template-columns:42px 1fr;gap:14px;border-radius:14px;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);padding:clamp(16px,2vw,22px);transition:border-color .2s ease,box-shadow .22s ease,transform .22s ease}.aboutInfoCardEducation{background:linear-gradient(145deg,color-mix(in oklab,#0f1b33 80%,#61b4ff 20%),color-mix(in oklab,#0c1426 88%,#61b4ff 12%));border-color:color-mix(in oklab,#61b4ff 34%,transparent)}.aboutInfoCardTech{background:linear-gradient(145deg,color-mix(in oklab,#0f1830 80%,var(--accent-secondary) 20%),color-mix(in oklab,#0c1325 88%,var(--accent-secondary) 12%));border-color:color-mix(in oklab,var(--accent-secondary) 38%,transparent)}.aboutInfoCardMission{background:linear-gradient(145deg,color-mix(in oklab,#0d2130 82%,#45d8c1 18%),color-mix(in oklab,#0b1a26 90%,#45d8c1 10%));border-color:color-mix(in oklab,#45d8c1 32%,transparent)}.aboutInfoCardEducation:hover{border-color:color-mix(in oklab,#61b4ff 64%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,#61b4ff 32%,transparent),0 0 22px color-mix(in oklab,#61b4ff 18%,transparent);transform:translateY(-1px)}.aboutInfoCardTech:hover{border-color:color-mix(in oklab,var(--accent-secondary) 66%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent-secondary) 32%,transparent),0 0 22px color-mix(in oklab,var(--accent-secondary) 18%,transparent);transform:translateY(-1px)}.aboutInfoCardMission:hover{border-color:color-mix(in oklab,#45d8c1 64%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,#45d8c1 32%,transparent),0 0 22px color-mix(in oklab,#45d8c1 18%,transparent);transform:translateY(-1px)}.aboutInfoCardEducation .aboutInfoIconWrap{border-color:color-mix(in oklab,#61b4ff 48%,transparent);background:color-mix(in oklab,#61b4ff 14%,transparent);color:#9ed8ff}.aboutInfoCardTech .aboutInfoIconWrap{border-color:color-mix(in oklab,var(--accent-secondary) 48%,transparent);background:color-mix(in oklab,var(--accent-secondary) 14%,transparent);color:color-mix(in oklab,var(--accent-secondary) 78%,#d4caff)}.aboutInfoCardMission .aboutInfoIconWrap{border-color:color-mix(in oklab,#45d8c1 46%,transparent);background:color-mix(in oklab,#45d8c1 13%,transparent);color:#9feadf}.aboutInfoIconWrap{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in oklab,var(--accent) 50%,transparent);background:color-mix(in oklab,var(--accent) 14%,transparent);color:#8fd3ff}.aboutInfoIcon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.aboutInfoIcon svg{width:100%;height:100%;display:block}.aboutInfoIconEducation svg{transform:translateY(.5px) scale(1.07)}.aboutInfoIconTech svg{transform:scale(1.02)}.aboutInfoIconMission svg{transform:scale(1.08)}.aboutInfoTitle{margin:0 0 7px;font-size:clamp(1.1rem,1.6vw,1.36rem);line-height:1.14}.aboutInfoText{margin:0;color:color-mix(in oklab,var(--ink) 78%,#96b3d8);font-size:clamp(.94rem,1.15vw,1.04rem);line-height:1.58}.aboutMissionContent{display:grid;gap:14px}.aboutResumeButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border-radius:10px;border:1px solid color-mix(in oklab,var(--accent) 42%,transparent);background:linear-gradient(95deg,#2a72f0,#4d8dff 56%,color-mix(in oklab,var(--accent-secondary) 58%,#55bfff));color:#f6fbff;font-weight:600;letter-spacing:.03em;transition:transform .14s ease,filter .14s ease}.aboutResumeIcon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.aboutResumeIcon svg{width:100%;height:100%;display:block}.aboutResumeButton:hover{transform:translateY(-1px);filter:brightness(1.06)}.aboutResumeButton:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 76%,transparent);outline-offset:2px}.featuredProjects{background:radial-gradient(620px 280px at 24% 0%,rgba(75,154,255,.12),transparent 70%),linear-gradient(180deg,#070b14,#060910);border-top:1px solid color-mix(in oklab,var(--ink) 10%,transparent)}.featuredProjectsHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:clamp(18px,3vw,30px)}.featuredProjectsTitle{margin:0;font-size:clamp(1.9rem,4vw,3.35rem);line-height:1.12;letter-spacing:.01em;background:linear-gradient(95deg,#d7e7ff,#94d7ff 48%,#5ea9ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.featuredProjectsViewAll{display:inline-flex;align-items:center;gap:8px;color:#7fc5ff;letter-spacing:.02em;border-radius:10px;padding:8px 12px;transition:color .16s ease,background-color .16s ease}.featuredProjectsViewAll:hover{color:#a3d8ff;background-color:color-mix(in oklab,var(--accent-secondary) 16%,transparent)}.featuredInlineIcon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.featuredInlineIcon svg{width:100%;height:100%;display:block}.featuredProjectsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}.featuredProjectCard{--featured-accent: #5ca8ff;border-radius:22px;overflow:hidden;border:1px solid color-mix(in oklab,var(--featured-accent) 34%,transparent);background:linear-gradient(180deg,#071024f5,#050c1cfa);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 4%,transparent);display:grid;grid-template-rows:auto 1fr;min-height:590px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.featuredProjectCard:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--featured-accent) 62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--featured-accent) 18%,transparent),0 0 0 1px color-mix(in oklab,var(--featured-accent) 36%,transparent),0 0 30px color-mix(in oklab,var(--featured-accent) 24%,transparent)}.featuredProjectCardBlue{--featured-accent: #59b3ff}.featuredProjectCardViolet{--featured-accent: var(--accent-secondary)}.featuredProjectCardTeal{--featured-accent: #4dddc2}.featuredProjectMedia{padding:10px 16px 0;height:clamp(160px,17vw,200px);display:grid;justify-items:center;align-items:start}.featuredProjectImage{display:block;border-radius:14px;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:#0c1020}img.featuredProjectImage{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.featuredProjectBody{display:grid;grid-template-rows:minmax(2.4em,auto) minmax(2.2em,auto) minmax(2.6em,auto) minmax(7.1em,auto) minmax(4.3em,auto) auto;align-content:stretch;gap:9px;height:100%;padding:16px 16px 18px}.featuredProjectCategories{margin:0;color:color-mix(in oklab,var(--featured-accent) 82%,#9ccfff);font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featuredProjectTitle{margin:0;font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.12;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featuredProjectSubtitle{margin:-3px 0 0;color:color-mix(in oklab,var(--ink) 84%,#b8d4f5);font-size:clamp(1rem,1.35vw,1.15rem);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featuredProjectDescription{margin:4px 0 0;color:color-mix(in oklab,var(--ink) 72%,#9bb7db);line-height:1.52;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featuredProjectTags{margin-top:4px;display:flex;flex-wrap:wrap;align-content:start;gap:8px}.featuredProjectTag{display:inline-flex;align-items:center;border-radius:999px;min-height:30px;padding:4px 12px;font-size:.78rem;color:color-mix(in oklab,var(--ink) 86%,#d4e3ff);border:1px solid color-mix(in oklab,var(--ink) 13%,transparent);background:color-mix(in oklab,#152338 76%,transparent)}.featuredProjectActions{margin-top:0;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;align-self:end}.featuredProjectPrimaryBtn{min-height:42px;border-radius:10px;border:1px solid color-mix(in oklab,var(--featured-accent) 46%,transparent);background:linear-gradient(95deg,#13264a,#14346a);color:#aee0ff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;letter-spacing:.02em;transition:filter .16s ease,transform .16s ease}.featuredProjectPrimaryBtn:hover{filter:brightness(1.1);transform:translateY(-1px)}.featuredProjectSourceBtn{width:42px;height:42px;border-radius:10px;border:1px solid color-mix(in oklab,var(--featured-accent) 36%,transparent);background:color-mix(in oklab,#152645 72%,transparent);color:#d6e7ff;display:inline-flex;align-items:center;justify-content:center;transition:filter .16s ease,transform .16s ease}.featuredProjectSourceBtn:hover{filter:brightness(1.08);transform:translateY(-1px)}.featuredIconOnly{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.featuredIconOnly svg{width:100%;height:100%;display:block}@media(min-width:901px){.aboutProfileCard{min-height:0;aspect-ratio:2 / 3}}@media(max-width:900px){.aboutGrid{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.featuredProjectsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.featuredProjectCard{min-height:560px}.aboutProfileCard{min-height:460px}.aboutCards{gap:12px}.aboutResumeButton{width:100%}}@media(prefers-reduced-motion:reduce){*{transform:none!important}.typingCaret,.scrollCueIcon{animation:none}}@media(max-width:420px){.heroName{margin-bottom:14px;font-size:clamp(1.68rem,8vw,2.1rem);line-height:1.14;gap:.14em}.heroLead,.heroGradientName{display:block}.heroCodeFrame{width:min(280px,100%);padding:8px 10px 10px}.heroCodePath{display:none}.heroCodeTitle{font-size:.8rem;line-height:1.2;white-space:nowrap}.codeToken.keyword,.codeToken.semi{display:none}.codeToken.plain{margin-left:4px;margin-right:4px}.roleList{gap:6px;row-gap:8px}.rolePill{padding:6px 9px;font-size:.7rem}.scrollCue{min-width:52px;padding-inline:8px;margin-top:4px}.scrollCueIcon{width:26px}.aboutIntro{margin-bottom:22px}.aboutEyebrow{font-size:.68rem;padding:6px 10px}.aboutTitle{margin-top:10px;font-size:clamp(1.68rem,10vw,2.3rem)}.aboutSubtitle{font-size:.95rem}.aboutProfileCard{min-height:390px}.aboutProfileContent{left:14px;right:14px;bottom:14px}.aboutTag{font-size:.68rem;padding:4px 8px}.aboutInfoCard{grid-template-columns:34px 1fr;gap:10px;padding:13px}.aboutInfoIconWrap{width:34px;height:34px;border-radius:9px}.aboutInfoIcon{width:16px;height:16px}.aboutMissionContent{gap:10px}.aboutInfoText{font-size:.9rem;line-height:1.5}.featuredProjectsHeader{margin-bottom:16px}.featuredProjectsTitle{font-size:clamp(1.65rem,9vw,2.25rem)}.featuredProjectsViewAll{font-size:.9rem;padding:6px 10px}.featuredProjectMedia{padding:8px 11px 0;height:clamp(140px,42vw,210px);margin-bottom:12px}.featuredProjectBody{padding:13px 12px 14px;gap:8px}.featuredProjectCategories{font-size:.68rem;letter-spacing:.09em;min-height:2.1em}.featuredProjectTitle{font-size:clamp(1.28rem,6.4vw,1.5rem)}.featuredProjectSubtitle{font-size:.93rem}.featuredProjectDescription{font-size:.92rem;-webkit-line-clamp:3}.featuredProjectTag{min-height:26px;font-size:.7rem;padding:3px 9px}.featuredProjectPrimaryBtn,.featuredProjectSourceBtn{min-height:38px;height:38px}.featuredProjectSourceBtn{width:38px}}@media(max-width:720px){.hero{min-height:calc(100svh - var(--header-h));align-items:center}.heroStack{justify-content:center;gap:20px;padding-top:clamp(22px,6svh,56px);padding-bottom:clamp(18px,5svh,48px)}.about{background:radial-gradient(480px 220px at 50% -2%,rgba(100,195,255,.16),transparent 70%),linear-gradient(0deg,#090b11,#07090f)}.aboutGrid{gap:14px}.featuredProjectsHeader{align-items:flex-start;flex-direction:column;gap:8px}.featuredProjectsGrid{grid-template-columns:1fr;gap:14px}.featuredProjectCard{min-height:0}.featuredProjectMedia{height:auto;margin-bottom:10px}img.featuredProjectImage{width:100%;max-width:100%;height:auto;max-height:none}.aboutProfileCard{min-height:430px}.aboutInfoCard{padding:14px}.heroHeader{gap:12px;max-width:600px}.heroName{margin:0 0 14px;font-size:clamp(1.95rem,8.8vw,2.65rem);line-height:1.14;letter-spacing:.015em;gap:.2em}.heroCodeFrame{width:100%;padding:11px 13px 12px;border-radius:12px}.heroCodeTop{margin-bottom:8px}.heroCodePath{font-size:.66rem;letter-spacing:.04em}.heroCodeTitle{font-size:clamp(.99rem,4.8vw,1.2rem);line-height:1.4}.codeToken.keyword{margin-right:6px}.codeToken.plain{margin-left:6px;margin-right:6px}.roleList{gap:8px;row-gap:10px}.rolePill{padding:7px 11px;font-size:.72rem;letter-spacing:.03em;text-transform:none}.heroSocials{flex-direction:row;justify-content:center}.heroSocials .socialPill{display:inline-flex;align-items:center;justify-content:center}.socialPill{height:34px;padding:6px 10px;font-size:.74rem;letter-spacing:.02em;gap:5px;text-transform:none;border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:linear-gradient(180deg,#151822,#0f1118)}.socialPill svg{width:14px;height:14px;flex:0 0 14px;display:block}}@media(max-width:420px){.aboutProfileCard{min-height:390px}}