/* A compact language row above the navigation on every portfolio page. */
.language-bar{position:fixed;inset:0 0 auto;z-index:100;height:38px;background:#070c17f5;border-bottom:1px solid #8caef526;display:flex;justify-content:flex-end;align-items:center;padding:0 5%;box-sizing:border-box}
.language-switch{display:flex;align-items:center;gap:2px;font:600 12px/1 Arial,sans-serif;color:#7e8ca6}
.language-switch button{font:inherit;letter-spacing:.06em;color:#9ba9bd;background:none;border:0;min-width:40px;min-height:34px;border-radius:7px;cursor:pointer}
.language-switch button[aria-pressed=true]{color:#dceaff;background:#23487980}
.language-switch button:focus-visible{outline:2px solid #8bbcff;outline-offset:1px}
.language-switch button:hover{color:#fff}
body{padding-top:38px}
html{scroll-padding-top:140px}
body>.site-header{top:50px}
body:has(.section-shell)>.site-header{top:38px}
html[lang=id] .hero h1{overflow-wrap:anywhere}
@media(max-width:860px){body>.site-header{top:50px}.language-bar{padding-inline:5%}}
@media(max-width:640px){html{scroll-padding-top:150px}.language-switch button{min-height:36px;min-width:44px}}