@font-face{font-family:Instrument;src:url('/assets/fonts/instrument-sans-variable.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Pretendard;src:url('/assets/fonts/pretendard-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#fafafa;--ink:#161616;--muted:#646464;--line:#d5d5d5;--accent:#e84a16;--focus:#3040c8;--display:Instrument,Pretendard,sans-serif;--body:Geist,Pretendard,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:6px}::selection{background:var(--ink);color:var(--paper)}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:auto}.wrap{width:calc(100% - 80px);max-width:1680px;margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:9;background:var(--ink);color:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.studio-link{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-size:24px;font-weight:650;letter-spacing:-1.2px}.studio-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}nav{display:flex;gap:32px;margin-left:auto;margin-right:42px;font-size:14px}nav a{position:relative}nav a::after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}nav a:hover::after{transform:scaleX(1)}.languages{display:flex;gap:5px;align-items:center;font-size:12px;color:var(--muted)}.languages button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:6px}.languages button[aria-pressed=true]{color:var(--ink);font-weight:650}
.hero{padding-top:39px;padding-bottom:115px}.hero-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.025em}.hero h1{font-family:var(--display);font-size:clamp(100px,22.15vw,370px);line-height:.92;font-weight:600;letter-spacing:-.067em;margin:19px 0 64px;padding-right:.06em}.hero-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start}.hero-intro h2{font-family:var(--display);font-size:clamp(30px,3.4vw,56px);font-weight:450;line-height:1.28;letter-spacing:-.045em;white-space:pre-line}.hero-description{max-width:445px;justify-self:end;padding-top:5px}.hero-description p{font-size:17px;line-height:1.8;letter-spacing:-.015em}.text-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);margin-top:25px;padding:0 0 10px;font-size:14px}.text-link span:last-child{font-size:22px}
.work{padding-top:24px;border-top:1px solid var(--line);padding-bottom:117px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:32px}.section-heading h2,.studio-heading h2{font-size:16px;font-weight:500}.section-heading>span{font-size:12px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-image{position:relative;display:block;overflow:hidden;background:#e6e6e6;aspect-ratio:16/9}.project-image img{height:100%;object-fit:cover;transition:transform .5s}.project-image:hover img{transform:scale(1.025)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:grid;place-items:center;background:rgba(250,250,250,.92);color:var(--ink);border-radius:50%;transition:background .2s,transform .2s}.play svg{width:24px;height:24px;fill:currentColor}.project-image:hover .play{background:#fff;transform:translate(-50%,-50%) scale(1.08)}.watch{position:absolute;right:16px;bottom:16px;padding:8px 12px;background:rgba(22,22,22,.82);color:#fff;font-size:12px}.project-caption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;align-items:start}.project-caption h3{font-family:var(--display);font-size:27px;line-height:1.18;font-weight:500;letter-spacing:-.035em;white-space:pre-line}.project-caption>span{font-size:11px;color:var(--muted);text-align:right;padding-top:5px;line-height:1.7;max-width:155px}.project-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:14px;max-width:480px}
.studio{border-top:1px solid var(--line);padding-top:30px;padding-bottom:114px}.studio-summary{display:grid;grid-template-columns:1fr 2fr;gap:60px}.studio-heading p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:32px}.studio-copy{max-width:790px}.studio-copy .large-copy{font-family:var(--display);font-size:clamp(26px,3.15vw,49px);font-weight:450;letter-spacing:-.035em;line-height:1.3;white-space:pre-line;margin-bottom:27px}.studio-copy>p:not(.large-copy){font-size:16px;line-height:1.9;margin-top:15px;max-width:720px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:64px}.services article{border-top:1px solid var(--line);padding-top:18px}.services h3{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.025em;margin-bottom:14px}.services p{font-size:13px;line-height:1.9;color:var(--muted);white-space:pre-line}
.contact{border-top:1px solid var(--ink);padding-top:30px;padding-bottom:74px}.eyebrow{font-size:12px;color:var(--muted)}.contact h2{font-family:var(--display);font-size:clamp(26px,3vw,44px);font-weight:450;letter-spacing:-.035em;margin-top:17px}.email{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--display);font-size:clamp(27px,5.9vw,98px);letter-spacing:-.045em;line-height:1.1;margin-top:37px}.email:hover{color:var(--accent)}.email span{font-size:.8em}.contact>p{font-size:13px;color:var(--muted);margin-top:24px}.footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(min-width:1800px){.hero h1{font-size:370px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{padding-top:30px;padding-bottom:75px}.hero h1{margin-bottom:40px}.hero-intro{grid-template-columns:1.2fr 1fr;gap:25px}.hero-description p{font-size:14px}.project-caption{display:block}.project-caption>span{display:block;text-align:left;margin-top:7px;max-width:none}.project-caption h3{font-size:24px}.work{padding-bottom:75px}.studio-summary{grid-template-columns:1fr 2fr;gap:30px}.studio-copy>p:not(.large-copy){font-size:14px}.services{gap:20px}.services h3{font-size:20px}.studio{padding-bottom:75px}.footer{font-size:10px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{min-height:76px;gap:8px}.studio-link{font-size:21px;gap:5px}nav{gap:15px;margin:0 3px 0 auto;font-size:12px}.languages{font-size:11px;gap:0}.languages button{padding:5px 3px}.hero{padding-top:23px;padding-bottom:63px}.hero-label{font-size:10px;letter-spacing:0}.hero h1{font-size:21.2vw;margin:24px 0 35px}.hero-intro{grid-template-columns:1fr;gap:23px}.hero-intro h2{font-size:29px;line-height:1.3}.hero-description{justify-self:start;max-width:100%;padding:0}.hero-description p{font-size:14px;max-width:360px}.text-link{max-width:240px;font-size:12px;margin-top:20px}.section-heading{margin-bottom:23px}.section-heading h2,.studio-heading h2{font-size:14px}.section-heading>span{font-size:10px}.work-grid{grid-template-columns:1fr;gap:37px}.project-caption{display:flex;gap:12px;margin-top:16px}.project-caption h3{font-size:23px}.project-caption>span{margin-top:0;text-align:right;font-size:10px;max-width:140px}.project-note{font-size:12px;margin-top:11px}.play{width:48px;height:48px}.watch{right:12px;bottom:12px;font-size:11px}.work{padding-bottom:65px}.studio-summary{grid-template-columns:1fr;gap:30px}.studio-heading{display:flex;justify-content:space-between}.studio-heading p{margin-top:0;text-align:right;font-size:11px}.studio-copy .large-copy{font-size:27px;line-height:1.38;margin-bottom:23px}.studio-copy>p:not(.large-copy){font-size:14px}.services{grid-template-columns:1fr;gap:24px;margin-top:38px}.services article{padding-top:16px}.services h3{font-size:23px;margin-bottom:9px}.services p{font-size:12px}.studio{padding-bottom:65px}.contact{padding-top:24px;padding-bottom:50px}.contact h2{font-size:26px}.email{font-size:clamp(22px,7.1vw,39px);gap:8px;margin-top:26px}.contact>p{font-size:12px}.footer{flex-wrap:wrap;gap:12px;padding:20px 0;font-size:10px}.footer>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}