@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";.navbar{position:fixed;margin-top:20px;width:100%;background-color:transparent;z-index:1000;display:flex;justify-content:center;gap:40px;padding:10px 0}.nav-btn{border:2px solid #fef5b5;border-radius:30px;padding:8px 24px;background:transparent;color:#7d7d7d;font-weight:600;font-size:24px;cursor:pointer;transition:.3s}.nav-btn:hover,.nav-btn.active{background:#fef5b5;color:#7d7d7d}.container{width:1500px;height:100vh;box-sizing:border-box}.content{display:flex;align-items:center;justify-content:space-between}.text-section{padding:300px 260px;max-width:1200px}.portfolio-title{font-size:24px;color:#888;font-weight:700;margin-bottom:15px}.intro{font-size:34px;line-height:1.8}.intro strong{font-weight:600}.half-highlight{font-size:36px;font-weight:700;background:linear-gradient(to top,#fef5b5 40%,transparent 50%)}.image-content img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:1px solid #ddd;margin-right:60px}.about-container{width:100%;box-sizing:border-box;padding:200px 100px}.hello{font-size:22px;padding:18px 36px;margin-left:50px;color:#3a3a3a}.quote-box{background-color:#fffbe8;border-radius:25px;padding:18px 36px;display:inline-block;margin-left:80px;box-shadow:0 0 0 1px #fff2c4}.quote-text{font-size:17px;font-weight:600;color:#444;margin:0}.about-content{display:flex;justify-content:space-between;align-items:flex-start;margin-top:60px;padding:0 100px;gap:150px}.section-title{font-size:24px;font-weight:700;color:#999;margin-bottom:15px}.info-section{flex:1}.info-item{display:flex;align-items:flex-start;font-size:20px;font-weight:600;gap:20px;margin-bottom:10px}.label{width:80px;color:#777;margin-top:4px}.value{color:#222;width:540px}.value.name{width:200px}.career-section{flex:1;border-left:1px solid #eee;padding-left:100px}.career-item{display:flex;gap:24px;align-items:flex-start;margin-bottom:18px}.year{font-weight:700;color:#999;width:60px}.desc{font-size:20px;font-weight:600}.highlight{font-weight:800}@media (max-width: 1000px){.about-content{flex-direction:column;gap:60px;padding:0 40px}.career-section{border-left:none;padding-left:0}.quote-box{margin-left:40px}}.project-container{width:100%;height:90vh;box-sizing:border-box;background-color:#fff;color:#222;padding:200px 100px;display:flex;flex-direction:column;justify-content:center}.project-title{font-size:24px;font-weight:700;color:#999;display:flex;align-items:center;gap:8px;margin-bottom:15px}.project-scroll{display:flex;gap:40px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.project-scroll::-webkit-scrollbar{display:none}.project-card{min-width:440px;max-width:440px;height:330px;background-color:#fff;border:1px solid #eee;border-radius:20px;flex-shrink:0;box-shadow:0 2px 10px #0000000d;cursor:grab;transition:transform .2s ease;padding:15px 20px 20px;display:flex;flex-direction:column}.project-card:active{cursor:grabbing;transform:scale(.98)}.project-image{width:100%;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;border-top-left-radius:20px;border-top-right-radius:20px;margin-bottom:20px}.project-content{padding:20px 20px 50px}.info{color:#aaa;padding-top:4px;padding-bottom:6px}.tag{display:inline-block;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;margin-right:8px;margin-top:10px;color:#fff}.project-1{background-color:#ffe5e3;color:#444}.project-2{background-color:#d6e0c1;color:#444}.project-3{background-color:#c0e7ff;color:#444}.project-4{background-color:#dbf0e3;color:#444}.project-desc{font-size:14px;color:#777;margin-top:8px}.scroll-hint{display:flex;justify-content:center;align-items:center;color:#aaa;margin-top:30px;font-size:13px}body{margin:0;font-family:Pretendard,sans-serif;background-color:#fff;color:#222}.account-container{display:flex;align-items:center;justify-content:center;gap:60px;height:100vh;background-color:#fff}.portfolio-title{font-size:24px;color:#999;font-weight:700;margin-bottom:15px}.image-section{display:flex;justify-content:center;align-items:center;margin-right:60px}.image-section img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:1px solid #ddd}.account-info{display:flex;flex-direction:column;justify-content:center}.account-item{display:flex;align-items:center;gap:10px;margin-bottom:14px}.icon{width:22px;height:22px}.social{font-size:17px;color:#818181;font-weight:600;width:100px}.link{font-size:20px;color:#000;text-decoration:none}.link:hover{text-decoration:underline;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;background:#fff;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.top-nav{display:flex;justify-content:center;gap:28px;padding-top:30px;padding-bottom:6px}.nav-btn{border-radius:999px;padding:10px 28px;font-size:13px;font-weight:500;color:#6b6b6b;background:transparent;border:2px solid rgba(245,226,150,.6);cursor:pointer;transition:background .18s,transform .12s}.nav-btn:hover{transform:translateY(-2px)}.nav-btn.active{background:#fff7d6;border-color:#fff7d6;color:#6b6b6b}.hero{max-width:1200px;margin:110px auto 60px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:calc(100vh - 180px)}.hero-left{flex:1 1 60%}.label{color:#9aa0a6;font-weight:700;letter-spacing:1px;margin-bottom:18px;font-size:14px}.title-row{display:flex;align-items:flex-start;gap:22px}.vertical-bar{width:2px;height:60px;background:#e6e6e6;margin-top:6px}.title-text .line{margin-bottom:8px;color:#222}.large{font-size:48px;font-weight:700;line-height:1.05}.title-text .line{font-size:28px}.name-line{margin-top:8px;font-size:28px;font-weight:500}.emph{font-weight:800}.name-highlight{display:inline-block;font-weight:900;background:#fff7d6;padding:6px 8px;border-radius:4px;margin-left:6px}.hero-right{flex:0 0 360px;display:flex;justify-content:center;align-items:center}.avatar{width:320px;height:320px;border-radius:50%;border:2px solid #e9e9e9;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 0 6px #fff}.avatar img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 980px){.hero{flex-direction:column-reverse;gap:36px;margin-top:80px;min-height:auto;padding:20px}.hero-right{order:1}.hero-left{order:2;width:100%;text-align:left}.avatar{width:220px;height:220px}.large{font-size:34px}.title-text .line,.name-line{font-size:18px}}