.language-selector{position:relative;flex:0 0 44px;order:3;z-index:50;font-family:Space,Arial,sans-serif}.language-toggle{width:40px;height:40px;min-width:40px;padding:0;background:#fff;color:#111;border:2px solid #111;border-radius:4px;box-shadow:3px 3px 0 #111;font:700 13px Space,Arial,sans-serif;cursor:pointer}.language-selector ul{position:absolute;top:48px;right:0;min-width:86px;list-style:none;margin:0;padding:5px;background:#fff;border:2px solid #111;border-radius:5px;box-shadow:3px 3px 0 #111}.language-selector li{margin:0}.language-selector a{display:flex;align-items:center;justify-content:center;min-height:44px;color:#111;text-decoration:none;border-radius:3px;font:700 14px Space,Arial,sans-serif}.language-selector a[aria-current],.language-selector a:hover{background:#ffda00}.language-selector [hidden]{display:none!important}.language-toggle:focus-visible,.language-selector a:focus-visible{outline:3px solid #1479f5;outline-offset:4px}.header-inner>.logo{order:0}.header-inner>.desktop-nav{order:1}.header-inner>.button{order:4}.header-inner{gap:20px}.hero-copy,.service-card,.work-intro>*{min-width:0}.button{white-space:normal;text-align:center}.inquiry-preview-notice{border:2px solid #111;padding:12px;background:#fff9f1;color:#111;font-size:14px;line-height:1.5}
html[lang="zh-Hans"] body,html[lang="zh-Hans"] button,html[lang="zh-Hans"] input,html[lang="zh-Hans"] select,html[lang="zh-Hans"] textarea{font-family:Space,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{font-family:Archivo,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;line-height:1.15}html[lang="zh-Hans"] p{line-height:1.75}
@media(max-width:1280px) and (min-width:861px){.header-inner{gap:12px}.desktop-nav{gap:12px}.desktop-nav a{font-size:14px}.header-inner>.button{padding:10px;font-size:12px}.header-inner>.logo{max-width:250px}}
@media(max-width:860px){.header-inner{gap:10px}.header-inner>.language-selector{order:0}.header-inner>.menu-toggle{order:1;flex-shrink:0}.header-inner>.logo{order:2;flex:1 1 auto;max-width:calc(100% - 108px);width:auto!important}.header-inner>.button{display:none}.language-selector ul{left:0;right:auto}.header-inner>.menu-toggle{margin-left:0}.header-inner{justify-content:flex-start}.language-selector{flex-basis:44px}}
@media(max-width:600px){html[lang="fr-CA"] .home-page .creative-hero-copy h1,html[lang="es"] .home-page .creative-hero-copy h1{font-size:clamp(37px,10vw,48px);letter-spacing:-.045em}html[lang="zh-Hans"] .home-page .creative-hero-copy h1{font-size:clamp(42px,12vw,56px)}.creative-hero .button{font-size:13px;padding-left:12px;padding-right:12px}.service-card h3{overflow-wrap:anywhere}.topbar{overflow-wrap:normal}.header-inner{width:calc(100% - 32px)}}
@media(min-width:861px){.header-inner>.language-selector{order:1}.header-inner>.desktop-nav{order:2;margin-left:auto}}

html:not([lang="en"]) .creative-hero-copy h1{white-space:normal;overflow-wrap:normal}html:not([lang="en"]) .creative-hero-copy h1 .outline-yellow{display:inline-block;max-width:100%;font-size:.84em}html[lang="fr-CA"] .creative-hero-copy h1,html[lang="es"] .creative-hero-copy h1{font-size:clamp(42px,4.7vw,68px)}
@media(max-width:600px){html[lang="fr-CA"] .home-page .creative-hero-copy h1,html[lang="es"] .home-page .creative-hero-copy h1{font-size:clamp(37px,10vw,48px)}}
html:not([lang="en"]) .showcase-copy h2{overflow-wrap:anywhere;font-size:clamp(32px,4vw,48px)}
@media(min-width:1001px){html:not([lang="en"]) .creative-hero-copy h1 .outline-yellow{font-size:.68em;white-space:nowrap}}
@media(max-width:860px){.header-inner>.logo{width:calc(100% - 108px)!important;flex:0 1 auto;min-width:0;max-width:360px}.header-inner>.menu-toggle{margin-right:0}}
@media(min-width:901px){.header-inner>.logo{width:clamp(240px,25vw,320px);flex-shrink:0}.desktop-nav a{white-space:nowrap}.header-inner>.button{max-width:180px}}
@media(max-width:600px){html[lang="fr-CA"] .service-poster h2{font-size:28px;overflow-wrap:normal;hyphens:auto}html[lang="es"] .service-poster h2{font-size:34px}}
html[lang="fr-CA"] .quote-manifesto h2 span{white-space:normal}html[lang="fr-CA"] .quote-manifesto h2{font-size:clamp(30px,4vw,56px)}
@media(min-width:901px) and (max-width:1280px){.header-inner>.logo{width:210px;max-width:210px}.header-inner{gap:10px}.desktop-nav{gap:4px}.desktop-nav a{font-size:14px;padding-left:7px;padding-right:7px}.header-inner>.button{max-width:150px;font-size:12px}}
/* Latest approved mobile order: logo left, language and menu grouped right. */
@media(max-width:860px){.header-inner>.logo{order:0;margin-right:auto}.header-inner>.language-selector{order:1}.header-inner>.menu-toggle{order:2}}

/* Compact outlined language choices; preserve the existing header and dropdown geometry. */
.language-selector a{box-sizing:border-box;min-height:44px;min-width:44px;margin:4px 0;border:1.5px solid #111;border-radius:4px;box-shadow:2px 2px 0 #111;background:#fff;color:#111;text-transform:uppercase;white-space:nowrap}
.language-toggle{text-transform:uppercase}
.language-selector a[aria-current],.language-selector a:hover{background:#ffda00}
.language-selector a:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #111}