@font-face{font-family:Special Elite;src:url('assets/SpecialElite-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#302c27;background:#f5f2e9;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;padding:0}a,button{transition:opacity .2s,color .2s}a:hover,button:hover{color:#8d4b35}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #895136;outline-offset:5px}.skip{position:fixed;top:-100px;background:#302c27;color:white;z-index:50;padding:16px}.skip:focus{top:10px}header{height:106px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c2b5}.small-logo{font-family:Special Elite,monospace;font-size:32px;letter-spacing:-2px;display:flex;align-items:baseline;gap:9px}.small-logo span{font-size:15px;letter-spacing:-.4px}nav{display:flex;gap:42px;align-items:center}nav a{font-family:Special Elite,monospace;min-height:44px;display:flex;align-items:center;gap:5px}sup{font-family:monospace;font-size:9px;position:relative;top:-.25em}.contact-link{border-bottom:1px solid #6b6258;height:34px;font-size:12px}.contact-link span{margin-left:21px;font-size:17px}.hero{min-height:570px;height:calc(78vh - 106px);max-height:720px;display:flex;flex-direction:column;padding:27px 4.5% 33px}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;font:10px/1.6 'Courier New',monospace;letter-spacing:1.4px}.hero-brand{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:15px}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:400}.hero h1{font-family:Special Elite,monospace;font-size:clamp(88px,11vw,168px);line-height:1;margin:30px 0 17px;font-weight:400;letter-spacing:-9px}.studio-word{font-size:.35em;letter-spacing:-3px;margin-left:24px}.hero-caption{font-size:13px;color:#71695e;letter-spacing:.6px;line-height:1.8}.hero-bottom a{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.4px;padding:12px}.hero-bottom a span{padding-left:15px}.hero-bottom>span{width:32%}.hero-bottom .edition{text-align:right}.works{padding:0 4.5% 100px}.section-heading{border-top:1px solid #b9b2a5;padding-top:28px;display:flex;align-items:center;justify-content:space-between}.section-heading h2{font:22px Special Elite,monospace;margin:0}.section-heading h2 span{font:11px Arial,sans-serif;color:#746c60;margin-left:19px}.sample-note{font:9px 'Courier New',monospace;letter-spacing:1px;color:#70685c}.filter-line{display:flex;justify-content:space-between;align-items:center;margin:20px 0 27px}.filters{display:flex;gap:24px}.filters button{font:12px Special Elite,monospace;min-height:44px;position:relative;color:#756e64;white-space:nowrap}.filters button[aria-pressed=true]{color:#302c27}.filters button[aria-pressed=true]:after{content:'';height:1px;background:#302c27;position:absolute;bottom:4px;left:0;right:0;transform:rotate(-1deg)}.filters sup{margin-left:4px}#work-count{font:10px 'Courier New',monospace;letter-spacing:2px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.work-card{text-align:left;display:block;width:100%;}.frame{position:relative;overflow:hidden;aspect-ratio:1.55;background:#e1dbce}.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .65s,filter .4s}.work-card:hover img{transform:scale(1.035);filter:saturate(.9)}.frame:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0005)}.frame-label{position:absolute;z-index:1;bottom:16px;left:16px;color:white;font:10px 'Courier New',monospace;letter-spacing:1px}.play{position:absolute;right:14px;bottom:12px;color:white;border:1px solid #fff8;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;z-index:1;font-size:10px;padding-left:2px}.card-copy{display:flex;justify-content:space-between;padding-top:15px;align-items:baseline}.card-copy h3{font:18px Special Elite,monospace;font-weight:400;margin:0}.card-copy span{font:10px 'Courier New',monospace;color:#756c60}.card-sub{font-size:11px;margin:8px 0 0;color:#6f685f}.archive-note{text-align:center;color:#7a7166;font-size:11px;line-height:2;margin:52px 0 0}.studio-section{margin:0 4.5%;padding:86px 0 90px;border-top:1px solid #b9b2a5;display:grid;grid-template-columns:1fr 2fr}.section-no{font:11px 'Courier New',monospace;letter-spacing:1px}.studio-section h2{font-size:clamp(27px,3vw,42px);font-weight:400;line-height:1.65;letter-spacing:-1.6px;margin:-10px 0 28px}.studio-section p{font-size:14px;line-height:2.2;color:#70685e}.services{display:flex;gap:35px;font-size:11px;margin-top:36px}.contact-section{padding:76px 4.5% 95px;background:#ebe6da;text-align:center}.contact-section>p{margin:42px 0 12px;color:#756d61;font-size:13px}.big-contact{font-size:clamp(27px,3.6vw,50px);letter-spacing:-2px;font-weight:400;border-bottom:1px solid #7c7261;padding:0 0 18px}.big-contact span{display:inline-block;margin-left:35px}.contact-sub{display:block;font-size:12px;margin-top:20px;color:#756d61}footer{margin:0 4.5%;min-height:150px;display:flex;justify-content:space-between;align-items:center;font:10px 'Courier New',monospace}footer p{line-height:2}footer p span{color:#756c60}dialog{border:1px solid #aaa08d;background:#f5f2e9;color:#302c27;padding:0;max-height:90vh;width:min(760px,92vw)}dialog::backdrop{background:#24221dde;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:20px;top:15px;width:44px;height:44px;font-size:20px;z-index:2}.inquiry-content,.film-content{padding:48px}.inquiry-content h2,.film-content h2{font-weight:400;font-size:38px;letter-spacing:-1.3px;margin:26px 0 12px}.form-intro{color:#786e61;margin-bottom:33px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 22px}label{display:block;font-size:12px;line-height:1.5}label>span{color:#9a5939}.full{grid-column:1/-1}input,select,textarea{width:100%;border:0;border-bottom:1px solid #b7ad9e;border-radius:0;background:transparent;padding:13px 0;font-size:14px;display:block;margin-top:5px;resize:vertical}select{min-height:48px}textarea{line-height:1.8}input::placeholder,textarea::placeholder{color:#8b8275;font-size:12px}.demo-note{font-size:11px;line-height:1.8;color:#796b5d;margin:24px 0 18px}.solid{background:#302c27;color:#f5f2e9;width:100%;padding:17px 20px;text-align:left;display:flex;justify-content:space-between}.solid:hover{background:#514436;color:white}.text-link{font-size:13px;border-bottom:1px solid #a59a8b;padding:14px 0;margin-top:16px}.film-content video{width:100%;max-height:52vh;background:#191714;margin-top:16px}.film-content>p:not(.eyebrow){font-size:12px;color:#746958;line-height:1.8}#review-values dt{font-size:11px;color:#867662;margin-top:20px}#review-values dd{margin:8px 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.review-label{margin-top:30px}@media(min-width:1600px){main,header,footer{max-width:1700px;margin-left:auto;margin-right:auto}header,footer{padding-left:4.5%;padding-right:4.5%}}@media(max-width:760px){header{height:85px;margin:0 6%}.small-logo{font-size:27px}.small-logo span{font-size:12px}nav{gap:20px}nav a{font-size:12px}nav a[href='#studio']{display:none}.contact-link{font-size:11px}.contact-link span{margin-left:8px}.hero{height:550px;min-height:unset;padding:23px 6% 24px}.hero-top{font-size:8px;letter-spacing:.5px}.hero h1{font-size:100px;letter-spacing:-6px;margin:27px 0 22px}.studio-word{display:block;font-size:30px;letter-spacing:-1px;margin:10px 0 0}.eyebrow{font-size:11px}.hero-caption{font-size:11px;max-width:235px;margin:0 auto;line-height:2}.hero-bottom{font-size:8px;letter-spacing:.4px}.hero-bottom .edition{display:none}.hero-bottom>span{width:auto}.works{padding:0 6% 65px}.section-heading{padding-top:23px;align-items:start}.section-heading h2{font-size:21px}.section-heading h2 span{display:block;margin:10px 0 0;font-size:10px}.sample-note{font-size:8px;max-width:104px;text-align:right;line-height:1.8}.filters{gap:16px;overflow-x:auto}.filters button{font-size:10px}.filters sup{font-size:8px;margin-left:2px}#work-count{display:none}.filter-line{margin:17px 0 20px}.work-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.frame{aspect-ratio:.85}.card-copy h3{font-size:16px}.card-copy>span{display:none}.card-sub{font-size:10px;line-height:1.6}.frame-label{font-size:8px;left:10px}.play{right:8px;width:25px;height:25px}.archive-note{font-size:10px;margin-top:35px}.studio-section{margin:0 6%;padding:48px 0 60px;grid-template-columns:1fr;gap:34px}.studio-section h2{font-size:28px}.studio-section p{font-size:12px}.services{gap:27px}.contact-section{padding:55px 6% 65px}.big-contact{font-size:27px;letter-spacing:-1.2px}.big-contact span{margin-left:15px}.contact-section>p{font-size:11px;margin-top:30px}.contact-sub{font-size:11px}footer{margin:0 6%;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:8px}footer p{text-align:right}footer>a:last-child{text-align:right}.inquiry-content,.film-content{padding:40px 23px 28px}.form-grid{grid-template-columns:1fr;gap:21px}.full{grid-column:auto}.inquiry-content h2{font-size:32px}.inquiry-content .eyebrow{font-size:9px;padding-right:20px}.close{right:7px;top:7px}.film-content h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Wordmark revision: quieter typewriter forms and open spacing. */
@font-face{font-family:'Courier Prime';src:url('assets/CourierPrime-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.hero h1{font-family:'Courier Prime',monospace;font-size:clamp(88px,9vw,130px);letter-spacing:-4px;line-height:1.1;font-weight:400;margin:26px 0 22px}
.hero h1 .studio-word{font-size:.27em;letter-spacing:-1px;margin-left:22px}
.small-logo{font-family:'Courier Prime',monospace;font-weight:400;letter-spacing:-1px;font-size:30px;gap:10px}
.small-logo span{font-size:14px;letter-spacing:-.3px}
@media(max-width:760px){.hero h1{font-size:88px;letter-spacing:-2.5px}.hero h1 .studio-word{font-size:25px;letter-spacing:.5px;margin:4px 0 0}.small-logo{font-size:27px}.small-logo span{font-size:12px}}

/* Minimal copy: wordmark-only introduction. */
.hero-brand{padding-top:0}.hero{min-height:450px;height:calc(65vh - 106px);max-height:600px}.hero h1{margin:0}.contact-section{padding-top:85px;padding-bottom:85px}@media(max-width:760px){.hero{height:390px;min-height:390px}.contact-section{padding-top:60px;padding-bottom:60px}}

/* Generated transparent wordmark asset. */
.hero h1{width:min(620px,82vw);margin:0 auto;line-height:0}.wordmark-image{display:block;width:100%;height:auto}.small-logo{display:block;width:148px;line-height:0}.small-logo img{display:block;width:100%;height:auto}@media(max-width:760px){.hero h1{width:min(390px,88vw)}.small-logo{width:116px}}

/* Korean editorial typography: restrained print-like headings. */
@font-face{font-family:'Nanum Myeongjo';src:url('assets/NanumMyeongjo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.studio-section h2,.big-contact,.inquiry-content h2{font-family:'Nanum Myeongjo',serif;font-weight:400;letter-spacing:-.025em}
.studio-section h2{font-size:clamp(27px,2.5vw,36px);line-height:1.65;margin:0 0 26px}
.studio-section p{font-family:'Nanum Myeongjo',serif;font-size:15px;line-height:2;letter-spacing:0;color:#655e53}
.services{font-family:'Nanum Myeongjo',serif;font-size:12px;letter-spacing:.02em;gap:38px;margin-top:34px}
.big-contact{font-size:clamp(28px,3vw,42px);line-height:1.5;padding-bottom:14px}
.big-contact span{font-family:Arial,sans-serif;font-size:.7em;margin-left:36px;font-weight:400}
@media(max-width:760px){.studio-section h2{font-size:28px}.studio-section p{font-size:13px;line-height:2.1}.services{font-size:12px;gap:24px}.big-contact{font-size:30px}.big-contact span{margin-left:24px}}

/* Portfolio titles use neutral typography. */
.card-copy h3{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;font-weight:400;line-height:1.45;letter-spacing:-.015em}
@media(max-width:760px){.card-copy h3{font-size:15px}}

/* A quiet, one-time typewriter introduction using the generated logo. */
.hero h1{width:min(430px,68vw);position:relative;--typed:100%}
.brand-copy{font-family:'Nanum Myeongjo',serif;font-size:12px;font-weight:400;line-height:1.8;letter-spacing:.035em;color:#746b60;margin:10px 0 0}
@media(max-width:760px){.hero h1{width:min(300px,76vw)}.brand-copy{font-size:11px;margin-top:12px}}
@media(prefers-reduced-motion:no-preference){
.hero-brand.is-typing h1{animation:wordmark-type 2.3s steps(1,end) .25s both}
.hero-brand.is-typing .wordmark-image{clip-path:inset(0 calc(100% - var(--typed)) 0 0)}
.hero-brand.is-typing h1::after{content:'';position:absolute;left:var(--typed);top:27%;height:44%;width:1px;background:#776653;animation:typing-cursor 2.65s linear both;pointer-events:none}
.hero-brand.is-typing .brand-copy{animation:copy-appear .65s ease 2.45s both}
}
@keyframes wordmark-type{0%{--typed:3%}8%{--typed:15%}19%{--typed:27%}28%{--typed:33%}40%{--typed:46%}52%{--typed:58%}62%{--typed:66%}69%{--typed:72%}76%{--typed:79%}83%{--typed:85%}90%{--typed:90%}97%,100%{--typed:100%}}
@keyframes typing-cursor{0%,12%,24%,36%,48%,60%,72%,84%{opacity:.65}6%,18%,30%,42%,54%,66%,78%,90%,100%{opacity:0}}
@keyframes copy-appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Match typing stops to the new condensed image letter positions. */
@keyframes wordmark-type{0%{--typed:12%}8%{--typed:22%}19%{--typed:33%}28%{--typed:39%}40%{--typed:51%}52%{--typed:61%}62%{--typed:66%}69%{--typed:70%}76%{--typed:75%}83%{--typed:80%}90%{--typed:83%}97%,100%{--typed:100%}}

/* Reference-led ribbon-print wordmark. */
.wordmark-image,.small-logo img{mix-blend-mode:multiply}
@keyframes wordmark-type{0%{--typed:3%}8%{--typed:12%}19%{--typed:21%}28%{--typed:25%}40%{--typed:35%}52%{--typed:44%}62%{--typed:56%}69%{--typed:64%}76%{--typed:74%}83%{--typed:82%}90%{--typed:89%}97%,100%{--typed:100%}}

.wordmark-image,.small-logo img{mix-blend-mode:normal}

/* Typewritten Korean image labels; accessible text remains in alt/aria-label. */
.brand-copy{width:225px;max-width:70vw;margin:-6px auto 0;line-height:0}.brand-copy img{display:block;width:100%;height:auto}.big-contact{display:inline-flex;align-items:center;padding-bottom:3px;gap:24px}.big-contact img{display:block;width:260px;max-width:58vw;height:auto}.big-contact span{margin-left:0;font-size:27px}@media(max-width:760px){.brand-copy{width:205px;margin:-4px auto 0}.big-contact{gap:16px}.big-contact img{width:210px}.big-contact span{font-size:23px}}

/* Consolidate inquiries in the prominent header action. */
.contact-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;height:auto;padding:13px 19px;background:#302c27;color:#f5f2e9;border:1px solid #302c27;border-radius:2px;font-size:12px;line-height:1.3;letter-spacing:.02em;transition:background .2s,border-color .2s,transform .2s}
.contact-link span{margin-left:0;font-size:17px;line-height:1}
.contact-link:hover{background:#514436;border-color:#514436;color:#fffaf0;transform:translateY(-1px)}
.contact-link:active{transform:translateY(0)}
footer{border-top:1px solid #c8c2b5}
@media(max-width:760px){nav{gap:15px}.contact-link{padding:12px 13px;font-size:11px;gap:13px}.contact-link span{margin-left:0}.small-logo{width:108px}}