*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root{--background:#f3f3f3;--foreground:#0a0a0a;--black:#000;--black-soft:#0b0b0b;--black-light:#141414;--black-muted:#1c1c1c;--black-card:#222;--white:#fff;--white-soft:#fafafa;--white-muted:#e8e8e8;--text-primary:#0a0a0a;--text-secondary:#555;--text-muted:#888;--text-on-dark:#fff;--border:#0000001a;--border-dark:#ffffff1f;--surface:#fff;--surface-dark:#101010;--shadow:0 10px 40px #0000001f;--shadow-dark:0 10px 40px #0006;--accent:#111;--accent-hover:#2a2a2a}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text-primary);min-height:100vh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loader{touch-action:none;transition:opacity .5s,visibility .5s}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}body.is-loading{overflow:hidden}@keyframes nameRevealFirst{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(1.2em)scaleY(.8)}60%{clip-path:inset(0)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes taglineReveal{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.first-name-holder,.last-name-holder,.name-tagline{opacity:0}body.is-loaded .first-name-holder{animation:1.2s cubic-bezier(.16,1,.3,1) forwards nameRevealFirst}body.is-loaded .last-name-holder{animation:1.2s cubic-bezier(.16,1,.3,1) .3s forwards nameRevealFirst}body.is-loaded .name-tagline{animation:1s cubic-bezier(.16,1,.3,1) .8s forwards taglineReveal}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) 60ms,transform .8s cubic-bezier(.16,1,.3,1) 60ms;transform:translateY(1.5rem)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.about-grid [data-reveal],.skills-groups [data-reveal],.projects-grid [data-reveal],.cert-list [data-reveal]{transition-delay:calc(60ms + var(--reveal-index,0) * 80ms)}.about-photo{aspect-ratio:5/6;border:1px solid var(--border);background:var(--white-muted);width:100%;box-shadow:var(--shadow);border-radius:14px;position:relative;overflow:hidden}.about-photo img{object-fit:cover;filter:grayscale(.45);width:100%;height:100%;position:absolute;inset:0}.about-photo canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.about-photo.photo-ripple-active canvas{opacity:1}.about-photo.photo-ripple-active img{opacity:0}.name-container{z-index:100;background:var(--white-soft);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100vh;display:flex;overflow:hidden}.about-me-container,.skills-section,.projects-section,.journey-section,.certifications-section,.contact-section{flex-direction:column;align-items:center;width:100%;padding:clamp(5rem,12vh,8rem) 1.5rem;display:flex}.section-inner{flex-direction:column;align-items:center;width:100%;max-width:960px;display:flex}.about-me-container{background:var(--white-soft)}.skills-section{background:var(--background)}.projects-section{background:var(--white-soft)}.journey-section{background:var(--background)}.certifications-section{background:var(--white-soft)}.contact-section{background:var(--black-soft)}@media (width<=640px){.about-me-container,.skills-section,.projects-section,.journey-section,.certifications-section,.contact-section{padding:4rem 1.25rem}}.name-text-div{flex-direction:column;align-items:center;display:flex}.first-name-holder,.last-name-holder{letter-spacing:-.04em;color:var(--foreground);text-align:center;background:linear-gradient(135deg, var(--foreground) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 -.1em;font-family:Syne,Space Grotesk,sans-serif;font-size:clamp(4rem,15vw,14rem);line-height:1;position:relative}.first-name-holder{font-weight:800}.last-name-holder{font-weight:300}.first-name,.last-name{display:inline}.first-name{font-weight:800}.last-name{font-weight:300}.name-tagline{color:var(--text-secondary);text-align:center;letter-spacing:.05em;text-transform:uppercase;margin-top:1.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:500}.section-heading{letter-spacing:-.02em;color:var(--foreground);text-align:center;margin-bottom:clamp(3rem,6vw,4.5rem);font-family:Syne,Space Grotesk,sans-serif;font-size:clamp(2.25rem,5vw,4rem);font-weight:700;line-height:1.05}.contact-section .section-eyebrow{color:var(--text-muted)}.contact-heading{background:linear-gradient(135deg, var(--white) 0%, var(--white-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-layout{grid-template-columns:minmax(220px,320px) 1fr;align-items:start;gap:3rem;width:100%;display:grid}.about-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 3rem;display:grid}@media (width<=860px){.about-layout{grid-template-columns:1fr}.about-photo{max-width:320px;margin:0 auto}}.about-block-title{color:var(--foreground);margin-bottom:.75rem;font-family:Syne,Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600}.about-block-text{color:var(--text-secondary);font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.7}@media (width<=640px){.about-grid{grid-template-columns:1fr;gap:2rem}}.skills-groups{grid-template-columns:repeat(2,1fr);gap:2.5rem 3rem;width:100%;display:grid}.skills-group-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600}.skill-pills{flex-wrap:wrap;gap:.6rem;display:flex}.skill-pills li{color:var(--foreground);border:1px solid var(--border);border-radius:999px;padding:.5rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500;transition:background .25s,color .25s,border-color .25s}.skill-pills li:hover{background:var(--foreground);color:var(--text-on-dark);border-color:var(--foreground)}@media (width<=640px){.skills-groups{grid-template-columns:1fr;gap:2rem}}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.9rem;padding:2rem 1.75rem;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex}.project-card:hover{box-shadow:var(--shadow)}.project-title{color:var(--foreground);font-family:Syne,Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.project-desc{color:var(--text-secondary);flex-grow:1;font-family:Space Grotesk,sans-serif;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tags li{letter-spacing:.03em;color:var(--text-muted);background:var(--white-muted);border-radius:6px;padding:.3rem .7rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:500}@media (width<=860px){.projects-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}.featured-repo{background:var(--black-soft);isolation:isolate;border-radius:28px;width:100%;margin-bottom:2.5rem;padding:clamp(2.25rem,5vw,3.5rem);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.featured-repo:hover,.featured-repo:focus-visible{box-shadow:var(--shadow-dark)}.featured-repo:focus-visible{outline:2px solid var(--white-muted);outline-offset:3px}.featured-repo-glow{z-index:0;filter:blur(40px);background:radial-gradient(circle at 50% 35%,#ffffff29,#ffffff0d 45%,#0000 70%);position:absolute;inset:-20% -10%}.featured-repo-dots{z-index:0;opacity:.5;background-image:radial-gradient(#ffffff59 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 72%)}.featured-repo-content{z-index:1;flex-direction:column;align-items:flex-start;gap:.6rem;max-width:56ch;display:flex;position:relative}.featured-repo-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--white-muted);font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:500}.featured-repo-title{color:var(--text-on-dark);font-family:Syne,Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}.featured-repo-desc{color:var(--white-muted);font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.65}.featured-repo-link{color:var(--text-on-dark);border-bottom:1px solid var(--border-dark);margin-top:.5rem;padding-bottom:.2rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:500;transition:border-color .25s,opacity .25s}.featured-repo:hover .featured-repo-link{border-color:var(--text-on-dark);opacity:.85}@media (width<=640px){.featured-repo{border-radius:20px}}.timeline{flex-direction:column;gap:2.75rem;width:100%;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:.4rem;bottom:.4rem;left:130px}.timeline-item{grid-template-columns:130px 1fr;gap:2rem;display:grid;position:relative}.timeline-item:before{content:"";background:var(--white-soft);border:2px solid var(--text-muted);border-radius:50%;width:13px;height:13px;position:absolute;top:.45rem;left:124px}.timeline-item.is-highlighted:before{background:var(--foreground);border-color:var(--foreground)}.timeline-year{letter-spacing:.02em;color:var(--text-muted);padding-top:.15rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600}.timeline-title{color:var(--foreground);margin-bottom:.5rem;font-family:Syne,Space Grotesk,sans-serif;font-size:1.2rem;font-weight:700}.timeline-desc{color:var(--text-secondary);max-width:46ch;font-family:Space Grotesk,sans-serif;font-size:.95rem;line-height:1.65}.timeline-silent{color:var(--text-muted)}.timeline-award{margin-top:.75rem}.timeline-award .award-info-toggle{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;width:100%;max-width:100%;padding:.5rem .75rem;transition:background .2s;display:inline-flex}.timeline-award .award-info-toggle .info-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s}.timeline-award .award-info-toggle .award-text{color:var(--foreground);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;line-height:1.4}.timeline-award .award-info-toggle:hover,.timeline-award .award-info-toggle:focus-visible{background:var(--white-muted)}.timeline-award .award-info-toggle:hover .info-icon,.timeline-award .award-info-toggle:focus-visible .info-icon,.timeline-award .award-info-toggle[aria-expanded=true] .info-icon{color:var(--foreground)}.timeline-award .award-info-toggle:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.award-info-toggle:disabled{opacity:.6;cursor:wait;pointer-events:none}@media (hover:none) and (pointer:coarse){.timeline-award .award-info-toggle{background:var(--white-muted);border:1px solid var(--border)}.timeline-award .award-info-toggle:active{background:var(--border)}}.award-detail{opacity:0;grid-template-rows:0fr;max-width:46ch;margin-top:0;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),margin-top .3s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(-4px)}.award-detail.is-open{opacity:1;grid-template-rows:1fr;margin-top:.6rem;transform:translateY(0)}.award-detail-inner{color:var(--text-secondary);background:var(--white-muted);border-left:2px solid var(--foreground);border-radius:0 8px 8px 0;flex-direction:column;align-items:flex-start;padding:.85rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;line-height:1.6;display:flex;overflow:hidden}.award-proof{align-items:center;margin-top:.75rem;display:inline-flex}@media (width<=640px){.award-proof{width:100%;display:flex}}.award-proof-link{color:var(--foreground);border:1px solid var(--border);background:var(--background);border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.award-proof-link:hover{background:var(--foreground);color:var(--text-on-dark);border-color:var(--foreground);text-decoration:none}.award-proof-link:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.award-proof-icon{flex-shrink:0;transition:transform .2s}.award-proof-link:hover .award-proof-icon{transform:translate(2px)}@media (width<=640px){.timeline:before{left:6px}.timeline-item{grid-template-columns:1fr;gap:.5rem;padding-left:2rem}.timeline-item:before{top:.3rem;left:0}.timeline-year{padding-top:0}.timeline-award .award-info-toggle{padding:.75rem 1rem}.timeline-award .award-info-toggle .award-text{font-size:.85rem}.award-detail{max-width:none}.award-proof-link{padding:.5rem .75rem;font-size:.75rem}}.cert-list{flex-direction:column;width:100%;display:flex}.cert-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.5rem 0;display:flex}.cert-item:first-child{border-top:1px solid var(--border)}.cert-name{color:var(--foreground);margin-bottom:.25rem;font-family:Syne,Space Grotesk,sans-serif;font-size:1.05rem;font-weight:600}.cert-issuer{color:var(--text-secondary);font-family:Space Grotesk,sans-serif;font-size:.9rem}.cert-year{color:var(--text-muted);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:500}@media (width<=640px){.cert-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.contact-inner{text-align:center;align-items:center;max-width:640px}.contact-text{color:var(--white-muted);margin-bottom:2.5rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem;line-height:1.7}.contact-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;display:flex}.contact-link{color:var(--text-on-dark);border-bottom:1px solid var(--border-dark);padding-bottom:.2rem;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;transition:border-color .25s,opacity .25s}.contact-link:hover{border-color:var(--text-on-dark);opacity:.85}