/* Sub-navigation: tabs on one hairline, right above the stories they filter
   (.subnav).
*/

.subnav{ min-width:0; overflow-x:auto; scrollbar-width:none; }
.subnav::-webkit-scrollbar{ display:none; }
.subnav__list{ display:flex; gap:clamp(24px, 3vw, 44px); margin:0; padding:0; list-style:none; white-space:nowrap; }
.subnav__link{
  position:relative; display:block; padding:0 0 20px;
  font:500 11px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--text);
  transition:color .3s var(--ease);
}
.subnav__link::after{
  content:""; position:absolute; left:0; right:.2em; bottom:0; height:1px;
  background:var(--gold); transform:scaleX(0); transform-origin:left;
  transition:transform .4s var(--ease-out);
}
.subnav__link:hover{ color:var(--label); }
.subnav__link:hover::after,.subnav__link[aria-current="page"]::after{ transform:scaleX(1); }

/* the chosen sub-category keeps its gold underline */
.subnav__link[aria-current="true"]::after{ transform:scaleX(1); }