/* The language control is outside the five nav tracks: GB never moves. */
.show-nav .bn-language-switch{position:fixed;left:min(calc(100% + 9px),calc(50% + 50vw - 70px));top:22px;display:flex;align-items:center;gap:5px;white-space:nowrap;font:500 10px/1.5 var(--sans);color:inherit}
.show-nav .bn-language-switch a{padding:4px 1px;font-weight:400;opacity:.6;transition:opacity .2s,font-weight .2s}
.show-nav .bn-language-switch a:hover,.show-nav .bn-language-switch a:focus-visible{opacity:1;font-weight:700}
.show-nav .bn-language-switch [aria-current]{font-weight:700}
.show-nav .bn-language-switch>span[aria-hidden]{opacity:.4}
/* Keep the Italian noun and the neighbouring rows on the same type scale.
   The script name needs room for its ascenders and the g descender. */
html[lang="it"] .bn-intro-line--profession{font-size:1em;letter-spacing:inherit;display:block}
html[lang="it"] .bn-intro-name-slot{height:1.05em}
html[lang="it"] .bn-intro-title{max-width:calc(100% - 2 * var(--gutter))}
html[lang="it"] .bn-intro-line{max-width:100%;white-space:nowrap}
html[lang="it"] .bn-intro-line--profession+.bn-intro-line{margin-top:-.22em}
html[lang="it"] .bn-work .bn-page-hero__heading h1{font-size:clamp(68px,10vw,155px)}
html[lang="it"] .bn-about .bn-page-hero__heading h1{font-size:clamp(80px,12vw,185px)}
/* Side captions have unequal lengths in Italian. Equal outer tracks keep
   the heading itself, rather than the entire caption/title group, centred. */
@media(min-width:701px){
  html[lang="it"] .bn-page-hero__heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(24px,4vw,70px)}
  html[lang="it"] .bn-page-hero__heading>h1{min-width:0;text-align:center;white-space:nowrap}
  html[lang="it"] .bn-page-hero__heading>.bn-label{max-width:180px;white-space:normal}
  html[lang="it"] .bn-page-hero__heading>.bn-label:first-child{justify-self:end;text-align:right}
  html[lang="it"] .bn-page-hero__heading>.bn-label:last-child{justify-self:start;text-align:left}
}
@media(max-width:700px){
  .show-nav .bn-language-switch{left:auto;right:8px;top:64px;padding:5px 8px;border-radius:5px;background:var(--bn-paper);color:var(--bn-ink)}
  html[lang="it"] .show-nav .nav-left>a,html[lang="it"] .show-nav .nav-right>a{font-size:10px}
  html[lang="it"] .bn-page-hero__heading h1,html[lang="it"] .bn-work .bn-page-hero__heading h1,html[lang="it"] .bn-about .bn-page-hero__heading h1{font-size:clamp(42px,14.3vw,100px)}
  html[lang="it"] .bn-next__title{font-size:clamp(54px,17vw,120px)}
}