:root{--bg:#0c0c0a;--bg-elev:#161614;--fg:#eeeae0;--fg-dim:#eeeae09e;--fg-faint:#eeeae057;--line:#eeeae014;--line-strong:#eeeae026;--accent:#d4a64a;--ease:cubic-bezier(.65, .05, .35, 1);--ease-out:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:100;opacity:.022;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 55%,#0006 100%);position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,monospace}nav.top{z-index:50;mix-blend-mode:difference;justify-content:flex-end;align-items:center;padding:22px 32px;display:flex;position:fixed;top:0;left:0;right:0}nav.top ul{align-items:center;gap:26px;list-style:none;display:flex}nav.top ul a{color:#ffffffb8;letter-spacing:.22em;text-transform:uppercase;transition:color .25s var(--ease-out);font-size:11px;font-weight:500}nav.top ul a:hover{color:#fff}.cmdk{color:#ffffff8c;cursor:pointer;transition:color .25s var(--ease-out), border-color .25s var(--ease-out);letter-spacing:0;text-transform:none;border:1px solid #ffffff38;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.cmdk:hover{color:#fff;border-color:#ffffff80}.hero{grid-template-columns:1.15fr 1fr;align-items:end;gap:56px;padding:96px 36px 64px;display:grid;position:relative;overflow:hidden}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:36px;padding-top:96px}}.hero-type{z-index:3;padding-bottom:12px;position:relative}.hero-type h1{letter-spacing:-.045em;color:var(--fg);opacity:0;animation:type-in 1.2s var(--ease) .4s forwards;margin-left:-4px;font-size:clamp(80px,12vw,184px);font-weight:800;line-height:.88;transform:translateY(12px)}.hero-secondary{opacity:0;animation:type-in .9s var(--ease-out) .7s forwards;align-items:baseline;gap:12px;margin-top:10px;display:flex}.hero-lee{color:var(--fg-dim);letter-spacing:-.02em;font-size:clamp(22px,2.6vw,36px);font-weight:500}.hero-dot{color:var(--fg-faint);font-size:clamp(22px,2.6vw,36px);line-height:1}.hero-hangul{color:var(--fg-faint);letter-spacing:-.02em;font-size:clamp(20px,2.4vw,32px);font-weight:400}.hero-type .tagline{color:var(--fg-dim);letter-spacing:.005em;opacity:0;animation:type-in .9s var(--ease-out) .8s forwards;align-items:center;gap:10px;margin-top:14px;font-size:15px;font-weight:400;display:inline-flex}.hero-type .tagline:before{content:"";background:var(--fg-faint);width:24px;height:1px;display:inline-block}.hero-stills{grid-template-rows:auto;grid-template-columns:1fr .7fr;align-items:end;gap:10px;display:grid}.hero-still{cursor:pointer;transition:transform .7s var(--ease-out), opacity .4s var(--ease-out)}.hero-still.still-main{transform-origin:0 100%}.hero-still.still-candid{transform-origin:100% 100%}.hero-stills:has(.still-candid:hover) .still-candid{z-index:2;transform:scale(1.18)}.hero-stills:has(.still-candid:hover) .still-main{opacity:.5;transform:scale(.92)}.hero-stills:has(.still-main:hover) .still-main{z-index:2;transform:scale(1.08)}.hero-stills:has(.still-main:hover) .still-candid{opacity:.5;transform:scale(.92)}.hero-still{background:var(--bg-elev);opacity:0;animation:shot-fade 1.4s var(--ease) .5s forwards;border-radius:3px;position:relative;overflow:hidden}@keyframes shot-fade{to{opacity:1}}.hero-still.still-main{aspect-ratio:4/5}.hero-still.still-candid{aspect-ratio:3/4;margin-bottom:56px;animation-delay:.7s}@media (max-width:900px){.hero-still.still-candid{margin-bottom:0}}.hero-still img{object-fit:cover;filter:contrast(1.06)saturate(.94);width:100%;height:100%;transition:filter .7s var(--ease-out);display:block}.hero-still.still-main img{object-position:50% 28%}.hero-still.still-candid img{object-position:50% 50%;filter:grayscale()contrast(1.18)brightness(.92)}.hero-still.still-candid:hover img{filter:grayscale(0)contrast(1.04)saturate(.94)brightness()}@keyframes shot-in{to{opacity:1;transform:translateY(0)}}@keyframes type-in{to{opacity:1;transform:translateY(0)}}.work-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:112px 32px 16px;display:flex}.work-head h2{letter-spacing:-.04em;opacity:0;animation:type-in .9s var(--ease) 1.5s forwards;margin-left:-4px;font-size:clamp(48px,7vw,116px);font-weight:700;line-height:.9;transform:translateY(14px)}.work-aside{color:var(--fg-dim);opacity:0;max-width:560px;animation:type-in .7s var(--ease-out) 1.85s forwards;padding:16px 32px 36px;font-size:15px;font-weight:400;line-height:1.45;transform:translateY(8px)}.grid{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:14px;padding:0 32px 96px;scroll-padding-left:32px;display:flex;overflow:auto visible;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 80px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 24px calc(100% - 80px),#0000 100%)}.grid::-webkit-scrollbar{height:4px;margin-top:8px}.grid::-webkit-scrollbar-track{background:0 0}.grid::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.grid::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.reel-card{aspect-ratio:9/16;background:var(--bg-elev);cursor:pointer;scroll-snap-align:start;opacity:0;width:260px;animation:card-in .75s var(--ease) calc(var(--idx,0) * 90ms + 2.1s) forwards;border-radius:4px;flex:none;position:relative;overflow:hidden;transform:translateY(18px)scale(.96)}@media (max-width:760px){.reel-card{width:220px}}@keyframes card-in{to{opacity:1;transform:translateY(0)scale(1)}}.reel-thumb{transition:transform .7s var(--ease) 80ms, filter .5s var(--ease-out);background-position:50%;background-size:cover;position:absolute;inset:0}.reel-card:hover .reel-thumb{filter:brightness(.78);transform:scale(1.04)}.reel-overlay{background:linear-gradient(#00000026 0%,#0000 30% 60%,#000000d1 100%);position:absolute;inset:0}.reel-meta{z-index:2;padding:14px 14px 12px;position:absolute;bottom:0;left:0;right:0}.reel-title{letter-spacing:-.005em;font-size:14px;font-weight:600;line-height:1.2}.reel-sub{color:var(--fg-dim);margin-top:4px;font-size:12px;font-weight:500}.reel-play{color:#ffffffeb;opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);pointer-events:none;z-index:2;text-shadow:0 2px 16px #0009;font-size:24px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.reel-card:hover .reel-play{opacity:.95;transform:translate(-50%,-50%)scale(1)}.info-shell{border-top:1px solid var(--line);padding:72px 0 80px;scroll-margin-top:48px}.info-shell-inner{grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;gap:80px;max-width:1320px;margin:0 auto;padding:0 32px;display:grid}@media (max-width:880px){.info-shell-inner{grid-template-columns:1fr;gap:32px}}.info-row{opacity:0;transition:opacity .7s var(--ease) calc(var(--i,0) * .13s), transform .7s var(--ease) calc(var(--i,0) * .13s);grid-template-columns:160px 1fr;align-items:baseline;gap:56px;padding:0 0 48px;display:grid;transform:translateY(10px)}.info-row:last-child{padding-bottom:0}.info-shell.visible .info-row{opacity:1;transform:translateY(0)}@media (max-width:720px){.info-row{grid-template-columns:1fr;gap:12px}}.info-label{letter-spacing:.24em;text-transform:uppercase;color:var(--fg-dim);align-self:start;padding-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;position:relative}.info-label:after{content:"";background:var(--accent);width:0;height:1px;transition:width .9s var(--ease) calc(var(--i,0) * .13s + .3s);position:absolute;bottom:0;left:0}.info-shell.visible .info-row .info-label:after{width:56px}.info-row:hover .info-label:after{background:var(--fg);width:100px;transition:width .4s var(--ease-out), background .3s var(--ease-out)}.info-row:hover .info-label{color:var(--fg);transition:color .3s var(--ease-out)}.info-content{color:var(--fg);font-size:16px;line-height:1.6}.info-content p{margin:0}.info-content p+p{margin-top:4px}.info-content a{color:var(--fg);border-bottom:1px solid var(--line-strong);transition:border-color .25s var(--ease-out), color .2s var(--ease-out);cursor:pointer}.info-content a:hover{border-color:var(--accent)}.info-content a.copied{color:var(--accent);border-color:var(--accent)}.info-content p.dim{color:var(--fg-dim)}.info-row[data-expand]{cursor:pointer}.info-row[data-expand]:hover .info-label{color:var(--fg)}.info-row[data-expand]:hover .info-label:after{background:var(--fg);width:100px;transition:width .4s var(--ease-out), background .3s var(--ease-out)}.info-row[data-expand]:hover .info-row-cta{color:var(--fg)}.info-row[data-expand]:focus-visible{outline:1px solid var(--accent);outline-offset:8px;border-radius:4px}.info-row-cta{border-top:1px solid var(--line);color:var(--fg-dim);letter-spacing:.22em;text-transform:uppercase;transition:color .25s var(--ease-out);align-items:center;gap:10px;margin-top:16px;padding-top:12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;line-height:1;display:flex}.info-row-cta .plus{color:var(--accent);transition:transform .35s var(--ease);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;line-height:1;display:inline-block;transform:translateY(-.5px)}.info-row[data-expand]:hover .info-row-cta .plus{transform:translateY(-.5px)rotate(90deg)}.info-panels{max-width:720px;height:460px;position:relative}.info-panel{opacity:0;pointer-events:none;transition:opacity .55s var(--ease), transform .55s var(--ease);border-left:1px solid var(--line);overflow-wrap:break-word;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:0 8px 0 40px;position:absolute;inset:0;overflow:hidden auto;transform:translate(16px)}.info-panel::-webkit-scrollbar{width:4px}.info-panel::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.info-panel::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}@media (max-width:880px){.info-panels{height:auto;min-height:280px}.info-panel{border-left:none;border-top:1px solid var(--line);padding:24px 0 0;position:relative;inset:auto}}.info-panel.visible{opacity:1;pointer-events:auto;transform:translate(0)}.panel-close{width:auto;height:auto;color:var(--fg-faint);cursor:pointer;transition:color .2s var(--ease-out);z-index:2;background:0 0;border:none;padding:0;font-size:12px;line-height:1;position:absolute;top:0;right:0}.panel-close:hover{color:var(--fg)}.drawer-label{letter-spacing:.24em;text-transform:uppercase;color:var(--fg-dim);border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:18px;font-family:JetBrains Mono,monospace;font-size:10px;position:relative}.drawer-label:after{content:"";background:var(--accent);width:0;height:1px;transition:width .7s var(--ease) .3s;position:absolute;bottom:-1px;left:0}.info-panel.visible .drawer-label:after{width:72px}.class-list{flex-direction:column;gap:22px;list-style:none;display:flex}.class-list li{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translate(12px)}.info-panel.visible .class-list li{opacity:1;transform:translate(0)}.class-list li:first-child{transition-delay:.28s}.class-list li:nth-child(2){transition-delay:.32s}.class-list li:nth-child(3){transition-delay:.36s}.class-list li:nth-child(4){transition-delay:.4s}.class-list li:nth-child(5){transition-delay:.44s}.class-list li:nth-child(6){transition-delay:.48s}.class-list li:nth-child(7){transition-delay:.52s}.class-list li:nth-child(8){transition-delay:.56s}.class-name{color:var(--fg);letter-spacing:-.005em;margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.3}.class-meta{color:var(--fg-dim);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px}.panel-prose p{color:var(--fg);opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);margin-bottom:16px;font-size:15px;line-height:1.6;transform:translate(12px)}.info-panel.visible .panel-prose p{opacity:1;transform:translate(0)}.panel-prose p:first-child{transition-delay:.28s}.panel-prose p:nth-child(2){transition-delay:.32s}.panel-prose p:nth-child(3){transition-delay:.36s}.panel-prose p:nth-child(4){transition-delay:.4s}.panel-prose p:nth-child(5){transition-delay:.44s}.panel-prose p:nth-child(6){transition-delay:.48s}.panel-prose p:nth-child(7){transition-delay:.52s}.panel-prose p:nth-child(8){transition-delay:.56s}footer{border-top:1px solid var(--line);padding:40px 32px 24px;position:relative}.foot-top{grid-template-columns:1fr 1fr;gap:48px;max-width:920px;display:grid}@media (max-width:720px){.foot-top{grid-template-columns:1fr;gap:28px}}.foot-col.foot-contact{text-align:right}@media (max-width:720px){.foot-col.foot-contact{text-align:left}}.foot-col h3{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.2em;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.foot-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.foot-col a,.foot-col span{color:var(--fg-dim);transition:color .25s var(--ease-out);font-size:14px}.foot-col a:hover{color:var(--fg)}.colophon{border-top:1px solid var(--line);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.18em;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.colophon a{color:var(--fg-faint);transition:color .25s var(--ease-out)}.colophon a:hover{color:var(--fg)}.palette-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#00000080;justify-content:center;align-items:flex-start;padding-top:18vh;display:none;position:fixed;inset:0}.palette-backdrop.open{display:flex}.palette{border:1px solid var(--line-strong);width:min(500px,90vw);animation:palette-in .22s var(--ease);background:#1c1c1a;border-radius:10px;overflow:hidden;box-shadow:0 24px 60px #00000080}@keyframes palette-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.palette input{width:100%;color:var(--fg);border:none;border-bottom:1px solid var(--line);background:0 0;outline:none;padding:14px 18px;font-family:inherit;font-size:14px}.palette input::placeholder{color:var(--fg-faint)}.palette-list{padding:6px}.palette-section{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);padding:10px 12px 6px;font-family:JetBrains Mono,monospace;font-size:9px}.palette-item{cursor:pointer;color:var(--fg-dim);border-radius:6px;align-items:center;gap:12px;padding:9px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.palette-item:hover,.palette-item.active{background:var(--line);color:var(--fg)}.palette-item .meta{color:var(--fg-faint);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px}.ig-modal-backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:250;transition:background .5s var(--ease), backdrop-filter .5s var(--ease);background:0 0;justify-content:center;align-items:center;padding:5vh 24px;display:none;position:fixed;inset:0}.ig-modal-backdrop.opening{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000db;display:flex}.ig-modal{grid-template-columns:1fr 280px;gap:24px;width:100%;max-width:820px;max-height:90vh;display:grid}@media (max-width:720px){.ig-modal{grid-template-columns:1fr;max-width:380px}}.ig-frame{transform-origin:0 0;width:100%;height:88vh;max-height:800px;transition:transform .55s var(--ease), border-radius .4s var(--ease-out);background:#fff;border-radius:6px;position:relative;overflow:hidden}.ig-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block;overflow:hidden}.ig-side{color:var(--fg);border-left:1px solid var(--line);opacity:0;transition:opacity .4s var(--ease-out) .45s, transform .4s var(--ease-out) .45s;flex-direction:column;gap:16px;padding:8px 0 8px 16px;display:flex;transform:translateY(8px)}.ig-modal-backdrop.open .ig-side{opacity:1;transform:translateY(0)}@media (max-width:720px){.ig-side{border-left:none;border-top:1px solid var(--line);padding-top:20px;padding-left:0}}.ig-side-title{letter-spacing:-.025em;font-size:26px;font-weight:700;line-height:1.08}.ig-side-sub{color:var(--fg-dim);letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:11px}.ig-side-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.ig-side-actions a{border:1px solid var(--line-strong);transition:border-color .25s var(--ease-out), background .25s var(--ease-out);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13px;display:flex}.ig-side-actions a:hover{border-color:var(--fg-faint);background:var(--line)}.ig-side-actions a.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.ig-side-actions a.primary:hover{background:#eeeae0eb}.ig-close{color:var(--fg);cursor:pointer;opacity:0;transition:opacity .3s var(--ease-out) .5s;z-index:260;background:0 0;border:none;padding:8px;font-size:18px;position:absolute;top:22px;right:30px}.ig-modal-backdrop.open .ig-close{opacity:.6}.ig-close:hover{opacity:1!important}.about-page{opacity:0;max-width:580px;animation:fade-in .8s var(--ease-out) .15s forwards;margin:0 auto;padding:168px 32px 96px}@keyframes fade-in{to{opacity:1}}.about-page p{color:var(--fg);font-size:18px;font-weight:400;line-height:1.65}.about-page p+p{margin-top:18px}.about-page p.dim{color:var(--fg-dim)}.about-page a{color:var(--fg);border-bottom:1px solid var(--line-strong);transition:border-color .25s var(--ease-out)}.about-page a:hover{border-color:var(--accent)}