*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;margin:0;padding:0;min-height:100%}body{margin:0;padding:0;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#2b46b459,#0000) top center / 100% 44vh no-repeat,var(--bg);color:var(--fg);font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6,p,a,ul,li,figure{margin:0;padding:0;font-weight:400}ul,li{list-style:none}a{text-decoration:none;color:inherit}img{display:block}:root{--bg: #131210;--fg: #c2c4cc;--muted: #5e6068;--faint: #38393e;--border: #272522;--hair: #1d1c19;--panel: #1a1917;--accent: #e9e7e0;--link: #7a9ee8;--danger: #e06050;--font-body: "Newsreader", Georgia, "Times New Roman", serif;--font-ui: "Pretendard", "Helvetica Neue", Helvetica, Arial, sans-serif;--body-size-scale: 1;--body-tracking: 0em;--body-line-scale: 1;--xs: 1.15rem;--sm: 1.35rem;--base: 1.5rem;--lg: 1.8rem;--hover-c1: oklch(94% .005 0);--hover-c2: oklch(78% .004 0);--hover-g1: rgba(220,220,225,.55);--hover-g2: rgba(200,200,210,.18);--hover-g1b: rgba(210,210,220,.4);--ease-1: cubic-bezier(.22,.1,.22,1);--dur-menu: .32s;--dur-hover: .28s;--dur-fade: .25s;--glow-blur-1: 14px;--glow-blur-2: 36px;--glow-blur-3: 12px}body[data-mood=ember]{--link: #e3a06a;--hover-c1: oklch(94% .03 55);--hover-c2: oklch(78% .025 55);--hover-g1: rgba(232,196,150,.55);--hover-g2: rgba(214,168,120,.2);--hover-g1b: rgba(222,180,132,.4)}body[data-mood=verdant]{--link: #6bc99a;--hover-c1: oklch(94% .03 155);--hover-c2: oklch(78% .025 155);--hover-g1: rgba(180,225,205,.55);--hover-g2: rgba(150,208,180,.2);--hover-g1b: rgba(165,216,192,.4)}body[data-energy=snappy]{--ease-1: cubic-bezier(.4,0,.2,1);--dur-menu: .16s;--dur-hover: .12s;--dur-fade: .12s;--glow-blur-1: 4px;--glow-blur-2: 10px;--glow-blur-3: 4px}body[data-energy=cinematic]{--ease-1: cubic-bezier(.16,1,.3,1);--dur-menu: .6s;--dur-hover: .55s;--dur-fade: .45s;--glow-blur-1: 24px;--glow-blur-2: 64px;--glow-blur-3: 22px}#layout{display:flex;width:100%;min-height:100vh}#col-left{width:61.8%;padding-bottom:64px}#col-right{width:38.2%;position:relative;border-right:1px solid var(--border)}#col-right-inner{position:sticky;top:0;padding:0 47px 50px;display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;margin:0 -11px 0 -8px;color:#d1d4dd}.project-item{display:block;cursor:pointer;margin-bottom:7px}.project-thumb{position:relative;width:100%;aspect-ratio:4 / 3;background:#242220;overflow:hidden}.project-thumb img,.project-thumb video{width:100%;height:100%;object-fit:cover;transition:opacity var(--dur-fade) ease}.project-thumb video{background:#000}.project-item:hover .project-thumb img,.project-item.hovered .project-thumb img,.project-item:hover .project-thumb video,.project-item.hovered .project-thumb video{opacity:.82}.ph{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,#2e2c28 0 1px,transparent 1px 9px);display:flex;align-items:center;justify-content:center}.ph span{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:var(--bg);padding:4px 9px}.project-caption{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:11px 16px 30px;font-family:var(--font-ui);font-size:var(--sm)}.project-caption .c-title{letter-spacing:.005em}.project-caption .c-year{color:var(--muted);font-variant-numeric:tabular-nums}.project-thumb .vid-badge{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center}#site-header{display:flex;flex-direction:column;align-self:flex-start;width:fit-content;max-width:100%;flex:0 0 auto;gap:0;padding:0;margin:28px 0 0;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#1a191780;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);overflow:hidden;white-space:nowrap;font-family:var(--font-ui);transition:width var(--dur-menu) var(--ease-1),background var(--dur-hover) ease,border-color var(--dur-hover) ease}#site-header:hover{border-color:#ffffff3d}#bar-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 14px 11px 22px;cursor:pointer}#site-name{font-family:"Manrope",var(--font-ui);font-size:15px;font-weight:800;letter-spacing:-.5px;line-height:1.15;cursor:pointer;white-space:nowrap}#menu-btn{display:flex;flex-direction:column;justify-content:center;position:static;margin:0;padding:2px;height:auto;gap:4px;background:none;border:none;cursor:pointer}#menu-btn span{display:block;width:16px;height:1px;background:var(--fg);transform-origin:center center;will-change:transform;transition:transform var(--dur-menu) var(--ease-1),opacity .2s}#menu-btn:hover:not(.is-open) span{opacity:.45}#menu-btn.is-open span:nth-child(1){transform:translateY(2.75px) rotate(45deg)}#menu-btn.is-open span:nth-child(2){transform:translateY(-2.75px) rotate(-45deg)}#bar-body{overflow:hidden;max-height:0;transition:max-height var(--dur-menu) var(--ease-1)}#bar-body-inner{padding:2px 34px 26px 25px;white-space:normal}.list-head,.list-row{display:grid;grid-template-columns:1fr auto;gap:16px;font-family:var(--font-ui)}.list-head{padding:30px 0 11px;font-size:var(--xs);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border)}.list-row{padding:6px 8px;margin:0 -3px 0 -7px;font-size:var(--sm);border-bottom:1px solid var(--hair);cursor:pointer;align-items:baseline}.list-row .r-title{transition:color var(--dur-hover) ease,text-shadow var(--dur-hover) ease}.list-row .r-year{color:var(--muted);font-variant-numeric:tabular-nums;transition:color var(--dur-hover) ease,text-shadow var(--dur-hover) ease}.list-row:hover .r-title,.list-row.hovered .r-title{color:var(--hover-c1);text-shadow:0 0 var(--glow-blur-1) var(--hover-g1),0 0 var(--glow-blur-2) var(--hover-g2)}.list-row:hover .r-year,.list-row.hovered .r-year{color:var(--hover-c2);text-shadow:0 0 var(--glow-blur-3) var(--hover-g1b)}#detail{min-height:100vh}#detail-bar{position:sticky;top:0;z-index:20;background:#13121099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:baseline;gap:24px;padding:22px clamp(24px,5vw,72px) 16px;border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:var(--sm)}#detail-bar .back{cursor:pointer;color:var(--fg);display:inline-flex;gap:7px}#detail-bar .back:hover{opacity:.6}#detail-inner{max-width:1040px;margin:0 auto;padding:clamp(40px,7vw,84px) clamp(20px,5vw,40px) 140px}#detail-images{display:flex;flex-direction:column;gap:clamp(16px,2.4vw,30px)}#detail-foot{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:clamp(28px,5vw,72px);padding-top:clamp(40px,6vw,72px);margin-top:clamp(32px,5vw,64px);border-top:1px solid var(--hair)}#detail-foot-left{display:flex;flex-direction:column;gap:8px}#detail-foot-left h1{font-family:var(--font-body);font-weight:700;font-size:calc(clamp(1.7rem,1.8vw,2.15rem) * var(--body-size-scale));letter-spacing:calc(-.01em + var(--body-tracking));line-height:calc(1.25 * var(--body-line-scale))}#detail-foot-left .d-year{font-family:var(--font-ui);font-size:var(--sm);color:var(--muted);font-variant-numeric:tabular-nums}#detail-desc{font-family:var(--font-body);font-size:calc(clamp(1.7rem,1.3vw,1.95rem) * var(--body-size-scale));line-height:calc(1.6 * var(--body-line-scale));letter-spacing:var(--body-tracking);max-width:34em;color:var(--fg)}#detail-desc p{margin:0 0 1.1em}#detail-desc p:last-child{margin-bottom:0}#detail-images img{width:100%;height:auto}#detail-images video{width:100%;height:auto;display:block;background:#000}#detail-images .vid-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}#detail-images .vid-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}#detail-images .ph{position:relative;aspect-ratio:3/2}#detail-empty{font-family:var(--font-ui);font-size:var(--sm);color:var(--faint);text-align:center;padding:60px 0;background-image:repeating-linear-gradient(135deg,var(--hair) 0 1px,transparent 1px 11px)}#info{min-height:100vh}#info-inner{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(20px,5vw,40px) 120px}#info-title{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:26px}#info-intro{font-family:var(--font-body);font-size:calc(clamp(2.1rem,2vw,2.8rem) * var(--body-size-scale));line-height:calc(1.45 * var(--body-line-scale));letter-spacing:calc(.002em + var(--body-tracking));max-width:26em}.info-block{margin-top:clamp(40px,6vw,68px)}.info-block>.info-label{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:4px}.edu-row{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:13px 0;border-bottom:1px solid var(--hair);font-family:var(--font-ui);font-size:var(--base);align-items:baseline}.edu-row .edu-year{color:var(--muted);font-variant-numeric:tabular-nums}#info-contact{display:flex;gap:22px;font-family:var(--font-ui);font-size:var(--base);margin-top:16px}#info-contact a:hover{color:var(--muted)}#menu-panel-header{border-bottom:1px solid var(--border);padding:6px 0 8px;margin:2px 0 14px;background:transparent}#menu-panel-title{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}#mp-intro{font-family:"Manrope",var(--font-ui);font-size:12px;line-height:1.55;color:var(--fg);margin:0 0 24px}.mp-block{margin-top:14px}.mp-block-label{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:2px}.mp-row{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--hair);font-family:var(--font-ui);font-size:var(--sm);align-items:baseline}.mp-row>*{min-width:0;overflow-wrap:anywhere;word-break:break-word}.mp-row .mp-year{color:var(--muted);font-variant-numeric:tabular-nums}#mp-contact-block{margin-top:22px;text-align:right}#mp-contact-block .mp-block-label{text-align:right}.mp-contact{display:flex;gap:20px;margin-top:12px;font-family:var(--font-ui);font-size:var(--base);justify-content:flex-end}.mp-contact a{font-size:13px}.mp-contact a:hover{color:var(--muted)}#mp-email{font-size:13px;color:var(--fg);pointer-events:none;cursor:default}@media (max-width: 820px){#layout{flex-direction:column}#col-left,#col-right{width:100%}#col-right{order:1;border-right:none}#col-left{order:2;border-right:none;display:block;padding:4px 16px 48px}#col-right-inner{position:static!important;min-height:0!important;padding:0 16px 8px!important;margin:0!important;justify-content:flex-start!important}#detail-foot{grid-template-columns:1fr;gap:18px}#site-header{margin:18px 0 0!important}#list-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-top:1px solid var(--border);margin-top:18px;padding:15px 0;font-family:var(--font-ui);font-size:var(--sm);letter-spacing:.04em;color:var(--muted);cursor:pointer}#list-toggle span{transition:transform .25s;font-size:1.1em}#list-toggle[aria-expanded=true] span{transform:rotate(180deg)}#col-right-inner .index-section{display:none}#col-right-inner.list-open .index-section{display:block;padding-bottom:10px}}#list-toggle{display:none}