.stories-page{padding:clamp(28px,4vw,56px) 0 96px}.stories-head{max-width:100%}.stories-head h1{font-size:clamp(28px,4.4vw,58px);line-height:.98;margin-top:6px;letter-spacing:-.02em;white-space:nowrap}.stories-head .lead{margin-top:16px;color:var(--fg-2);max-width:60ch}.stories-controls{gap:16px;align-items:center;justify-content:space-between;margin-top:34px}.filters,.stories-controls{display:flex;flex-wrap:wrap}.filters{gap:8px}.filter{font-family:inherit;font-size:14px;font-weight:600;color:var(--fg-2);background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:100px;padding:8px 16px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.filter:hover{color:var(--fg);border-color:var(--blue)}.filter.active{color:#fff;background:var(--blue-cta);border-color:transparent}.search{position:relative}.search input{font-family:inherit;font-size:14.5px;color:var(--fg);background:#0a0d14;border:1px solid var(--line-2);border-radius:100px;padding:10px 16px 10px 40px;width:280px;max-width:100%;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--fg-3)}.search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,112,232,.18)}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px;margin-top:34px}@media (max-width:900px){.story-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.story-grid{grid-template-columns:1fr}}.story-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.story-card:hover{transform:translateY(-4px);border-color:var(--blue)}.story-card .thumb{aspect-ratio:16/10;background:#0a0d14}.story-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.story-card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1 1}.story-card .cmeta{font-size:12.5px;color:var(--fg-2);display:flex;align-items:center;gap:8px}.story-card .cmeta .tag{color:var(--blue-bright);font-weight:700}.story-card h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0;color:var(--fg);text-wrap:balance}.story-card p{color:var(--fg-2);font-size:14.5px;margin:0}.stories-empty{color:var(--fg-2);margin-top:44px;font-size:15.5px}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:48px}.pagination .page-btn,.pagination .page-num{font-family:inherit;font-size:14px;font-weight:600;color:var(--fg-2);background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:100px;padding:9px 16px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.pagination .page-num{min-width:40px;padding:9px 0;text-align:center}.pagination .page-btn:hover:not(:disabled),.pagination .page-num:hover{color:var(--fg);border-color:var(--blue)}.pagination .page-num.active{color:#fff;background:var(--blue-cta);border-color:transparent}.pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.story-article{max-width:760px;margin:0 auto;padding-top:8px}.story-article .back{font-size:14px;color:var(--fg-2)}.story-article .back:hover{color:var(--fg)}.story-article .ameta{font-size:13px;color:var(--fg-2);display:flex;gap:8px;align-items:center;margin-top:20px}.story-article .ameta .tag{color:var(--blue-bright);font-weight:700}.story-article h1{font-size:clamp(30px,4.5vw,52px);line-height:1.03;letter-spacing:-.02em;margin:10px 0 0}.story-article .cover{margin:28px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.story-article .cover img{width:100%;height:auto;display:block}.prose{font-size:17.5px;color:var(--fg)}.prose p{margin:1.15em 0;color:var(--fg)}.prose h2{font-size:27px;margin-top:1.6em;letter-spacing:-.01em}.prose h3{font-size:21px;margin-top:1.4em}.prose a{color:var(--blue-bright);text-decoration:underline}.prose img{width:100%;height:auto;border-radius:12px;margin:1.5em 0}.prose ol,.prose ul{padding-left:1.2em}.prose li{margin:.4em 0}.prose blockquote{border-left:3px solid var(--blue);margin:1.4em 0;padding:2px 0 2px 18px;color:var(--fg-2)}