*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#fff;color:#111;overflow-x:hidden}.nav{position:fixed;top:0;right:0;z-index:100;padding:28px 40px;display:flex;gap:32px}.nav a{text-decoration:none;color:#111;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.45;transition:opacity .2s ease}.nav a:hover{opacity:1}#hero{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden}#hero canvas{display:block;position:absolute;top:0;left:0}.scroll-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.3;animation:fadeInUp 1s ease 1.5s both;pointer-events:none;z-index:10}.scroll-hint span{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:400}.scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom,#111,transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:.3;transform:translate(-50%) translateY(0)}}.section{max-width:860px;margin:0 auto;padding:120px 40px;border-top:1px solid #f0f0f0}.section h2{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#999;margin-bottom:56px}.about-grid{display:grid;grid-template-columns:180px 1fr 150px;gap:48px;align-items:start}.about-photo img{width:180px;height:180px;border-radius:50%;object-fit:cover;filter:grayscale(20%);transition:filter .3s ease}.about-photo img:hover{filter:grayscale(0%)}.about-text p{font-size:20px;font-weight:300;line-height:1.7;color:#333;margin-bottom:20px}.about-text p:last-child{margin-bottom:0}.about-links{display:flex;flex-direction:column;gap:16px;padding-top:4px}.about-links a{font-size:13px;font-weight:500;letter-spacing:.05em;color:#111;text-decoration:none;opacity:.5;transition:opacity .2s ease}.about-links a:after{content:" ↗";font-size:11px}.about-links a:hover{opacity:1}.experience-list{display:flex;flex-direction:column;gap:0}.experience-item{display:grid;grid-template-columns:170px 1fr;gap:40px;padding:44px 0;border-bottom:1px solid #f0f0f0}.experience-item:first-child{padding-top:0}.experience-meta{padding-top:2px}.experience-date{font-size:12px;color:#999;font-weight:400;letter-spacing:.03em;white-space:nowrap}.experience-body h3{font-size:18px;font-weight:500;color:#111;margin-bottom:4px;letter-spacing:-.01em}.experience-company{font-size:13px;color:#888;font-weight:400;display:block;margin-bottom:16px}.experience-body p{font-size:15px;line-height:1.7;color:#555;font-weight:300}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-card{perspective:800px;cursor:pointer}.project-card-inner{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;transition:transform .15s ease,box-shadow .3s ease;transform-style:preserve-3d;box-shadow:0 2px 16px #0000000f;will-change:transform}.project-card:hover .project-card-inner{box-shadow:0 12px 40px #0000001f}.project-card-inner>img{width:100%;height:100%;object-fit:cover;display:block}.project-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;align-items:center;justify-content:center}.project-card-placeholder span{font-size:13px;color:#bbb;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.project-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#000000b3);transform:translateZ(30px)}.project-card-overlay h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:4px;letter-spacing:-.01em}.project-card-overlay span{font-size:12px;color:#ffffffb3;font-weight:300}.project-detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin .5s ease;margin-top:0}.project-detail.open{max-height:4000px;opacity:1;margin-top:48px}.project-detail-close{float:right;background:none;border:1px solid #e0e0e0;border-radius:50%;width:36px;height:36px;font-size:20px;color:#999;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.project-detail-close:hover{color:#111;border-color:#111}.project-detail-hero{margin-bottom:40px;border-radius:8px;overflow:hidden}.project-detail-hero img{width:100%;display:block;border-radius:8px}.project-detail-content h3{font-size:24px;font-weight:500;color:#111;margin-bottom:8px;letter-spacing:-.02em}.project-detail-meta{font-size:13px;color:#888;margin-bottom:32px;line-height:1.6}.project-detail-content p{font-size:15px;line-height:1.8;color:#444;font-weight:300;margin-bottom:24px}.project-detail-content h4{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-top:40px;margin-bottom:16px}.project-detail-content ul{list-style:none;padding:0;margin-bottom:24px}.project-detail-content ul li{font-size:14px;line-height:1.8;color:#444;font-weight:300;padding-left:16px;position:relative}.project-detail-content ul li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:#ccc}.project-detail-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}.project-detail-images img{width:100%;border-radius:6px;box-shadow:0 2px 12px #00000014}.project-detail-pub{font-style:italic;color:#666!important;font-size:14px!important}.project-detail-tech{font-size:12px!important;color:#aaa!important;letter-spacing:.03em;padding-top:16px;border-top:1px solid #f0f0f0;margin-top:40px}.project-card.active .project-card-inner{box-shadow:0 0 0 2px #111,0 12px 40px #0000001f}.resume-wrapper{display:flex;flex-direction:column;gap:24px}.resume-actions{display:flex;justify-content:flex-end}.resume-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#111;border:1px solid #ddd;border-radius:6px;transition:all .2s ease}.resume-btn:hover{border-color:#111;background:#111;color:#fff}.resume-embed{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 16px #0000000f;border:1px solid #f0f0f0}.resume-embed iframe{width:100%;height:900px;border:none;display:block}.footer{max-width:860px;margin:0 auto;padding:40px 40px 80px}.footer p{font-size:12px;color:#ccc;font-weight:400}@media(max-width:640px){.nav{padding:20px 24px;gap:20px}.section{padding:80px 24px}.about-grid{grid-template-columns:1fr;gap:32px}.about-photo{text-align:center}.about-photo img{width:140px;height:140px}.about-links{flex-direction:row;flex-wrap:wrap;gap:12px 24px}.experience-item{grid-template-columns:1fr;gap:12px;padding:36px 0}.projects-grid,.project-detail-images{grid-template-columns:1fr}.footer{padding:40px 24px 60px}}