/* Words — image-led editorial stream with category submenu. */
.words{padding-top:calc(96px + clamp(44px,8.5vw,124px) + 44px);padding-bottom:60px}

.words .submenu{position:fixed;z-index:41;top:calc(78px + clamp(44px,8.5vw,124px) + 34px);right:40px;display:flex;align-items:center;gap:18px;
  font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.words .submenu .cat{font-family:inherit;background:none;border:0;cursor:pointer;color:var(--dim);padding:0 0 3px;transition:color .25s}
.words .submenu .cat:hover{color:var(--fg)}
.words .submenu .cat.on{color:var(--fg);border-bottom:1.5px solid var(--fg)}

.wstream{padding:0 40px;display:flex;flex-direction:column}
.wentry{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,70px);align-items:center;
  padding:52px 0;border-top:1px solid var(--line)}
.wentry:last-child{border-bottom:1px solid var(--line)}
.wentry.alt .wimg{order:2}
.wentry.alt .wtxt{order:1;text-align:right}
.wentry.alt .wtxt .wgo{margin-left:auto}
.wentry.hide{display:none}

.wimg{display:block;overflow:hidden;aspect-ratio:16/9}
.wimg img{filter:grayscale(1) contrast(1.05);transform:scale(1.03);transition:filter 1.2s ease,transform 1.2s ease}
.wentry.lit .wimg img,.wentry:hover .wimg img{filter:grayscale(0)}
.wentry:hover .wimg img{transform:scale(1.06)}

.wtxt{display:flex;flex-direction:column;gap:14px}
.wyear{font-size:12px;font-weight:600;letter-spacing:.24em;color:var(--dim);font-variant-numeric:tabular-nums}
.wtitle{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1;font-size:clamp(28px,4.4vw,60px)}
.wtitle a{color:var(--fg)}
.whook{margin:0;font-size:15.5px;line-height:1.6;color:#B9B7B2;max-width:44ch}
.wentry.alt .whook{margin-left:auto}
.wgo{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);
  border-bottom:1.5px solid var(--line);padding-bottom:4px;width:max-content;transition:border-color .3s}
.wentry:hover .wgo{border-color:var(--fg)}

/* entries without an image still read well */
.wentry:not(:has(.wimg)){grid-template-columns:1fr}
.wentry:not(:has(.wimg)) .wtxt{text-align:left}

@media(max-width:860px){
  .words{padding-top:130px}
  .words .submenu{position:static;padding:0 24px 26px;flex-wrap:wrap;justify-content:flex-start}
  .wstream{padding:0 24px}
  .wentry,.wentry.alt{grid-template-columns:1fr;gap:18px;padding:34px 0}
  .wentry.alt .wimg{order:0}
  .wentry.alt .wtxt{order:1;text-align:left}
  .wentry.alt .wtxt .wgo,.wentry.alt .whook{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.wimg img{transition:filter 1.6s ease}}