*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAFAF8;--bg2: #F2F2EF;--border: #E4E4E0;--text: #111110;--text-muted: #888885;--blue: oklch(52% .22 252);--blue-light: oklch(94% .06 252);--blue-mid: oklch(68% .18 252);--blue-faint: color-mix(in oklab, oklch(52% .22 252) 13%, transparent);--radius: 16px;--font-body: "DM Sans", sans-serif;--font-serif: "Instrument Serif", serif;--spring: cubic-bezier(.34, 1.3, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}#about,#projects,#skills,#experience,#contact{scroll-margin-top:70px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--blue-light)}:focus-visible{outline:2px solid var(--blue-mid);outline-offset:2px;border-radius:6px}.hero-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}.scroll-progress{position:fixed;top:58px;left:0;right:0;height:2px;background:var(--blue);transform-origin:0 50%;transform:scaleX(0);z-index:101;opacity:.85;pointer-events:none}.snap-item{opacity:0;transform:translateY(36px);transition:opacity .48s var(--ease-out),transform .65s var(--spring)}.snap-item.in{opacity:1;transform:translateY(0)}.nav-links-desktop{display:flex;gap:4px;align-items:center;position:relative}.nav-link{position:relative;z-index:1;padding:6px 14px;border-radius:99px;font-size:14px;font-weight:450;color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-pill{position:absolute;top:0;left:0;background:var(--bg2);border-radius:99px;pointer-events:none;opacity:0;z-index:0}.nav-hamburger{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:var(--text);border-radius:8px;transition:background .15s}.nav-hamburger:hover{background:var(--bg2)}.btn-primary{border-radius:99px;font-weight:500;text-decoration:none;color:#fff;background:var(--blue);border:none;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-secondary{border-radius:99px;font-weight:500;text-decoration:none;color:var(--text);background:transparent;border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s}.btn-secondary:hover{background:var(--bg2);border-color:#ccc}.project-link{text-decoration:none;display:block}.project-card{border-radius:16px;border:1px solid var(--border);background:#fff;overflow:hidden;box-shadow:0 2px 12px #0000000d;transition:background .25s ease,box-shadow .25s ease}.project-link:hover .project-card,.project-link:focus-visible .project-card{background:var(--bg2);box-shadow:0 20px 60px #0000001a}.card-arrow{transition:transform .2s}.project-link:hover .card-arrow,.project-link:focus-visible .card-arrow{transform:translate(2px,-2px)}.skill-chip{position:relative;padding:5px 12px 5px 8px;border-radius:99px;font-size:13.5px;font-weight:450;background:var(--bg2);color:var(--text);border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;transition:transform .45s var(--spring)}.skill-chip:hover{transform:scale(1.07)}.chip-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);background:#111110;color:#ffffffe0;font-size:12px;font-weight:400;line-height:1.55;padding:7px 11px;border-radius:8px;width:200px;text-align:center;pointer-events:none;z-index:20;box-shadow:0 6px 20px #00000038;opacity:0;transition:opacity .15s ease,transform .15s ease}.skill-chip:hover .chip-tooltip,.skill-chip:focus-visible .chip-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.chip-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #111110}.contact-card{padding:18px 20px;border-radius:16px;border:1px solid var(--border);background:#fff;text-decoration:none;display:block;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.contact-card:hover,.contact-card:focus-visible{border-color:var(--blue);box-shadow:0 4px 20px var(--blue-faint);transform:translateY(-2px)}.visit-link{transition:opacity .15s}.visit-link:hover{opacity:.65}.panel-date-overlay{display:none}@media(max-width:640px){.nav-links-desktop{display:none}.nav-hamburger{display:flex}#about{padding:118px 18px 80px!important}#projects,#skills,#experience{padding:40px 18px!important}#contact{padding:40px 18px 28px!important}.tl-year{display:none!important}.tl-line{left:5px!important}.tl-dot-wrap{margin-right:14px!important}.section-header-mb{margin-bottom:28px!important}.panel-date-left{display:none!important}.panel-date-overlay{display:block!important}}@keyframes icon-in{0%{opacity:0;transform:rotate(-25deg) scale(.7)}to{opacity:1;transform:rotate(0) scale(1)}}.nav-hamburger svg{animation:icon-in .22s var(--spring) both}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.snap-item{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}