/* Compact language switch only; source layout and typography stay intact. */
.b-switch{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:2px;flex:0 0 68px;width:68px;height:30px;padding:1px 2px;direction:ltr;border:1px solid #d7dce5;border-radius:6px;background:#f8fafc}
.b-switch a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:26px;padding:0;border-radius:4px;white-space:nowrap;font:inherit;font-size:12px;font-weight:700;line-height:1;color:#334155;text-decoration:none}
.b-switch a:hover{background:#e8edf5;color:#111827}
.b-switch a[aria-current]{background:#0041f1;color:#fff;text-decoration:none}
.b-switch a[aria-current]:hover{background:#003ce0;color:#fff}
.b-switch a:focus-visible{outline:2px solid #0041f1;outline-offset:2px}
/* Preserve the source hero's physical columns with semantic LTR English. */
@media(min-width:1024px){html[lang=en] body:has(#portfolio) .yg-hero-copy{grid-column:7 / 13;grid-row:1}html[lang=en] body:has(#portfolio) .yg-hero-art{grid-column:1 / 7;grid-row:1}}
html[lang=en] body:has(#portfolio) .yg-viewer__details{direction:ltr!important;text-align:start}

/* Only the original header flex wrapper, where the language switch is present. */
@media(max-width:767px){header>div.mx-auto>div.flex.items-center.justify-between:has(>.b-switch){gap:8px}}
html[lang=en] body:has(#portfolio) #top .grid>.yg-hero-copy{width:100%!important;min-width:0;max-width:660px}

@media(max-width:374px){header .hdr-cta{display:none}}
html[lang=en] body:has(#portfolio) #hero-title{letter-spacing:.02em;line-height:1.08}
html[lang=en] body:has(#portfolio) #hero-title>span{letter-spacing:0}