/* Matching About and company layout for the Japanese and English homepages. */
.about-copy{max-width:39rem}
.about-copy p+p{margin-top:1.4rem}
@media(min-width:601px){.company-details>div{grid-template-columns:9rem 1fr}}
@media(max-width:600px){.header-right{max-width:100%}.nav{column-gap:.85rem}}
/* Keep the header geometry identical when switching languages. */
@media(max-width:600px){
 .header{display:grid;grid-template-columns:1fr auto}
 .header-right{display:contents}
 .header .home{grid-column:1;grid-row:1}
 .header .languages{grid-column:2;grid-row:1;justify-content:flex-end}
 .header .nav{grid-column:1 / -1;grid-row:2;justify-content:flex-end}
}

.header{line-height:1.75}
.languages{display:grid;grid-template-columns:3rem 3.5rem;gap:1rem}
.languages a,.languages span{justify-content:center}

/* Use the same rem basis for both languages, including Firefox language defaults. */
html{font-size:16px}