/* Shared Japanese layout corrections; keep the English layout unchanged. */
html:lang(ja) #projects-main-title-wrapper{font-size:12.5vw}
html:lang(ja) #projects-main-title{white-space:nowrap}
html:lang(ja) #projects-main-title-project-arrow{bottom:1vw}
html:lang(ja) #header-menu-newsletter-title{font-size:2em;line-height:1.35}

/* Use the existing side column's whitespace for the longer translated labels. */
html:lang(ja) #project-details-right{padding-left:4%}

/* The shared contact animation must use a full Japanese glyph slot. */
html:lang(ja) #end-section-title{margin-top:.25em;--font-size:8vw}
html:lang(ja) .end-section-title-link-word{height:1em;vertical-align:top}
html:lang(ja) .end-section-title-link-word .char-wrapper{top:0;transform:none!important}
html:lang(ja) .end-section-title-link-word .char{height:1em;line-height:1}
html:lang(ja) .end-section-title-link-word .char-wrapper .char + .char{display:none!important}
html:lang(ja) #end-section-title-link .end-section-title-link-line{height:1.3em}
html:lang(ja) #end-section-title-link .end-section-title-link-line:last-child{bottom:0}
html:lang(ja) :is(#end-section-title-top-decoration,#end-section-title-bottom-left-decoration,#end-section-title-bottom-right-decoration){display:none}

@media(max-width:812px){
  html:lang(ja) #about-clients-title{font-size:8vw}
  html:lang(ja) #project-details-right{padding-left:0}
  html:lang(ja) #project-details-side-list{grid-template-columns:minmax(0,1fr);row-gap:2em}
  html:lang(ja) #project-details-side-list-links:not(:has(.project-details-side-list-item,a)){display:none}
}
@media(max-width:767px){
  html:lang(ja) #end-section-title{--font-size:15vw}
}
@media(max-width:560px){
  html:lang(ja) #about-who-desc-top{font-size:7vw}
}

/* Clip rolling labels to their own line, not the taller icon row. */
#header-menu-labs-texts { overflow: hidden; line-height: 1.35; }
#header-menu-labs-text, #header-menu-labs-text-clone { white-space: nowrap; }