@import"https://fonts.googleapis.com/css2?family=Bytesized&family=Noto+Sans+KR:wght@400;500;800;900&display=swap";#root{width:100%;height:100vh}.app{height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at top,#0b1423,#04070d 45%,#03060b);color:#f4f6fb}h1,h2,h3{font-family:var(--font-headline);font-weight:800;margin:0;color:#f4f6fb}p{font-family:var(--font-body);font-size:var(--type-body);font-weight:500;color:#cfd8e8;margin:0}main{flex:1;height:calc(100vh - var(--nav-height));padding:0 clamp(32px,5vw,140px);margin:0 auto;max-width:1600px;width:100%;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:10px;overscroll-behavior:contain;scrollbar-width:none}main::-webkit-scrollbar{display:none}.eyebrow{font-size:13.6px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-main);margin:0 0 16px}.body-text{font-size:clamp(var(--type-white-16),1.2vw,22.4px);max-width:clamp(640px,50vw,780px);color:#c7d0df}.section{min-height:calc(100vh - var(--nav-height));padding:clamp(48px,8vh,120px) 0;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px);scroll-snap-align:start;scroll-snap-stop:always}#work.section{padding:0}.section__header{margin-bottom:32px}#skill .section__header{text-align:center}#skill .section__header h3{font-size:20px}.about-layout{display:grid;grid-template-columns:minmax(200px,320px) minmax(220px,1fr);gap:clamp(32px,6vw,64px);align-items:center;justify-content:center;margin:0 auto}.about-profile__frame{width:300px;height:300px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-profile__frame img{width:100%;height:100%;object-fit:cover;border-radius:50%}.about-copy__title{font-family:var(--font-headline);font-weight:800;font-size:24px;margin-bottom:12px}.about-copy__description{font-family:var(--font-light);font-weight:400;font-size:16px;line-height:1.6;color:#ffffffd9;margin:0}.about-copy-stack{display:flex;flex-direction:column;gap:clamp(24px,4vh,40px);width:650px;max-width:100%}.section__header h3{font-size:clamp(28.8px,3vw,32px);margin:0}.section--hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;text-align:center}.section--hero h1{margin:0;font-size:clamp(var(--type-black-25),3.6vw,73.6px);line-height:1.2;letter-spacing:-.5px}.section--hero .lede{max-width:clamp(640px,50vw,880px);color:#cfd8e8;margin:0;font-family:var(--font-body);font-size:clamp(var(--type-white-16),1.4vw,22.4px)}.hero-quotes{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px,2.4vh,28px)}.hero-quote-cluster{display:flex;flex-direction:column;gap:clamp(4px,1.2vh,12px)}.hero-quote{font-family:var(--font-headline);color:#f4f6fb;letter-spacing:.04em;margin:0}.hero-quote--headline{font-weight:800;font-size:20px}.hero-quote--display{font-family:var(--font-display);font-weight:900;font-size:28px}.text-accent{color:var(--color-main)}.section--contact{border-bottom:none}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 70px;width:100%;box-sizing:border-box;min-height:var(--nav-height);position:sticky;top:0;z-index:10;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.06)}.navbar__logo{display:flex;align-items:center;gap:12px;font-weight:600}.navbar__logo img{width:32px;height:32px}.navbar__logo span{font-family:Bytesized,sans-serif;font-size:16px}.navbar__toggle{display:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#03060b66;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:border-color .2s ease}.navbar__toggle.is-active{border-color:var(--color-main)}.navbar__toggle span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s ease,opacity .2s ease}.navbar__toggle.is-active span:nth-child(1){transform:translateY(4px) rotate(45deg)}.navbar__toggle.is-active span:nth-child(2){opacity:0}.navbar__toggle.is-active span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}.navbar__links{display:flex;justify-content:center;gap:clamp(20px,2.8vw,56px);flex:1}.navbar__link{font-family:Bytesized,sans-serif;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff1a;transition:color .2s ease,opacity .2s ease}.navbar__link:hover{color:#ffffff80}.navbar__link.is-active{color:var(--color-main)}.portfolio-button{display:inline-flex;justify-content:center;align-items:center;padding:16px;background:transparent;border:1px solid var(--color-main);border-radius:999px;color:#f4f6fb;font-family:var(--font-headline);font-weight:800;font-size:16px;letter-spacing:.1em;text-transform:uppercase;width:clamp(220px,45vw,360px);cursor:pointer;transition:background .2s ease,color .2s ease}.portfolio-button:hover{background:var(--color-main);color:#04070d}.tab-bar{display:flex;justify-content:center;gap:16px;padding:10px 0 20px;margin-bottom:32px}.tab-bar__item{background:transparent;border:none;border-bottom:3px solid transparent;color:#f4f6fb59;font-family:Bytesized,sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.12em;padding:12px 18px;cursor:pointer;transition:color .2s ease,border-color .2s ease;border-radius:0}.tab-bar__item.is-active{color:var(--color-main);border-bottom-color:var(--color-main)}.skills-showcase{width:100%}.skills-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:50px;margin:0 24px;min-height:320px;max-height:420px;overflow-y:auto;padding:0}.skill-gauge{padding:clamp(14px,2vw,18px) clamp(4px,1vw,6px)}.skill-gauge__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.skill-gauge__info{display:flex;align-items:center;gap:10px;font-weight:600}.skill-gauge__icon{width:clamp(26px,4vw,36px);height:clamp(26px,4vw,36px);display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.skill-gauge__icon img{width:100%;height:100%;object-fit:contain}.skill-gauge__label{font-family:var(--font-light);font-size:16px;font-weight:400}.skill-gauge__level{font-size:16px;color:var(--color-main)}.skill-gauge__track{width:100%;height:clamp(12px,2vw,16px);border-radius:999px;background:#ffffff29;overflow:hidden}.skill-gauge__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#52c8ff,#5ce0ff);width:0;transition:width .8s ease}.work-showcase{width:100%;padding:0}.work-showcase .tab-bar{padding:0}.work-grid{display:flex;flex-direction:column;gap:24px;margin-top:0}.work-card{display:flex;gap:28px;padding:clamp(20px,4vw,36px);border-radius:28px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease;position:relative;width:min(1300px,100%);margin:0 auto}.work-card:hover{border-color:#52c8ff;transform:translateY(-4px);box-shadow:0 12px 30px #52c8ff1f}.work-card__visual{width:clamp(200px,26vw,320px);border-radius:20px;overflow:hidden;display:block;background:#ffffff0d}.work-card__visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1}.work-card__body{flex:1;display:flex;flex-direction:column;gap:14px}.work-card__arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%) translate(16px);width:64px;height:64px;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.work-card__arrow img{width:32px;height:32px}.work-card:hover .work-card__arrow{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}.work-card__title{font-family:var(--font-headline);font-weight:800;color:var(--color-main);font-size:20px}.work-card__summary{font-family:var(--font-body);font-size:16px;line-height:1.6;color:#ffffffe0}.work-card__meta{display:grid;gap:20px;font-family:var(--font-body);font-size:16px;line-height:1.6;color:#ffffffe0}.work-card__meta-label{display:block;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;font-size:14px;margin-bottom:4px}.work-card__meta p,.work-card__meta a{font-size:16px}.work-empty{padding:32px;border-radius:20px;border:1px dashed rgba(255,255,255,.2);text-align:center;color:#ffffffa6}.project-back{text-decoration:none;color:#52c8ff;font-size:14px}.project-page h1{margin:8px 0;font-size:clamp(28.8px,3vw,41.6px)}.project-period{margin:0;color:#ffffffb3}.project-cover img{width:100%;object-fit:cover}.project-link{display:inline-flex;justify-content:center;align-items:center;margin-top:16px;text-decoration:none}.project-link__wrapper{display:flex;justify-content:center;width:100%}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(24px,3vw,48px)}.project-card{padding:clamp(28px,2.5vw,48px);border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.project-card header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;color:#f4f6fba6}.project-card header p{font-family:var(--font-body);font-size:clamp(var(--type-white-16),.9vw,17.6px);color:#f4f6fba6;font-weight:500}.project-card h3{margin:0;font-size:var(--type-black-20)}.project-card p{font-family:var(--font-body);font-size:clamp(var(--type-white-16),1.1vw,19.2px);color:#cfd8e8;font-weight:500}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(24px,2.5vw,40px)}.contact-value{margin:0;font-family:var(--font-headline);font-size:clamp(var(--type-black-20),1.6vw,32px);font-weight:800}@media (max-width: 960px){:root{--nav-height: 84px}.navbar{min-height:auto;position:fixed;top:0;left:0;right:0;padding:16px 24px;background:#03060beb;border-bottom:1px solid rgba(255,255,255,.08)}main{height:100vh;padding-left:24px;padding-right:24px;scroll-padding-top:var(--nav-height)}.navbar__toggle{display:inline-flex}.navbar__links{position:fixed;top:calc(var(--nav-height) - 10px);left:24px;right:24px;flex:none;flex-direction:column;gap:20px;padding:32px;border-radius:28px;background:#03060bf0;border:1px solid rgba(255,255,255,.08);transform:translateY(-20px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.navbar__links.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.about-layout{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:100%}.section{min-height:100vh;padding-top:calc(var(--nav-height) + 24px);padding-bottom:clamp(32px,10vh,80px)}.about-profile__frame{width:min(260px,60vw);height:min(260px,60vw)}#about.section,#skill.section,#work.section{padding-top:0;padding-bottom:0}.about-copy-stack{width:min(540px,90vw)}.about-copy__title{font-size:clamp(19.2px,6vw,28.8px)}.section__header h3{font-size:clamp(22.4px,6vw,28.8px)}.about-copy__description{font-size:clamp(15.2px,4.4vw,20.8px)}.work-card{flex-direction:column}.work-card__visual{width:100%;max-height:280px}}@media (max-width: 640px){main{padding:0 16px}.tab-bar{width:100%;flex-wrap:nowrap;justify-content:center;gap:8px}.tab-bar__item{flex:1 1 0;min-width:0;font-size:clamp(13.6px,4.5vw,19.2px);letter-spacing:.08em;padding:10px 8px}.hero-quote--headline{font-size:clamp(19.2px,5vw,25.6px);line-height:1.4}.hero-quote--display{font-size:clamp(25.6px,6.5vw,35.2px);line-height:1.35}.hero-quotes{gap:18px}.hero-quote-cluster{gap:6px}.about-copy-stack{width:100%}}@media (max-width: 480px){.about-layout{gap:24px}.about-profile__frame{width:min(200px,70vw);height:min(200px,70vw)}.about-copy-stack{width:100%;padding:0 8px}}@media (max-width: 480px){.tab-bar{gap:6px}.tab-bar__item{font-size:clamp(12.48px,3.8vw,15.2px);padding:8px 4px;letter-spacing:.05em}}@media (min-width: 1440px){:root{--nav-height: 110px}main{max-width:1800px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section--hero .lede,.body-text{max-width:clamp(720px,55vw,960px)}}@media (min-width: 1920px){main{padding-left:clamp(120px,10vw,240px);padding-right:clamp(120px,10vw,240px)}.section--hero h1{font-size:clamp(54.4px,3.2vw,83.2px)}.section__header h2{font-size:clamp(38.4px,2vw,48px)}.projects{grid-template-columns:repeat(3,minmax(320px,1fr))}}@media (max-width: 960px){.skills-showcase__grid{min-height:360px;max-height:480px;gap:40px;margin:0 16px;padding:0}}@media (max-width: 640px){.skills-showcase__grid{max-height:none;min-height:unset;margin:0 12px;padding:0}}.project-page__inner{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.project-page h2{margin:8px 0;font-size:clamp(22px,5vw,28px)}.project-back{text-decoration:none;color:#52c8ff;font-size:14px;display:inline-flex;align-items:center;gap:8px}.project-period{margin:0;color:#ffffffb3;font-size:16px}.project-summary{font-size:16px;line-height:1.7;color:#ffffffd9}.project-page{min-height:100vh;background:radial-gradient(circle at top,#0b1423,#04070d 45%,#03060b);color:#f4f6fb;padding:40px 20px 80px}.project-back{text-decoration:none;color:#52c8ff;font-size:clamp(13px,2vw,15.2px)}.project-period{margin:0;color:#ffffffb3;font-size:clamp(13px,2.8vw,16px)}.project-summary{font-size:clamp(14px,3vw,16px);line-height:1.7;color:#ffffffd9}.project-link{display:inline-block;margin-top:8px;text-decoration:none;color:var(--color-main);font-weight:600}#skill.section{padding:0}:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f6fb;background-color:#03060b;line-height:1.6;font-weight:400;--nav-height: 64px;--color-main: #52c8ff;--font-headline: "Noto Sans KR", sans-serif;--font-body: "Noto Sans KR", sans-serif;--font-display: "Noto Sans KR", sans-serif;--font-light: "Noto Sans KR", sans-serif;--type-black-30: 30px;--type-black-25: 25px;--type-black-20: 20px;--type-black-16: 16px;--type-white-16: 16px;--type-body: 20px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#03060b;font-family:var(--font-body);font-size:var(--type-body);font-weight:500;color:#f4f6fb}.about-copy p{margin:0}a{color:inherit;text-decoration:none}@media (max-width: 640px){:root{--nav-height: 140px}}