@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{--ink: #14212b;--ink-soft: #3a4a56;--mist: #eef3f6;--mist-deep: #d8e4ec;--paper: #f8fafb;--accent: #0f766e;--accent-soft: #ccfbf1;--line: rgba(20, 33, 43, .12);--shadow: 0 24px 60px rgba(20, 33, 43, .08);--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif;--text-xs: clamp(.75rem, 1.5vw, .8125rem);--text-sm: clamp(.875rem, 1.8vw, .9375rem);--text-base: clamp(1rem, 2vw, 1.0625rem);--text-lg: clamp(1.125rem, 2.4vw, 1.25rem);--text-xl: clamp(1.35rem, 3vw, 1.75rem);--text-2xl: clamp(1.75rem, 4vw, 2.5rem);--text-3xl: clamp(2.25rem, 5.5vw, 3.75rem);--text-brand: clamp(3rem, 10vw, 7.5rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--nav-h: 4.5rem;--ease: cubic-bezier(.22, 1, .36, 1);--radius: 1rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;background:radial-gradient(ellipse 90% 60% at 10% -10%,#d7ebe7 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,#c9d9e8 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,#e4ebe6 0%,transparent 45%),linear-gradient(180deg,var(--mist) 0%,var(--paper) 40%,var(--mist-deep) 100%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 75%)}a{color:inherit}img{max-width:100%;display:block}.site-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 clamp(1rem,4vw,3rem);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fafbb8;border-bottom:1px solid var(--line);animation:drop-in .7s var(--ease) both}.nav-brand{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:.04em;text-decoration:none;color:var(--ink);transition:color .25s var(--ease)}.nav-brand:hover{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.5rem);list-style:none}.nav-links a{text-decoration:none;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);padding:.35rem .15rem;position:relative;transition:color .25s var(--ease)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border-radius:999px;background:var(--ink);color:var(--paper)!important;font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:transform .25s var(--ease),background .25s var(--ease)}.nav-cta:after{display:none!important}.nav-cta:hover{background:var(--accent);transform:translateY(-1px);color:var(--paper)!important}.nav-toggle{display:none;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.6rem;background:var(--paper);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:1.1rem;height:2px;background:var(--ink);transition:transform .25s var(--ease),opacity .25s}.nav.is-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.is-open .nav-toggle span:nth-child(2){opacity:0}.nav.is-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.page{flex:1;width:min(1120px,100%);margin:0 auto;padding:var(--space-xl) clamp(1rem,4vw,3rem) var(--space-2xl)}.section{margin-bottom:var(--space-xl)}.section-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-sm)}.section-lead{color:var(--ink-soft);max-width:36rem;margin-bottom:var(--space-lg)}.footer{padding:var(--space-lg) clamp(1rem,4vw,3rem);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-sm);color:var(--ink-soft)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:end;min-height:calc(100vh - var(--nav-h) - 4rem);padding-bottom:var(--space-xl)}.hero-brand{font-family:var(--font-display);font-size:var(--text-brand);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--ink);margin-bottom:var(--space-md);animation:rise .9s var(--ease) .1s both}.hero-headline{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.25;max-width:18ch;margin-bottom:var(--space-md);animation:rise .9s var(--ease) .2s both}.hero-support{color:var(--ink-soft);max-width:34ch;margin-bottom:var(--space-lg);min-height:5.5em;animation:rise .9s var(--ease) .3s both}.hero-meta{display:flex;align-items:center;gap:.45rem;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);margin-bottom:var(--space-lg);animation:rise .9s var(--ease) .35s both}.hero-meta img{width:1.1rem;height:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;animation:rise .9s var(--ease) .45s both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.35rem;border-radius:999px;font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.hero-visual{position:relative;animation:rise 1s var(--ease) .25s both}.hero-visual:before{content:"";position:absolute;top:8%;right:-6%;bottom:-8%;left:8%;background:linear-gradient(145deg,var(--accent-soft),#c5d8e8 55%,transparent);border-radius:2rem;z-index:0}.hero-photo{position:relative;z-index:1;width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:1.5rem 1.5rem .5rem;box-shadow:var(--shadow)}.chip-row{display:flex;flex-wrap:wrap;gap:.65rem}.tech-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .9rem .55rem .55rem;background:#ffffffa6;border:1px solid var(--line);border-radius:999px;font-size:var(--text-sm);font-weight:600;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.tech-chip:hover{transform:translateY(-3px);border-color:var(--accent);background:#fff}.tech-chip img{width:1.6rem;height:1.6rem;object-fit:contain}.social-row{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.1rem;background:var(--ink);color:var(--paper);border-radius:999px;text-decoration:none;font-size:var(--text-sm);font-weight:600;transition:transform .25s var(--ease),background .25s var(--ease)}.social-link:hover{background:var(--accent);transform:translateY(-2px)}.social-link img{width:1.35rem;height:1.35rem;object-fit:contain;filter:brightness(0) invert(1)}.experience-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);text-decoration:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s var(--ease),padding-left .3s var(--ease)}.experience-banner:hover{background:#ffffff73;padding-left:calc(var(--space-lg) + .5rem)}.experience-banner h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.experience-banner p{color:var(--ink-soft);font-size:var(--text-sm);margin-top:.25rem}.experience-banner .arrow{font-size:1.5rem;color:var(--accent);transition:transform .3s var(--ease)}.experience-banner:hover .arrow{transform:translate(6px)}.about-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:var(--space-2xl)}.about-photo{width:100%;max-width:360px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:var(--shadow);animation:rise .9s var(--ease) both}.about-copy p+p{margin-top:1rem}.about-copy{animation:rise .9s var(--ease) .15s both}.edu-block{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--line);animation:rise .9s var(--ease) .25s both}.edu-block img{width:clamp(72px,12vw,110px);height:clamp(72px,12vw,110px);object-fit:contain;border-radius:50%;background:#fff;padding:.5rem;border:1px solid var(--line)}.work-list{display:flex;flex-direction:column;gap:0}.project{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:start;padding:var(--space-lg) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .3s var(--ease);animation:rise .8s var(--ease) both;cursor:pointer}.project:first-child{border-top:1px solid var(--line)}.project:nth-child(1){animation-delay:.05s}.project:nth-child(2){animation-delay:.15s}.project:nth-child(3){animation-delay:.25s}.project:nth-child(4){animation-delay:.35s}.project:hover{background:#fff6}.project-icon{width:clamp(64px,10vw,88px);height:clamp(64px,10vw,88px);object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:#fff;transition:transform .35s var(--ease)}.project:hover .project-icon{transform:scale(1.06)}.project-icon.placeholder{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:var(--accent);background:var(--accent-soft)}.project-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:.5rem;transition:color .25s var(--ease)}.project-title a{text-decoration:none;color:inherit}.project:hover .project-title,.project:hover .project-title a{color:var(--accent)}.project-description{color:var(--ink-soft);max-width:52rem}.project-description a{color:var(--accent);font-weight:600}.contact-intro{max-width:28rem;margin-bottom:var(--space-xl);animation:rise .8s var(--ease) both}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:var(--space-lg)}.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#ffffffb3;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);animation:rise .8s var(--ease) both}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow)}.contact-card img{width:2.75rem;height:2.75rem;object-fit:contain}.contact-card p{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);line-height:1.3}.email-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--ink);color:var(--paper);border-radius:var(--radius);text-decoration:none;transition:background .3s var(--ease),transform .3s var(--ease);animation:rise .8s var(--ease) .4s both}.email-banner:hover{background:var(--accent);transform:translateY(-2px)}.email-banner img{width:2.5rem;height:2.5rem;object-fit:contain;filter:brightness(0) invert(1)}.email-banner span{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.hero,.about-hero{grid-template-columns:1fr;min-height:unset;align-items:start}.hero{gap:var(--space-lg)}.hero-visual{max-width:280px;width:100%}.hero-photo{aspect-ratio:1;border-radius:1.25rem}.hero-brand{font-size:clamp(2.75rem,18vw,4.5rem)}.contact-grid,.project{grid-template-columns:1fr}}@media(max-width:720px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1rem 1rem;background:#f8fafbf5;border-bottom:1px solid var(--line);display:none}.nav.is-open .nav-links{display:flex}.nav-links li{border-bottom:1px solid var(--line)}.nav-links a,.nav-cta{display:block;width:100%;padding:.9rem .25rem;border-radius:0}.nav-cta{margin-top:.5rem;text-align:center;border-radius:999px}.edu-block{grid-template-columns:1fr;text-align:center;justify-items:center}.about-photo{margin:0 auto}.about-copy{text-align:center}}