@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--maxw:1180px;--text:#0b0b0b;--muted:#6b6f73;--ui-dark:#111;--bg:linear-gradient(135deg,#fff,#fbfbfb 48%,#f0f1f2);--nav-h:72px;--side-w:64px;--accent-dark-1:#111;--accent-dark-2:#4a4a4a;--glass-bg:#ffffff1a;--glass-border:#ffffff1f;--t-fast:160ms;--t-medium:220ms;--page-bg-light:#fff;--page-bg:var(--page-bg-light);--center-size:64px;--center-inner:44px}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fff,#fbfbfb 48%,#f0f1f2);background:var(--bg);color:#0b0b0b;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0}.container{margin:0 auto;max-width:1180px;max-width:var(--maxw);padding:16px}.reveal{opacity:1;transform:none;transition:transform .6s cubic-bezier(.2,.9,.2,1),opacity .46s ease}.topnav{backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);background:#ffffff1a;background:var(--glass-bg);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--glass-border);box-shadow:0 6px 18px #0a0a0a08;display:flex;height:72px;height:var(--nav-h);justify-content:center;left:0;padding:6px 12px;position:fixed;right:0;top:0;z-index:1500}.nav-grid,.topnav{align-items:center}.nav-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:auto 1fr auto;justify-content:space-between;max-width:1180px;max-width:var(--maxw);width:100%}.nav-brand{cursor:pointer;font-size:20px;font-weight:800;white-space:nowrap}.nav-brand,.nav-center{align-items:center;display:flex;justify-content:center}.nav-list{align-items:center;display:flex;gap:16px;list-style:none;margin:0;padding:0}.nav-link-apple{-webkit-font-smoothing:antialiased;background:#0000;border:0;border-radius:10px;color:#0b0b0b;color:var(--text);font-size:16px;font-weight:600;padding:10px 12px;position:relative;text-decoration:none;transition:all .22s;transition:all var(--t-medium)}.nav-link-apple.active{background:#11111108;box-shadow:0 6px 18px #1111110a;color:#111;color:var(--accent-dark-1);font-weight:800;transform:translateY(-2px)}.nav-link-apple:hover{background-color:#111;color:#fff;transform:translateY(-2px)}.nav-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;justify-self:end;margin-left:auto}.icon-btn{align-items:center;background:#0000;border:1px solid #0a0a0a0a;border-radius:10px;color:#6b6f73;color:var(--muted);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:all .22s ease,transform .16s ease;transition:all var(--t-medium) ease,transform var(--t-fast) ease;width:44px}.icon-btn:hover{background:#111;box-shadow:0 10px 28px #08080814;color:#fff;transform:translateY(-3px)}.icon-btn.mail{background:#fff;border:1px solid #0000000f;color:#111}.icon-btn.mail:hover{background:#111;color:#fff}.hamburger{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:10px;color:#6b6f73;color:var(--muted);cursor:pointer;display:none;font-size:22px;height:52px;justify-content:center;line-height:1;padding:8px;transition:all .22s;transition:all var(--t-medium);width:52px}.hamburger svg{color:currentColor;display:block;height:22px;width:22px}.hamburger:hover{background:#111;border-radius:10px;color:#fff;transform:translateY(-2px)}@media (max-width:920px){.hamburger{display:inline-flex}.nav-center,.nav-right .icon-btn{display:none}.nav-grid{grid-template-columns:auto 1fr auto;padding-left:12px;padding-right:12px}.nav-brand{justify-self:start}.nav-right{justify-self:end;margin-left:0}}.sidecol{align-items:center;background:#222;bottom:0;display:flex;justify-content:center;left:0;position:fixed;top:72px;top:var(--nav-h);width:64px;width:var(--side-w);z-index:1300}.side-inner{color:#fff;font-size:18px;font-weight:900;letter-spacing:2px;line-height:1;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.footer.hero-with-side .container,.hero-with-side .container,.section.hero-with-side .container{margin-left:76px;margin-left:calc(var(--side-w) + 12px);max-width:1116px;max-width:calc(var(--maxw) - var(--side-w))}.mobile-backdrop{background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .28s ease;z-index:1590}.mobile-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu-left{background:#fff;color:#111;display:block;height:100vh;left:0;opacity:0;padding-top:env(safe-area-inset-top);pointer-events:none;position:fixed;top:0;transform:translateY(-6%);transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .22s ease;width:100%;z-index:1600}.mobile-menu-left.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-left.dark{background:#000!important;color:#fff!important}.mobile-inner{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;padding:calc(24px + env(safe-area-inset-top)) 22px 28px;position:relative}.mobile-close{align-items:center;background:#ffffff0f;border:0;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:26px;font-weight:800;height:48px;justify-content:center;position:absolute;right:16px;top:calc(8px + env(safe-area-inset-top));transition:transform .16s,background .16s;transition:transform var(--t-fast),background var(--t-fast);width:48px;z-index:1620}.mobile-close:hover{background:#ffffff1f;transform:scale(1.04)}.mobile-list{align-items:flex-start;display:flex;flex-direction:column;gap:28px;list-style:none;margin:0;padding:12vh 22px 0}.mobile-link-apple{-webkit-text-fill-color:currentColor;color:inherit;display:block;font-size:28px;font-weight:800;line-height:1;text-decoration:none;transition:color .22s,transform .22s;transition:color var(--t-medium),transform var(--t-medium)}.mobile-link-apple:hover{transform:translateY(-3px)}.mobile-icons-left{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:flex-start;margin-top:28px;padding-top:20px;width:100%}.mobile-icon{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:50%;color:inherit;display:flex;height:52px;justify-content:center;transition:transform .22s,background .22s;transition:transform var(--t-medium),background var(--t-medium);width:52px}.mobile-icon:hover{background:#fff;color:#111;transform:translateY(-3px)}.hero{margin-top:84px;margin-top:calc(var(--nav-h) + 12px);padding-top:16px}.hero-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 240px}@media(max-width:840px){.hero-grid{grid-template-columns:1fr}.photo-wrap{display:flex;justify-content:center;order:-1}}.photo-frame,.photo-wrap{align-items:center;display:flex;justify-content:center}.photo-frame{background:#f6f6f6;border:1px solid #0a0a0a0f;border-radius:20px;box-shadow:0 18px 56px #0a0a0a0a;height:240px;min-height:160px;overflow:hidden;width:240px}.photo-frame img.profile{border-radius:16px;display:block;height:100%;object-fit:cover;width:100%}@media (max-width:600px){.photo-frame{border-radius:18px;height:200px;margin:0 auto;width:200px}.photo-wrap{justify-content:center;margin-bottom:10px;margin-top:8px}}.card{background:linear-gradient(180deg,#fff,#fbfbfb);border:1px solid #0c0c0c0d;border-radius:12px;box-shadow:0 18px 48px #0a0a0a08;color:#0b0b0b;color:var(--text);padding:16px}.about-card{display:flex;flex-direction:column;justify-content:center;min-height:160px}.role{font-size:16px;font-weight:700;margin-top:0}.role,.summary{color:#6b6f73;color:var(--muted)}.summary{font-size:14px;line-height:1.5;margin-top:10px;max-width:68ch}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn{border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px;transition:all .22s;transition:all var(--t-medium)}.btn.primary{background:linear-gradient(180deg,#111,#222);box-shadow:0 14px 40px #0000001f;color:#fff}.btn.primary:hover{background:#fff;color:#111;transform:translateY(-3px)}.btn.ghost{background:#fff;border:1px solid #0a0a0a0f;color:#111}.btn.ghost:hover{background:#111;color:#fff;transform:translateY(-3px)}.section h2{font-size:18px;font-weight:900;margin:0 0 16px}.skills-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:960px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.skills-grid{grid-template-columns:1fr}}.skill-card{border-radius:12px;color:#0b0b0b;color:var(--text);min-height:120px;padding:14px}.skill-card.white{background:linear-gradient(180deg,#fff,#fbfbfb)}.skill-card.grey{background:linear-gradient(180deg,#e7eaec,#dde0e3)}.skill-title{font-size:14px;font-weight:800;margin-bottom:8px}.skill-list{color:#6b6f73;color:var(--muted);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:8px;list-style:none;margin:0;padding:0 0 0 8px}.skill-list li{padding-left:16px;position:relative}.skill-list li:before{background:#111;background:var(--ui-dark);border-radius:99px;content:"";height:6px;left:0;position:absolute;top:6px;width:6px}.timeline{display:flex;flex-direction:column;gap:28px;padding:32px 0;position:relative}.timeline:before{background:linear-gradient(180deg,#e9e9ea,#dcdcdc);border-radius:4px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:1}.timeline-card{align-items:flex-start;display:flex;position:relative;width:100%}.timeline-dot{background:linear-gradient(180deg,#111,#444);border:3px solid #fff;border-radius:50%;height:14px;left:50%;position:absolute;transform:translateX(-50%);width:14px;z-index:3}.timeline-box{background:#fff;border-radius:12px;box-shadow:0 12px 32px #0000000f;color:#0b0b0b;color:var(--text);padding:20px 18px 66px;position:relative;width:46%;z-index:2}.timeline-box.white{background:linear-gradient(180deg,#fff,#fbfbfb)}.timeline-box.grey{background:linear-gradient(180deg,#eef2f4,#e2e6e9)}.exp-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.exp-role{color:#0b0b0b;color:var(--text);font-size:15px;font-weight:800;line-height:1.12}.exp-company{font-size:13px;margin-top:6px}.exp-company,.exp-time{color:#6b6f73;color:var(--muted);font-weight:700}.exp-time{font-size:12px}.timeline-card:nth-child(odd){justify-content:flex-start}.timeline-card:nth-child(2n){justify-content:flex-end}.measured{max-height:0;opacity:0;overflow:hidden;transition:max-height .42s cubic-bezier(.2,.9,.2,1),opacity .22s;transition:max-height .42s cubic-bezier(.2,.9,.2,1),opacity var(--t-medium);will-change:max-height,opacity}.measured.open{max-height:none!important;opacity:1}.exp-body{color:#6b6f73;color:var(--muted);font-size:13px;line-height:1.45;padding-bottom:8px;padding-top:12px}.exp-resp .resp{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px;padding-left:6px;position:relative}.exp-resp .resp:before{background:#111;border-radius:9px;content:"";display:inline-block;flex:0 0 8px;height:8px;margin-top:6px;width:8px}.toggle{align-items:center;border:1px solid #0000000f;border-radius:50%;box-shadow:0 8px 20px #0000000f;cursor:pointer;display:inline-flex;height:48px;justify-content:center;transition:all .22s;transition:all var(--t-medium);width:48px}.project-card.white .toggle,.timeline-box.white .toggle{background:#fff;border-color:#0000000f;color:#111}.project-card.grey .toggle,.timeline-box.grey .toggle{background:#111;border-color:#ffffff1f;color:#fff}.project-card.white .toggle:hover,.timeline-box.white .toggle:hover{background:#111;color:#fff;transform:translateY(-4px)}.project-card.grey .toggle:hover,.timeline-box.grey .toggle:hover{background:#fff;color:#111;transform:translateY(-4px)}.project-card.white .toggle.open,.timeline-box.white .toggle.open{background:#111;border-color:#0000000f;color:#fff}.project-card.grey .toggle.open,.timeline-box.grey .toggle.open{background:#fff;border-color:#0000000f;color:#111}.toggle .icon-close{display:none;font-size:18px;font-weight:700}.toggle.open .icon-close{display:inline-block}.toggle.open .icon-plus{display:none}.toggle .icon-plus{font-size:18px;font-weight:800}.circle-toggle{bottom:14px;position:absolute;right:14px;z-index:6}@media (max-width:840px){.timeline:before{left:24px}.timeline-card{justify-content:flex-start}.timeline-box{margin-left:32px;padding-bottom:66px;width:100%}.timeline-dot{left:24px}}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:12px}.project-wrap{display:block}.project-card{background:linear-gradient(180deg,#fff,#fbfbfb);border-radius:12px;color:#0b0b0b;color:var(--text);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:16px 16px 66px;position:relative}.project-card.grey{background:linear-gradient(180deg,#eef2f4,#e2e6e9)}.proj-title{color:#0b0b0b;color:var(--text);font-size:15px;font-weight:800;margin-bottom:6px}.proj-one{font-size:13px}.proj-one,.project-body{color:#6b6f73;color:var(--muted)}.project-body{line-height:1.45;padding-top:8px}.proj-bullets{color:#6b6f73;color:var(--muted);font-size:13px;margin:8px 0 0;padding-left:18px}.proj-bullets li{margin-bottom:4px}.proj-actions{display:flex;gap:8px;margin-top:auto}.project-card .circle-toggle{bottom:14px;right:14px}.edu-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-top:10px}@media (max-width:720px){.edu-grid{grid-template-columns:1fr}}.edu-card{border-radius:12px;color:#0b0b0b;color:var(--text);padding:14px}.edu-card.white{background:linear-gradient(180deg,#fff,#fbfbfb)}.edu-card.grey{background:linear-gradient(180deg,#e7eaec,#dde0e3)}.edu-degree{color:#0b0b0b;color:var(--text);font-size:14px;font-weight:800}.floating{align-items:flex-end;bottom:12px;display:flex;gap:10px;position:fixed;right:12px;z-index:1300}.fc-main{align-items:center;background:linear-gradient(180deg,#111,#222);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:56px;justify-content:center;transition:all .22s;transition:all var(--t-medium);width:56px}.fc-main:hover{background:#fff;color:#111;transform:translateY(-4px)}.fc-panel{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 16px 48px #080a0c0f;display:flex;gap:8px;opacity:0;padding:8px;pointer-events:none;transform:translateX(6px) scale(.98);transition:all .22s;transition:all var(--t-medium)}.floating.open .fc-panel{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.fc-act{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:50%;color:#111;display:flex;height:48px;justify-content:center;transition:all .22s;transition:all var(--t-medium);width:48px}.fc-act:hover{background:#111;color:#fff;transform:translateY(-4px)}.fc-close{align-items:center;background:#0000;border:0;border-radius:999px;color:#6b6f73;color:var(--muted);display:flex;height:48px;justify-content:center;width:48px}.cookie{background:#fff;border:1px solid #00000014;border-radius:10px;bottom:80px;box-shadow:0 12px 40px #0000000f;left:50%;padding:8px 12px;position:fixed;transform:translateX(-50%);width:min(880px,calc(100% - 32px));z-index:1350}.cookie-inner{align-items:center;display:flex;gap:10px;justify-content:space-between;max-width:1180px;max-width:var(--maxw)}.cookie-text{color:#6b6f73;color:var(--muted);font-size:13px}.cookie-actions{display:flex;gap:8px}.footer{clear:both;color:#6b6f73;color:var(--muted);margin-top:32px;padding:16px 0 6px;text-align:center}.section-pin{align-items:center;background:#ffffffdb;border-radius:12px;box-shadow:0 6px 24px #0a0a0a0f;color:#111;color:var(--accent-dark-1);display:flex;font-size:14px;font-weight:900;justify-content:center;letter-spacing:2px;opacity:.26;padding:8px 12px;pointer-events:none;position:fixed;right:82px;right:calc(var(--side-w) + 18px);text-transform:uppercase;top:90px;top:calc(var(--nav-h) + 18px);transition:opacity .24s ease,transform .24s ease;z-index:1400}@media (max-width:900px){.section-pin{font-size:13px;opacity:.28;right:14px;top:84px;top:calc(var(--nav-h) + 12px)}}@media (max-width:600px){.section-pin{display:none}}a,button{-webkit-tap-highlight-color:transparent}a:focus,button:focus{outline:3px solid #0070e31f;outline-offset:3px}@media (max-width:960px){.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:840px){.timeline:before{left:24px}.timeline-card{justify-content:flex-start}.timeline-box{margin-left:32px;padding-bottom:66px;width:100%}.timeline-dot{left:24px}.hero-grid{grid-template-columns:1fr}}@media (max-width:600px){:root{--side-w:0px}.nav-grid{grid-template-columns:auto 1fr auto;padding-left:12px;padding-right:12px}.photo-frame{height:200px;min-height:200px;width:200px}.profile{height:200px;object-position:center}.cookie{bottom:72px}.floating{bottom:8px;right:8px}.projects-grid,.skills-grid{grid-template-columns:1fr}}.mobile-backdrop,.mobile-bottom-nav,.mobile-menu-left{display:none}@media screen and (max-width:920px) and (hover:none) and (pointer:coarse){.floating,.sidecol{display:none!important}.hero-with-side .container,.hero-with-side .container>*{margin-left:0;max-width:100%;padding-left:16px;padding-right:16px}.hero-grid{align-items:center;gap:8px;grid-template-columns:1fr}.photo-frame{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f}.hamburger,.mobile-backdrop,.mobile-menu-left{display:none!important}body{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.footer.hero-with-side .container,.hero-with-side .container,.section.hero-with-side .container{margin-left:0;max-width:100%}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);background:#ffffff1a;border-top:1px solid #ffffff0f;bottom:0;box-shadow:0 -6px 30px #0a0a0a0a;gap:8px;height:72px;justify-content:space-between;left:0;padding:0 12px calc(env(safe-area-inset-bottom) + 8px);pointer-events:auto;position:fixed;right:0;z-index:2500}.mb-item,.mobile-bottom-nav{align-items:center;display:flex}.mb-item{background:#0000;border:0;border-radius:10px;color:#6b6f73;color:var(--muted);flex:1 1;flex-direction:column;font-size:11px;font-weight:700;gap:4px;height:100%;justify-content:center;min-width:48px;padding:6px;transition:transform .18s ease,background .18s ease,color .18s ease}.mb-item svg{font-size:18px}.mb-item span{display:block;font-size:11px;margin-top:2px}.center-contact{align-items:center;background:#fff;border:2px solid #0000000f;border-radius:999px;box-shadow:0 8px 18px #00000024;color:#111;display:inline-flex;height:64px;height:var(--center-size);justify-content:center;padding:0;width:64px;width:var(--center-size)}.center-contact .center-wrap{align-items:center;background:#0000;border-radius:999px;color:inherit;display:flex;font-size:20px;height:44px;height:var(--center-inner);justify-content:center;width:44px;width:var(--center-inner)}.center-contact span{display:none!important}.mobile-contact-inline{bottom:72px;display:flex;flex-direction:column;gap:8px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(6px);transition:opacity .18s ease,transform .18s ease;z-index:2600}.mobile-contact-inline.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mobile-contact-inline-act{align-items:center;background:#fffffffa;border:1px solid #0000000f;border-radius:10px;box-shadow:0 10px 30px #0000001f;color:#0b0b0b;color:var(--text);display:inline-flex;font-weight:700;gap:8px;padding:8px 12px;text-decoration:none}.mb-item.active{background:linear-gradient(90deg,#111,#4a4a4a);background:linear-gradient(90deg,var(--accent-dark-1),var(--accent-dark-2));border-radius:10px;box-shadow:0 8px 24px #0000001f;color:#fff;padding:8px;transform:translateY(-4px)}.center-contact:active,.mb-item:active{transform:translateY(-2px)}.mobile-bottom-nav .mb-item{max-width:160px}.mobile-contact-panel{display:none}.skills-grid .skill-card{padding:16px}.proj-bullets{font-size:14px;padding-left:20px}.summary{font-size:15px;line-height:1.5}.photo-frame{aspect-ratio:1/1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff2e,#ffffff0f);border:1px solid #0a0a0a0f;border-radius:18px;height:auto;margin:8px auto;max-width:420px;overflow:hidden;width:92%}.photo-frame img.profile{border-radius:16px;display:block;height:100%;object-fit:cover;width:100%}.toggle{height:44px;width:44px}.circle-toggle{bottom:12px;right:12px}.timeline-dot{border:2px solid #fff;height:12px;width:12px}.section{padding-bottom:18px}#education,.footer{padding-bottom:48px}}@media (min-width:921px){.mobile-backdrop,.mobile-bottom-nav,.mobile-contact-panel,.mobile-menu-left{display:none!important;pointer-events:none!important;visibility:hidden!important}}.mobile-contact-inner a{align-items:center;display:flex}
/*# sourceMappingURL=main.8a498864.css.map*/