/* Shared, fixed language control; inherit the portfolio's monochrome navigation. */
.site-nav{align-items:center;padding-top:9px;padding-bottom:9px;gap:16px}
.site-nav>a{display:flex;align-items:center;min-height:44px;height:auto;padding-top:12px;padding-bottom:12px;white-space:nowrap}
.language-switch{display:flex;flex:none;align-items:center;margin-right:-10px;font:inherit;letter-spacing:inherit}
.language-switch button{position:relative;display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;opacity:.55;cursor:pointer;transition:opacity .2s}
.language-switch>span{opacity:.35;font-weight:400}
.language-switch button::after{position:absolute;right:12px;bottom:5px;left:12px;height:1px;background:currentColor;content:'';transform:scaleX(0);transition:transform .2s}
.language-switch button[aria-pressed="true"],.language-switch button:hover,.language-switch button:focus-visible{opacity:1}
.language-switch button[aria-pressed="true"]::after{transform:scaleX(1)}
.language-switch button:focus-visible{outline:1px solid currentColor;outline-offset:-5px;border-radius:2px}
.language-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:800px){.site-nav{gap:10px}.language-switch{font-size:10px}}
@media(max-width:640px){
  .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px;padding:4px 16px 6px;font-size:10px}
  .site-nav>a:first-child{grid-column:1/3;grid-row:1;justify-self:start}
  .site-nav .language-switch{grid-column:3/5;grid-row:1;justify-self:end}
  .site-nav>a:nth-child(n+2){grid-row:2;justify-self:start}
  .site-nav>a:nth-child(5){justify-self:end}
  .site-nav>a{min-height:36px;padding-top:10px;padding-bottom:10px}
  .site-nav>a:first-child{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.language-switch button,.language-switch button::after{transition:none}}
/* The longer Spanish status keeps the same hierarchy without clipping on phones. */
html:lang(es) .video-status h2{font-size:clamp(32px,9.3vw,112px)}