@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#f4f2ed;--ink:#20211e;--muted:#696a63;--line:#d4d4cb;--lilac:#d9cef2;--serif:'Noto Serif KR',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9370ca;outline-offset:6px}::selection{background:var(--lilac);color:var(--ink)}.wrap{width:min(1424px,calc(100% - 112px));margin-inline:auto}.eyebrow{font:500 11px/1.6 Arial,'Noto Sans KR',sans-serif;letter-spacing:1.6px}.serif{font-family:var(--serif);font-weight:400}.header{height:103px;padding:0 48px;display:flex;align-items:center;gap:58px}.wordmark{font:900 36px/1 Arial,sans-serif;letter-spacing:-2.5px;white-space:nowrap}.brand-dot{font-size:27px;display:inline-block;margin-left:4px;vertical-align:top;line-height:1}.header-tag{font:10px/1.5 Arial,sans-serif;letter-spacing:1px}.header nav{display:flex;gap:44px;margin-left:auto;font:500 14px Arial,sans-serif}.header nav a{padding-block:15px}.header nav a:hover{opacity:.55}.header nav span{margin-left:20px}.menu-toggle{display:none;background:none;width:42px;height:42px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:7px}.mobile-nav{padding:24px;position:absolute;top:82px;left:0;right:0;background:var(--paper);z-index:20}.mobile-nav a{display:block;font-size:28px;padding:15px;border-top:1px solid var(--line)}.hero{height:min(790px,calc(100svh - 120px));min-height:590px;position:relative;margin:0 16px;overflow:hidden;background:#2b2250;color:white}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{object-position:65% center;animation:hero-in 1.5s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(24,16,43,.65),rgba(24,16,43,.12) 68%),linear-gradient(0deg,rgba(22,13,35,.6),transparent 45%)}.hero-top{position:absolute;top:32px;left:40px;right:40px;display:flex;justify-content:space-between;font:10px Arial,sans-serif;letter-spacing:1.6px}.hero-copy{position:absolute;left:40px;top:50%;transform:translateY(-42%)}h1{font:500 clamp(66px,7.3vw,118px)/.99 Arial,sans-serif;letter-spacing:-6px}h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy p{margin-top:28px;font-size:16px;letter-spacing:.4px}.pill{display:inline-flex;align-items:center;gap:44px;border:1px solid currentColor;border-radius:80px;padding:15px 21px;font-size:12px;font-weight:500;margin-top:33px;transition:background .2s,color .2s,transform .2s}.pill:hover{background:var(--ink);color:white;transform:translateY(-2px)}.pill.light{background:white;color:var(--ink);border-color:white}.pill.light:hover{background:var(--lilac);border-color:var(--lilac)}.pill span{font-size:20px;line-height:1}.hero-feature{position:absolute;right:40px;bottom:36px;display:flex;flex-direction:column;gap:16px}.hero-feature .eyebrow{font-size:9px;letter-spacing:1.4px}.play-button{display:flex;gap:16px;align-items:center;background:none;color:white;text-align:left;padding:0;font-size:14px}.play-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff80;border-radius:100%;font-size:15px;padding-left:3px;transition:background .2s}.play-button:hover .play-icon{background:white;color:var(--ink)}.play-button small{display:block;font:9px Arial,sans-serif;letter-spacing:1px;margin-top:8px}.hero-index{position:absolute;bottom:37px;left:40px;font:9px Arial,sans-serif;letter-spacing:1.5px}.intro{display:grid;grid-template-columns:1fr 2fr;padding-block:130px 135px}.intro>.eyebrow{padding-top:13px}h2{font-size:clamp(30px,3.65vw,58px);line-height:1.4;letter-spacing:-2.8px;font-weight:500}.intro h2{font-size:clamp(38px,4.5vw,68px);line-height:1.4}.intro-bottom{display:flex;align-items:center;gap:65px;margin-top:45px}.intro-bottom p{font-size:14px;line-height:2.1;color:#55574f}.spark{font:94px/1 Georgia,serif;color:#9a81be}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-head h2{margin-top:18px}.section-number{font:11px Arial,sans-serif;letter-spacing:1px;padding-bottom:12px}.project-image{position:relative;overflow:hidden;display:block;background:#d9d4e4}.project-image img{width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.6,.3,1)}.feature-project .project-image{height:590px}.feature-project:hover img,.project:hover img{transform:scale(1.035)}.project-label{position:absolute;top:24px;left:24px;font:9px Arial,sans-serif;letter-spacing:1px;background:var(--paper);color:var(--ink);padding:10px 13px;border-radius:20px}.round-arrow{position:absolute;right:24px;bottom:24px;background:var(--paper);width:54px;height:54px;display:grid;place-items:center;border-radius:100%;font:28px Arial,sans-serif;transition:transform .3s}.project:hover .round-arrow,.feature-project:hover .round-arrow{transform:rotate(45deg)}.project-caption{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px;gap:20px;text-align:left}.project-caption .eyebrow{font-size:9px}.project-caption h3,.project-title{display:block;font-size:32px;font-weight:500;letter-spacing:-1.2px;margin-top:9px}.project-caption p{font-size:12px;line-height:1.9;padding-bottom:3px}.project-caption p span{color:var(--muted)}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:65px}.work-pair .project-image{height:370px}.work-pair .project-caption{display:block}.work-pair h3,.project-title{font-size:26px}.category{display:block;margin-top:12px;font:9px Arial,sans-serif;letter-spacing:1px;color:var(--muted)}.archive-project{padding:0;background:none;text-align:left;display:block}.work{padding-bottom:125px}.approach{background:#e6e1ed;padding-block:105px}.approach .section-head{margin-bottom:60px}.approach-lead{font-size:13px;line-height:1.9;margin-bottom:10px}.approach-rows{border-top:1px solid #bfb8c8}.approach-rows details{border-bottom:1px solid #bfb8c8;padding:28px 0}.approach-rows summary{display:flex;align-items:center;gap:50px;cursor:pointer;list-style:none}.approach-rows summary::-webkit-details-marker{display:none}.approach-rows summary>span:first-child{font:11px Arial,sans-serif}.approach-rows h3{font:400 clamp(21px,3vw,42px) Arial,sans-serif;letter-spacing:-1px}.plus{margin-left:auto;font:28px Arial,sans-serif;transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.approach-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 0 8px 65px}.approach-body p{font-size:13px;line-height:1.9}.approach-body p+p{color:#65606a}.film-strip{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;padding:10px;background:var(--paper)}.film-strip img{width:100%;height:280px}.contact{padding-block:115px 90px}.contact-title{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.contact h2{font-size:clamp(38px,5.7vw,86px);line-height:1.35}.contact-arrow{display:grid;place-items:center;width:130px;height:130px;border:1px solid var(--ink);border-radius:100%;font:70px Arial,sans-serif;transition:background .2s,transform .2s}.contact-arrow:hover{background:var(--lilac);transform:rotate(45deg)}.contact-bottom{margin-top:48px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.contact-bottom p{font-size:12px;color:var(--muted)}.contact-bottom a{font:21px Arial,sans-serif}.footer{border-top:1px solid var(--line);padding-block:40px;display:flex;align-items:center;gap:45px}.footer p{font-size:10px;line-height:1.8;color:var(--muted);margin-right:auto}.footer>a:not(.wordmark){font:11px Arial,sans-serif}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;z-index:100;padding:14px}.skip:focus{top:10px}dialog{border:0;padding:28px;background:var(--paper);color:var(--ink);max-height:90svh;overflow:auto}dialog::backdrop{background:#14121be6}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:22px}.dialog-head h2{font-size:18px;letter-spacing:-.6px}.dialog-head button{background:transparent;font-size:22px;min-width:42px;min-height:42px}.trailer-dialog{width:min(1000px,94vw)}#trailer-frame{aspect-ratio:16/9;background:black}#trailer-frame iframe{width:100%;height:100%;border:0}.trailer-dialog>p{font-size:12px;margin-top:16px}.trailer-dialog>p a{text-decoration:underline}.story-dialog{width:min(740px,94vw)}.story-dialog>img{width:100%;max-height:350px}.story-dialog>h2{font-size:32px;margin-top:24px}.story-dialog>p{font-size:14px;line-height:1.9;margin-top:18px}.story-dialog dl{font-size:12px;margin-top:30px}.story-dialog dl>div{display:flex;gap:25px;padding:15px 0;border-top:1px solid var(--line)}.story-dialog dt{min-width:95px;color:var(--muted)}.story-dialog dd{margin:0}.detail-hero{height:74svh;min-height:500px;position:relative;color:white;background:#332746}.detail-hero>img,.detail-hero .hero-shade{width:100%;height:100%;position:absolute;inset:0}.detail-hero-copy{position:absolute;left:56px;bottom:55px}.detail-hero h1{font-family:var(--serif);font-size:clamp(50px,7vw,100px);letter-spacing:-4px;margin:20px 0}.detail-hero-copy>p:last-of-type{font-size:14px}.detail-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;padding-block:95px}.detail-intro h2{font-size:36px;margin-bottom:25px}.detail-intro p{font-size:14px;line-height:2;color:var(--muted)}.detail-intro dl{margin:0}.detail-intro dl>div{display:grid;grid-template-columns:95px 1fr;border-top:1px solid var(--line);padding:16px 0;font-size:12px;line-height:1.7}.detail-intro dt{color:var(--muted)}.detail-intro dd{margin:0}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-gallery button{padding:0;background:none;overflow:hidden}.detail-gallery img{width:100%;height:350px;transition:transform .4s}.detail-gallery button:hover img{transform:scale(1.035)}.detail-section{padding-block:90px}.detail-section>.section-head{align-items:start}.detail-section>.section-head>p{font-size:13px;line-height:2;max-width:400px;padding-top:35px}.making-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.making-grid figure{margin:0}.making-grid img{width:100%;height:360px}.making-grid figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:13px}.poster-row{display:flex;justify-content:center;gap:35px;padding:70px;background:#e6e1ed}.poster-row button{padding:0;background:none}.poster-row img{height:440px;width:auto;object-fit:contain}.lightbox{padding:15px;width:fit-content;max-width:96vw;background:#16151b;color:white}.lightbox img{max-height:76svh;max-width:90vw;object-fit:contain}.lightbox .dialog-head{margin-bottom:8px}.lightbox .dialog-head h2{font-size:13px}.back-link{font-size:12px;display:inline-block;margin-top:40px;border-bottom:1px solid var(--ink);padding-bottom:8px}@keyframes hero-in{from{transform:scale(1.04);opacity:.4}to{transform:scale(1);opacity:1}}@media(min-width:1700px){.hero-copy{left:6vw}.hero-top,.hero-index{left:6vw}.hero-feature{right:6vw}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px;gap:35px}.hero-copy h1{font-size:82px}.feature-project .project-image{height:440px}.work-pair .project-image{height:280px}.intro{grid-template-columns:1fr 2.5fr}.intro-bottom{gap:30px}.film-strip img{height:210px}.detail-intro{gap:35px}.detail-gallery img{height:260px}.contact-arrow{width:100px;height:100px}.approach-body{grid-template-columns:1fr 1.3fr}.footer{gap:25px}}@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:82px;padding:0 20px;gap:0}.header .wordmark{font-size:32px}.header-tag{font-size:8px;margin-left:auto;margin-right:20px}.header nav{display:none}.menu-toggle{display:block}.hero{margin:0 8px;height:calc(88svh - 82px);min-height:570px}.hero-art{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#21162d99,transparent),linear-gradient(0deg,#21162d99,transparent 85%)}.hero-top{top:24px;left:22px;right:22px;font-size:8px}.hero-top span:first-child{max-width:140px;line-height:1.7}.hero-copy{left:22px;top:42%;transform:translateY(-25%)}.hero-copy h1{font-size:clamp(52px,11.8vw,82px);letter-spacing:-3px;line-height:1.03}.hero-copy p{font-size:12px;margin-top:22px}.pill{padding:12px 17px;font-size:11px;gap:30px;margin-top:26px}.hero-feature{left:22px;right:auto;bottom:30px;gap:12px}.hero-index{left:auto;right:22px;bottom:35px;font-size:7px;writing-mode:vertical-rl}.play-icon{width:45px;height:45px}.play-button{font-size:12px}.intro{display:block;padding-block:80px}.intro>.eyebrow{margin-bottom:28px}.intro h2{font-size:37px;letter-spacing:-1.8px}.intro-bottom{margin-top:28px;gap:22px;align-items:flex-start}.spark{font-size:57px}.intro-bottom p{font-size:12px;line-height:2}.eyebrow{font-size:9px;letter-spacing:1.2px}h2{font-size:31px;letter-spacing:-1.6px}.section-head{gap:16px;margin-bottom:28px}.section-head h2{margin-top:14px}.section-number{font-size:9px;white-space:nowrap;padding-bottom:6px}.feature-project .project-image{height:340px}.feature-project .project-image img{object-position:52% center}.project-label{top:15px;left:15px;font-size:7px;padding:8px 11px}.round-arrow{right:15px;bottom:15px;width:43px;height:43px;font-size:24px}.project-caption{display:block;margin-top:17px}.project-caption h3{font-size:27px}.project-caption p{font-size:11px;margin-top:12px}.work-pair{display:block;margin-top:38px}.work-pair .project{display:block;margin-top:38px;width:100%}.work-pair .project-image{height:275px}.work-pair h3,.project-title{font-size:24px}.work{padding-bottom:75px}.approach{padding-block:75px}.approach .section-head{display:block;margin-bottom:35px}.approach-lead{font-size:12px;margin-top:25px}.approach-rows summary{gap:22px}.approach-rows h3{font-size:21px;letter-spacing:-.5px}.approach-rows details{padding-block:24px}.approach-body{display:block;padding-left:35px;padding-top:22px}.approach-body p{font-size:12px}.approach-body p+p{margin-top:8px}.film-strip{grid-template-columns:1fr 1fr;gap:6px;padding:6px}.film-strip img{height:190px}.film-strip img:last-child{display:none}.contact{padding-block:75px 55px}.contact-title{gap:15px}.contact h2{font-size:36px;letter-spacing:-2px}.contact-arrow{width:65px;height:65px;min-width:65px;font-size:38px}.contact-bottom{display:block;margin-top:32px}.contact-bottom p{font-size:10px}.contact-bottom a{display:inline-block;margin-top:18px;font-size:20px}.footer{flex-wrap:wrap;padding-block:30px;gap:25px}.footer .wordmark{font-size:29px}.footer p{width:calc(100% - 140px);font-size:9px}.footer>a:last-child{margin-left:auto}.detail-hero{min-height:520px;height:70svh}.detail-hero-copy{left:24px;bottom:32px}.detail-hero h1{font-size:53px;letter-spacing:-3px}.detail-hero-copy>p:last-of-type{font-size:12px}.detail-intro{display:block;padding-block:55px}.detail-intro h2{font-size:29px}.detail-intro p{font-size:13px}.detail-intro dl{margin-top:35px}.detail-gallery{gap:10px}.detail-gallery img{height:180px}.detail-section{padding-block:60px}.detail-section>.section-head{display:block}.detail-section>.section-head>p{padding-top:20px;font-size:12px}.making-grid{display:block}.making-grid figure+figure{margin-top:28px}.making-grid img{height:280px}.poster-row{padding:35px 15px;gap:15px}.poster-row img{height:auto;max-height:330px;width:100%}.poster-row button{width:45%}.dialog-head{gap:15px}.dialog-head h2{font-size:15px}dialog{padding:20px}.story-dialog dl>div{gap:8px}.story-dialog dt{min-width:77px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-copy h1 em{display:block}.menu-toggle{margin-left:auto}.hero-copy{max-width:calc(100% - 44px)}}@media(max-width:430px){.header-tag{display:none}}
@media(max-width:700px){.hero-art{object-position:82% center}}

.contact-email{text-align:right}.contact-email .secondary-email{display:block;font-size:11px;margin-top:13px;color:var(--muted)}@media(max-width:700px){.contact-email{text-align:left}.contact-email .secondary-email{font-size:11px;margin-top:14px}}