:root{--bg: #091735;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--border: rgba(255, 255, 255, .12);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility}*{box-sizing:border-box}html{margin:0;min-height:100vh}body{margin:0;min-height:100vh;min-width:320px}#root{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.navBar{position:sticky;top:0;z-index:1000;background:#0b1b3e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navBarContent{max-width:900px;margin:0 auto;height:64px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.navBarLeft{display:flex;align-items:center;justify-content:flex-start;gap:12px}.navBarLeftContent{font-size:18px;font-weight:700;letter-spacing:.2px;color:inherit;text-decoration:none}.navBarCenter{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.navBarCenterContent{display:flex;align-items:center;height:100%;padding:0 12px;font-size:18px;font-weight:600;line-height:1;border-radius:12px;opacity:.9}.navBarCenterContent:hover{text-decoration:underline rgb(44,132,186);text-underline-offset:6px;text-decoration-thickness:4px}.navBarRight{display:flex;align-items:center;justify-content:flex-end;gap:12px}.navBarRightContent{display:flex;align-items:center;font-size:16px;padding:6px 10px;border-radius:999px;border:1px solid var(--border)}.footer{background:#091530;border-top:1px solid var(--border)}.footerContent{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;font-size:18px;color:var(--muted)}a{color:inherit;text-decoration:none}h1{font-size:3rem;line-height:1.1;margin:0 0 12px}.page{width:min(1000px,100%);margin:0 auto;padding:24px;text-align:left}.heroThing{padding:72px 0;text-align:center}.heroGridThing{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;text-align:left}.heroImageThing{width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:1px solid var(--border);background:#ffffff0f}.heroImageThing img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:800px){.heroGridThing{grid-template-columns:1fr;text-align:center}}.heroButton{display:inline-block;margin-top:18px;padding:12px 18px;border-radius:999px;background:#2c84ba;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.15);transition:transform .15s ease,filter .15s ease}.heroButton:hover{transform:translateY(-2px);filter:brightness(1.08)}.projectsStack{scroll-snap-type:y mandatory}.projectSlide{min-height:100vh;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:64px 48px}.projectImage{width:min(620px,90%);justify-self:center;border-radius:18px;box-shadow:0 18px 40px #00000059}.projectText{color:#fff;text-align:left;max-width:680px}.projectTitle{margin:0 0 18px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.projectDesc{margin:0;font-size:clamp(1.1rem,1.8vw,2rem);line-height:1.3;opacity:.95}.resumeStyleThing{width:900px;height:1150px;margin:0 auto;border-radius:12px;overflow:hidden;clip-path:inset(0 round 12px);background:var(--bg)}.resumeStyleThing iframe{width:100%;height:100%;border:0;display:block}@media(max-width:900px){.projectSlide{grid-template-columns:1fr;text-align:center;padding:56px 24px}.projectText{text-align:center}}.resumeImage{width:min(900px,92%);height:auto;display:block;margin:0 auto;border-radius:12px;border:1px solid var(--border)}@media(max-width:600px){html,body{overflow-x:hidden}.navBarContent{height:auto;padding:10px 12px;grid-template-columns:1fr 1fr;grid-template-areas:"left right" "center center";row-gap:8px}.navBarLeft{grid-area:left;justify-content:flex-start}.navBarRight{grid-area:right;justify-content:flex-end}.navBarCenter{grid-area:center;justify-content:center;flex-wrap:wrap;gap:8px}.navBarCenterContent{font-size:15px;padding:8px 10px}.heroThing h1{font-size:2.2rem;overflow-wrap:anywhere;word-break:break-word}.heroThing h2{font-size:1.2rem}.page{padding:16px}.heroThing{padding:44px 0}.projectsStack{scroll-snap-type:none}.projectSlide{grid-template-columns:1fr;padding:36px 16px;gap:18px;min-height:auto}.projectText{text-align:center}.projectImage{width:min(520px,100%)}.resumeImage{max-width:100%;height:auto}}