@font-face{font-family:GalleryNoto;src:url('/assets/fonts/NotoSansKR-Regular.woff')}@font-face{font-family:GalleryNoto;src:url('/assets/fonts/NotoSansKR-Bold.woff');font-weight:700}
:root{color-scheme:light;--ink:#222139;--muted:#59596d;--brand:#38366d;--line:#dedee7;--light:#eeedf5;--page:#fafafd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:73px}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 GalleryNoto,"Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}a{color:var(--brand);text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7373c5;outline-offset:4px}a:hover{text-decoration:underline}header{position:sticky;top:0;background:rgba(250,250,253,.96);border-bottom:1px solid var(--line);z-index:3}.wrap{max-width:1140px;width:calc(100% - 56px);margin:auto}.bar{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:16px}.brand{font-size:23px;letter-spacing:-1px;font-weight:700;color:var(--brand);text-decoration:none}.bar nav{display:flex;align-items:center;gap:20px}.bar nav a{font-weight:700;text-decoration:none;font-size:14px}.bar .lang{border-left:1px solid var(--line);padding-left:17px}main{padding:42px 0 0}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,4.5vw,57px);line-height:1.18;letter-spacing:-.05em}h2{font-size:clamp(24px,2.8vw,35px);line-height:1.28;letter-spacing:-.04em}h3{font-size:21px;line-height:1.35;letter-spacing:-.03em}.intro{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.meta{font-size:14px;color:var(--muted);margin-top:8px}.arrow{white-space:nowrap;font-size:14px;font-weight:700}.hero{background:linear-gradient(118deg,#28264e,#403f76);color:white;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}.hero video,.card video,.reelpanel video{background:#0e0e18;display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.hero video{align-self:center}.hero .copy{padding:clamp(20px,3vw,40px);align-self:center}.hero .copy p{color:#eeedf6;margin:12px 0}.hero .copy .meta{color:#d7d5e6;margin:0 0 13px}.hero a{color:white}.copy .arrow{display:inline-block;margin-top:6px}.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:20px;margin-top:20px}.card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.card .copy{padding:18px 20px 20px}.card .copy p{margin:8px 0;color:var(--muted);font-size:15px}.card a{font-size:13px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.04em}.section{padding:40px 0;border-bottom:1px solid var(--line)}.section>.meta{margin-bottom:18px}.reels{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.reels button{border:1px solid #cbcbd9;border-radius:8px;padding:9px 14px;background:white;color:var(--ink);font:inherit;font-size:14px;font-weight:700}.reels button[aria-pressed=true]{background:var(--brand);color:white;border-color:var(--brand)}.reelpanel{margin:16px 0 0;max-width:780px}.reelpanel video{border-radius:10px}.reelmeta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px}.credits details{border-top:1px solid var(--line);padding:16px 0}.credits details:first-of-type{margin-top:20px}.credits summary{display:flex;gap:20px;align-items:baseline;list-style:none}.credits summary::-webkit-details-marker{display:none}.credits summary:after{content:'+';margin-left:auto;color:var(--brand);font-size:20px}.credits details[open] summary:after{content:'−'}.years{color:var(--brand);font-size:14px;font-weight:700}.credits strong{font-size:18px}.credits .meta{margin:5px 0 10px}.credits ul{columns:2;column-gap:35px;margin:0;padding:0;list-style:none}.credits li{break-inside:avoid;font-size:14px;line-height:1.6;margin:0 0 6px;padding-left:11px;position:relative}.credits li:before{content:'·';position:absolute;left:0;color:var(--brand);font-weight:bold}footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0 32px;font-size:13px}footer a{text-decoration:none}[hidden]{display:none!important}
@media(max-width:770px){.hero{grid-template-columns:1fr}.hero .copy{padding:20px}.intro{display:block}.intro>.arrow{display:inline-block;margin-top:10px}.wrap{width:calc(100% - 32px)}main{padding-top:24px}.section{padding:30px 0}.credits ul{columns:1}.bar nav{gap:12px}.bar nav a{font-size:12px}.bar .lang{padding-left:9px}.cases{gap:12px}.credits summary{gap:8px;flex-wrap:wrap}.reelmeta{flex-wrap:wrap}}
@media(max-width:400px){.bar{gap:6px}.bar nav{gap:8px}.credits strong{font-size:16px}.hero,.card{border-radius:10px}.bar .brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.archive-projects ul{margin-top:12px}.archive-projects a{text-decoration:none}.archive-projects a:hover{text-decoration:underline}
.studio-summary{margin:36px 0 12px;padding:clamp(20px,3.2vw,40px);border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:12px;background:white;scroll-margin-top:8px}
.studio-id{font-size:14px;font-weight:700;color:var(--brand);margin:0 0 8px}.studio-intro{max-width:82ch;margin:12px 0 22px}
.studio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;gap:16px}.studio-metrics>div{display:flex;flex-direction:column-reverse;justify-content:flex-end}.studio-metrics dt,.studio-basis{color:var(--muted);font-size:13px}.studio-metrics dd{margin:0;color:var(--brand);font-weight:700;font-size:clamp(24px,3.1vw,38px);line-height:1.25}.studio-basis{margin:10px 0 4px}.studio-clients{font-size:14px;font-weight:700}
.studio-cycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 18px;gap:18px;list-style:none;padding:0}.studio-cycle li{border-top:2px solid #7d7a9f;padding-top:12px}.studio-cycle h3{font-size:18px}.studio-cycle p{font-size:14px;margin:6px 0 10px}.studio-cycle small{font-size:12px;color:var(--muted)}.studio-peso{padding-top:14px;border-top:1px solid var(--line);font-size:13px}.studio-peso a{white-space:nowrap;margin-left:4px}
@media(max-width:740px){.studio-cycle{grid-template-columns:1fr 1fr}.studio-metrics{gap:10px}.studio-metrics dd{font-size:24px}.studio-metrics dt{font-size:12px}}
@media(max-width:510px){.studio-summary{margin-top:24px}.studio-cycle{gap:16px}.studio-cycle h3{font-size:16px}.studio-metrics{grid-template-columns:1fr;padding:8px 0;gap:0}.studio-metrics>div{flex-direction:row;align-items:baseline;justify-content:space-between;padding:5px 0}.studio-intro{font-size:15px}.bar nav{gap:8px}.bar nav a{font-size:12px}.bar .lang{padding-left:6px}}
@media(max-width:360px){.bar nav{gap:6px}.bar .brand{font-size:17px}.bar nav a{font-size:11px}.studio-cycle{grid-template-columns:1fr}}