Summary
Audit of all pages at 375×812 (iPhone viewport) revealed several mobile-specific issues.
Issues found & fixed
1. Korean word-break (word-break: keep-all)
Korean text was breaking mid-syllable at line wraps (e.g. "퍼블" + "리싱", "한자" + "리에서", "탐험" + "하며"). Added word-break: keep-all globally for html[lang='ko'] so breaks only occur at space boundaries.
2. Excessive letter-spacing on Korean labels
.eyebrow and inline .uppercase labels use 0.18–0.22em tracking, designed for uppercase Latin. In Korean this spaces out individual syllable characters visually. Reduced to 0.08–0.10em for Korean context.
3. Careers IdealTraitsSection — overflow bleed
The relative h-72 trait container was missing overflow-hidden, causing animating trait items to bleed outside the 288px bounds when two traits were simultaneously in transition.
4. Careers decorative number too large on mobile
text-[96px] on the decorative "01/02/03/04" number pushed the entire content block toward the bottom of the pinned viewport on small screens. Reduced to text-[72px] on mobile (sm:text-[96px] / lg:text-[130px]).
Files changed
app/globals.css — Korean typography globalsapp/[locale]/careers/page.tsx — trait container and decorative number size
Summary
Audit of all pages at 375×812 (iPhone viewport) revealed several mobile-specific issues.
Issues found & fixed
1. Korean word-break (
word-break: keep-all)Korean text was breaking mid-syllable at line wraps (e.g. "퍼블" + "리싱", "한자" + "리에서", "탐험" + "하며"). Added
word-break: keep-allglobally forhtml[lang='ko']so breaks only occur at space boundaries.2. Excessive letter-spacing on Korean labels
.eyebrowand inline.uppercaselabels use 0.18–0.22em tracking, designed for uppercase Latin. In Korean this spaces out individual syllable characters visually. Reduced to 0.08–0.10em for Korean context.3. Careers
IdealTraitsSection— overflow bleedThe
relative h-72trait container was missingoverflow-hidden, causing animating trait items to bleed outside the 288px bounds when two traits were simultaneously in transition.4. Careers decorative number too large on mobile
text-[96px]on the decorative "01/02/03/04" number pushed the entire content block toward the bottom of the pinned viewport on small screens. Reduced totext-[72px]on mobile (sm:text-[96px]/lg:text-[130px]).Files changed
app/globals.css— Korean typography globalsapp/[locale]/careers/page.tsx— trait container and decorative number size