:root{--hm-font-korean:"Pretendard", "SUIT", "IBM Plex Sans KR", "Noto Sans KR", system-ui, sans-serif;--hm-text-12:.75rem;--hm-text-14:.875rem;--hm-text-16:1rem;--hm-text-18:1.125rem;--hm-text-20:1.25rem;--hm-text-24:1.5rem;--hm-text-32:2rem;--hm-text-40:2.5rem;--hm-text-52:3.25rem;--hm-text-64:4rem;--hm-text-80:5rem;--hm-leading-body:1.7;--hm-leading-heading:1.25;--hm-tracking-heading-ko:-.025em;--hm-headline-info:var(--hm-text-40);--hm-headline-brand:var(--hm-text-52);--hm-headline-campaign:clamp(var(--hm-text-40), 6vw, 5.5rem);--hm-space-1:4px;--hm-space-2:8px;--hm-space-3:12px;--hm-space-4:16px;--hm-space-6:24px;--hm-space-8:32px;--hm-space-12:48px;--hm-space-16:64px;--hm-space-24:96px;--hm-space-32:128px;--hm-section-dense:var(--hm-space-16);--hm-section-standard:var(--hm-space-24);--hm-section-cinematic:var(--hm-space-32);--hm-gutter:clamp(20px, 3.4vw, 48px);--hm-width-frame:1360px;--hm-width-content:1200px;--hm-width-split:880px;--hm-width-prose:720px;--hm-width-measure:560px;--hm-control-min:44px;--hm-header-height:64px}:root,[data-hm-radius=medium]{--hm-radius-surface:0px;--hm-radius-control:8px;--hm-radius-card:12px;--hm-radius-tag:999px}[data-hm-radius=sharp]{--hm-radius-surface:0px;--hm-radius-control:0px;--hm-radius-card:2px;--hm-radius-tag:999px}[data-hm-radius=soft]{--hm-radius-surface:0px;--hm-radius-control:999px;--hm-radius-card:20px;--hm-radius-tag:999px}[data-hm-premium]{--hm-premium-duration-feedback:.18s;--hm-premium-duration-state:.42s;--hm-premium-duration-scene:.8s;--hm-premium-ease-feedback:cubic-bezier(.2, .7, .2, 1);--hm-premium-ease-scene:cubic-bezier(.22, 1, .36, 1);--hm-premium-tilt-limit:3deg;--hm-premium-travel-limit:12px;--hm-premium-scale-limit:1.025;--hm-premium-control-size:44px;--hm-premium-stage-gap:clamp(24px, 4vw, 64px);--hm-premium-copy-measure:36rem}@media (hover:none),(pointer:coarse){[data-hm-premium]{--hm-premium-tilt-limit:0deg}}@media (prefers-reduced-motion:reduce){[data-hm-premium]{--hm-premium-duration-feedback:0s;--hm-premium-duration-state:0s;--hm-premium-duration-scene:0s;--hm-premium-tilt-limit:0deg;--hm-premium-travel-limit:0px;--hm-premium-scale-limit:1}}@font-face{font-family:SUIT;src:url(/fonts/SUIT-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--paper:#e9edf0;--surface:#dde4e8;--stage:#dfe5e8;--ink:#273943;--muted:#56676f;--line:#c3ced4;--accent:#4e6878;--hm-font-korean:"SUIT", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--hm-header-height) + 16px)}body{background:var(--paper);color:var(--ink);font:400 var(--hm-text-16)/var(--hm-leading-body) var(--hm-font-korean);word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0}img,video{max-width:100%;display:block}h1,h2,h3{line-height:var(--hm-leading-heading);letter-spacing:var(--hm-tracking-heading-ko);margin:0;font-weight:650}p,ol,dl,dd{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{z-index:20;background:var(--ink);color:var(--paper);padding:10px 14px;position:absolute;top:-80px;left:12px}.skip-link:focus{top:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fine{color:var(--muted);font-size:var(--hm-text-14);line-height:1.6}.button{min-height:var(--hm-control-min);border-radius:var(--hm-radius-control);font-size:var(--hm-text-16);cursor:pointer;transition:background-color var(--hm-premium-duration-feedback) var(--hm-premium-ease-feedback);border:0;justify-content:center;align-items:center;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:#3e5563}.button-quiet{background:var(--surface);color:var(--ink)}.button-quiet:hover{background:#cfd8dd}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#e9edf0f0;position:sticky;top:0}.header-inner{max-width:var(--hm-width-frame);height:var(--hm-header-height);padding:0 var(--hm-gutter);align-items:center;gap:40px;margin:0 auto;display:flex}.brand img{width:176px;height:auto}.site-header nav{font-size:var(--hm-text-16);gap:28px;margin-right:auto;display:flex}.site-header nav a{padding:10px 0;text-decoration:none}.site-header nav a:hover{color:var(--accent)}.hero{height:min(calc(100svh - var(--hm-header-height)), 860px);color:#eef2f4;background:#121b20;min-height:560px;position:relative;overflow:hidden}.hero-film{object-fit:cover;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}.hero-copy{max-width:var(--hm-width-frame);padding:0 var(--hm-gutter) clamp(40px, 7vh, 72px);margin:0 auto;position:absolute;bottom:0;left:0;right:0}.hero-meta{font-size:var(--hm-text-16);color:#b9c6cc;margin-bottom:12px}.hero h1{font-size:var(--hm-text-52);font-weight:650}.hero-lead{font-size:var(--hm-text-18);color:#d3dce0;margin:16px 0 28px}.hero-actions{flex-wrap:wrap;gap:8px;display:flex}.film-toggle{right:var(--hm-gutter);min-height:var(--hm-control-min);border-radius:var(--hm-radius-control);color:#eef2f4;font-size:var(--hm-text-14);cursor:pointer;background:#121b20b3;border:0;padding:0 16px;position:absolute;bottom:clamp(40px,7vh,72px)}.walk-in{color:#eef2f4;background:#15191b}.walk-in-sticky{display:none}.walk-in.is-scroll{height:250svh}.walk-in.is-scroll .walk-in-sticky{height:100svh;display:block;position:sticky;top:0;overflow:hidden}.walk-in.is-scroll .walk-in-still{display:none}.walk-in-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.walk-in-overlay{z-index:1;height:100%;max-width:var(--hm-width-frame);padding:calc(var(--hm-header-height) + 28px) var(--hm-gutter) 32px;pointer-events:none;grid-template-rows:auto 1fr auto;margin:0 auto;display:grid;position:relative}.walk-in-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.walk-in-top h2{font-size:var(--hm-text-32);text-shadow:0 1px 14px #00000073}.walk-in-label{font-size:var(--hm-text-14);color:#b9c6cc}.walk-in-caption{max-width:var(--hm-width-measure);background:#121618db;place-self:end start;margin-bottom:20px;padding:18px 22px 20px}.walk-in-caption h3{font-size:var(--hm-text-24)}.walk-in-caption p{color:#dbe3e6;margin-top:8px}.walk-in-foot{align-items:center;gap:20px;display:flex}.walk-in-progress{background:#eef2f440;flex:1;height:2px}.walk-in-progress span{transform-origin:0;background:#eef2f4;height:100%;display:block;transform:scaleX(0)}.walk-in-skip{pointer-events:auto;font-size:var(--hm-text-14);padding:12px 0}.walk-in-still{max-width:var(--hm-width-frame);padding:var(--hm-section-standard) var(--hm-gutter);margin:0 auto}.walk-in-still h2{font-size:var(--hm-text-32);margin-bottom:24px}.walk-in-still ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.walk-in-still img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin-bottom:12px}.walk-in-still h3{font-size:var(--hm-text-20);margin-bottom:6px}.walk-in-still p{color:#b9c6cc}.works{max-width:var(--hm-width-frame);padding:var(--hm-section-standard) var(--hm-gutter) 0;margin:0 auto}.works-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.works h2{font-size:var(--hm-text-32)}.works-head p{color:var(--muted)}.work-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.work{align-content:start;gap:6px;display:grid}.work img{aspect-ratio:4/3;object-fit:cover;background:var(--stage);width:100%;height:auto;margin-bottom:12px}.work h3{font-size:var(--hm-text-20)}.work-spec{font-size:var(--hm-text-16)}.work-size{font-size:var(--hm-text-14);color:var(--muted);margin-bottom:10px}.work .button{justify-self:start}.inspect{margin-top:var(--hm-section-standard);background:var(--stage)}.stage{height:min(76vh,760px);min-height:440px;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage-still{object-fit:contain;width:100%;height:100%}.stage[data-state=ready] .stage-still{visibility:hidden}.stage-status{z-index:1;font-size:var(--hm-text-14);color:var(--muted);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.stage-status:empty{display:none}.stage-caption{z-index:1;top:32px;left:max(var(--hm-gutter), calc((100% - var(--hm-width-frame)) / 2 + var(--hm-gutter)));pointer-events:none;max-width:360px;position:absolute}.stage-caption h2{font-size:var(--hm-text-24);margin-bottom:6px}.stage-caption p{font-size:var(--hm-text-14);color:var(--muted);line-height:1.6}.inspect-bar{max-width:var(--hm-width-frame);padding:16px var(--hm-gutter) 24px;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0 auto;display:flex}.control-group{background:var(--paper);display:inline-flex}.control-group label{position:relative}.control-group input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.control-group span,.control-group button{min-height:var(--hm-control-min);font-size:var(--hm-text-14);cursor:pointer;transition:background-color var(--hm-premium-duration-feedback) var(--hm-premium-ease-feedback), color var(--hm-premium-duration-feedback) var(--hm-premium-ease-feedback);background:0 0;border:0;align-items:center;padding:0 14px;display:inline-flex}.control-group input:checked+span,.control-group button[aria-pressed=true]{background:var(--accent);color:#fff}.control-group input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.cut{font-size:var(--hm-text-14);flex:220px;align-items:center;gap:10px;display:flex}.cut output{font-variant-numeric:tabular-nums;margin-left:4px}.cut input{accent-color:var(--accent);flex:1;min-height:32px}.readout{width:100%;font-size:var(--hm-text-14);color:var(--muted);font-variant-numeric:tabular-nums}.readout strong{color:var(--ink);margin-right:10px;font-weight:600}.method{max-width:var(--hm-width-frame);padding:var(--hm-section-standard) var(--hm-gutter) 0;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:48px;margin:0 auto;display:grid}.method-drawing{width:100%;height:auto}.method-drawing path{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.method h2{font-size:var(--hm-text-24);margin-bottom:16px}.method ol{max-width:var(--hm-width-measure);gap:8px;padding-left:1.2em;display:grid}@media (prefers-reduced-motion:no-preference){.js .method-drawing path{stroke-dashoffset:1px}.js .method-drawing.is-drawn path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.45,0,.2,1)}.js .method-drawing.is-drawn path:nth-child(2){transition-delay:.15s}.js .method-drawing.is-drawn path:nth-child(3){transition-delay:.3s}}.visit{max-width:var(--hm-width-frame);padding:var(--hm-section-standard) var(--hm-gutter);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:48px;margin:0 auto;display:grid}.visit h2{font-size:var(--hm-text-32);margin-bottom:20px}.visit dl{max-width:var(--hm-width-measure);margin-bottom:16px;display:grid}.visit dl div{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;gap:16px;padding:14px 0;display:grid}.visit dt{color:var(--muted)}.visit-form{background:var(--surface);gap:14px;padding:28px;display:grid}.visit-form h3{font-size:var(--hm-text-20)}.visit-form label{font-size:var(--hm-text-14);color:var(--muted);gap:6px;display:grid}.visit-form input,.visit-form select{min-height:var(--hm-control-min);border:1px solid var(--line);border-radius:var(--hm-radius-control);color:var(--ink);background:#f6f8f9;padding:0 12px}.visit-form .button{justify-self:start}.visit-result{font-size:var(--hm-text-16)}.visit-result:empty{display:none}.site-footer{border-top:1px solid var(--line);max-width:var(--hm-width-frame);padding:32px var(--hm-gutter) 48px;font-size:var(--hm-text-14);color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:32px;margin:0 auto;display:grid}.site-footer img{width:150px;height:auto}.footer-links{flex-wrap:wrap;gap:8px 24px;display:flex}.site-footer a{color:var(--ink);padding:10px 0}@media (width<=1024px){.site-header nav{display:none}.header-inner{justify-content:space-between}.method,.visit,.walk-in-still ol{grid-template-columns:1fr}.work-list{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(240px,1fr));padding-bottom:8px;overflow-x:auto}.work{scroll-snap-align:start}}@media (width<=640px){.brand img{width:140px}.header-cta{padding:0 14px}.hero{flex-direction:column;height:auto;min-height:0;display:flex}.hero-film{aspect-ratio:4/5;object-position:74% 50%;height:auto;position:relative}.hero-copy{padding-top:28px;position:relative}.hero h1{font-size:var(--hm-text-32)}.walk-in.is-scroll{height:210svh}.walk-in-top{flex-direction:column;gap:4px}.walk-in-top h2{font-size:var(--hm-text-24)}.film-toggle{top:12px;bottom:auto;right:12px}.work-list{grid-template-columns:repeat(3,78%)}.stage{height:64vh;min-height:360px}.stage-caption{top:20px;left:var(--hm-gutter);right:var(--hm-gutter)}.inspect-bar{gap:10px}.control-group{width:100%}.control-group label,.control-group button{flex:1}.control-group span{justify-content:center;width:100%;padding:0 6px}.control-group button{justify-content:center;padding:0 6px}.visit-form{padding:20px}.site-footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.button,.control-group span,.control-group button{transition:none}}.walk-in-marks{z-index:1;pointer-events:none;position:absolute;inset:0}.walk-mark{opacity:0;visibility:hidden;will-change:transform, opacity;transition:opacity .12s linear;position:absolute;top:0;left:0}.walk-mark-dot{background:var(--accent);width:8px;height:8px;position:absolute;top:-4px;left:-4px}.walk-mark-body{white-space:nowrap;font-size:var(--hm-text-14);color:#eef2f4;background:#121618db;align-items:baseline;gap:10px;padding:8px 14px;display:inline-flex;position:absolute;top:-16px;left:14px}.walk-mark-body strong{font-weight:650}.walk-mark-body>span{color:#b9c6cc}.walk-mark-action{pointer-events:auto;background:var(--accent);color:#fff;margin:-4px -8px -4px 4px;padding:6px 12px;font-weight:600;text-decoration:none}.walk-in-marklist{color:#b9c6cc;font-size:var(--hm-text-14);flex-wrap:wrap;gap:8px 28px;margin:24px 0 0;padding:0;list-style:none;display:flex}.walk-in-marklist strong{color:#eef2f4;margin-right:6px;font-weight:650}.hero{height:min(calc(100svh - var(--hm-header-height)),900px);background:#121b20;min-height:740px}.hero-film{object-position:center;width:72%;left:28%}.hero-copy{max-width:600px;margin:0;padding:0 48px;inset:48px auto auto 0}.hero-copy>*{max-width:460px}.hero h1{max-width:400px;font-size:clamp(36px,4vw,56px);line-height:1.25}.hero-lead{max-width:360px;margin:24px 0 32px;font-size:16px;line-height:1.7}.hero-meta{font-size:14px}.hero-studies{z-index:2;gap:12px;display:flex;position:absolute;bottom:40px;left:48px}.hero-studies button{color:#eef2f4;text-align:left;cursor:pointer;background:#26343b;border:0;width:120px;padding:0}.hero-studies img{object-fit:cover;width:120px;height:90px}.hero-studies span{min-height:44px;padding:12px;font-size:13px;display:block}.hero-studies button:hover{background:#3b4c55}.hero-studies button:focus-visible{outline-offset:4px;outline:2px solid #f0b384}.work-list{grid-template-columns:1.15fr .85fr;gap:72px 7%}.work:nth-child(2){padding-top:120px}.work:nth-child(3){grid-column:1/-1;width:70%;margin-inline:auto}.work img{aspect-ratio:4/3}@media (width<=900px){.hero-copy{max-width:490px;padding-inline:32px}.hero-studies{left:32px}.hero-film{width:80%;left:20%}.hero h1{font-size:42px}}@media (width<=650px){.hero{height:auto;min-height:940px;padding:32px 20px 560px}.hero-copy{max-width:none;padding:0;position:relative;top:auto;left:auto}.hero h1{max-width:300px;font-size:34px}.hero-lead{max-width:300px;margin:20px 0}.hero-film{object-position:center;width:100%;height:380px;top:auto;bottom:148px;left:0}.hero-studies{gap:8px;bottom:20px;left:20px;right:20px}.hero-studies button{width:calc(33.3333% - 5.33333px)}.hero-studies img{width:100%;height:74px}.hero-studies span{padding:10px 6px;font-size:11px}.film-toggle{bottom:164px;right:20px}.work-list{display:block}.work,.work:nth-child(2),.work:nth-child(3){width:100%;margin:0 0 40px;padding:0}}@media (prefers-reduced-motion:reduce){.hero-studies button{transition:none}}@media (width<=650px){.hero{display:block}.hero-film{aspect-ratio:auto;object-position:75% 50%;position:absolute}.film-toggle{top:auto}}