:root{--bg:#fff;--bg-elev:#f8f8f8;--bg-elev-2:#f0f0f0;--line:#00000014;--line-strong:#00000026;--fg:#1a1a1a;--fg-muted:#666;--fg-faint:#999;--accent:#007aff;--accent-ink:#fff;--accent-dim:#0051d5;--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--serif:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-eyebrow:.78rem;--fs-body:clamp(1rem, .96rem + .2vw, 1.12rem);--fs-lead:clamp(1.15rem, 1rem + .7vw, 1.5rem);--fs-h3:clamp(1.4rem, 1.1rem + 1.2vw, 2rem);--fs-h2:clamp(2rem, 1.3rem + 3vw, 3.6rem);--fs-display:clamp(2.7rem, 1.4rem + 5vw, 5.3rem);--maxw:1240px;--gutter:clamp(1.25rem, 5vw, 4rem);--radius:18px;--radius-lg:26px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:var(--fs-body);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent);color:var(--accent-ink)}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60vw 40vw at 78% -5%,#cdff4f1a,#0000 60%),radial-gradient(50vw 40vw at 5% 8%,#7c6bff17,#0000 55%);position:fixed;inset:0}body:after{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.container{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);z-index:1;margin-inline:auto;position:relative}.section{z-index:1;padding-block:clamp(4.5rem,10vw,9rem);position:relative}.section-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem);padding-bottom:1.4rem;display:flex}.section-head h2{font-family:var(--serif);font-weight:400;font-size:var(--fs-h2);letter-spacing:-.02em;line-height:.98}.eyebrow{font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim);align-items:center;gap:.55em;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-dim);opacity:.6;width:1.6em;height:1px}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);will-change:opacity, transform;transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.btn{transition:transform .25s var(--ease), background .25s, color .25s, border-color .25s;border-radius:999px;align-items:center;gap:.6em;padding:.85em 1.4em;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#dcff77;transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line-strong);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tag{font-family:var(--mono);letter-spacing:.02em;color:var(--fg-muted);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.3em .75em;font-size:.72rem}.nav{z-index:100;transition:background .3s var(--ease), border-color .3s, backdrop-filter .3s;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom-color:var(--line);background:#0b0b0fb8}.nav__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav__brand{font-family:var(--serif);letter-spacing:.02em;font-size:1.5rem;font-weight:400}.nav__brand span{color:var(--accent);vertical-align:super;font-size:.7em}.nav__links{gap:2rem;margin-left:auto;margin-right:2rem;display:flex}.nav__links a{color:var(--fg-muted);font-size:.9rem;transition:color .2s}.nav__links a:hover{color:var(--fg)}.nav__cta{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line-strong);border-radius:999px;padding:.55em 1.05em;font-size:.78rem;transition:border-color .2s,color .2s}.nav__cta:hover{border-color:var(--accent);color:var(--accent)}@media (width<=640px){.nav__links{display:none}}.hero{align-items:center;min-height:100svh;padding-block:8rem 4rem;display:flex;position:relative}.hero__inner{flex-direction:column;align-items:flex-start;display:flex}.hero__title{font-family:var(--sans);font-weight:600;font-size:var(--fs-display);letter-spacing:-.035em;max-width:15ch;margin:1.6rem 0 0;line-height:.98}.hero__title em{font-family:var(--serif);color:var(--accent);letter-spacing:0;font-style:italic;font-weight:400}.hero__lead{max-width:46ch;font-size:var(--fs-lead);color:var(--fg-muted);margin-top:1.8rem;line-height:1.5}.hero__actions{flex-wrap:wrap;gap:.9rem;margin-top:2.4rem;display:flex}.hero__facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:clamp(1.5rem,5vw,3.5rem);width:100%;margin-top:3.5rem;padding-top:2rem;list-style:none;display:flex}.hero__facts li{flex-direction:column;gap:.2rem;display:flex}.hero__facts strong{font-family:var(--serif);color:var(--fg);font-size:clamp(1.8rem,1rem + 2vw,2.6rem);font-weight:400;line-height:1}.hero__facts span{color:var(--fg-faint);font-size:.82rem;font-family:var(--mono);letter-spacing:.02em}.hero__scroll{color:var(--fg-faint);font-family:var(--mono);letter-spacing:.2em;flex-direction:column;align-items:center;gap:.6rem;font-size:.66rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll i{background:linear-gradient(var(--fg-faint), transparent);width:1px;height:40px;animation:scrollpulse 2s var(--ease) infinite}@keyframes scrollpulse{0%{transform-origin:top;transform:scaleY(0)}40%{transform-origin:top;transform:scaleY(1)}60%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (width<=640px){.hero__scroll{display:none}}.marquee{border-block:1px solid var(--line);background:var(--bg-elev);z-index:1;padding-block:1.1rem;position:relative;overflow:hidden}.marquee__track{width:max-content;animation:34s linear infinite marquee;display:flex}.marquee__item{font-family:var(--mono);color:var(--fg-muted);white-space:nowrap;align-items:center;gap:1.5rem;padding-inline:1.5rem;font-size:.95rem;display:inline-flex}.marquee__dot{background:var(--accent);opacity:.7;border-radius:50%;width:5px;height:5px}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.section-head__note{color:var(--fg-faint);font-family:var(--mono);text-align:right;max-width:30ch;font-size:.82rem}.work__list{flex-direction:column;gap:clamp(4rem,9vw,8rem);display:flex}.project{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.project--flip .project__media{order:2}.project__body{min-width:0}.project__meta{font-family:var(--mono);align-items:center;gap:1rem;margin-bottom:1.1rem;font-size:.8rem;display:flex}.project__index{color:var(--pa,var(--accent));font-weight:500}.project__year{color:var(--fg-faint);margin-left:auto}.status{border:1px solid var(--line-strong);border-radius:999px;padding:.28em .7em;font-size:.72rem}.status--live{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.status--wip{color:var(--fg-muted)}.project__name{font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);letter-spacing:-.01em;line-height:1.05}.project__name em{color:var(--fg-muted);font-size:.7em;font-style:italic}.project__tagline{color:var(--pa,var(--accent));font-family:var(--serif);margin-top:.5rem;font-size:1.25rem;font-style:italic}.project__summary{color:var(--fg-muted);max-width:52ch;margin-top:1rem}.project__highlights{gap:.7rem;margin-top:1.5rem;list-style:none;display:grid}.project__highlights li{color:var(--fg);padding-left:1.5rem;font-size:.92rem;line-height:1.5;position:relative}.project__highlights li:before{content:"";background:var(--pa,var(--accent));border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}.project__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;display:flex}.project__links{gap:1.2rem;margin-top:1.6rem;display:flex}.project__link{font-family:var(--mono);color:var(--fg);border-bottom:1px solid var(--pa,var(--accent));padding-bottom:2px;font-size:.85rem;transition:color .2s}.project__link:hover{color:var(--pa,var(--accent))}.project__media{justify-content:center;display:flex}.phone{width:min(280px,72vw);position:relative}.phone__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--pa,var(--accent)) 40%, transparent), transparent 75%);filter:blur(18px);opacity:.5;z-index:0;position:absolute;inset:-14% -8%}.phone__frame{z-index:1;aspect-ratio:9/19.5;border:1px solid var(--line-strong);background:linear-gradient(155deg,#26262e,#0e0e13);border-radius:42px;padding:10px;position:relative;box-shadow:0 40px 80px -30px #000c,inset 0 0 0 2px #ffffff08}.phone__notch{z-index:3;background:#000;border-radius:999px;width:34%;height:22px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone__screen{background:#05050a;border-radius:33px;width:100%;height:100%;position:relative;overflow:hidden}.phone__img{object-fit:cover;width:100%;height:100%}.phone__img--pixel{image-rendering:pixelated;object-fit:contain;background:repeating-conic-gradient(#141018 0% 25%,#1a141f 0% 50%) 0/22px 22px;padding:12%}.phone__placeholder{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--pa,var(--accent)) 22%, transparent), transparent 60%), #0b0b12;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;display:flex}.phone__placeholder span{font-family:var(--serif);color:var(--fg);font-size:1.5rem}.phone__placeholder small{font-family:var(--mono);color:var(--fg-faint);letter-spacing:.05em;font-size:.68rem}@media (width<=860px){.project{grid-template-columns:1fr;gap:2.5rem}.project--flip .project__media{order:0}.section-head__note{text-align:left}}.about__grid{grid-template-columns:1.1fr 1fr;gap:clamp(2.5rem,6vw,6rem);display:grid}.about__lead{font-family:var(--serif);color:var(--fg);margin-bottom:1.5rem;font-size:clamp(1.6rem,1rem + 2vw,2.4rem);line-height:1.2}.about__lead em{color:var(--accent);font-style:italic}.about__bio p{color:var(--fg-muted);max-width:52ch;margin-bottom:1.1rem}.about__skills{grid-template-columns:1fr 1fr;gap:1.8rem 2rem;display:grid}.skillset__title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dim);border-bottom:1px solid var(--line);margin-bottom:.9rem;padding-bottom:.5rem;font-size:.78rem}.skillset ul{gap:.5rem;list-style:none;display:grid}.skillset li{color:var(--fg);font-size:.92rem}@media (width<=860px){.about__grid{grid-template-columns:1fr}}@media (width<=420px){.about__skills{grid-template-columns:1fr}}.contact{border-top:1px solid var(--line);background:linear-gradient(#0000,#cdff4f08)}.contact__title{font-family:var(--serif);font-weight:400;font-size:var(--fs-h2);letter-spacing:-.02em;margin:1.2rem 0 2rem;line-height:1}.contact__title em{color:var(--accent);font-style:italic}.contact__mail{font-family:var(--sans);letter-spacing:-.02em;border-bottom:2px solid var(--line-strong);word-break:break-all;padding-bottom:.15em;font-size:clamp(1.3rem,1rem + 2.5vw,2.6rem);font-weight:600;transition:border-color .25s,color .25s;display:inline-block}.contact__mail:hover{color:var(--accent);border-color:var(--accent)}.contact__socials{flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;display:flex}.contact__social{font-family:var(--mono);color:var(--fg-muted);gap:.3em;font-size:.9rem;transition:color .2s;display:inline-flex}.contact__social:hover{color:var(--accent)}.contact__foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--fg-faint);flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:5rem;padding-top:1.6rem;font-size:.76rem;display:flex}.hero__lead-en{opacity:.6;margin-top:.75rem;font-size:.9em;display:block}.about__en{opacity:.6;font-size:.92em}.work__grid{grid-template-columns:repeat(2,1fr);gap:clamp(1.1rem,2.4vw,1.8rem);display:grid}@media (width<=720px){.work__grid{grid-template-columns:1fr}}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform .35s var(--ease), border-color .35s, box-shadow .35s;flex-direction:column;display:flex;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .35s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000}.card:hover{border-color:color-mix(in srgb, var(--pa,var(--accent)) 40%, var(--line));transform:translateY(-5px);box-shadow:0 30px 60px -34px #000000e6}.card__media{aspect-ratio:16/10;background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--pa,var(--accent)) 26%, transparent), transparent 62%), #0d0d14;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card__img{object-fit:cover;width:100%;height:100%}.card__img--pixel{image-rendering:pixelated;object-fit:contain;padding:8%}.card__ph span{font-family:var(--serif);color:color-mix(in srgb, var(--pa,var(--accent)) 85%, #fff);opacity:.9;letter-spacing:-.01em;font-size:clamp(1.8rem,1rem + 3vw,2.8rem)}.card__status{font-family:var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-strong);background:#0b0b0fa8;border-radius:999px;padding:.28em .7em;font-size:.68rem;position:absolute;top:.9rem;right:.9rem}.card__body{flex-direction:column;flex:1;gap:.6rem;padding:1.4rem 1.5rem 1.5rem;display:flex}.card__top{font-family:var(--mono);color:var(--fg-faint);justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.card__idx{color:var(--pa,var(--accent))}.card__cat{color:var(--fg-faint)}.card__name{font-family:var(--serif);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:1.7rem;font-weight:400;line-height:1.05;display:flex}.card__name em{color:var(--fg-muted);font-size:.62em;font-style:italic}.card__tagline{color:var(--fg-muted);font-size:.95rem;line-height:1.45}.card__tags{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.card__more{font-family:var(--mono);color:var(--fg);align-items:center;gap:.4em;margin-top:auto;padding-top:.9rem;font-size:.8rem;transition:color .2s,gap .2s;display:inline-flex}.card:hover .card__more{color:var(--pa,var(--accent));gap:.8em}.detail{padding-top:68px}.detail__bar{font-family:var(--mono);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.8rem;display:flex}.detail__back{color:var(--fg-muted);transition:color .2s}.detail__back:hover{color:var(--accent)}.detail__count{color:var(--fg-faint)}.detail__hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(2.5rem,6vw,5rem);display:grid}.detail__title{font-family:var(--serif);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:1rem;margin:1rem 0 .4rem;font-size:clamp(3rem,1.6rem + 6vw,6rem);font-weight:400;line-height:.95;display:flex}.detail__kor{color:var(--fg-muted);font-size:.34em;font-family:var(--sans);letter-spacing:0;font-weight:500}.detail__tagline{font-family:var(--serif);color:var(--pa,var(--accent));margin-bottom:1.5rem;font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem);font-style:italic}.detail__meta{font-family:var(--mono);color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.82rem;display:flex}.detail__links{flex-wrap:wrap;gap:.8rem;margin-top:1.8rem;display:flex}.detail__heroMedia{justify-content:center;display:flex}.dphone{width:min(260px,66vw);position:relative}.dphone__glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--pa,var(--accent)) 42%, transparent), transparent 75%);filter:blur(20px);opacity:.5;position:absolute;inset:-16% -10%}.dphone__frame{aspect-ratio:9/19.5;border:1px solid var(--line-strong);background:linear-gradient(155deg,#26262e,#0e0e13);border-radius:40px;padding:9px;position:relative;box-shadow:0 40px 80px -30px #000c}.dphone__notch{z-index:3;background:#000;border-radius:999px;width:34%;height:20px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.dphone__screen{background:#05050a;border-radius:31px;width:100%;height:100%;overflow:hidden}.dphone__img{object-fit:cover;width:100%;height:100%}.dphone__img--pixel{image-rendering:pixelated;object-fit:contain;background:repeating-conic-gradient(#141018 0% 25%,#1a141f 0% 50%) 0/22px 22px;padding:12%}.dphone__ph{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--pa,var(--accent)) 24%, transparent), transparent 60%), #0b0b12;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;display:flex}.dphone__ph span{font-family:var(--serif);font-size:1.5rem}.dphone__ph small{font-family:var(--mono);color:var(--fg-faint);font-size:.66rem}.detail__body{border-top:1px solid var(--line);grid-template-columns:1.7fr 1fr;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2rem,5vw,4rem);display:grid}.detail__section{margin-bottom:clamp(2.5rem,5vw,4rem)}.detail__h2{font-family:var(--serif);letter-spacing:-.01em;align-items:baseline;gap:.8rem;margin-bottom:1.3rem;font-size:clamp(1.5rem,1.1rem + 1.5vw,2.2rem);font-weight:400;display:flex}.detail__h2num{font-family:var(--mono);color:var(--pa,var(--accent));font-size:.8rem}.detail__lead{font-size:var(--fs-lead);color:var(--fg);line-height:1.55}.detail__p{color:var(--fg-muted);margin-top:1rem;line-height:1.6}.detail__features{counter-reset:none;gap:1rem;list-style:none;display:grid}.detail__features li{border-bottom:1px solid var(--line);color:var(--fg);align-items:baseline;gap:1rem;padding-bottom:1rem;line-height:1.5;display:flex}.detail__fnum{font-family:var(--mono);color:var(--pa,var(--accent));flex-shrink:0;font-size:.8rem}.detail__highlights{gap:.8rem;list-style:none;display:grid}.detail__highlights li{color:var(--fg-muted);padding-left:1.5rem;line-height:1.55;position:relative}.detail__highlights li:before{content:"";background:var(--pa,var(--accent));border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.detail__tree{border:1px solid var(--line);background:#08080c;border-radius:14px;overflow:hidden}.detail__treebar{border-bottom:1px solid var(--line);background:var(--bg-elev);align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.detail__treebar i{background:var(--line-strong);border-radius:50%;width:11px;height:11px}.detail__treebar i:first-child{background:#ff5f57}.detail__treebar i:nth-child(2){background:#febc2e}.detail__treebar i:nth-child(3){background:#28c840}.detail__treebar span{font-family:var(--mono);color:var(--fg-muted);margin-left:.6rem;font-size:.78rem}.detail__tree pre{font-family:var(--mono);color:var(--fg-muted);white-space:pre;tab-size:2;margin:0;padding:1.2rem 1.3rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.detail__aside{flex-direction:column;align-self:start;gap:1.2rem;display:flex;position:sticky;top:90px}.detail__panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);padding:1.4rem 1.5rem}.detail__panel h3{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);margin-bottom:1rem;font-size:.76rem}.detail__panel dl{grid-template-columns:auto 1fr;gap:.6rem 1rem;font-size:.9rem;display:grid}.detail__panel dt{color:var(--fg-faint);font-family:var(--mono);font-size:.8rem}.detail__panel dd{color:var(--fg);text-align:right}.detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.detail__nav{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding-block:3rem;display:flex}.detail__nav a{flex-direction:column;gap:.3rem;display:flex}.detail__nav-next{text-align:right;align-items:flex-end}.detail__nav span{font-family:var(--mono);color:var(--fg-faint);font-size:.76rem}.detail__nav strong{font-family:var(--serif);color:var(--fg);font-size:1.5rem;font-weight:400;transition:color .2s}.detail__nav a:hover strong{color:var(--accent)}@media (width<=860px){.detail__hero{grid-template-columns:1fr}.detail__heroMedia{order:-1}.detail__body{grid-template-columns:1fr}.detail__aside{position:static}}