/* Bilingual typography and content-led work navigation. */
.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:var(--muted)}
.language-switch button{background:none;padding:9px 2px;font-size:10px;color:var(--muted)}
.language-switch button[aria-pressed=true]{color:var(--lime)}
.header-right{gap:22px}.header nav{gap:28px}.contact-nav{gap:14px}
.work-intro{max-width:660px;color:var(--muted);margin:-15px 0 35px;font-size:13px}
.work-filters{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 30px;border-top:1px solid var(--line)}
.work-filter{background:none;border:1px solid var(--line);border-radius:30px;padding:11px 17px;font-size:10px;color:var(--muted);transition:color .2s,background .2s}
.work-filter[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--bg)}
#portfolio{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:5%;align-items:start}
#portfolio[hidden],#award-panel[hidden]{display:none}
.film-column{display:flex;flex-direction:column;gap:40px;min-width:0}
#portfolio .film-column .project{margin-top:0}
#portfolio .film-column .project-visual{height:auto;aspect-ratio:16/9}
#portfolio .film-column img{object-fit:contain}
#portfolio .project[data-sector=social] .project-visual{background:#fbf9eb}
#portfolio .photo-gallery{grid-column:2;grid-row:auto}
#portfolio.work-single{grid-template-columns:minmax(0,1fr);max-width:800px}
#portfolio.work-single .photo-gallery{grid-column:1;max-width:520px}
.award-panel{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:32px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;margin-top:55px}
.award-panel>.mono{color:var(--lime);font-size:9px}.award-panel h3{font-size:30px;letter-spacing:-1px;line-height:1.2}.award-panel h3 span{color:var(--lime)}.award-panel p{font-size:12px;color:var(--muted)}
.contact h2{font-size:clamp(56px,7.7vw,115px);letter-spacing:-.055em}
html:lang(ko){word-break:keep-all;overflow-wrap:break-word}
html:lang(ko) h1{font-family:var(--font);font-size:clamp(70px,8.6vw,135px);letter-spacing:-.075em;line-height:1.14}
html:lang(ko) h2,html:lang(ko) h3{font-family:var(--font);letter-spacing:-.05em;line-height:1.2}
html:lang(ko) .serif{font-family:var(--font);font-style:normal;letter-spacing:-.05em}
html:lang(ko) .hero-bottom p{max-width:500px;line-height:1.9}
html:lang(ko) .service h3{font-size:clamp(30px,3.2vw,46px)}
html:lang(ko) .mono{letter-spacing:.4px}
.service h3{font-size:clamp(32px,3.8vw,49px)}
.contact-heading>p{max-width:620px}.contact-arrow{font-size:110px}
@media(max-width:1100px){.header-right{gap:14px}.header nav{gap:18px}.contact-nav{font-size:8px}.hero-bottom{gap:35px}}
@media(max-width:850px){.header .contact-nav{display:none}.award-panel{grid-template-columns:1fr 1.5fr}.award-panel p{grid-column:2}.hero-bottom p{font-size:12px}.hero-bottom .button{padding:18px;gap:22px}}
@media(max-width:700px){.header-right{gap:13px}.language-switch{gap:4px}.language-switch button{font-size:10px}.logo{font-size:22px}.logo span{font-size:6px}.header{gap:10px}.work-intro{margin:0 0 24px;font-size:12px}.work-filter{padding:10px 12px;font-size:9px}.work-filters{padding:18px 0 25px;gap:7px}#portfolio{grid-template-columns:1fr;gap:38px}#portfolio .photo-gallery{grid-column:1}.film-column{gap:35px}.award-panel{grid-template-columns:1fr;gap:18px;margin-top:35px;padding:25px 0}.award-panel p{grid-column:1}.award-panel h3{font-size:28px}.contact h2{font-size:clamp(44px,10vw,65px)}.contact-arrow{font-size:46px;top:20px}html:lang(ko) h1{font-size:clamp(40px,9.8vw,68px);line-height:1.2}.hero-content{top:38%}html:lang(ko) .hero-bottom p{font-size:12px}.hero-bottom .button{margin-top:23px}.capabilities{flex-wrap:wrap;row-gap:8px}.photo-choices{gap:8px}.photo-choice img{width:40px;height:60px}html:lang(ko) .statement-heading{font-size:40px}.service h3{font-size:34px}}
