@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
/* Shared by every page, including Work. */
.cinema-header{box-sizing:border-box;position:absolute;inset:0 0 auto;height:108px;width:100%;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:50;color:#20211f;font-family:'DM Sans','Noto Sans KR',sans-serif}
.cinema-header .wordmark{font-family:Manrope,sans-serif;font-size:52px;font-weight:800;line-height:1;letter-spacing:-5px;white-space:nowrap;user-select:none}
.cinema-header .wordmark span{font-family:Arial,sans-serif;font-size:11px;display:inline-block;vertical-align:top;letter-spacing:0;margin:9px 0 0 8px}
.cinema-header nav{display:flex;position:static;flex-direction:row;align-items:center;gap:30px;margin:0 0 0 auto;padding:0;background:none;color:inherit;font-size:17px;font-weight:500;white-space:nowrap}
.cinema-header nav a{position:relative;padding:8px 0;line-height:1.5}
.cinema-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.cinema-header nav a:hover:after,.cinema-header nav a[aria-current=page]:after{transform:scaleX(1)}
.locale-control{position:relative;display:flex;align-items:center;flex-shrink:0;margin-left:8px}
.locale-control:after{content:'⌄';position:absolute;right:0;pointer-events:none;font-size:15px}
.locale-control select{appearance:none;-webkit-appearance:none;width:84px;padding:10px 15px 10px 4px;border:0;border-radius:0;background:transparent;color:inherit;font:500 14px Manrope,sans-serif;cursor:pointer;line-height:1.4}
.locale-control select:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cinema-header .mobile-menu{display:none;margin:0;cursor:pointer}
body[data-layout] #work{padding-top:108px}
html:not([lang=ko]) .page-hero-grid h1{font-size:clamp(35px,4.5vw,76px);line-height:1.2;letter-spacing:-.045em;overflow-wrap:break-word}
html:not([lang=ko]) .concept-copy h2{font-size:clamp(34px,4.5vw,75px);letter-spacing:-.04em;line-height:1.2}
html:not([lang=ko]) .concept-copy p{max-width:650px}
html:not([lang=ko]) .next-project>a{font-size:clamp(40px,5.4vw,90px)}
@media(max-width:1000px) and (min-width:761px){.cinema-header{gap:20px}.cinema-header nav{gap:21px;font-size:16px}.cinema-header .locale-control{margin-left:0}html[lang=en] .cinema-header nav{font-size:15px}}
@media(max-width:760px){
 .cinema-header{height:80px;padding:0 6%;gap:15px}
 .cinema-header .wordmark{font-size:43px;letter-spacing:-4px}
 .cinema-header .wordmark span{font-size:10px;margin:7px 0 0 7px}
 .cinema-header nav{display:none;position:absolute;top:78px;left:4%;right:4%;padding:28px;background:#20211f;color:#f8f8f4;flex-direction:column;align-items:flex-start;gap:18px;font-size:20px;margin:0;box-shadow:0 15px 30px #0002}
 .cinema-header.menu-open nav{display:flex}
 .cinema-header .locale-control{margin:0 0 0 auto}
 .cinema-header .locale-control select{font-size:13px;width:75px}
 .cinema-header .mobile-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;width:34px;height:34px;border:0;background:none;color:inherit}
 .cinema-header .mobile-menu span{display:block;width:20px;height:1px;background:currentColor;transition:transform .2s}
 .cinema-header.menu-open .mobile-menu span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .cinema-header.menu-open .mobile-menu span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 body[data-layout] #work{padding-top:80px}
 html:not([lang=ko]) .page-hero-grid h1{font-size:clamp(32px,8vw,50px)}
 html:not([lang=ko]) .concept-copy h2{font-size:8.5vw;max-width:88vw}
 html:not([lang=ko]) .concept-copy p{font-size:15px;max-width:85vw}
}