.s-keyword-strip{
  position:relative;
  background:var(--c-bg);
  border-block:1px solid var(--c-border);
  padding-block:32px;
}
.s-keyword-strip .container{max-width:1200px;}

.s-keyword-strip .kw-track{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.s-keyword-strip .kw-item{
  display:flex;
  align-items:center;
  flex:1 1 0;
  justify-content:center;
  min-width:0;
  position:relative;
}
.s-keyword-strip .kw-item + .kw-item::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block:50%;
  transform:translateY(-50%);
  width:1px;
  height:14px;
  background:var(--c-border);
}

.s-keyword-strip .kw-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding-inline:16px;
  font-family:var(--font-body);
  font-size:13px;
  line-height:1.7;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--c-secondary);
  text-decoration:none;
  white-space:nowrap;
  transition:color .25s ease;
  -webkit-tap-highlight-color:transparent;
}
.s-keyword-strip .kw-link:hover,
.s-keyword-strip .kw-link:focus-visible,
.s-keyword-strip .kw-link.is-active{
  color:var(--c-accent);
}
.s-keyword-strip .kw-link:focus-visible{
  outline:2px solid var(--c-accent);
  outline-offset:4px;
  border-radius:2px;
}

@media (max-width:900px){
  .s-keyword-strip{padding-block:24px;}
  .s-keyword-strip .kw-track{
    justify-content:flex-start;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    margin-inline:-16px;
    padding-inline:16px;
  }
  .s-keyword-strip .kw-track::-webkit-scrollbar{display:none;}
  .s-keyword-strip .kw-item{
    flex:0 0 auto;
    scroll-snap-align:center;
  }
  .s-keyword-strip .kw-item + .kw-item::before{display:none;}
  .s-keyword-strip .kw-item + .kw-item .kw-link{
    position:relative;
  }
  .s-keyword-strip .kw-item + .kw-item .kw-link::before{
    content:"";
    position:absolute;
    inset-inline-start:0;
    inset-block:50%;
    transform:translateY(-50%);
    width:1px;
    height:14px;
    background:var(--c-border);
  }
}

@media (max-width:600px){
  .s-keyword-strip{padding-block:20px;}
  .s-keyword-strip .kw-link{
    font-size:12px;
    letter-spacing:.18em;
    padding-inline:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .s-keyword-strip .kw-link{transition:none;}
}