@font-face{font-family:Paperlogy;src:url('assets/fonts/Paperlogy-5Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url('assets/fonts/Paperlogy-6SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url('assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#171717;--muted:#666;--gutter:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Pretendard,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #225ae4;outline-offset:4px}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Paperlogy,sans-serif;font-weight:500}img{display:block;width:100%;height:auto}button{border-radius:0}i{font-style:normal}sup{font-size:10px;margin-left:3px}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;z-index:100;left:8px;top:8px;padding:12px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.home-header{height:94px;padding:0 var(--gutter);display:flex;align-items:center;gap:5vw}.identity{display:flex;gap:24px;align-items:center;font-family:Paperlogy,sans-serif;font-size:24px;letter-spacing:-.7px}.identity span{font-size:19px;letter-spacing:-.8px}.home-header>p{font-size:12px;color:#555}.home-header nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.home-header nav a{padding:10px 0}.opening{margin:0 var(--gutter)}.work-stage{height:calc(100svh - 161px);max-height:950px;min-height:540px;position:relative;isolation:isolate;overflow:hidden;background:#fff}.selected-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:55fr 45fr;gap:16px}.work-card{border:0;padding:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:0;text-align:left}.work-card.daehan,.work-card.cmf{grid-column:span 5}.work-card.ssangyong,.work-card.dandy{grid-column:span 7}.work-image{display:block;position:relative;flex:1;min-height:0;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover}.work-image small{position:absolute;bottom:12px;right:12px;color:#fff;background:#0009;padding:3px 6px;font-size:10px;font-weight:400}.work-label{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-shrink:0;height:42px}.work-label strong{font-family:Paperlogy,sans-serif;font-weight:500;font-size:21px;letter-spacing:-.8px}.work-label>span{font-size:11px;color:var(--muted);white-space:nowrap}.work-label i{font-size:18px;margin-left:14px;color:var(--ink)}.work-card:hover .work-label strong{text-decoration:underline;text-underline-offset:4px}.opening-reel{position:absolute;inset:0;overflow:hidden;background:#15273d;pointer-events:none;transform-origin:0 0}.reel-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0}.reel-layer.space{opacity:1}.reel-layer>img,.reel-layer>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}.reel-layer.film{background:#141414}.layer-shade{position:absolute;inset:0;background:linear-gradient(transparent 48%,#0009)}.layer-caption{position:absolute;left:30px;bottom:30px;right:30px;color:white}.layer-caption p{font-size:16px;margin-bottom:12px}.layer-caption h2{font-size:clamp(44px,6vw,96px);line-height:1.08;letter-spacing:-.05em}.layer-caption small{display:block;font-size:11px;margin-top:18px}.film-credit{position:absolute;top:22px;left:28px;color:white;text-shadow:0 1px 7px #000;font-family:Paperlogy,sans-serif;font-size:22px}.film-credit span{display:block;font-family:Pretendard,sans-serif;font-size:10px;margin-top:4px}.opening-footer{height:66px;display:flex;justify-content:space-between;align-items:center;gap:20px}.opening-footer>p{font:500 16px Paperlogy,sans-serif;letter-spacing:-.4px}.opening-actions{display:flex;gap:20px;align-items:center}.opening-actions button{border:0;background:#fff;font-size:12px;padding:8px 0;white-space:nowrap}.opening-actions button:hover{text-decoration:underline;text-underline-offset:4px}.opening-actions #show-work{margin-left:10px}.reel-review:not([hidden]){display:flex;align-items:center;gap:16px;padding:10px 0;border-top:1px solid #ddd;font-size:11px}.reel-review input{flex:1;min-width:50px;accent-color:#171717}.reel-review output{white-space:nowrap;font-variant-numeric:tabular-nums}.section-space{margin:0 var(--gutter);padding:88px 0}.section-index{font-size:11px;letter-spacing:.05em;color:#666}.practice{border-top:1px solid #ddd;padding-top:62px}.practice-body{display:grid;grid-template-columns:7fr 5fr;gap:80px;margin-top:28px}.practice h2{font-size:clamp(34px,4.5vw,68px);line-height:1.28;letter-spacing:-.06em}.practice-copy{padding-top:8px;max-width:480px;font-size:17px;line-height:1.85}.practice-copy p+p{margin-top:18px}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;border-bottom:1px solid #222;padding:8px 0;font-size:13px}.practice-copy .line-link{margin-top:22px}.practice-disciplines{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:64px;padding-top:22px;border-top:1px solid #ddd;font:500 clamp(18px,1.8vw,27px) Paperlogy,sans-serif;letter-spacing:-.6px}.archive-section{padding-top:34px}.archive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.archive-heading h2{font-size:clamp(30px,3.5vw,52px);line-height:1.25;letter-spacing:-.05em;margin-top:16px}.archive-heading>p{font-size:15px;line-height:1.8;color:#555;padding-bottom:4px}.process-panorama{display:block;position:relative;overflow:hidden}.process-panorama img{width:100%;aspect-ratio:3.2;object-fit:cover}.process-panorama>span{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;color:white;text-shadow:0 1px 7px #000;font-size:13px}.process-panorama i{font-size:30px}.archive-bottom{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:18px}.archive-bottom p{font-size:12px;color:#666}.about-section{display:grid;grid-template-columns:5fr 7fr;gap:60px;border-top:1px solid #ddd}.about-intro h2{font-size:clamp(30px,3vw,46px);line-height:1.35;letter-spacing:-.06em;margin:24px 0}.about-intro>p:last-child{font-size:14px;line-height:1.9;color:#555}.career-line{display:grid;grid-template-columns:155px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid #ddd}.career-line:first-child{padding-top:0}.career-line>span{font-size:12px;color:#666;line-height:1.8}.career-line h3{font-size:21px;letter-spacing:-.5px;margin-bottom:6px}.career-line .role-name{color:#171717;margin-bottom:10px}.career-line p{font-size:13px;color:#666;line-height:1.8}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.credentials h3{font-size:18px;margin-bottom:16px}.credentials p{font-size:12px;line-height:1.9;color:#555}.credentials p+p{margin-top:16px}.home-footer{margin:0 var(--gutter);border-top:1px solid #171717;padding:36px 0 22px}.home-footer>a{display:flex;justify-content:space-between;align-items:center;font:500 clamp(34px,4.5vw,72px) Paperlogy,sans-serif;letter-spacing:-.05em}.home-footer>a span{font-family:Pretendard,sans-serif;font-size:1.25em;font-weight:300}.home-footer>div{display:flex;justify-content:space-between;gap:20px;margin-top:44px;font-size:10px;color:#666}.project-dialog{width:min(1040px,calc(100vw - 48px));max-height:92svh;border:0;padding:26px 30px 40px;background:#fff;color:#171717;overscroll-behavior:contain}.project-dialog::backdrop{background:#000b}.project-dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px;font-size:11px;color:#555}.close-dialog{border:0;background:#fff;font-size:13px;padding:10px 0}.project-dialog h2{font-size:40px;letter-spacing:-.04em;margin:0 0 18px}.project-dialog h3{font-size:19px;margin:26px 0 12px}.project-dialog .dialog-hero{width:100%;max-height:500px;object-fit:cover}.project-dialog .dialog-note{font-size:11px;color:#666;margin-top:8px}.project-dialog .dialog-copy{font-size:15px;line-height:1.9;max-width:740px;margin-top:24px}.project-dialog .dialog-copy p+p{margin-top:16px}.project-dialog .guide-image{max-width:800px;margin:22px auto 0}.project-dialog video{display:block;width:100%;max-height:62svh;background:#111}.project-dialog .line-link{margin-top:16px}.dialog-roles{padding-left:20px;margin:18px 0;font-size:14px;line-height:1.9}.modal-open{overflow:hidden}.playback-warning{position:absolute;z-index:4;top:20px;right:20px;color:#fff;background:#000b;padding:9px;font-size:11px}
@media(min-width:1800px){:root{--gutter:40px}.home-header{height:108px}.work-stage{height:calc(100svh - 175px)}}
@media(max-width:1050px){.home-header>p{display:none}.work-label>span{font-size:10px}.work-label strong{font-size:18px}.work-label i{margin-left:5px}.practice-body{gap:50px}.practice-copy{font-size:15px}.about-section{gap:40px;grid-template-columns:4fr 6fr}.career-line{grid-template-columns:1fr;gap:10px}.career-line>span br{display:none}.reel-review>span{display:none}}
@media(max-width:700px){:root{--gutter:16px}.home-header{height:76px;gap:20px}.identity{font-size:22px}.identity span{display:none}.home-header nav{gap:22px;font-size:12px}.work-stage{height:calc(100svh - 182px);min-height:450px}.selected-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:16px 10px}.work-card:nth-child(n){grid-column:span 1}.work-label{height:48px;display:block;padding-top:8px}.work-label strong{font-size:14px;line-height:1.3;display:block;letter-spacing:-.5px}.work-label>span{font-size:9px;line-height:1.3;display:flex;justify-content:space-between;align-items:center}.work-label i{font-size:15px;line-height:1}.work-image small{font-size:8px;right:5px;bottom:7px;padding:3px;max-width:95%}.reel-layer.space>img{object-position:70% center}.reel-layer.sign>img{object-position:35% center}.reel-layer.film>video{object-fit:contain}.layer-caption{left:18px;bottom:26px;right:18px}.layer-caption h2{font-size:clamp(30px,9.2vw,53px)}.layer-caption p{font-size:12px;margin-bottom:12px}.layer-caption small{font-size:9px;line-height:1.6;max-width:290px;margin-top:14px}.film-credit{left:17px;top:20px;font-size:18px}.film-credit span{font-size:9px}.opening-footer{height:106px;align-items:flex-start;justify-content:flex-start;gap:12px;flex-direction:column;padding:17px 0 10px}.opening-footer>p{font-size:13px;line-height:1.4}.opening-actions{gap:24px;width:100%;justify-content:space-between}.opening-actions button{font-size:11px}.opening-actions #show-work{margin:0}.section-space{padding:54px 0}.practice-body{grid-template-columns:1fr;gap:24px;margin-top:20px}.practice h2{font-size:40px}.practice-copy{font-size:15px;line-height:1.85;max-width:550px}.practice-copy p+p{margin-top:12px}.practice-disciplines{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;font-size:17px;gap:14px}.archive-heading{display:block;margin-bottom:22px}.archive-heading h2{font-size:34px}.archive-heading>p{font-size:13px;margin-top:18px}.process-panorama img{aspect-ratio:1.25;object-position:53% center}.process-panorama>span{font-size:10px;left:15px;right:15px;bottom:14px}.archive-bottom{display:block;margin-top:13px}.archive-bottom p{font-size:11px;line-height:1.7}.archive-bottom .line-link{margin-top:8px}.about-section{grid-template-columns:1fr;gap:34px}.about-intro h2{font-size:34px;margin:20px 0}.about-intro>p:last-child{font-size:13px}.career-line{grid-template-columns:105px 1fr;gap:20px;padding:22px 0}.career-line>span{font-size:10px}.career-line>span br{display:block}.career-line h3{font-size:18px}.career-line p{font-size:12px}.credentials{gap:20px;margin-top:30px}.credentials h3{font-size:16px}.credentials p{font-size:11px}.home-footer{padding-top:24px}.home-footer>a{font-size:38px}.home-footer>div{flex-wrap:wrap;font-size:9px;gap:14px;margin-top:30px}.project-dialog{width:calc(100vw - 24px);max-height:94svh;padding:16px 18px 30px}.project-dialog h2{font-size:28px}.project-dialog .dialog-copy{font-size:14px}.project-dialog .dialog-note{font-size:10px}.project-dialog-top{font-size:10px}.project-dialog .dialog-hero{max-height:340px}.project-dialog h3{font-size:18px}.reel-review:not([hidden]){gap:9px;font-size:10px}}
@media(max-width:360px){.career-line{grid-template-columns:1fr;gap:8px}.career-line>span br{display:none}.work-label strong{font-size:12px}.work-label>span{font-size:8px}.practice h2{font-size:35px}.credentials{grid-template-columns:1fr;gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.work-card.dandy .work-image img{object-position:30% center}
@media(max-width:700px){.work-card.ssangyong .work-image img{object-position:65% center}}
@media(max-width:700px){.work-stage{max-height:700px}.reel-layer.space>img{object-position:65% center}}
@media(max-width:360px){.reel-layer.space>img{object-position:68% center}}
.work-card.daehan .work-image,.ci-display,.reel-layer.identity-scene{background:#4a217b}
.work-card.daehan .work-image img{object-fit:contain;width:82%;height:100%;margin:0 auto}
.reel-layer.identity-scene>img{object-fit:contain;left:12%;width:76%}
.ci-display{display:flex;align-items:center;justify-content:center;aspect-ratio:2.3;min-height:210px}.ci-display img{width:82%;height:auto}
@media(max-width:700px){.reel-layer.identity-scene>img{left:6%;width:88%}.ci-display{aspect-ratio:1.5;min-height:190px}}