@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--bg:#101010;--text:#f1efea;--muted:#aaa7a2;--line:#303030;--orange:#ff510d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans KR',Arial,sans-serif;letter-spacing:-.025em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}p{line-height:1.85}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}em{font-style:normal}.header,main,footer{max-width:1280px;margin:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:var(--bg);position:sticky;top:0;z-index:10}.logo{font:bold 28px Arial;letter-spacing:-1.5px;display:inline-flex;align-items:baseline}.logo span{font-weight:400}.logo i{display:block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-left:4px}nav{display:flex;gap:30px;color:#d6d3cc;font-size:13px}nav a:hover{color:var(--orange)}.hero{padding:58px 48px 76px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:20px}.hero h1{font-size:clamp(34px,4vw,58px);line-height:1.35;letter-spacing:-.055em}.hero-description{font-size:13px;color:var(--muted);margin-top:25px;line-height:1.9}.section{padding:0 48px}.work-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.work-head h2{font-size:18px}.work-head>span{color:#8b8882;font-size:11px;letter-spacing:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 30px}.project{display:block;width:100%;border:0;padding:0;background:none;text-align:left;min-width:0}.project-image{position:relative;aspect-ratio:16/9;background:#242424;overflow:hidden;border-radius:3px}.project-image img{height:100%;object-fit:cover;transition:transform .35s}.project:hover img{transform:scale(1.025)}.play{position:absolute;right:15px;bottom:15px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#171717b8;color:#fff;font-size:15px}.project-title{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:17px}.project-title h3{font-size:18px}.project-category{font-size:11px;color:#96938d;white-space:nowrap}.project>small{display:block;color:var(--muted);font-size:12px;margin-top:8px;line-height:1.7}.economy-art{height:100%;background:#1b1b1b;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#aaa7a2}.economy-art>span{font:11px Arial;letter-spacing:.05em}.economy-art strong{font-size:clamp(24px,3.4vw,44px);font-weight:500;line-height:1.3;color:var(--text)}.economy-art small{font-size:10px}.image-fallback::before{content:'studio.zip';position:absolute;inset:0;display:grid;place-items:center;color:var(--text);font-size:28px}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:110px;padding-top:45px;border-top:1px solid var(--line)}.about h2,.contact h2{font-size:19px}.about-copy>p{font-size:16px;line-height:1.9}.bio{margin-top:34px}.bio h3{font-size:14px}.bio h3 span{font:11px Arial;color:var(--muted);margin-left:12px}.bio p{font-size:12px;color:var(--muted);margin-top:10px}.contact{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:45px;margin-top:70px;padding-bottom:80px;border-top:1px solid var(--line)}.email{font:clamp(19px,2.1vw,28px) Arial;letter-spacing:-.03em;overflow-wrap:anywhere}.email span{color:var(--orange);font-size:20px;margin-left:12px}.contact p{font-size:12px;color:var(--muted);margin-top:14px}footer{padding:25px 48px 40px;display:flex;justify-content:space-between;font-size:11px;color:#8b8882}dialog{width:min(900px,92vw);max-height:90vh;padding:45px;background:#161616;color:var(--text);border:1px solid #353535;border-radius:4px;overflow:auto}dialog::backdrop{background:#000b}.close-dialog{position:absolute;right:16px;top:16px;background:none;border:0;color:#ddd;font-size:18px}.modal-open{overflow:hidden}dialog .eyebrow{margin-right:24px;font-size:11px;color:#b8b4ad}dialog h2{font-size:30px;margin-bottom:12px}.dialog-roles{font-size:12px;color:var(--muted);margin-bottom:26px}.video-frame{aspect-ratio:16/9;background:#080808;position:relative}.video-frame iframe{position:absolute;width:100%;height:100%;border:0}.case-copy{display:grid;gap:25px;margin:30px 0}.case-copy section{padding-top:20px;border-top:1px solid var(--line)}.case-copy span{display:none}.case-copy h3{font-size:15px;margin-bottom:9px}.case-copy p{font-size:14px;color:#bbb7af}.out-link{display:inline-block;font-size:13px;color:var(--text);border-bottom:1px solid #777;padding-bottom:5px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:#222;z-index:30}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.header{height:78px;padding:0 30px}.hero{padding:40px 30px 60px}.section{padding-left:30px;padding-right:30px}.project-grid{gap:35px 22px}.project-title h3{font-size:16px}.project>small{font-size:11px}.about,.contact{grid-template-columns:1fr 2fr;gap:25px}.about{margin-top:80px}footer{padding-left:30px;padding-right:30px}}
@media(max-width:560px){html{scroll-padding-top:85px}.header{height:72px;padding:0 23px}.logo{font-size:26px}nav{gap:20px;font-size:12px}.hero{padding:33px 23px 48px}.hero h1{font-size:34px}.eyebrow{margin-bottom:17px}.hero-description{font-size:12px;margin-top:20px}.section{padding-left:23px;padding-right:23px}.work-head{margin-bottom:22px}.work-head h2{font-size:16px}.work-head>span{font-size:10px}.project-grid{grid-template-columns:1fr;gap:33px}.project-title h3{font-size:18px}.project>small{font-size:12px}.about,.contact{grid-template-columns:1fr;gap:24px}.about{margin-top:70px;padding-top:30px}.about-copy>p{font-size:14px}.contact{margin-top:45px;padding-top:30px;padding-bottom:55px}.email{font-size:23px}footer{padding:20px 23px 30px}dialog{padding:40px 22px}dialog h2{font-size:26px}.case-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero h1{font-weight:600;font-size:clamp(32px,3.8vw,54px)}.service-line{display:flex;gap:24px;margin-top:26px;font-size:12px;color:#d5d1c9}.service-line span+span{border-left:1px solid #444;padding-left:24px}@media(max-width:560px){.hero h1{font-size:30px;line-height:1.45}.service-line{gap:15px;font-size:11px}.service-line span+span{padding-left:15px}}