/* Shared language navigation; page direction follows each static document. */
.language-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #ffffff70;border-radius:999px;background:#33001436;flex-shrink:0;white-space:nowrap}
.language-switch a{display:grid;place-items:center;min-height:36px;padding:6px 12px;border-radius:999px;font-size:14px;line-height:1;color:#fff}
.language-switch a[aria-current=page]{background:#fff;color:#14132e}
.language-switch a:focus-visible{outline:3px solid #7bdefc;outline-offset:3px}
.header nav{margin-left:0;margin-inline-end:auto}
.header-actions{margin-right:0;margin-inline-start:auto}
html[lang=en] .hero h1{font-family:var(--font);font-size:clamp(34px,7.6vw,108px);line-height:1.05;letter-spacing:-.045em;max-width:min(94%,1300px)}
html[lang=en] .hero .title-line{display:block}
html[lang=en] .join-content,html[lang=en] .skills-flow .skill-tile,html[lang=en] .surprise-quote{direction:ltr}
html[lang=en] .scene-caption,html[lang=en] .example,html[lang=en] .profile-card,html[lang=en] .request-card{text-align:start}
html[lang=en] .scene-caption h3{font-family:var(--font);font-size:clamp(25px,2.5vw,34px);line-height:1.12;letter-spacing:-.025em}
html[lang=en] .scene-caption p{line-height:1.4}
html[lang=en] .join-description,html[lang=en] .join-benefit{max-width:560px;margin-inline:auto}
html[lang=en] .skills-intro h3{font-size:clamp(32px,5vw,62px);max-width:850px;margin-inline:auto;text-wrap:balance}
html[lang=en] .skill-tile>span:last-child{line-height:1.2}
html[lang=en] .surprise-quote{font-size:20px;line-height:1.25}
@media(max-width:760px){
 .header{flex-wrap:wrap;height:auto;row-gap:6px;align-items:center}
 .header-actions{display:contents}
 .language-switch{margin-inline-start:auto}
 .header-actions>.store-buttons{width:100%;justify-content:center;margin:0}
 html[lang=en] .hero{padding-top:108px}
 html[lang=en] .hero-title-stage{padding-block:90px 75px}
 html[lang=en] .hero h1{font-size:clamp(30px,7.7vw,58px)}
 html[lang=en] .story .scene-caption{text-align:left}
 html[lang=en] .story .scene-caption h3{font-size:24px}
 html[lang=en] .story .scene-art{align-self:center}
 html[lang=en] .story .scene-caption p{font-size:16px}
 html[lang=en] .how-cta h3{font-size:34px;line-height:1.12}
 html[lang=en] .join-description{padding-inline:12px}
}
@media(min-width:761px) and (max-width:1050px){.header{gap:14px}.header nav{gap:14px;font-size:13px}.header .store-buttons{display:none}}
