.navbar-container{display:flex;justify-content:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat}.header-links{display:flex;flex-direction:row;gap:20px;justify-content:flex-end;align-items:center;margin-right:40px;margin-top:20px}.resume-btn{background-color:#000;color:#f1f5f9;padding:.5em 1em;border-radius:6px}.resume-btn:hover{transform:scale(1.05)}.github-logo{width:60px}.github-logo:hover{transform:scale(1.05)}.hamburger-btn{display:none}@media (max-width: 768px){.navbar-container{min-height:64px;position:relative}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:fixed;top:14px;right:16px;z-index:1001;width:40px;height:40px;background:#000;border-radius:8px;cursor:pointer;border:none}.hamburger-line{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger-btn.is-open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-links{display:none;position:fixed;inset:0;background:#000000f7;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:1000;margin:0}.header-links.menu-open{display:flex}.header-links li a{color:#fff;font-size:1.3rem;font-weight:500}.github-logo{width:40px;filter:invert(1)}.resume-btn{background-color:#fff!important;color:#000!important;font-size:1.3rem!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}input,textarea{border:none;outline:none;font:inherit}body{line-height:1.5;background-color:#fff;color:#000}body{background-color:#fff;font-family:General Sans,sans-serif;color:#000}.app-bg{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;height:100vh;overflow:hidden}.app-bg:before{content:"";position:absolute;inset:0;background:#0009;pointer-events:none}@media (max-width: 600px){.app-bg{height:auto;min-height:100vh;overflow-y:auto}}.hero-bg{position:relative}.hero-section1{position:relative;z-index:1;margin-top:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:60px;max-width:860px;margin-left:auto;margin-right:auto;padding:60px}.me-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;display:block;border:3px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0006;transition:transform .3s ease}.me-photo:hover{transform:scale(1.03)}.hero-text{display:flex;flex-direction:column;gap:16px}.hero-greeting{font-size:1.1rem;font-weight:500;color:#ffffffbf}.role-title{font-weight:700;letter-spacing:-.04em;line-height:.95;font-size:3.5rem;margin:0;color:#fff}.hero-description{font-size:1rem;line-height:1.65;color:#fffc;max-width:480px}.reach-btn{display:inline-block;margin-top:4px;padding:10px 22px;background-color:#fff;color:#000;border-radius:20px;font-weight:600;width:fit-content;transition:transform .3s ease}.reach-btn:hover{transform:scale(1.05)}@media (max-width: 600px){.hero-section1{grid-template-columns:1fr;gap:24px;padding:32px 24px 48px;text-align:center;justify-items:center}.me-photo{width:150px;height:150px}.role-title{font-size:2.4rem}.hero-description{max-width:100%;font-size:.95rem}}.work-page{padding:60px 60px 80px}.work-heading{font-family:General Sans,sans-serif;font-weight:700;font-size:3rem;letter-spacing:-.03em;margin-bottom:48px;color:#000}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3;display:block;background:#111;box-shadow:0 4px 20px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000002e}.project-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease}.project-card:hover .project-card-img{transform:scale(1.05);filter:brightness(.35)}.project-card-overlay{position:absolute;inset:0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:24px;opacity:0;transition:opacity .3s ease}.project-card:hover .project-card-overlay{opacity:1}.project-card-name{font-family:General Sans,sans-serif;font-weight:700;font-size:1.4rem;color:#fff;letter-spacing:-.02em}.project-card-arrow{font-size:1.6rem;color:#fff;line-height:1}.project-card--nda{cursor:default}.project-card-nda{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#fff;border:1.5px solid rgba(255,255,255,.6);border-radius:4px;padding:3px 8px;line-height:1;align-self:flex-end}@media (max-width: 640px){.work-page{padding:40px 20px 60px}.work-heading{font-size:2.2rem;margin-bottom:32px}.work-grid{grid-template-columns:1fr;gap:16px}}.detail-page{max-width:1000px;margin:0 auto;padding:40px 60px 100px}.detail-back{display:inline-block;font-size:.95rem;font-weight:500;color:#888;margin-bottom:36px;transition:color .2s ease}.detail-back:hover{color:#000}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}.detail-title{font-weight:700;font-size:2.6rem;letter-spacing:-.04em;line-height:1;margin-bottom:10px}.detail-meta{font-size:1rem;color:#777}.detail-nda-badge{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#fff;background:#000;border-radius:4px;padding:5px 10px;white-space:nowrap;margin-top:4px;flex-shrink:0}.detail-hero-img{width:100%;border-radius:12px;object-fit:cover;margin-bottom:52px;box-shadow:0 8px 32px #0000001a}.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:52px}.detail-gallery-img{width:100%;border-radius:10px;object-fit:cover;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;cursor:zoom-in;position:relative;z-index:0}.detail-gallery-img:hover{transform:scale(1.6);box-shadow:0 16px 48px #0003;z-index:10}.detail-video-wrapper{margin-bottom:52px}.detail-video{width:100%;border-radius:12px;box-shadow:0 8px 32px #0000001a}.detail-body{display:grid;grid-template-columns:1fr 260px;gap:64px}.detail-section-title{font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:14px;margin-top:36px}.detail-left .detail-section-title:first-child,.detail-right .detail-section-title:first-child{margin-top:0}.detail-description{font-size:1.05rem;line-height:1.75;color:#333;margin-bottom:16px}.detail-description:last-of-type{margin-bottom:0}.detail-features{display:flex;flex-direction:column;gap:12px}.detail-features li{font-size:1rem;line-height:1.55;color:#333;padding-left:20px;position:relative}.detail-features li:before{content:"—";position:absolute;left:0;color:#bbb}.detail-tech-group{margin-bottom:22px}.detail-tech-category{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin-bottom:8px}.detail-tech-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tech-tag{padding:5px 14px;border:1.5px solid #000;border-radius:100px;font-size:.82rem;font-weight:500}.detail-links{display:flex;flex-direction:column;gap:10px;margin-top:32px}.detail-link-btn{display:inline-block;padding:10px 20px;background:#000;color:#fff;border-radius:20px;font-size:.9rem;font-weight:500;transition:transform .2s ease}.detail-link-btn:hover{transform:scale(1.04)}.detail-nda-note{margin-top:24px;font-size:.85rem;color:#aaa;font-style:italic}.detail-page--themed{border-top:5px solid var(--accent)}.detail-school-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:20px;padding:4px 12px;margin-bottom:12px}.detail-page--themed .detail-title,.detail-page--themed .detail-back:hover{color:var(--accent)}.detail-page--themed .detail-section-title{color:var(--accent);opacity:1}.detail-page--themed .detail-tech-tag{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.detail-page--themed .detail-link-btn{background:var(--accent)}.detail-page--themed .detail-link-btn:hover{background:color-mix(in srgb,var(--accent) 85%,black)}.detail-page--themed .detail-features li:before{color:var(--accent)}.detail-page--themed .detail-gallery-img:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--accent) 35%,transparent)}.detail-page--themed .detail-video{border:3px solid var(--accent)}@media (max-width: 768px){.detail-page{padding:32px 20px 80px}.detail-title{font-size:2rem}.detail-gallery{grid-template-columns:repeat(2,1fr)}.detail-body{grid-template-columns:1fr;gap:32px}.detail-gallery-img:hover{transform:none;box-shadow:0 4px 16px #00000014}}@media (max-width: 480px){.detail-header{flex-direction:column;gap:12px}.detail-gallery{grid-template-columns:1fr}.detail-title{font-size:1.8rem}}.cert-page{max-width:860px;margin:0 auto;padding:60px 60px 100px}.cert-heading{font-weight:700;font-size:3rem;letter-spacing:-.03em;margin-bottom:48px}.cert-list{display:flex;flex-direction:column;gap:20px}.cert-card{border:1.5px solid #e5e5e5;border-radius:12px;padding:28px 32px;transition:border-color .2s ease,box-shadow .2s ease}.cert-card:hover{border-color:#000;box-shadow:0 4px 20px #0000000f}.cert-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.cert-name{font-weight:700;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:4px}.cert-issuer{font-size:.9rem;color:#888}.cert-status{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#000;border-radius:20px;padding:5px 12px;white-space:nowrap;flex-shrink:0}.cert-description{font-size:1rem;line-height:1.65;color:#555}@media (max-width: 640px){.cert-page{padding:40px 20px 60px}.cert-heading{font-size:2.2rem;margin-bottom:32px}.cert-card{padding:20px 18px}.cert-card-top{flex-direction:column;align-items:flex-start;gap:10px}.cert-name{font-size:1.15rem}}