@font-face{font-family:Pretendard;src:url(assets/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#202020;--muted:#595959;--line:#c8c8c8;--gap:40px;--body:21px;--caption:17px}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#f3f3ef;color:var(--ink);font:400 var(--body)/1.65 Pretendard,sans-serif;word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,h4,p,figure,dl,dd{margin:0}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #222;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:10}.skip:focus{top:16px}.review-note{background:#222;color:#fff;padding:14px 5%;display:flex;gap:24px;align-items:center;font-size:16px}.review-note span{color:#dedede}.site-header{width:min(92%,2800px);margin:0 auto;padding:32px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.name{font-size:30px;font-weight:750;text-decoration:none}.name span{font-size:18px;font-weight:400;margin-left:20px}.site-header nav{display:flex;gap:24px;flex-wrap:wrap}.site-header nav a{display:flex;align-items:center;min-height:44px;font-size:18px;text-decoration:none}.site-header nav a:hover{text-decoration:underline}main{width:min(92%,2800px);margin:0 auto}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:72px 0 96px;align-items:start}.kicker{font-size:18px;font-weight:550;margin-bottom:20px}h1{font-size:clamp(40px,2.8vw,88px);font-weight:750;line-height:1.2;letter-spacing:-.04em}.intro-side>p{font-size:26px;max-width:38ch}.intro-side address{margin:28px 0 40px}address{font-style:normal;display:flex;gap:12px 28px;flex-wrap:wrap}address a{display:inline-flex;min-height:44px;align-items:center;font-weight:600;font-size:20px}
.project{background:#fff;border:1px solid var(--line);margin:0 0 96px;padding:64px;scroll-margin-top:32px;break-inside:avoid}.project-head{padding-bottom:40px;border-bottom:2px solid #292929;margin-bottom:40px}.project-id{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--muted)}h2{font-size:48px;line-height:1.25;font-weight:750;letter-spacing:-.025em}.outcome{font-size:28px;line-height:1.45;font-weight:550;margin-top:18px;max-width:58ch}h3{font-size:27px;line-height:1.35;font-weight:700;margin-bottom:24px}h4{font-size:22px;font-weight:650;margin-bottom:8px}.project-content{display:grid;grid-template-columns:.8fr 1.6fr;gap:64px}.project-content>div{min-width:0}.featured{grid-template-columns:.65fr 1.6fr}.result{max-width:540px}.result .portrait{aspect-ratio:9/16}.summary>p+p{margin-top:20px}.brief{margin-bottom:28px;max-width:56ch}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.evidence-grid>div>p{font-size:var(--caption);color:var(--muted);margin:16px 0 24px}.media{background:#e9e9e7;border:1px solid #ccc;position:relative;overflow:hidden;width:100%}.media.portrait{aspect-ratio:9/16}.media.landscape{aspect-ratio:16/9}.media.comparison{aspect-ratio:9/8}.media>img,.media>video{width:100%;height:100%;display:block;object-fit:contain}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#315c4b;color:white;border:0;border-radius:50%;font-size:24px;cursor:pointer;display:grid;place-items:center}.play span{margin-left:3px}.play:hover{background:#254737}figcaption{padding-top:12px;color:var(--muted);font-size:var(--caption);line-height:1.5}.takeaway{margin-top:28px;padding:24px 0;border-top:1px solid var(--line)}.takeaway p{max-width:58ch}.facts{margin-top:24px;display:grid;gap:16px}.facts>div{display:grid;grid-template-columns:96px 1fr;gap:20px}.facts dt{font-size:var(--caption);color:var(--muted);font-weight:600}.facts dd{font-size:var(--caption)}.pipeline{list-style:none;padding:0;margin:28px 0;display:grid;gap:16px;counter-reset:step}.pipeline li{counter-increment:step;position:relative;padding-left:48px}.pipeline li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;font-size:var(--caption);font-weight:700}.pipeline strong{display:block;font-size:23px;font-weight:600}.pipeline span{font-size:var(--caption);color:var(--muted)}.three-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.other-case{margin-top:16px;font-size:var(--caption);color:var(--muted)}.input-equation{display:grid;grid-template-columns:1fr 32px 1fr;gap:16px;align-items:center;margin-bottom:32px}.input-group{min-width:0;padding:20px;background:#f4f4f2;border:1px solid #ccc;align-self:stretch}.input-group>p{font-size:var(--caption);margin-top:12px}.input-equation>span{font-size:32px;text-align:center}.characters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.characters figcaption{font-size:14px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.learning{margin-top:28px;font-size:var(--caption);color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}.error{padding:12px;font-size:var(--caption)}[hidden]{display:none!important}
.career-section{border-top:2px solid #333;padding:64px 0 96px;scroll-margin-top:32px}.careers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:40px}.careers article{padding-top:24px;border-top:1px solid var(--line)}.careers article>p:first-child{font-size:var(--caption);color:var(--muted);margin-bottom:12px}.careers h3{margin-bottom:12px}.careers article>p:last-child{margin-top:20px}.careers strong{font-size:var(--caption);font-weight:600}footer{padding:48px 0 64px;border-top:1px solid var(--line)}footer>strong{font-size:36px}footer address{margin-top:16px}footer>p{margin-top:32px;font-size:var(--caption);color:var(--muted)}
@media(min-width:2560px){:root{--body:28px;--caption:23px}.site-header{padding:40px 0}.name{font-size:40px}.name span,.site-header nav a{font-size:24px}.site-header nav{gap:36px}.intro{padding:80px 0 120px}.intro-side>p{font-size:34px}.intro-side address a{font-size:28px} .kicker{font-size:24px}.project{padding:80px;margin-bottom:128px}.project-id{font-size:24px}h2{font-size:64px}.outcome{font-size:38px}h3{font-size:36px;margin-bottom:28px}h4{font-size:30px}.project-head{margin-bottom:48px;padding-bottom:48px}.project-content{gap:80px}.facts>div{grid-template-columns:128px 1fr}.pipeline strong{font-size:30px}.pipeline li{padding-left:60px}.pipeline li:before{font-size:25px}.play{width:88px;height:88px;font-size:32px}.characters figcaption{font-size:18px}.input-group{padding:28px}.input-equation{gap:24px;grid-template-columns:1fr 40px 1fr}.careers{gap:64px}.career-section{padding:80px 0 128px}}
@media(max-width:1300px){.site-header{display:block}.site-header nav{margin-top:16px;gap:12px 24px}.intro{gap:40px}.project{padding:40px}.project-content{gap:40px;grid-template-columns:1fr 1.5fr}.featured{grid-template-columns:.75fr 1.5fr}.evidence-grid{grid-template-columns:1fr}.evidence-grid>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:16px}.evidence-grid>div:first-child>p{grid-column:1/-1;margin:0}.evidence-grid>div:first-child>figure:last-child{grid-column:2;grid-row:1}.input-equation{grid-template-columns:1fr}.input-equation>span{font-size:24px}.careers{gap:24px}.facts>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:900px){main,.site-header{width:calc(100% - 40px)}.intro,.project-content,.featured{grid-template-columns:1fr}.intro{padding:32px 0 48px;gap:32px}h1{font-size:44px}.intro-side>p{font-size:23px}.project{padding:28px;margin-bottom:64px;scroll-margin-top:20px}h2{font-size:38px}.outcome{font-size:25px}.project-head{padding-bottom:28px;margin-bottom:32px}.result{max-width:420px}.featured{gap:40px}.careers{grid-template-columns:1fr}.facts>div{grid-template-columns:96px 1fr;gap:16px}.summary{max-width:65ch}}
@media(max-width:600px){:root{--body:17px;--caption:15px}.review-note{display:block;padding:12px 20px;font-size:14px}.review-note span{display:block;margin-top:4px}.site-header{padding:20px 0}.name{font-size:27px}.name span{font-size:16px}.site-header nav a{font-size:15px}.site-header nav{gap:0 18px}.intro{padding-top:24px}h1{font-size:34px}h1 br{display:none}.kicker{font-size:16px}.intro-side>p{font-size:20px}.intro-side address{margin:20px 0 28px}address{gap:4px 12px}address a{font-size:17px}.project{padding:22px;margin-bottom:48px}.project-id{font-size:15px}h2{font-size:30px}.outcome{font-size:21px;margin-top:14px}h3{font-size:23px;margin-bottom:20px}h4{font-size:19px}.project-content{gap:32px}.result{max-width:320px}.evidence-grid,.three-media,.paired{grid-template-columns:1fr}.evidence-grid>div:first-child{display:block}.evidence-grid>div:first-child>p{margin:16px 0 20px}.three-media{gap:28px}.three-media .portrait,.paired .portrait{max-height:560px}.media.portrait{aspect-ratio:9/16}.input-group{padding:16px}.characters{gap:8px}.characters figcaption{font-size:12px}.facts>div{grid-template-columns:72px 1fr;gap:12px}.pipeline strong{font-size:20px}.career-section{padding:40px 0 64px}.careers{margin-top:32px;gap:32px}footer>strong{font-size:30px}footer{padding:32px 0 48px}}
.three-media .portrait,.paired .portrait{aspect-ratio:auto;height:540px}.evidence-grid .landscape{aspect-ratio:auto;height:240px}.evidence-grid .comparison{aspect-ratio:auto;height:500px}
@media(min-width:2560px){.result .portrait{aspect-ratio:auto;height:800px}.three-media .portrait,.paired .portrait{height:700px}.evidence-grid .landscape{height:300px}.evidence-grid .comparison{height:650px}}
@media(max-width:900px){.result .portrait{aspect-ratio:9/16;height:auto}.evidence-grid .comparison{height:auto;aspect-ratio:9/8}}
@media(max-width:600px){.three-media .portrait,.paired .portrait{height:480px}.evidence-grid .landscape{height:auto;aspect-ratio:16/9}}
.sticky-header{position:sticky;top:0;z-index:5;background:#f3f3ef;border-bottom:1px solid var(--line)}html{scroll-padding-top:var(--header-height,160px)}.intro,.project,.career-section{scroll-margin-top:24px}.site-header nav{flex-wrap:nowrap;overflow-x:auto}.site-header nav a{flex-shrink:0}
@media print{.review-note,.sticky-header,.play,.skip{display:none}body{background:white}main{width:100%}.project{margin-bottom:32px;padding:32px;break-before:page}.intro{padding:0 0 40px}h1{font-size:40px}}

.project-id,.kicker,.site-header nav a, address a{color:#315c4b}
.intro{grid-template-columns:1.7fr 1fr;align-items:center;gap:64px}.profile{display:flex;align-items:center;gap:40px;min-width:0}.profile-photo{width:clamp(160px,10vw,260px);height:auto;display:block;flex-shrink:0;border-radius:6px}.profile-info{min-width:0}.profile-info h1{font-size:clamp(44px,2.4vw,76px);margin-bottom:20px}.profile-info .kicker{margin-bottom:12px}.profile-statement{font-size:27px;font-weight:600;line-height:1.45}.profile-description{font-size:20px;color:var(--muted);margin-top:14px}.profile-contact{display:grid;gap:6px;margin-top:24px}.profile-contact a{gap:16px;text-decoration:none}.profile-contact span{font-size:16px;color:var(--muted);font-weight:400;min-width:46px}.profile-contact strong{font-weight:600}.category-heading{padding:24px 0 40px;scroll-margin-top:24px}.category-heading p{margin-top:12px;color:var(--muted);font-size:var(--caption)}.film-section{scroll-margin-top:24px}.film-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.film-cover{display:block;text-decoration:none}.film-cover img{object-fit:cover}.film-cover .play{font-size:24px;padding-left:3px}.film-cover:hover .play{background:#254737}.film-meta{font-size:var(--caption);color:var(--muted);margin-top:20px}.film-work-card h3{margin:10px 0 12px;font-size:25px}.film-role{font-size:var(--caption)}.film-role span{color:var(--muted);margin-right:12px}.film-archive-link{display:inline-flex;align-items:center;min-height:44px;margin-top:40px;color:#315c4b;font-size:var(--caption)}
@media(min-width:2560px){.profile{gap:48px}.profile-statement{font-size:34px}.profile-description{font-size:27px}.profile-contact a{font-size:27px}.profile-contact span{font-size:22px;min-width:64px}.profile-contact{margin-top:32px}.category-heading{padding-bottom:48px}.film-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.film-work-card h3{font-size:29px}.film-cover .play{font-size:32px}}
@media(max-width:1300px){.intro{grid-template-columns:1fr;gap:40px}.profile-description{font-size:21px}.intro-side{max-width:720px}}
@media(max-width:600px){.profile{gap:24px;align-items:flex-start;flex-direction:column}.profile-photo{width:136px}.profile-info h1{font-size:40px;margin-bottom:16px}.profile-statement{font-size:23px}.profile-description{font-size:17px}.profile-description br{display:none}.profile-contact{margin-top:20px}.profile-contact span{font-size:14px;min-width:40px}.category-heading{padding:0 0 28px}.film-work-grid{grid-template-columns:1fr;gap:32px}.film-work-card h3{font-size:23px}.film-meta{margin-top:14px}.film-archive-link{margin-top:28px}}
.intro{grid-template-columns:1.15fr 1fr;align-items:start}.intro-side>.intro-catchphrase{font-size:clamp(34px,1.85vw,68px);font-weight:750;line-height:1.28;letter-spacing:-.04em;max-width:none}
@media(max-width:1300px){.intro{grid-template-columns:1fr}}
@media(max-width:600px){.intro-side>.intro-catchphrase{font-size:30px}.intro-catchphrase br{display:none}}

.workflow-evolution{margin-top:36px}.evolution-label{font-size:var(--caption);font-weight:600;color:#315c4b}.workflow-evolution ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px}.workflow-evolution li{display:grid;grid-template-columns:68px 1fr;gap:20px;padding-top:16px;border-top:1px solid var(--line)}.workflow-evolution li>span{font-size:var(--caption);color:var(--muted);font-weight:600}.workflow-evolution li>p{font-size:19px;line-height:1.55}.project:not(.film-section) .project-head h2{max-width:29ch;text-wrap:balance;font-size:clamp(36px,1.75vw,68px)}.project:not(.film-section) .outcome{font-size:var(--body);font-weight:400;line-height:1.65;max-width:80ch;color:var(--muted)}
@media(min-width:2560px){.workflow-evolution li{grid-template-columns:90px 1fr;gap:24px}.workflow-evolution li>p{font-size:25px}.workflow-evolution ol{gap:20px}}
@media(max-width:600px){.workflow-evolution{margin-top:28px}.workflow-evolution li{grid-template-columns:48px 1fr;gap:12px}.workflow-evolution li>p{font-size:16px}.workflow-evolution br{display:none}.project:not(.film-section) .project-head h2{font-size:29px}}