@charset "UTF-8";:root{--bg-color: #0d1117;--card-bg: #161b22;--card-bg-hover: #1c2128;--text-primary: #e6edf3;--text-secondary: #8b949e;--border-color: #30363d;--accent: var(--accent-fullstack);--accent-ai: #7c3aed;--accent-fullstack: #10b981;--accent-devops: #f97316;--accent-cloud: #0ea5e9;--header-height: 64px;--section-padding: 5rem 0;--container-max: 1100px;--radius: 8px;--radius-lg: 12px;--transition: .35s cubic-bezier(.4, 0, .2, 1);--scrollbar-size: 8px;--scrollbar-track: var(--bg-color);--scrollbar-thumb: #3d444d;--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 45%, #3d444d);--font-black: NotoSansKR, 맑은 고딕, sans-serif;--font-bold: NotoSansKR, 맑은 고딕, sans-serif;--font-middle: NotoSansKR, 맑은 고딕, sans-serif;--font-regular: NotoSansKR, 맑은 고딕, sans-serif;--font-thin: NotoSansKR, 맑은 고딕, sans-serif;--font-sans: NotoSansKR, 맑은 고딕, sans-serif;--font-mono: "JetBrains Mono", monospace}@media screen and (max-width:1300px){:root{--section-padding: 4rem 0}}@media screen and (max-width:820px){:root{--section-padding: 3.25rem 0;--header-height: 56px}}@media screen and (max-width:480px){:root{--section-padding: 2.5rem 0;--header-height: 104px}}[data-role=ai]{--accent: var(--accent-ai)}[data-role=fullstack]{--accent: var(--accent-fullstack)}[data-role=devops]{--accent: var(--accent-devops)}[data-role=cloud]{--accent: var(--accent-cloud)}.btn-ai{border:1px solid var(--accent-ai);color:var(--accent-ai)}.btn-fullstack{border:1px solid var(--accent-fullstack);color:var(--accent-fullstack)}.btn-devops{border:1px solid var(--accent-devops);color:var(--accent-devops)}.btn-cloud{border:1px solid var(--accent-cloud);color:var(--accent-cloud)}.hashtag{display:inline-block;font-family:var(--font-bold);font-size:.8rem;line-height:1.3;padding:.28rem .55rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));color:var(--accent);transition:all var(--transition)}.hashtag:before{content:"#";opacity:.65;margin-right:.05em}.hashtag:hover{background:color-mix(in srgb,var(--accent) 22%,var(--card-bg));border-color:var(--accent)}.hashtag--lg{font-size:.9rem;padding:.4rem .75rem}.hashtag--sm{font-size:.68rem;padding:.15rem .4rem}.hashtag--focus{background:color-mix(in srgb,var(--accent) 25%,var(--card-bg));border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.hashtag-list{display:flex;flex-wrap:wrap;gap:.4rem}@media screen and (max-width:480px){.hashtag-list{gap:.3rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1rem)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track);background-clip:padding-box;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border:2px solid var(--scrollbar-track);background-clip:padding-box}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}body{font-family:var(--font-regular);background:var(--bg-color);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background var(--transition)}h1,h2,h3,h4{font-family:var(--font-black)}strong{font-family:var(--font-bold)}a{color:var(--accent);text-decoration:none;transition:opacity var(--transition),color var(--transition)}a:hover{opacity:.85}img{max-width:100%;display:block}ul{list-style:none}.container{width:min(100% - 2rem,var(--container-max));margin-inline:auto}@media screen and (max-width:480px){.container{width:min(100% - 1.25rem,var(--container-max))}}.section{padding:var(--section-padding)}.section__title{font-family:var(--font-black);font-size:clamp(1.5rem,4vw,2rem);font-weight:900;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.section__title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--accent),transparent);max-width:120px}@media screen and (max-width:820px){.section__title{margin-bottom:1.5rem;gap:.5rem}.section__title:after{max-width:72px}}@media screen and (max-width:480px){.section__title{font-size:1.35rem;margin-bottom:1.25rem}}.keyword{font-family:var(--font-bold);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius);font-family:var(--font-bold);font-size:.9rem;cursor:pointer;transition:all var(--transition);border:1px solid var(--accent);color:var(--accent);background:transparent}.btn:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.btn--filled{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--filled:hover{background:color-mix(in srgb,var(--accent) 85%,#000);opacity:1}@media screen and (max-width:480px){.btn{padding:.55rem 1rem;font-size:.82rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:color-mix(in srgb,var(--bg-color) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:border-color var(--transition)}@media screen and (max-width:480px){.header{height:auto;min-height:var(--header-height)}}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1rem}@media screen and (max-width:480px){.header__inner{flex-wrap:wrap;align-content:center;padding:.65rem 0;min-height:var(--header-height)}}.header__logo{font-family:var(--font-bold);font-size:1.1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.header__logo:hover{opacity:1;color:var(--text-primary)}@media screen and (max-width:480px){.header__logo{font-size:1rem;max-width:calc(100% - 5.5rem)}}.header__logo-accent{color:var(--accent)}.header__role-badge{font-size:.7rem;font-family:var(--font-sans);padding:.2rem .5rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);font-weight:600}.header__nav{display:flex;gap:.25rem;flex-wrap:nowrap;justify-content:center;overflow-x:auto;max-width:min(55vw,520px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.header__nav::-webkit-scrollbar{display:none}@media screen and (max-width:1300px){.header__nav{max-width:min(50vw,440px)}}@media screen and (max-width:820px){.header__nav{max-width:min(48vw,360px)}}@media screen and (max-width:480px){.header__nav{order:3;flex:1 1 100%;max-width:100%;justify-content:flex-start;gap:.15rem;padding-top:.35rem;margin-top:.15rem;border-top:1px solid var(--border-color)}}.header__nav-link{background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-sans);padding:.4rem .65rem;cursor:pointer;border-radius:var(--radius);transition:color var(--transition),background var(--transition);flex-shrink:0}.header__nav-link:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}@media screen and (max-width:820px){.header__nav-link{font-size:.78rem;padding:.35rem .5rem}}@media screen and (max-width:480px){.header__nav-link{font-size:.72rem;padding:.3rem .45rem}}.header__home-link{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius);flex-shrink:0}.header__home-link:hover{border-color:var(--accent);color:var(--accent);opacity:1}@media screen and (max-width:480px){.header__home-link{font-size:.72rem;padding:.3rem .55rem}}.about{padding-top:calc(var(--header-height) + 3rem)}@media screen and (max-width:820px){.about{padding-top:calc(var(--header-height) + 2rem)}}@media screen and (max-width:480px){.about{padding-top:calc(var(--header-height) + 1.25rem)}}.about__top{display:grid;grid-template-columns:200px 1fr 280px;gap:2.5rem;align-items:start;margin-bottom:2.5rem}@media screen and (max-width:1300px){.about__top{grid-template-columns:180px 1fr 240px;gap:2rem}}@media screen and (max-width:820px){.about__top{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}}@media screen and (max-width:820px){.about__photo-wrap{justify-self:center}}.about__photo{width:180px;height:220px;object-fit:cover;border:2px solid var(--text-primary)}.about__photo-placeholder{width:180px;height:220px;border:2px solid var(--text-primary);background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.about__photo-icon{font-size:3rem}.about__photo-hint{font-size:.75rem;color:var(--text-secondary)}.about__name-ko{font-family:var(--font-black);font-size:clamp(2rem,5vw,2.75rem);font-weight:900;line-height:1.2;margin-bottom:.25rem}.about__name-en{font-family:var(--font-bold);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1.5rem}.about__contact-title{font-family:var(--font-bold);color:var(--accent);font-size:1.1rem;margin-bottom:.75rem}.about__contact-list li{margin-bottom:.4rem;font-size:.95rem;color:var(--text-secondary)}.about__contact-list li strong{color:var(--text-primary);margin-right:.35rem}.about__contact-list li a{color:#58a6ff}.about__aside{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}@media screen and (max-width:820px){.about__aside{align-items:flex-start}}.about__links{display:grid;gap:.6rem;justify-items:end}@media screen and (max-width:820px){.about__links{justify-items:start}}.about__motto{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:stretch;margin-bottom:2.25rem}@media screen and (max-width:820px){.about__motto{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}}.about__motto-body{display:flex;flex-direction:column;gap:.7rem;padding-top:.15rem}.about__link-card{width:min(100%,260px);display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-color));color:var(--text-primary);transition:transform var(--transition),border-color var(--transition),background var(--transition)}.about__link-card:hover{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--card-bg));opacity:1}.about__link-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 16%,var(--bg-color));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-color));font-size:1.1rem;flex-shrink:0}.about__link-text{display:flex;flex-direction:column;gap:.15rem}.about__link-text strong{font-family:var(--font-bold);font-size:.9rem}.about__link-sub{font-size:.72rem;color:var(--text-secondary);font-family:var(--font-mono)}.about__quote{width:min(100%,260px);height:100%;display:flex;align-items:center;justify-content:center;white-space:pre-line;background:color-mix(in srgb,var(--accent) 25%,var(--card-bg));color:#fff;padding:.85rem .95rem;font-size:.9rem;font-weight:700;line-height:1.5;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border-color));border-radius:var(--radius-lg);margin:0;text-align:center;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 14%,transparent)}@media screen and (max-width:820px){.about__quote{width:100%}}.about__headline{font-family:var(--font-bold);font-size:1.15rem;line-height:1.45}.about__hashtags{margin-top:.25rem}.about__tagline{font-size:.9rem;color:var(--text-secondary)}.about__bio{border-top:1px solid var(--border-color);padding-top:2rem;margin-bottom:2.5rem}.about__bio p{margin-bottom:1rem;color:var(--text-secondary);font-size:.98rem;line-height:1.75}.about__bio p:last-child{margin-bottom:0}.about__section-heading{font-family:var(--font-black);font-size:1.15rem;margin-bottom:1.25rem;color:var(--accent)}.about__strengths{margin-bottom:2.5rem}.about__strengths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}@media screen and (max-width:480px){.about__strengths-grid{grid-template-columns:1fr}}.about__strength-card{background:var(--card-bg);border:1px solid var(--border-color);border-top:3px solid var(--accent);border-radius:var(--radius-lg);padding:1.25rem}.about__strength-card h4{font-family:var(--font-bold);font-size:.95rem;margin-bottom:.5rem}.about__strength-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65}.about__cases{margin-bottom:2.5rem}.about__cases-list{display:grid;gap:1.25rem;grid-template-columns:1fr}@media screen and (max-width:820px){.about__cases-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.about__cases-list{grid-template-columns:1fr}}.about__case-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.about__case-card h4{font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.about__case-card dl div{margin-bottom:.65rem}.about__case-card dt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.2rem}.about__case-card dd{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.about__case-result{color:var(--text-primary)!important;font-weight:500}.about__goals{padding:1.25rem 1.5rem;background:color-mix(in srgb,var(--accent) 8%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:var(--radius-lg)}.about__goals ul li{position:relative;padding-left:1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.about__goals ul li:before{content:"→";position:absolute;left:0;color:var(--accent)}.about__goals ul li:last-child{margin-bottom:0}.career{background:color-mix(in srgb,var(--card-bg) 40%,var(--bg-color))}.career__company{background:var(--card-bg);border:1px solid var(--border-color);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;margin-bottom:2rem}@media screen and (max-width:820px){.career__company{padding:1.25rem 1.35rem}}@media screen and (max-width:480px){.career__company{padding:1rem 1.1rem;margin-bottom:1.5rem}}.career__company-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;margin-bottom:1rem}.career__company-header h3{font-size:1.35rem;font-weight:700}@media screen and (max-width:480px){.career__company-header{gap:.5rem .75rem}.career__company-header h3{font-size:1.15rem;flex:1 1 100%}}.career__role{font-size:.95rem}.career__period{font-size:.85rem;color:var(--text-secondary);margin-left:auto}@media screen and (max-width:480px){.career__period{margin-left:0;flex:1 1 100%;font-size:.8rem}}.career__company-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.career__projects-header{margin-bottom:1rem}.career__subtitle{font-size:1.1rem;font-weight:600;margin-bottom:.35rem;color:var(--text-primary)}.career__hint{font-size:.82rem;color:var(--text-secondary)}.career__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}@media screen and (max-width:480px){.career__filters{gap:.4rem}}.career__filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition)}.career__filter:hover{border-color:var(--accent);color:var(--accent)}.career__filter--active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}@media screen and (max-width:480px){.career__filter{padding:.38rem .7rem;font-size:.72rem}}.career__filter-count{font-family:var(--font-mono);font-size:.7rem;padding:.1rem .35rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-color))}.career__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media screen and (max-width:1300px){.career__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (max-width:820px){.career__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.career__grid{grid-template-columns:1fr}}.career__empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.career__card{display:flex;flex-direction:column;height:284px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.career__card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 8%,transparent)}.career__card-toggle{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.career__card-compact{display:flex;flex-direction:column;height:100%;padding:1.1rem 1.2rem 1.15rem;box-sizing:border-box}.career__card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;flex-shrink:0}.career__card-title{font-family:var(--font-bold);font-size:.92rem;line-height:1.35;height:2.484rem;margin-bottom:.25rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.career__work-type{font-size:.62rem;font-weight:700;font-family:var(--font-mono);padding:.2rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.career__work-type--develop{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.career__work-type--maintain{background:color-mix(in srgb,var(--text-secondary) 25%,transparent);color:var(--text-secondary)}.career__work-type--both{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid var(--accent)}.career__work-type--outbound{background:color-mix(in srgb,#a78bfa 25%,transparent);color:#c4b5fd;border:1px solid #a78bfa}.career__tags-row{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:.35rem;min-height:1.75rem;max-height:3.5rem;margin-bottom:.5rem;flex-shrink:0;overflow:hidden}.career__tag-more{font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary)}.career__card-org{font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.career__card-period{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;font-family:var(--font-mono)}.career__card-summary{font-size:.82rem;line-height:1.5;color:var(--text-secondary);height:2.46rem;margin-bottom:.4rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.career__expand-hint{display:block;font-size:.75rem;line-height:1.4;font-family:var(--font-bold);color:var(--accent);margin-top:auto;flex-shrink:0;padding-top:.5rem}.career-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:career-modal-fade .2s ease}@media screen and (max-width:820px){.career-modal{padding:1rem;align-items:flex-end}}@media screen and (max-width:480px){.career-modal{padding:0;align-items:stretch}}.career-modal__panel{position:relative;width:min(100%,640px);max-height:min(90vh,820px);overflow-y:auto;--scrollbar-track: var(--card-bg);background:var(--card-bg);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:0 24px 64px #00000073;animation:career-modal-slide .25s ease}@media screen and (max-width:820px){.career-modal__panel{max-height:min(88vh,820px);padding:1.25rem 1.35rem}}@media screen and (max-width:480px){.career-modal__panel{width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.15rem 1.1rem 1.5rem;border-left:none;border-right:none;border-bottom:none}}.career-modal__close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:none;border-radius:var(--radius);background:var(--bg-color);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:color var(--transition),background var(--transition)}.career-modal__close:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-color))}.career-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-right:2rem}.career-modal__period{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary)}.career-modal__title{font-family:var(--font-black);font-size:1.25rem;line-height:1.35;margin-bottom:.35rem;padding-right:1.5rem}@media screen and (max-width:480px){.career-modal__title{font-size:1.1rem;padding-right:2rem}}.career-modal__org{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.career-modal__summary{font-size:.95rem;color:var(--text-primary);line-height:1.65;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.career-modal__tags{margin-bottom:1.25rem}.career-modal__overview{font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin-bottom:.85rem}.career-modal__overview:last-of-type{margin-bottom:1.25rem}.career-modal__section{margin-bottom:1.35rem}.career-modal__section:last-of-type{margin-bottom:.5rem}.career-modal__section-title{font-family:var(--font-bold);font-size:.88rem;color:var(--accent);margin-bottom:.6rem;letter-spacing:.02em}.career-modal__highlights{margin-bottom:0}.career-modal__highlights li{position:relative;padding-left:1.1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.career-modal__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.career-modal__highlights li:last-child{margin-bottom:0}.career-modal__links{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}@keyframes career-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes career-modal-slide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.personal-project__hint{font-size:.85rem;color:var(--text-secondary);margin-top:-1rem;margin-bottom:1rem}.personal-project__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}@media screen and (max-width:480px){.personal-project__filters{gap:.4rem}}.personal-project__filter{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition)}@media screen and (max-width:480px){.personal-project__filter{padding:.38rem .7rem;font-size:.72rem}}.personal-project__filter:hover{border-color:var(--accent);color:var(--accent)}.personal-project__filter--active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent);font-weight:600}.personal-project__filter-count{font-family:var(--font-mono);font-size:.7rem;padding:.1rem .35rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-color))}.personal-project__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;align-items:start}@media screen and (max-width:1300px){.personal-project__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (max-width:820px){.personal-project__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.personal-project__grid{grid-template-columns:1fr}}.personal-project__empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.9rem}.personal-project__card{display:flex;flex-direction:column;height:284px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.personal-project__card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 8%,transparent)}.personal-project__card-toggle{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font:inherit}.personal-project__card-compact{display:flex;flex-direction:column;height:100%;padding:1.1rem 1.2rem 1.15rem;box-sizing:border-box}.personal-project__card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;flex-shrink:0}.personal-project__category{font-size:.62rem;font-weight:700;font-family:var(--font-mono);padding:.2rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-color) 60%,transparent);color:var(--text-secondary)}.personal-project__category--personal,.personal-project__category--academy{text-transform:none}.personal-project__category--personal{border-color:color-mix(in srgb,#a78bfa 55%,transparent);color:#c4b5fd;background:color-mix(in srgb,#a78bfa 18%,transparent)}.personal-project__category--academy{border-color:color-mix(in srgb,#38bdf8 55%,transparent);color:#7dd3fc;background:color-mix(in srgb,#38bdf8 16%,transparent)}.personal-project__card-period{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;font-family:var(--font-mono)}.personal-project__card-title{font-family:var(--font-bold);font-size:.92rem;line-height:1.35;height:2.484rem;margin-bottom:.25rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.personal-project__card-subtitle{font-size:.78rem;color:var(--text-secondary);margin-bottom:.35rem;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal-project__card-summary{font-size:.82rem;line-height:1.5;color:var(--text-secondary);height:1.23rem;margin-bottom:.4rem;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.personal-project__tags-row{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:.35rem;min-height:1.75rem;max-height:3.5rem;margin-bottom:.5rem;flex-shrink:0;overflow:hidden}.personal-project__tag-more{font-size:.65rem;font-family:var(--font-mono);color:var(--text-secondary)}.personal-project__expand-hint{display:block;font-size:.75rem;line-height:1.4;font-family:var(--font-bold);color:var(--accent);margin-top:auto;flex-shrink:0;padding-top:.5rem}.personal-project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:personal-project-modal-fade .2s ease}@media screen and (max-width:820px){.personal-project-modal{padding:1rem;align-items:flex-end}}@media screen and (max-width:480px){.personal-project-modal{padding:0;align-items:stretch}}.personal-project-modal__panel{position:relative;width:min(100%,640px);max-height:min(90vh,820px);overflow-y:auto;--scrollbar-track: var(--card-bg);background:var(--card-bg);border:1px solid var(--accent);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;box-shadow:0 24px 64px #00000073;animation:personal-project-modal-slide .25s ease}@media screen and (max-width:820px){.personal-project-modal__panel{max-height:min(88vh,820px);padding:1.25rem 1.35rem}}@media screen and (max-width:480px){.personal-project-modal__panel{width:100%;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.15rem 1.1rem 1.5rem;border-left:none;border-right:none;border-bottom:none}}.personal-project-modal__close{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;border:none;border-radius:var(--radius);background:var(--bg-color);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:color var(--transition),background var(--transition)}.personal-project-modal__close:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--bg-color))}.personal-project-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding-right:2rem}.personal-project-modal__period{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary)}.personal-project-modal__title{font-family:var(--font-black);font-size:1.25rem;line-height:1.35;margin-bottom:.35rem;padding-right:1.5rem}@media screen and (max-width:480px){.personal-project-modal__title{font-size:1.1rem;padding-right:2rem}}.personal-project-modal__subtitle{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.personal-project-modal__summary{font-size:.95rem;color:var(--text-primary);line-height:1.65;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.personal-project-modal__tags{margin-bottom:1.25rem}.personal-project-modal__overview{font-size:.9rem;color:var(--text-secondary);line-height:1.75;margin-bottom:.85rem}.personal-project-modal__overview:last-of-type{margin-bottom:1.25rem}.personal-project-modal__section{margin-bottom:1.35rem}.personal-project-modal__section:last-of-type{margin-bottom:.5rem}.personal-project-modal__section-title{font-family:var(--font-bold);font-size:.88rem;color:var(--accent);margin-bottom:.6rem;letter-spacing:.02em}.personal-project-modal__highlights{margin-bottom:0}.personal-project-modal__highlights li{position:relative;padding-left:1.1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.personal-project-modal__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.personal-project-modal__highlights li:last-child{margin-bottom:0}.personal-project-modal__links{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}@keyframes personal-project-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes personal-project-modal-slide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.education{background:color-mix(in srgb,var(--card-bg) 40%,var(--bg-color))}.education__list{position:relative;padding-left:1.5rem}.education__list:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg,var(--accent),var(--border-color))}.education__item{position:relative;padding-bottom:1.75rem}.education__item:before{content:"";position:absolute;left:-1.5rem;top:.45rem;width:10px;height:10px;margin-left:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.education__item:last-child{padding-bottom:0}.education__date{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin-bottom:.35rem}@media screen and (max-width:480px){.education__date{font-size:.75rem}}.education__content{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.education__content a{color:var(--text-primary)}.education__content a:hover{color:var(--accent)}@media screen and (max-width:480px){.education__content{font-size:.88rem}}.skills__highlight{margin-bottom:2rem}@media screen and (max-width:480px){.skills__highlight{margin-bottom:1.25rem}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}@media screen and (max-width:1300px){.skills__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:820px){.skills__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (max-width:480px){.skills__grid{grid-template-columns:1fr}}.skills__category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color var(--transition)}.skills__category:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border-color))}.skills__category-title{font-family:var(--font-bold);font-size:.9rem;color:var(--accent);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03em}.skills__list{gap:.35rem}.footer{padding:2rem 0;border-top:1px solid var(--border-color);margin-top:2rem}@media screen and (max-width:480px){.footer{padding:1.5rem 0;margin-top:1rem}}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary)}@media screen and (max-width:480px){.footer__inner{flex-direction:column;align-items:flex-start;font-size:.8rem;gap:.75rem}}.footer__links{display:flex;gap:1.25rem;align-items:center}@media screen and (max-width:480px){.footer__links{flex-wrap:wrap;gap:.75rem 1rem}}.footer__email{font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary);padding:.2rem .45rem;border:1px solid var(--border-color);border-radius:999px;background:color-mix(in srgb,var(--card-bg) 70%,transparent)}.landing{min-height:100vh;display:flex;flex-direction:column}.landing__main{flex:1;padding-top:calc(var(--header-height) + 4rem);padding-bottom:3rem}@media screen and (max-width:820px){.landing__main{padding-top:calc(var(--header-height) + 2.5rem);padding-bottom:2rem}}@media screen and (max-width:480px){.landing__main{padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:1.5rem}}.landing__hero{text-align:center;margin-bottom:4rem}@media screen and (max-width:820px){.landing__hero{margin-bottom:2.5rem}}@media screen and (max-width:480px){.landing__hero{margin-bottom:2rem}}.landing__greeting{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.5rem}.landing__title{font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.3;margin-bottom:1.25rem}.landing__name{background:linear-gradient(90deg,var(--accent-ai),var(--accent-fullstack),var(--accent-devops),var(--accent-cloud));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.8}.landing__subtitle strong{color:var(--text-primary)}.landing__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:3rem}@media screen and (max-width:1300px){.landing__cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.landing__cards{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}}.landing__card{display:flex;flex-direction:column;padding:1.75rem}@media screen and (max-width:480px){.landing__card{padding:1.35rem 1.25rem}}.landing__card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition);border-top:3px solid var(--card-accent)}.landing__card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 12px 40px color-mix(in srgb,var(--card-accent) 15%,transparent);opacity:1}.landing__card-label{font-size:1.35rem;font-weight:700;color:var(--card-accent);margin-bottom:.2rem}.landing__card-label-en{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.75rem}.landing__card-desc{flex:1;font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem}.landing__card-cta{font-size:.85rem;font-weight:600;color:var(--card-accent)}.landing__contact{text-align:center;font-size:.9rem;color:var(--text-secondary)}@font-face{font-family:NotoSansKR;src:url(/assets/NotoSansKR-Black-C6DFuYfj.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:NotoSansKR;src:url(/assets/NotoSansKR-Bold-w6Nhr23R.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:NotoSansKR;src:url(/assets/NotoSansKR-Medium-CGfalGZG.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:NotoSansKR;src:url(/assets/NotoSansKR-Regular-BhHO0ZlK.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoSansKR;src:url(/assets/NotoSansKR-Thin-Bq_8Oegk.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}