@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f7f8f5;--ink:#171a19;--muted:#676c68;--line:#dce0d9;--lime:#d6fb52;--purple:#7161d4;--display:'Space Grotesk',sans-serif;--body:'DM Sans','Noto Sans KR',sans-serif;--gutter:clamp(22px,4.4vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}img{display:block;max-width:100%}button,input{accent-color:var(--lime)}:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}button:disabled{cursor:default}.wrap{padding-inline:var(--gutter);max-width:1720px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--lime);padding:10px}.skip:focus{top:10px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font:700 26px/1 var(--display);letter-spacing:-1.4px}.mark{width:31px;height:31px}.brand em{font-style:normal;font-weight:400}.nav{display:flex;gap:35px;align-items:center;font-size:14px;font-weight:600}.nav a{position:relative}.nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background:currentColor;transition:width .25s}.nav a:hover:after,.nav a[aria-current=page]:after{width:100%}.nav-end{display:flex;align-items:center;gap:24px}.lang{background:none;border:0;font:600 13px var(--display);padding:10px 0}.lang span{color:#9b9f99}.lang strong{color:var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:6px 13px;font-size:14px}.pill-link{font-size:14px;display:flex;align-items:center;gap:25px;border:1px solid #bec4bb;padding:9px 18px;border-radius:100px}.arrow{font:400 24px var(--body)}.eyebrow{font:500 12px/1.5 var(--display);letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:11px}.eyebrow:before{content:'+';font-size:18px;line-height:1}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:3vw;padding-block:64px 57px;align-items:center;min-height:655px}.hero h1{font:500 clamp(65px,7.25vw,116px)/1.015 var(--display);letter-spacing:-.075em;margin:26px 0 27px}.hero h1 .serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em}.hero-intro{font-size:16px;line-height:1.85;max-width:385px;color:#5b615b;word-break:keep-all;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:51px;padding:12px 24px;border:1px solid var(--ink);background:var(--ink);color:white;border-radius:4px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#333a30}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button.light{background:transparent;color:inherit;border-color:currentColor}.hero-art{position:relative;padding:25px 0 13px 20px;isolation:isolate}.hero-film{position:relative;background:#111414;border-radius:5px;overflow:hidden;aspect-ratio:1.06;transform:rotate(-4deg);box-shadow:0 30px 60px #192a1b19}.hero-film img{height:100%;width:100%;object-fit:cover;transform:scale(1.05);transition:transform 1s}.hero-film:hover img{transform:scale(1.13)}.frame-label{position:absolute;left:23px;top:20px;color:white;font:12px var(--display);letter-spacing:.08em;display:flex;justify-content:space-between;right:23px}.film-caption{position:absolute;bottom:21px;left:24px;color:white;right:24px;display:flex;justify-content:space-between;align-items:center;font:500 14px var(--display)}.play-circle{height:50px;width:50px;border:1px solid #ffffff66;display:grid;place-items:center;border-radius:50%;font-size:15px;backdrop-filter:blur(10px);background:#1115}.side-print{position:absolute;right:-10px;bottom:13px;width:29%;height:48%;object-fit:cover;border:6px solid var(--paper);transform:rotate(8deg);box-shadow:0 10px 25px #0002}.sticker{position:absolute;right:-13px;top:8px;background:var(--lime);color:var(--ink);width:106px;height:106px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;transform:rotate(13deg);font:600 11px/1.45 var(--display);letter-spacing:.04em;text-align:center;border:1px solid #bddb55}.sticker span{font-size:25px;line-height:1.2}.caption-under{padding-top:27px;font:12px var(--display);color:var(--muted);display:flex;gap:8px;justify-content:center}.ticker{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:21px;font:13px var(--display);color:var(--muted);gap:20px}.ticker b{color:var(--ink);font-weight:500}.section{padding-block:94px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-title{font:500 clamp(34px,4.25vw,66px)/1.1 var(--display);letter-spacing:-.055em;margin:14px 0 0}.section-desc{color:var(--muted);font-size:15px;max-width:360px;word-break:keep-all}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid;padding-bottom:5px}.feature{display:grid;grid-template-columns:1.13fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:white}.feature-visual{display:grid;grid-template-columns:1.2fr .7fr;background:#111614;position:relative;overflow:hidden;min-height:460px;gap:12px;padding:46px 23px;align-items:center}.feature-visual .large{width:100%;transform:rotate(-8deg);box-shadow:0 10px 35px #0008}.feature-visual .small{width:100%;height:330px;object-fit:cover;transform:rotate(8deg);box-shadow:0 10px 35px #0008}.feature-info{padding:45px;display:flex;flex-direction:column;align-items:start;justify-content:center}.project-meta{display:flex;gap:20px;align-items:center;font:12px var(--display);color:var(--muted)}.badge{border:1px solid #cad3bc;background:#eff4e6;padding:5px 10px;border-radius:100px;font:500 12px var(--body)}.feature h3{font:500 54px/1.1 var(--display);letter-spacing:-3px;margin:22px 0 14px}.feature p{color:var(--muted);line-height:1.95;font-size:16px;word-break:keep-all;margin:0 0 30px}.tags{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}.tag{font:12px var(--display);padding:6px 9px;border:1px solid var(--line)}.project-row{padding:25px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr 1fr auto;align-items:center;gap:20px}.project-row h3{font:500 24px var(--display);margin:0;letter-spacing:-.7px}.project-row p{color:var(--muted);margin:0;font-size:14px}.mono{font:12px var(--display);color:var(--muted)}.dark{background:#161b19;color:var(--paper)}.dark .eyebrow{color:#adb3a8}.dark .section-desc{color:#a8b0a8}.work-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:25px}.work-card{display:block;text-align:left;border:0;padding:0;color:inherit;background:none;min-width:0}.work-image{position:relative;overflow:hidden;aspect-ratio:1;background:#060906;border-radius:3px}.work-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.work-card:hover img{transform:scale(1.045)}.work-image .play-circle{position:absolute;right:16px;bottom:16px}.work-grid .work-card:nth-child(3) .work-image{aspect-ratio:.75}.work-grid .work-card:nth-child(2){padding-top:60px}.work-grid .work-card:nth-child(3){padding-top:115px}.work-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:17px 0 6px;font:500 22px var(--display);letter-spacing:-.7px}.work-card .mono{color:#a8b0a8}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.about-lead{font:500 clamp(30px,3.2vw,50px)/1.38 var(--body);letter-spacing:-.055em;word-break:keep-all;margin:0 0 24px}.about p{color:var(--muted);max-width:610px;word-break:keep-all}.principles{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:42px}.principles h3{font:500 18px var(--display);margin:12px 0}.principles p{font-size:14px;margin:0}.outro{background:var(--lime);padding-block:52px;display:flex;align-items:center;justify-content:space-between;gap:25px}.outro h2{font:500 clamp(35px,4.6vw,70px)/1.1 var(--display);letter-spacing:-.06em;margin:0}.footer{padding-block:38px}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:25px;font-size:13px}.footer-bottom{margin-top:38px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:20px}.big-wordmark{font:500 clamp(65px,13.2vw,222px)/1.1 var(--display);letter-spacing:-.075em;margin-top:20px;border-top:1px solid var(--line);padding-top:20px;white-space:nowrap}.big-wordmark span{color:#a6afa1}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:6px;z-index:150;font-size:14px;box-shadow:0 5px 25px #0003}.toast:empty{display:none}.reveal{animation:arrive .7s both}.hero-art{animation:arrive 1s .1s both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1720px){.dark,.outro{max-width:none}.hero h1{font-size:116px}}
@media(max-width:1000px){.header{height:80px}.nav{gap:20px}.nav-end{gap:16px}.pill-link{display:none}.hero{gap:25px;min-height:580px}.hero h1{font-size:8.6vw}.hero-intro{font-size:15px}.hero-art{padding-left:0}.sticker{width:85px;height:85px;font-size:9px}.feature-info{padding:30px}.feature-visual{min-height:380px}.feature h3{font-size:45px}.ticker{flex-wrap:wrap}.work-grid{gap:20px}.work-title{font-size:19px}.about{gap:40px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:77px;flex-wrap:wrap;position:relative;gap:10px}.brand{font-size:23px}.mark{width:27px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:var(--paper);border:1px solid var(--line);z-index:60;flex-direction:column;align-items:start}.nav.open{display:flex}.nav-end{gap:19px}.hero{grid-template-columns:1fr;padding-block:41px 36px;gap:26px;min-height:0}.hero h1{font-size:clamp(67px,14vw,96px);letter-spacing:-.074em;margin:20px 0 21px}.hero-intro{max-width:100%;font-size:15px}.hero-art{margin:0 10px 0 8px;padding-top:20px}.hero-film{aspect-ratio:1.24}.hero .eyebrow{font-size:11px}.sticker{right:-5px;top:0}.side-print{right:-7px}.caption-under{font-size:11px;padding-top:24px}.ticker{font-size:11px;padding-block:17px;gap:15px}.ticker span:nth-child(3){display:none}.section{padding-block:60px}.section-head{align-items:start;flex-direction:column;gap:15px;margin-bottom:28px}.section-title{font-size:39px}.section-desc{font-size:14px;margin:0}.feature{grid-template-columns:1fr}.feature-visual{min-height:0;height:310px;padding:27px}.feature-visual .small{height:260px}.feature-info{padding:29px}.feature h3{font-size:45px}.feature p{font-size:15px}.project-row{grid-template-columns:30px 1fr auto;gap:14px}.project-row p{display:none}.project-row h3{font-size:20px}.work-grid{grid-template-columns:1fr;gap:35px}.work-grid .work-card:nth-child(n){padding-top:0}.work-grid .work-card:nth-child(3) .work-image{aspect-ratio:1}.work-grid .work-card:nth-child(3) img{object-position:center 41%}.work-title{font-size:24px}.about{grid-template-columns:1fr;gap:28px}.about-lead{font-size:32px}.principles{gap:24px}.outro{align-items:start;flex-direction:column;padding-block:38px}.outro h2{font-size:45px}.footer-top{align-items:start;gap:25px;flex-direction:column}.footer-bottom{font-size:11px}.big-wordmark{font-size:13vw}.footer-links{gap:20px}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:360px){.header .brand{font-size:20px;gap:7px}.header .mark{width:23px;height:23px}.header .nav-end{gap:12px}.header .lang{font-size:11px}.header .menu-toggle{font-size:12px;padding:6px 9px}.footer-bottom{flex-wrap:wrap}}
html[lang=ko] .section-title{font-family:var(--body);font-size:clamp(32px,3.7vw,58px);line-height:1.3;letter-spacing:-.05em}
html[lang=ko] .outro h2{font-family:var(--body);font-size:clamp(30px,3.6vw,54px);line-height:1.3;letter-spacing:-.05em}