:root{--background:#f5f5f2;--foreground:#080808;--letter-spacing:-.03em;--font-primary:"helvetica-neue-lt-pro", "Helvetica Neue", "Pretendard Variable", Pretendard, Helvetica, Arial, sans-serif;--font-korean:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--background);width:100%;min-width:1024px;min-height:100%;color:var(--foreground);margin:0;overflow:hidden}body,button{font-family:var(--font-primary);letter-spacing:var(--letter-spacing);font-weight:500}button{color:inherit}.portfolio-shell{isolation:isolate;background:var(--background);width:100vw;height:100vh;min-height:700px;position:relative;overflow:hidden}.site-header{z-index:500;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:1.35rem 1.7rem 0;display:flex;position:absolute;inset:0 0 auto}.cv-trigger,.index-trigger{cursor:pointer;pointer-events:auto;background:0 0;border:0;margin:0;padding:0;font-size:clamp(4.5rem,7.15vw,8.5rem);font-weight:500;line-height:.78}.cv-trigger:focus-visible,.cv-name:focus-visible,.index-trigger:focus-visible{outline-offset:5px;outline:2px solid}.book-stage{--book-translate-y:-5vh;--book-scale:1;--book-tilt-x:-25deg;z-index:10;perspective:none;transform-style:preserve-3d;position:absolute;inset:1.5vh 0 11.5vh}.fan-book{width:0;height:min(84vh,920px);transform:translateY(var(--book-translate-y)) scale(var(--book-scale)) rotateX(var(--book-tilt-x));transform-origin:0 48%;transform-style:preserve-3d;position:absolute;top:1.15vh;left:50%}.fan-book-mobile{display:none}.turning-layer{z-index:400;width:0;height:min(84vh,920px);transform:translateY(var(--book-translate-y)) scale(var(--book-scale)) rotateX(var(--book-tilt-x));transform-origin:0 48%;transform-style:preserve-3d;pointer-events:none;position:absolute;top:1.15vh;left:50%}.page-plane{opacity:1;width:min(45vw,860px);height:100%;color:inherit;text-align:initial;cursor:pointer;backface-visibility:hidden;transform:rotateY(var(--page-angle));transform-style:preserve-3d;will-change:transform, opacity;background:#d8d8d4;border:0;padding:0;transition:transform 1.05s cubic-bezier(.45,0,.55,1);position:absolute;top:0;overflow:hidden}.page-plane:focus-visible{outline-offset:-4px;outline:2px solid}.page-left{transform-origin:100%;right:0}.page-right{transform-origin:0;left:0}.page-plane.is-crossing-spine{visibility:hidden;transition:none}.page-plane img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.page-placeholder,.turning-placeholder,.project-detail-placeholder{text-align:left;width:100%;height:100%;padding:clamp(.5rem,1vw,1.5rem);font-size:clamp(1.5rem,2vw,3rem);font-weight:500;line-height:1;display:block}.page-placeholder{background:var(--page-placeholder-color);color:var(--page-placeholder-text-color)}.fan-book-desktop .page-right .page-placeholder{text-align:right}.fan-book-mobile .page-right .page-placeholder{text-align:left;justify-content:flex-start;align-items:flex-end;display:flex}.turning-placeholder{background:var(--turn-placeholder-color);color:#f5f5f2}@media (min-width:901px){.leaf-front .turning-placeholder{text-align:right}.leaf-back .turning-placeholder{text-align:left}}.turning-leaf{z-index:1;transform-origin:0;width:min(45vw,860px);height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.turning-leaf.turn-forward{animation:.6s cubic-bezier(.45,0,.55,1) both turn-one-forward}.turning-leaf.turn-backward{animation:.6s cubic-bezier(.45,0,.55,1) both turn-one-backward}.leaf-face{backface-visibility:hidden;background:#d8d8d4;display:block;position:absolute;inset:0;overflow:hidden}.leaf-back{transform:rotateY(180deg)}.leaf-face img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.site-footer{z-index:500;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 1.55rem 1.15rem;display:grid;position:absolute;inset:auto 0 0}.nav-arrow{cursor:pointer;background:0 0;border:0;width:7.5rem;height:5.8rem;padding:0;transition:opacity .16s,transform .18s;display:grid}.nav-arrow img{-webkit-user-select:none;user-select:none;pointer-events:none;width:6rem;height:auto;display:block}.nav-previous{grid-column:1;justify-self:start;justify-items:start}.nav-next{grid-column:3;justify-self:end;justify-items:end}.nav-arrow:hover:not(:disabled){opacity:.38}.nav-arrow:focus-visible{outline-offset:5px;outline:2px solid}.cv-panel{z-index:1100;color:#080808;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f5f2d6;transition:opacity .2s,visibility 0s linear .2s;position:fixed;inset:0;overflow:hidden}.cv-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}.cv-close{z-index:1;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:clamp(4.5rem,7.15vw,8.5rem);font-weight:500;line-height:.78;position:absolute;top:1.35rem;right:1.7rem}.cv-content{grid-template-rows:auto 1fr;min-height:0;display:grid;position:absolute;inset:1.35rem 1.7rem}.cv-name{letter-spacing:var(--letter-spacing);max-width:calc(100% - 30rem);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:clamp(4.5rem,7.15vw,8.5rem);font-weight:500;line-height:.78;display:block}.cv-intro p{margin:1.5rem 0 0;font-size:clamp(2rem,3vw,5rem);font-weight:500;line-height:1.2}.cv-sections{grid-template-columns:1.4fr 1fr 1fr;align-content:end;align-items:start;gap:3vw;min-height:0;display:grid}.cv-section h3{margin:0 0 .1rem;font-size:clamp(2rem,2vw,4rem);font-weight:500;line-height:1.2}.cv-list{margin:0}.cv-list>div{border-top:2px solid;grid-template-columns:12rem minmax(0,1fr);gap:1rem;padding:.15rem 0;display:grid}.cv-list dt,.cv-list dd,.cv-practice,.cv-contact a{margin:0;font-size:clamp(2rem,2vw,4rem);font-weight:500;line-height:1.2}.cv-practice{border-top:2px solid;margin:0;padding:.15rem 0 0;list-style:none}.cv-contact a{color:inherit;border-top:2px solid;padding-top:.15rem;text-decoration:none;display:block}.cv-contact a+a{border-top:0;padding-top:0}.cv-contact a:hover{text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.045em}.project-detail{z-index:900;color:#080808;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;transition:opacity .2s,visibility 0s linear .2s;position:fixed;inset:0;overflow:hidden}.project-detail.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}.project-detail-close{z-index:1;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:clamp(2.8rem,4.2vw,5.5rem);font-weight:500;line-height:.8;position:absolute;top:1.35rem;right:1.7rem}.cv-close,.index-close,.project-detail-close{appearance:none;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:none}.cv-close:focus,.cv-close:focus-visible,.index-close:focus,.index-close:focus-visible,.project-detail-close:focus,.project-detail-close:focus-visible{box-shadow:none;outline:none}.project-detail-layout{grid-template-columns:minmax(0,1.15fr) minmax(28rem,.85fr);gap:2.5rem;display:grid;position:absolute;inset:8rem 1.7rem 1.7rem;overflow:hidden}.project-detail-media{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#00000052 transparent;flex-direction:column;gap:1.5rem;min-width:0;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.project-detail-image{flex:none;margin:0}.project-detail-image img{object-fit:contain;object-position:left top;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.project-detail-placeholder{aspect-ratio:4/3;color:#080808;background:#c7c7c6}.project-detail-copy{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#00000052 transparent;flex-direction:column;min-width:0;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.project-detail-media::-webkit-scrollbar{width:5px}.project-detail-copy::-webkit-scrollbar{width:5px}.project-detail-media::-webkit-scrollbar-thumb{background:#00000052}.project-detail-copy::-webkit-scrollbar-thumb{background:#00000052}.project-detail-heading{width:100%;color:inherit;text-align:left;cursor:default;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem;margin:0;padding:0;display:grid}.project-detail-title,.project-detail-year{margin:0;font-size:clamp(2.7rem,4vw,5.7rem);font-weight:500;line-height:.9}.project-detail-description{gap:2.3em;max-width:42rem;margin:clamp(6rem,14vh,11rem) 0 0;padding-bottom:.5rem;display:grid}.project-detail-language{font-family:inherit}.project-detail-language[lang=ko]{font-family:var(--font-korean);word-break:keep-all}.project-detail-language[lang=ko] p{font-variation-settings:"wght" 550;font-size:clamp(1.5rem,1.4vw,2.45rem);font-weight:580;line-height:1.4}.project-detail-language[lang=en] p{line-height:1.34}.project-detail-description p{white-space:pre-line;margin:0;font-size:clamp(1.35rem,1.42vw,2.2rem);font-weight:500;line-height:1.3}.project-detail-language p+p{margin-top:1.2em}.index-panel{z-index:1000;color:#f5f5f2;opacity:0;visibility:hidden;pointer-events:none;background:#050505;transition:opacity .2s,visibility 0s linear .2s;position:fixed;inset:0;overflow:hidden}.index-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}.index-close{z-index:1;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:clamp(4.5rem,7.15vw,8.5rem);font-weight:500;line-height:.78;position:absolute;top:1.35rem;right:1.7rem}.index-content{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:absolute;inset:1.35rem 1.7rem 1.15rem}.index-heading{padding-right:clamp(18rem,28vw,34rem)}.index-heading h2{margin:0;font-size:clamp(4.5rem,7.15vw,8.5rem);font-weight:500;line-height:.78}.index-list{scrollbar-width:none;border-top:2px solid;min-height:0;margin:clamp(2.5rem,6vh,5rem) 0 0;padding:0;list-style:none;overflow-y:auto}.index-list::-webkit-scrollbar{display:none}.index-list li{margin:0}.index-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid;grid-template-columns:clamp(3.5rem,5vw,7rem) minmax(0,1fr) auto;align-items:baseline;gap:1rem;margin:0;padding:.55rem .15rem .65rem;font-size:clamp(1.5rem,2.3vw,3.3rem);font-weight:500;line-height:1;transition:background-color .14s,color .14s;display:grid}.index-year{text-align:right}.index-item:hover{color:#050505;background:#f5f5f2}.index-item:focus-visible{outline-offset:-4px;outline:2px solid}@keyframes turn-one-forward{0%{transform:rotateY(var(--turn-right-angle))}to{transform:rotateY(var(--turn-left-angle))}}@keyframes turn-one-backward{0%{transform:rotateY(var(--turn-left-angle))}to{transform:rotateY(var(--turn-right-angle))}}@keyframes turn-bottom-to-top{0%{transform:rotateX(var(--mobile-turn-right-angle)) skewX(var(--mobile-bottom-page-skew))}to{transform:rotateX(var(--mobile-turn-left-angle)) skewX(var(--mobile-bottom-page-skew))}}@keyframes turn-top-to-bottom{0%{transform:rotateX(var(--mobile-turn-left-angle)) skewX(var(--mobile-bottom-page-skew))}to{transform:rotateX(var(--mobile-turn-right-angle)) skewX(var(--mobile-bottom-page-skew))}}@media (max-width:900px){html,body{min-width:0}.portfolio-shell{height:100dvh;min-height:0}.site-header{padding:1rem 1rem 0}.cv-trigger,.index-trigger,.cv-close,.index-close{font-size:2.8rem;line-height:.82}.book-stage{--book-translate-y:-1vh;--book-tilt-x:0deg;--mobile-book-offset-x:8vw;--mobile-top-page-skew:10deg;--mobile-bottom-page-skew:-10deg;perspective:none;touch-action:none;overscroll-behavior:none;inset:5rem 0 5.25rem}.fan-book,.turning-layer{top:50%;left:calc(50% + var(--mobile-book-offset-x));width:78vw;height:0;transform:translate(-50%, var(--book-translate-y)) scale(var(--book-scale));transform-origin:50% 0}.fan-book{transform-style:flat}.fan-book-desktop{display:none}.fan-book-mobile{display:block}.page-plane{width:100%;height:min(38dvh,340px);transform:rotateX(var(--mobile-page-angle)) skewX(var(--mobile-page-skew));transform-style:flat;top:auto;left:0;right:auto}.page-left{--mobile-page-skew:var(--mobile-top-page-skew);transform-origin:50% 100%;bottom:0}.page-right{--mobile-page-skew:var(--mobile-bottom-page-skew);transform-origin:50% 0;top:0;bottom:auto}.turning-leaf{transform-origin:50% 0;width:100%;height:min(38dvh,340px)}.turning-leaf.turn-forward{animation-name:turn-bottom-to-top}.turning-leaf.turn-backward{animation-name:turn-top-to-bottom}.leaf-back{transform:rotateX(180deg)}.turning-placeholder{background:var(--mobile-turn-placeholder-color);text-align:left}.leaf-front .turning-placeholder{justify-content:flex-start;align-items:flex-end;display:flex}.leaf-back .turning-placeholder{display:block}.site-footer{padding:0 1rem .85rem}.nav-arrow{width:4rem;height:3.5rem}.nav-arrow img{width:3.25rem;transform:rotate(90deg)}.cv-close,.index-close,.project-detail-close{top:1rem;right:1rem}.cv-content{grid-template-rows:auto auto;align-content:start;padding-bottom:2rem;inset:1rem;overflow-y:auto}.cv-name{max-width:calc(100% - 7rem);font-size:2.8rem;line-height:.88}.cv-intro p{margin-top:1.25rem;font-size:1rem;font-weight:600}.cv-sections{grid-template-columns:1fr;align-content:start;gap:2rem;margin-top:4rem}.cv-section h3,.cv-list dt,.cv-list dd,.cv-practice,.cv-contact a{font-size:1rem;font-weight:600}.cv-list>div{grid-template-columns:8.75rem minmax(0,1fr)}.index-content{inset:1rem}.index-heading{padding-right:6rem}.index-heading h2{font-size:2.8rem;line-height:.82}.index-list{margin-top:2.5rem}.index-item{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.5rem;padding:.5rem 0;font-size:1rem;font-weight:600}.project-detail-close{font-size:2.8rem}.project-detail-layout{display:block;inset:5rem 0 0}.project-detail-media{gap:.75rem;height:100%;padding:0 1rem 5.5rem}.project-detail-copy{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;height:min(72dvh,42rem);padding:0 1rem;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:auto 0 0;overflow:hidden;transform:translateY(calc(100% - 5.5rem))}.project-detail-copy.is-expanded{transform:translateY(0)}.project-detail-heading{cursor:pointer;touch-action:manipulation;height:5.5rem;padding:.9rem 0 1rem}.project-detail-title,.project-detail-year{font-size:2rem}.project-detail-description{overscroll-behavior:contain;gap:1em;height:calc(100% - 5.5rem);margin-top:0;padding:1rem 0 2rem;overflow-y:auto}.project-detail-description p{font-size:1rem}.project-detail-language[lang=ko] p{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.page-plane,.nav-arrow{transition-duration:1ms}.turning-leaf{animation-duration:1ms}.index-panel,.cv-panel,.project-detail,.project-detail-copy{transition-duration:1ms}}