:root{--fg1: #0e1726;--fg2: #475467;--fg3: #98a2b3;--border: #e4e7ec;--surface-2: #f2f4f7;--bg: #ffffff;--accent: #2a6fdb;--overlay: rgba(10, 21, 43, .55);--ease-out: cubic-bezier(.22, 1, .36, 1);--fade: .24s;--gutter: clamp(20px, 4vw, 56px);--max-w: 1600px;--page-bottom: clamp(64px, 8vw, 120px);--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--fg1);text-decoration:none}a:hover{color:var(--accent)}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{max-width:var(--max-w);width:100%;margin:0 auto;padding:clamp(32px,5vw,64px) var(--gutter) clamp(32px,4vw,56px);display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.logo-link{display:block;line-height:0}.logo-button{border:0;padding:0;background:none;cursor:pointer}.logo{display:block;height:clamp(16px,1.6vw,22px);width:auto}.nav{display:flex;gap:32px;font-size:16px;font-weight:500}.nav-link{color:var(--fg3);transition:color var(--fade) var(--ease-out)}.nav-link.is-active{color:var(--fg1)}.nav-link:hover{color:var(--accent)}.nav-link[aria-disabled=true],.nav-link[aria-disabled=true]:hover{color:var(--fg3);cursor:default}.site-main{flex:1;width:100%;padding-bottom:var(--page-bottom)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 var(--gutter)}@media (max-width: 639px){.work-grid{grid-template-columns:minmax(0,1fr)}}.work-cell{position:relative;display:block;width:100%;aspect-ratio:16 / 9;background:var(--surface-2);overflow:visible}.work-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.work-thumb{position:absolute;top:0;left:0;display:block;width:calc(100% + 1px);height:calc(100% + 1px);object-fit:cover;pointer-events:none}.work-overlay{position:absolute;top:0;right:-1px;bottom:-1px;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--overlay);opacity:0;transition:opacity var(--fade) var(--ease-out)}.work-cell:hover .work-overlay,.work-cell:focus-visible .work-overlay{opacity:1}.work-badge{position:absolute;left:clamp(8px,.8vw,12px);bottom:clamp(8px,.8vw,12px);padding:3px 6px;border-radius:3px;background:#0a152b99;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1;pointer-events:none}.work-title{color:#fff;font-weight:700;font-size:clamp(18px,1.8vw,28px);letter-spacing:-.02em;text-align:center}.project{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--bg);overflow-y:auto;overscroll-behavior:contain}.project-close{position:fixed;top:clamp(20px,3vw,40px);right:clamp(20px,3vw,40px);z-index:2;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--fg1);font:inherit;font-size:22px;line-height:1;cursor:pointer;transition:background var(--fade) var(--ease-out)}.project-close:hover{background:var(--surface-2)}.project-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-body{flex:1;width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter) var(--page-bottom);display:flex;flex-direction:column;gap:clamp(40px,5vw,72px)}.project-videos{display:flex;flex-direction:column;gap:clamp(32px,4vw,56px)}.project-video-item{display:flex;flex-direction:column;gap:16px}.project-video{width:100%;aspect-ratio:var(--video-aspect, 16 / 9);background:#000;overflow:hidden}.project-video iframe,.project-video video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}.project-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px;padding-bottom:clamp(32px,4vw,56px);border-bottom:1px solid var(--border)}.project-title{grid-column:1 / -1;margin:0;font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.15}.meta{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;font-weight:600;color:var(--fg3);letter-spacing:.04em;text-transform:uppercase}.meta-value{min-height:1.4em;font-size:18px;font-weight:500}.frames{display:flex;flex-direction:column;gap:24px}.frames-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.frames-grid--single{grid-template-columns:minmax(0,1fr)}.frames-grid--editorial{grid-template-columns:repeat(6,minmax(0,1fr))}.frame--full{grid-column:span 6}.frame--half{grid-column:span 3}.frame--third{grid-column:span 2}@media (max-width: 639px){.frames-grid--editorial .frame--half,.frames-grid--editorial .frame--third{grid-column:span 6}}.project-videos--cols-2,.project-videos--cols-3{display:grid;gap:clamp(24px,3vw,40px) clamp(12px,1.5vw,20px)}.project-videos--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.project-videos--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 639px){.project-videos--cols-2,.project-videos--cols-3{grid-template-columns:minmax(0,1fr)}}.frame{width:100%;background:var(--surface-2);overflow:hidden}.frame img{display:block;width:100%;height:auto}.frame-empty{aspect-ratio:16 / 9}.contact{display:flex;flex-direction:column;align-items:center;gap:32px;padding:clamp(40px,8vw,120px) var(--gutter);text-align:center}.contact-email{min-width:200px;min-height:1.1em;font-weight:700;font-size:clamp(28px,5vw,64px);letter-spacing:-.03em;line-height:1.1}.contact-intro{max-width:560px;min-height:1.7em;margin:0;font-size:17px;line-height:1.7;color:var(--fg2)}.site-footer{max-width:var(--max-w);width:100%;margin:0 auto;padding:32px var(--gutter) 40px;border-top:1px solid var(--border);display:flex;justify-content:center;font-size:14px;color:var(--fg3)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}