/* A single sliding selection keeps the current locale clear. Round 9: the two codes alone, without the globe (the owner). */
#samura .site-header nav{display:grid;grid-template-columns:128px 154px 82px;gap:26px;flex-shrink:0}
#samura .site-header .nav-film{display:block;width:128px;white-space:nowrap;text-align:left}
#samura .language-switch{--locale-width:36px;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,var(--locale-width));align-items:center;gap:2px;padding:3px;border:1px solid #ffffff26;border-radius:24px;background:#ffffff03;flex-shrink:0}
#samura .language-selection{position:absolute;left:3px;top:3px;bottom:3px;width:var(--locale-width);background:#e8e5dc;border-radius:20px;z-index:-1;transform:translateX(0);transform-origin:50% 50%;box-shadow:0 1px 3px #0005}
#samura .language-switch[data-selected="en"] .language-selection{transform:translateX(calc(var(--locale-width) + 2px))}
#samura .language-option{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:34px;padding:0;background:transparent;color:#a5a69f;font-size:10px;font-weight:500;letter-spacing:.045em;transition:color .2s}
#samura .language-option:hover{color:#fff;background:transparent}
#samura .language-option[aria-pressed="true"]{color:#161713;background:transparent}
#samura .language-option:focus-visible{outline-offset:3px;border-radius:18px}
#samura[data-language="en"] .story-panel h2{font-size:min(clamp(70px,10.5vw,168px),20.5cqw)}
@media(max-width:1000px) and (min-width:761px){#samura .site-header nav{gap:18px;grid-template-columns:128px 144px 82px}}
@media(max-width:760px){
  #samura .site-header nav{gap:20px;grid-template-columns:108px 68px}
  #samura .site-header .nav-film{display:none}
  #samura .language-switch{--locale-width:29px;padding:3px;gap:2px}
  #samura .language-option{min-height:30px;font-size:9px}
  #samura .nav-cta{gap:12px;padding:10px 12px}
}
@media(max-width:420px){#samura .site-header>.brand{width:104px}#samura .site-header nav{gap:18px}}
@media(max-width:360px){#samura .site-header{padding-left:5%;padding-right:5%}#samura .site-header>.brand{width:88px}#samura .site-header nav{grid-template-columns:90px 60px;gap:18px}#samura .language-switch{--locale-width:25px}}
@media(max-height:650px) and (min-width:761px){#samura[data-language="en"] .story-panel h2{font-size:min(17vh,20.5cqw)}}
@media(prefers-reduced-motion:reduce){#samura .language-option,#samura .language-selection{transition:none}}