.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.language-toggle{display:none;background:transparent;border:0;padding:8px;color:inherit;font:inherit;font-size:11px;cursor:pointer;min-height:36px;min-width:40px}
.i18n-ready .language-toggle{display:inline-grid;place-items:center}
.opening-language{border-left:1px solid #56664a33;padding-left:18px}
.language-toggle:focus-visible{outline:1px solid #53674b;outline-offset:2px}
.edge-language{padding:0;min-width:44px;min-height:44px}
.dialog-language{position:absolute;left:20px;top:16px;z-index:2;font-size:11px}
#project-dialog,#social-qr{padding-top:68px}
html[lang="en"] .hero-copy h1{font-size:clamp(60px,6.7vw,112px);line-height:.97;letter-spacing:-.055em}
html[lang="en"] #projects-title{font-size:clamp(50px,6.5vw,108px);line-height:1.05;letter-spacing:-.055em}
html[lang="en"] #social-title{font-size:clamp(44px,5.3vw,84px);letter-spacing:-.045em;line-height:1.08}
html[lang="en"] #about-title{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.035em;line-height:1.14}
html[lang="en"] .work-description{line-height:1.8;max-width:36em}
html[lang="en"] .chapter-copy p{max-width:25em}
html[lang="en"] .flow-phrase{font-size:clamp(21px,2.5vw,36px)}
html[lang="en"] .social-xhs h3{font-size:clamp(28px,3vw,47px);letter-spacing:-.04em}
html[lang="en"] .feature-tags{gap:8px 14px;flex-wrap:wrap}
html[lang="en"] .chart>i>span{font-size:9px}
@media(max-width:700px){
 html{scroll-padding-bottom:calc(86px + env(safe-area-inset-bottom))}
 footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
 .header-actions{gap:3px}
 .site-header .motion-toggle{font-size:0;padding:7px;min-width:26px;min-height:36px}
 .site-header .motion-toggle span{font-size:11px;margin:0}
 .opening-language{padding:7px 5px 7px 9px;font-size:10px;min-width:33px}
 html[lang="en"] .hero-copy h1{font-size:clamp(41px,10vw,62px);line-height:.95}
 html[lang="en"] #projects-title{font-size:clamp(40px,10.2vw,68px)}
 html[lang="en"] #social-title{font-size:clamp(35px,8.8vw,58px)}
 html[lang="en"] #about-title{font-size:clamp(31px,8vw,50px)}
 html[lang="en"] .work-tagline{font-size:21px}
 html[lang="en"] .demo-bottom{gap:10px}
 html[lang="en"] .demo-bottom>span{max-width:62%;line-height:1.5}
 html[lang="en"] .demo-top{font-size:7px;gap:8px}
 html[lang="en"] .demo-badge{white-space:nowrap}
 .edge-nav-right{gap:0}
}
@media(max-width:360px){
 .site-header nav{gap:8px;font-size:9px}
 .header-actions{gap:0}
 .opening-language{padding-left:6px;min-width:29px}
}
@media(prefers-reduced-motion:reduce){.language-toggle{transition:none}}