*,*:before,*:after{box-sizing:border-box;overflow-x:hidden}html,body{margin:0;padding:0;height:100%}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Pretendard,sans-serif;color:#111827;line-height:1.5;font-weight:400}.page-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;margin:0}.section{min-height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:40px 24px}.inner{max-width:960px;width:100%}h1,h2,h3,p{margin:0}h1.name{font-size:3rem;margin-bottom:16px}h2{font-size:2.2rem;margin-bottom:24px}.tagline{font-size:1.1rem;opacity:.85;margin-bottom:16px}.desc{font-size:1rem;line-height:1.7;margin-bottom:24px}.primary-btn{padding:12px 24px;font-size:.95rem;border-radius:999px;border:none;cursor:pointer;background:#2563eb;color:#fff;font-weight:500}.primary-btn:hover{opacity:.9}.section-hero{background:radial-gradient(circle at top,#1e293b,#020617);color:#e5e7eb}.section-hero{padding:0;background:transparent;display:flex;align-items:center;justify-content:center}.hero-cover{width:100%;height:100%;object-fit:cover;display:block}.section-about{background:#f9fafb;color:#111827}.section-projects{background:#f5f5f5;color:#e5e7eb}.section-contact{background:#f3f4f6;color:#111827}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.skill-box{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #e5e7eb}.skill-box h3{margin-bottom:8px}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:16px}.project-card{padding:20px;border-radius:18px;background:#0f172af2;border:1px solid rgba(148,163,184,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card h3{margin-bottom:8px;font-size:1.2rem}.project-card p{margin:4px 0;font-size:.95rem;line-height:1.6}.project-card .role{margin-top:6px;font-size:.85rem;opacity:.9}.contact-list{list-style:none;padding:0;margin:24px 0 0}.contact-list li{margin-bottom:8px;font-size:.95rem}.contact-list span{display:inline-block;width:80px;font-weight:600;font-size:.85rem;color:#4b5563}.contact-buttons{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.contact-buttons button{padding:8px 18px;border-radius:999px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:.9rem}.contact-buttons button:hover{background:#e5e7eb}@media (max-width: 640px){h1.name{font-size:2.2rem}h2{font-size:1.8rem}.desc{font-size:.95rem}}.section-intro-img{display:flex;justify-content:center;align-items:center;background:#fff}.intro-bg{width:80%;height:auto;object-fit:contain;position:static;filter:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px}.project-thumb{border:none;background:transparent;padding:0;cursor:pointer}.project-thumb img{width:100%;height:auto;display:block;border-radius:12px}.header-hover-trigger{position:fixed;top:0;left:0;width:100%;height:12px;z-index:900}.main-header{position:fixed;top:0;left:0;width:100%;height:100px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;box-sizing:border-box;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.header-hover-trigger:hover+.main-header{transform:translateY(0)}.main-header:hover{transform:translateY(0)}.header-left{display:flex;align-items:center;gap:12px}.header-logo-img{width:48px;height:48px;object-fit:contain}.header-logo-text{font-size:1.4rem;font-weight:700}.header-nav{display:flex;gap:30px;font-size:1rem;font-weight:500}.header-link{text-decoration:none;color:#000;opacity:.85;transition:opacity .2s}.header-link:hover{opacity:1}body{caret-color:transparent}.section-experience{background:#fff;color:#111827}.experience-heading{text-align:center;font-size:2.6rem;font-weight:800;letter-spacing:.08em;margin-bottom:40px}.experience-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.experience-card{position:relative;width:280px;height:160px;border:none;padding:0;background:transparent;border-radius:16px;overflow:hidden;cursor:pointer}.experience-image{width:100%;height:100%;object-fit:cover;display:block}.experience-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.experience-card:hover .experience-overlay{opacity:1}.experience-text{color:#fff;font-size:.95rem;font-weight:600;text-align:center;line-height:1.5;padding:0 12px}.section-quicklinks .go-1{left:55%;top:78%}.section-quicklinks .go-2{left:73%;top:78%}.section-quicklinks .go-3{left:90%;top:78%}.section-quicklinks{height:100vh;overflow:hidden}.section-quicklinks .quicklinks-wrap{position:relative;width:100%;height:100%}.section-quicklinks .quicklinks-bg{width:100%;height:100%;object-fit:cover;display:block}.section-quicklinks .go-btn{position:absolute;z-index:5;padding:8px 18px;border-radius:999px;border:0;background:#141414d9;color:#fff;font-weight:700;cursor:pointer;transition:.2s}.section-quicklinks .go-btn:hover{transform:translateY(-1px);background:#141414f2}.section-quicklinks .go-1{left:50%;top:86%;background:#0040e0}.section-quicklinks .go-2{left:71%;top:86%;background-color:#7975e6}.section-quicklinks .go-3{left:91.5%;top:86%;background-color:#292994}.detail-page{width:100vw;min-height:100vh;margin:0;padding-top:100px;box-sizing:border-box;overflow-y:auto}.detail-img{width:100%;height:auto;object-fit:cover;display:block}