html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background-color:#faf8f3;font-family:sans-serif}.hero,.about,.education,.projects,.intl,.awards,.contact{max-width:1000px;margin:0 auto;padding:80px 48px}.about,.education,.projects,.intl,.awards,.contact{border-top:1px solid #ddd}.about h2,.education h2,.projects h2,.intl h2,.awards h2,.contact h2{color:#1a1a1a;margin-bottom:40px;font-size:2.5rem}.hero-label{color:#999;letter-spacing:4px;margin-bottom:24px;font-size:.9rem}.hero-title{color:#1a1a1a;margin-bottom:24px;font-family:Playfair Display,serif;font-size:5rem;line-height:1.1}.hero-sub{color:#888;margin-bottom:24px;font-size:1.1rem;line-height:1.8}.about p{color:#555;margin-bottom:14px;font-size:1.2rem;line-height:1.8}.edu-list{flex-direction:column;gap:0;display:flex}.edu-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:28px 0;display:flex}.edu-item:first-child{border-top:1px solid #eee}.edu-school{color:#1a1a1a;margin-bottom:4px;font-size:1.2rem;font-weight:600}.edu-detail{color:#888;margin-bottom:4px;font-size:1rem}.edu-degree{color:#555;font-size:1rem}.edu-period{color:#aaa;white-space:nowrap;margin-left:32px;padding-top:2px;font-size:.85rem}.project-card{background-color:#f0ede6;border:1px solid #ddd;border-radius:12px;margin-bottom:20px;padding:32px}.project-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.project-tags{gap:8px;display:flex}.tag{color:#888;border:1px solid #bbb;border-radius:20px;padding:4px 10px;font-size:.75rem}.project-year{color:#aaa;font-size:.85rem}.project-card h3{color:#1a1a1a;margin-bottom:10px;font-size:1.2rem;font-weight:600}.project-card p{color:#555;margin-bottom:16px;font-size:1rem;line-height:1.8}.project-link{color:#1a1a1a;border-bottom:1px solid #aaa;padding-bottom:2px;font-size:1rem;text-decoration:none;transition:border-color .2s}.project-link:hover{border-color:#1a1a1a}.intl-list{flex-direction:column;display:flex}.intl-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;padding:28px 0;display:flex}.intl-item:first-child{border-top:1px solid #eee}.intl-title{color:#1a1a1a;margin-bottom:4px;font-size:1.2rem;font-weight:600}.intl-org{color:#999;margin-bottom:8px;font-size:1rem}.intl-desc{color:#555;font-size:1rem;line-height:1.7}.intl-year{color:#aaa;white-space:nowrap;margin-left:32px;padding-top:2px;font-size:.85rem}.awards-sub{letter-spacing:3px;text-transform:uppercase;color:#aaa;margin-top:40px;margin-bottom:0;font-size:.75rem}.awards-sub:first-of-type{margin-top:0}.awards-list{flex-direction:column;display:flex}.award-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:baseline;padding:18px 0;display:flex}.award-item:first-child{border-top:1px solid #eee}.award-title{color:#333;font-size:1rem;line-height:1.6}.award-year{color:#aaa;white-space:nowrap;margin-left:32px;font-size:.85rem}.contact-info{flex-direction:column;gap:16px;display:flex}.contact-item{color:#444;cursor:pointer;align-items:center;gap:12px;width:fit-content;font-size:1rem;text-decoration:none;display:flex}.toast{color:#fff;z-index:999;background-color:#3c3c3c;border-radius:6px;padding:10px 20px;font-size:.9rem;animation:2s forwards fadeout;position:fixed;top:24px;right:24px}@keyframes fadeout{0%{opacity:1}70%{opacity:1}to{opacity:0}}.navbar{z-index:100;background-color:#faf8f3;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:60px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.navbar-links{gap:32px;display:flex}.navbar-links a{color:#888;font-size:.88rem;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:#1a1a1a}.hero{padding-top:140px}@media (width<=768px){.navbar{flex-wrap:wrap;gap:8px;height:auto;padding:12px 16px}.navbar-name{font-size:.9rem}.navbar-links{flex-wrap:wrap;gap:12px;display:flex}.navbar-links a{font-size:.75rem}.hero,.about,.education,.projects,.intl,.awards,.contact{padding:60px 24px}.hero{padding-top:120px}.hero-title{font-size:3rem}.hero-sub{font-size:1rem}.edu-item,.intl-item{flex-direction:column;gap:8px}.edu-period,.intl-year{margin-left:0}.award-item{flex-direction:column;gap:4px}.award-year{margin-left:0}.project-header{flex-direction:column;align-items:flex-start;gap:8px}}