/* Shared language navigation, including when JavaScript is unavailable. */
.nav { flex-wrap: wrap; column-gap: 1.5rem; row-gap: .6rem; padding-block: .75rem; }
.language-menu { display: flex; flex-wrap: wrap; gap: .25rem; }
.language-menu a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .35rem .55rem; border-radius: .5rem; }
.language-menu a[aria-current="page"] { background: var(--ink); color: var(--white); }
section[id] { scroll-margin-top: 9rem; }
.carousel-controls, .carousel-actions { flex-wrap: wrap; }
.carousel-actions { margin-left: auto; }
html:not(:lang(ko)) body { word-break: normal; overflow-wrap: anywhere; }
html:lang(ja) body { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; }
html:not(:lang(ko)) h1 { max-width: 18ch; font-size: clamp(2.6rem, 5.4vw, 5rem); line-height: 1.1; letter-spacing: -.045em; }
html:not(:lang(ko)) h1 .highlight { white-space: normal; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
html:not(:lang(ko)) h2, html:not(:lang(ko)) .identity-story h3, html:not(:lang(ko)) .project-body h3 { max-width: none; }
html:not(:lang(ko)) .contact-panel { grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr); }
html:not(:lang(ko)) .contact-panel h2 { font-size: clamp(2rem, 4vw, 3.2rem); }
.button { max-width: 100%; text-align: center; }
@media (max-width: 1050px) { .language-menu { width: 100%; justify-content: flex-end; } }
@media (max-width: 800px) { html:not(:lang(ko)) .contact-panel { grid-template-columns: 1fr; } }
@media (max-width: 520px) {
  .nav { column-gap: .5rem; }
  .language-menu { justify-content: center; }
  html:not(:lang(ko)) h1 { font-size: clamp(2.35rem, 11vw, 3.5rem); }
}
/* Keep the brand card lettering together at every card width. */
.studio-card { container-type: inline-size; }
.card-title { font-size: clamp(2rem, 22cqi, 6.4rem); overflow-wrap: normal; }
html:not(:lang(ko)) h1 .highlight { background: linear-gradient(transparent 76%, var(--accent) 76%, var(--accent) 94%, transparent 94%); }
html:not(:lang(ko)) h1 .highlight::after { display: none; }