/* Identical navigation geometry on the archive and film timeline. */
.nav{position:sticky;top:0;z-index:200;background:#1c211e;color:#f2f0e9;border-bottom:1px solid #454c42}
.nav .nav-in{display:flex;align-items:stretch;flex-wrap:nowrap;max-width:1344px;min-height:76px;margin:0 auto;padding:0 var(--gut);gap:0}
.nav .logo{display:flex;align-items:center;height:auto;font-size:21px;font-weight:600;letter-spacing:-.06em;white-space:nowrap;padding:0 42px 0 0;border:0;color:#f2f0e9;text-decoration:none}.nav .logo i{font-style:normal;color:#ed6848}
.nav .menu{display:flex;align-self:stretch;align-items:stretch;flex:1;min-width:0;height:auto;order:0;padding:0;border:0;overflow-x:auto;scrollbar-width:none}
.scope-tabs{display:contents}
.nav .menu button,.nav .menu a{position:relative;display:flex;align-items:center;justify-content:center;flex:none;align-self:stretch;margin:0;padding:0 18px;border:0;background:none;border-radius:0;font:500 13px var(--f);color:#bbc1b4;white-space:nowrap;text-decoration:none;cursor:pointer;letter-spacing:0}
.nav .menu button:after,.nav .menu a:after{content:'';position:absolute;left:18px;right:18px;bottom:17px;height:1px;background:#ee7051;transform:scaleX(0)}
.nav .menu [aria-selected=true],.nav .menu [aria-current=page],.nav .menu a:hover,.nav .menu button:hover{color:#f2f0e9}
.nav .menu [aria-selected=true]:after,.nav .menu [aria-current=page]:after{transform:scaleX(1)}
.nav .nav-end{display:flex;align-items:center;margin:0;padding:0 0 0 24px;border:0;order:0;gap:0}
.nav .ibtn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:76px;width:auto;height:35px;margin:0;padding:0 10px;border:1px solid #606657;border-radius:0;background:none;color:#c3c8ba;font:400 11px var(--f);text-decoration:none;cursor:pointer}
.nav .ibtn svg{width:14px;height:14px}.nav .ibtn.is-list svg{display:none}.nav .ibtn.is-list:before{content:'☰';font-size:15px}
.nav a:focus-visible,.nav button:focus-visible{outline:2px solid #ed6848;outline-offset:-4px}
@media(max-width:640px){.nav .nav-in{flex-wrap:wrap;min-height:100px}.nav .logo{height:54px;font-size:20px;padding:0}.nav .nav-end{margin-left:auto;height:54px;padding:0}.nav .ibtn{height:32px;font-size:10px}.nav .menu{order:2;flex-basis:100%;height:45px;border-top:1px solid #454c42}.nav .menu a,.nav .menu button{flex:1;font-size:12px;padding:0 10px}.nav .menu a:after,.nav .menu button:after{left:10px;right:10px;bottom:7px}}
