.authors-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(32px, 4vw, 64px); align-items: start; }
.authors-cloud { min-width: 0; height: 440px; overflow: auto; scrollbar-gutter: stable both-edges; scrollbar-color: #666 #090909; mask-image: linear-gradient(transparent, #000 8%, #000 92%, transparent); }
.authors-list { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; gap: 18px 20px; margin: 0; padding: 24px 0; list-style: none; }
.authors-list { align-items: center; }
.authors-list[hidden] { display: none; }
.author-tag { max-width: 100%; flex: 0 0 auto; white-space: nowrap; color: #ddd; font-size: 14px; line-height: 1.5; }
.author-tag:nth-child(7n+1) { font-family: var(--serif); color: #fff; }
.author-tag a { color: inherit; font: inherit; text-decoration: none; transition: color 180ms ease; }
.author-tag a:hover, .author-tag a:focus-visible { color: #d8b98b; text-decoration: none; }
.authors-cloud.is-moving { overflow: hidden; }
.authors-cloud.is-moving .authors-track { will-change: transform; }
.authors-cloud:focus-visible { outline: 2px solid #aaa; outline-offset: 8px; }
@media (max-width: 760px) { .authors-layout { grid-template-columns: 1fr; gap: 32px; } .authors-cloud { height: 380px; } .authors-list { gap: 14px 18px; } }
@media (prefers-reduced-motion: reduce) { .authors-cloud { scroll-behavior: auto; } }