@font-face{font-family:BarlowCondensed;src:url('assets/type/barlow-condensed-200.woff2') format('woff2');font-weight:200;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url('assets/type/barlow-condensed-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Pretendard;src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/packages/pretendard/dist/web/static/woff2/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--ink:#111313;--paper:#eeefec;--muted:#aaadaa;--line:#ffffff30;--gutter:clamp(24px,5.4vw,104px);--display:BarlowCondensed,'Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Pretendard,Arial,'Malgun Gothic',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border-radius:0}.section-pad{padding-inline:var(--gutter)}.eyebrow{font:400 12px/1.5 Arial,sans-serif;letter-spacing:.14em}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;padding:12px;background:white;color:#111}.skip-link:focus{top:12px}
.site-header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:42px;padding:32px var(--gutter);height:108px;background:linear-gradient(#1012127a,transparent)}.brand{display:block;flex-shrink:0}.brand img{width:148px;height:auto}.brand>span{display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:.16em;margin-top:8px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(26px,3.4vw,62px)}.desktop-nav a{font:12px/1.5 Arial,sans-serif;letter-spacing:.08em;padding-block:8px;position:relative}.desktop-nav a::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover::after{transform:scaleX(1)}.desktop-nav a span{margin-left:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:36px;height:44px;padding:7px 0 7px 12px;border:0;background:transparent}.menu-toggle span{width:24px;height:1px;background:#eceeea;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#mobile-menu{position:absolute;top:108px;right:var(--gutter);width:260px;padding:22px 30px;background:#141716f5;border:1px solid var(--line);z-index:21}#mobile-menu a{display:block;padding:12px;font-size:14px;letter-spacing:.14em}
.cinema-hero{position:relative;isolation:isolate;min-height:760px;min-height:max(740px,100svh);overflow:hidden;background:#252d30}.cinema-media,.cinema-player,.cinema-shade{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cinema-media{z-index:-3}.cinema-poster{width:100%;height:100%;object-fit:cover;object-position:59% center;filter:saturate(.36) brightness(.76)}.cinema-player{opacity:0;transition:opacity 1.2s;filter:saturate(.55) brightness(.84)}.cinema-player iframe{position:absolute;top:50%;left:50%;width:var(--video-width,177.78vh);height:var(--video-height,100vh);max-width:none;transform:translate(-50%,-50%);border:0}.is-video-playing .cinema-player{opacity:1}.cinema-shade{z-index:-2;background:linear-gradient(90deg,#080b0de8 0%,#090d10a8 29%,#080b1030 65%,#080b1025),linear-gradient(0deg,#111313 0%,#11131388 10%,transparent 40%,#0b0d1030)}.hero-copy{padding:clamp(154px,19vh,224px) var(--gutter) 145px;max-width:860px}.hero-copy>.eyebrow{margin-bottom:20px;color:#e0e3e0}.hero-copy h1{font:200 clamp(82px,8.7vw,156px)/.87 var(--display);letter-spacing:.018em}.hero-copy h1 span{color:#d0d1cc}.hero-description{margin-top:30px}.fine-line{display:block;width:80px;height:1px;background:#c9ccc6a0;margin-bottom:22px}.hero-description p{font-size:17px;line-height:1.8;color:#d1d5d3}.outline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:50px;border:1px solid #dadeda85;padding:13px 19px;font:12px/1.5 Arial,sans-serif;letter-spacing:.12em;transition:background .25s,border-color .25s;margin-top:28px}.outline-link>span{font-size:24px;font-weight:200;line-height:1}.outline-link:hover{background:#ffffff17;border-color:white}.hero-caption{position:absolute;right:var(--gutter);bottom:150px;display:flex;align-items:flex-end;gap:30px;text-align:right}.project-index{border:1px solid #ffffff45;padding:15px 12px;font:12px/1.3 Arial;display:flex;flex-direction:column;align-items:center;gap:14px;color:#dce1df}.project-index>span{height:34px;width:1px;background:#ffffff55}.cinema-project{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cinema-project>.eyebrow{color:#c3c9c6;font-size:11px}.cinema-project-name{font:300 29px/1.3 var(--display);letter-spacing:.06em}.caption-link{font-size:13px;color:#c9d0cc}.caption-link>span{margin-left:20px}.hero-floor{position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);border-top:1px solid #ffffff30;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;font:11px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#bcc4c0}.hero-floor>a{display:flex;gap:25px;align-items:center}.hero-floor>a>span{font-size:19px}.cinema-toggle{border:0;background:transparent;padding:5px 0;font:12px/1.5 Pretendard,Arial;display:flex;align-items:center;gap:10px;letter-spacing:0;color:#d0d5d1}.cinema-toggle-icon{font:17px/1 Arial}.cinema-toggle:disabled{opacity:.6;cursor:wait}.cinema-notice{font-size:12px;letter-spacing:0}
.selected-section{padding-top:45px;padding-bottom:0}.section-rule{display:flex;align-items:center;gap:30px;margin-bottom:29px}.section-rule h2{font-weight:400;flex-shrink:0}.rule{height:1px;background:var(--line);flex:1}.section-rule>a{font:12px/1.5 Arial,sans-serif;letter-spacing:.08em;display:flex;align-items:center;gap:18px}.section-rule>a>span:last-child{font-size:24px}.count{font:11px/1.4 Arial,sans-serif;border:1px solid #ffffff48;padding:3px 7px;letter-spacing:0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-image{position:relative;overflow:hidden;background:#252d2e;aspect-ratio:1.19}.work-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.64);transition:transform .8s,filter .8s}.work-card:nth-child(1) .work-image img{object-position:65% center}.work-card:nth-child(3) .work-image img{object-position:center;filter:saturate(.8)}.work-card a:hover .work-image img{transform:scale(1.035);filter:saturate(1)}.work-corner{position:absolute;right:16px;top:11px;color:white;font-size:27px;opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}.work-card a:hover .work-corner{opacity:1;transform:none}.work-number{font:11px/1.4 Arial,sans-serif;color:#aeb5b1;letter-spacing:.055em;margin-top:20px}.work-card h3{font:300 clamp(28px,2.5vw,44px)/1.2 var(--display);letter-spacing:.035em;margin-top:8px}.work-card p{font-size:14px;color:#c2c7c3;margin-top:6px}.work-open{display:flex;align-items:center;justify-content:space-between;font:11px/1.4 Arial;letter-spacing:.1em;margin:20px 4px 0 0;color:#d4dad6}.work-open>span{font-size:24px}.expertise-paths{margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.expertise-paths>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 32px 30px 0;transition:background .3s}.expertise-paths>a+a{border-left:1px solid var(--line);padding-left:32px;padding-right:0}.expertise-paths .eyebrow{font-size:11px;color:#aeb7b2}.expertise-paths h3{display:flex;align-items:center;gap:18px;font-size:21px;font-weight:400;margin-top:9px}.expertise-paths .count{color:#bcc6bf}.expertise-arrow{font-size:33px;font-family:Arial;transition:transform .25s}.expertise-paths a:hover .expertise-arrow{transform:translate(4px,-4px)}
.studio-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:82px;padding-bottom:86px}.studio-section .eyebrow{color:#b0b8b2;margin-bottom:18px}.studio-section h2{font:200 clamp(55px,6vw,100px)/.95 var(--display);letter-spacing:.02em}.studio-copy>p:first-child{font-size:clamp(20px,2vw,29px);line-height:1.6}.studio-copy>.muted{font-size:16px;line-height:1.9;margin-top:22px}.studio-meta{display:flex;justify-content:space-between;gap:16px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font:10px/1.5 Arial;letter-spacing:.06em;color:#a9b2ab}
.contact-scene{position:relative;isolation:isolate;overflow:hidden;min-height:520px}.contact-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%;z-index:-3;filter:saturate(.46) brightness(.72)}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0e10d9 0%,#0a0e1082 40%,#0a0e1012 90%),linear-gradient(0deg,#0d111155,transparent 50%);z-index:-2}.contact-copy{padding:64px var(--gutter) 72px}.contact-copy>.eyebrow{font-size:11px;color:#d4d9d5;margin-bottom:18px}.contact-copy h2{font:200 clamp(66px,6.8vw,108px)/.93 var(--display);letter-spacing:.025em}.contact-copy>p:not(.eyebrow){margin-top:21px;font-size:16px;color:#d2d9d4}.contact-copy .outline-link{margin-top:24px}.scene-credit{position:absolute;bottom:27px;right:var(--gutter);font:10px/1.5 Arial;letter-spacing:.07em;color:#c1c8c0}.site-footer{padding-top:34px;padding-bottom:25px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:27px;border-bottom:1px solid var(--line)}.footer-brand img{width:112px;height:auto;opacity:.82}.footer-email{font:14px/1.6 Arial;letter-spacing:.04em}.footer-email>span{margin-left:20px;font-size:20px}.back-top{font:10px/1.5 Arial;letter-spacing:.08em;color:#aeb6b0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:23px;font-size:11px;color:#aeb6b0}.footer-bottom>span:first-child{font-family:Arial;letter-spacing:.07em}.people{display:flex;gap:25px}.people a{margin-left:10px;color:#d0d5d0}
@media(min-width:1800px){.hero-copy{padding-top:210px}.hero-description{margin-top:38px}.hero-caption{bottom:170px}.work-grid{gap:22px}.selected-section{padding-top:55px}}
@media(max-width:1000px){.site-header{gap:25px}.desktop-nav{gap:24px}.hero-copy{padding-top:160px}.hero-caption{gap:17px}.project-index{display:none}.cinema-project-name{font-size:25px}.work-grid{gap:13px}.work-number{font-size:10px}.work-card h3{font-size:31px}.studio-section{gap:7%}.studio-meta{flex-direction:column;gap:5px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{display:none}}
@media(max-width:700px){html{scroll-padding-top:30px}.site-header{height:88px;padding-block:24px}.brand img{width:121px}.brand>span{font-size:8px;margin-top:6px}.desktop-nav{display:none}.menu-toggle{margin-left:auto}#mobile-menu{top:88px;left:var(--gutter);right:var(--gutter);width:auto}.cinema-hero{min-height:max(800px,100svh)}.cinema-shade{background:linear-gradient(90deg,#070a0cdf,#070a0c80 60%,#070a0c26),linear-gradient(0deg,#111313,transparent 45%)}.cinema-poster{object-position:65% center}.hero-copy{padding-top:157px;padding-bottom:210px}.hero-copy h1{font-size:clamp(85px,19vw,130px);line-height:.91}.hero-copy>.eyebrow{font-size:10px;margin-bottom:23px}.hero-description{margin-top:26px}.hero-description p{font-size:16px}.fine-line{width:57px;margin-bottom:19px}.outline-link{margin-top:23px;min-height:48px;font-size:11px;gap:30px}.hero-caption{bottom:103px;left:var(--gutter);right:var(--gutter);text-align:left}.cinema-project{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:14px}.cinema-project>.eyebrow{display:none}.cinema-project-name{font-size:23px}.caption-link{font-size:12px}.caption-link>span{margin-left:9px}.hero-floor{bottom:23px;padding-top:20px;gap:15px;font-size:9px}.hero-floor>a{display:none}.cinema-toggle{font-size:11px}.selected-section{padding-top:32px}.section-rule{gap:18px;margin-bottom:22px}.section-rule h2{font-size:11px}.section-rule>a{font-size:10px;gap:10px}.section-rule>a .count{display:none}.rule{min-width:15px}.work-grid{grid-template-columns:1fr;gap:38px}.work-image{aspect-ratio:1.4}.work-number{margin-top:17px;font-size:11px}.work-card h3{font-size:38px}.work-card p{font-size:14px}.work-open{margin-top:13px}.expertise-paths{grid-template-columns:1fr;margin-top:37px}.expertise-paths>a{padding:25px 0}.expertise-paths>a+a{border-left:0;border-top:1px solid var(--line);padding:25px 0}.expertise-paths h3{font-size:20px}.expertise-paths .eyebrow{font-size:10px}.studio-section{grid-template-columns:1fr;gap:34px;padding-block:53px}.studio-section h2{font-size:68px}.studio-section .eyebrow{font-size:11px}.studio-copy>p:first-child{font-size:23px}.studio-copy>.muted{font-size:15px;margin-top:18px}.studio-meta{flex-direction:row;flex-wrap:wrap;margin-top:23px;font-size:9px;gap:12px}.contact-scene{min-height:505px}.contact-copy{padding-top:57px;padding-bottom:75px}.contact-copy h2{font-size:76px}.contact-copy>p:not(.eyebrow){font-size:14px;max-width:240px}.contact-scene>img{object-position:57% center}.scene-credit{left:var(--gutter);font-size:9px}.footer-main{flex-wrap:wrap;gap:23px;padding-bottom:23px}.footer-brand img{width:105px}.footer-email{font-size:13px}.back-top{display:none}.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px;padding-top:20px;font-size:11px}.people{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}