.bp{padding:130px 0 90px}.bp h1{font-size:clamp(44px,7vw,96px);max-width:none}
.bp .sub{margin-bottom:28px}
.tools{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 30px}
.tools input,.tools select{background:var(--panel);border:1px solid #243049;color:var(--light);border-radius:999px;padding:12px 18px;font:inherit;min-width:220px}
.tools input:focus,.tools select:focus{outline:2px solid var(--cy)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{background:var(--panel);border:1px solid #1b2538;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--or)}
.card .im{aspect-ratio:16/9;background:#0c111b center/cover no-repeat}
.card .bd{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .meta{color:var(--cy);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.card h3{font-size:24px;line-height:1.15}
.card p{margin:0;color:var(--mut);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.count{color:var(--mut);margin:0 0 18px}
.more{display:block;margin:34px auto 0}
.art{max-width:780px;margin:0 auto;padding:0 24px}
.art h1{font-size:clamp(34px,5vw,60px);max-width:none;margin:10px 0 18px}
.art .hero-im{width:100%;border-radius:18px;margin:10px 0 26px;display:block}
.art p{font-size:19px;color:#d6dde8;margin:0 0 18px;line-height:1.65}
.art .meta{color:var(--cy);font-weight:700;letter-spacing:.12em;font-size:13px;text-transform:uppercase}
.art .back{color:var(--mut);text-decoration:none;font-weight:500}.art .back:hover{color:var(--cy)}
.foot{border-top:1px solid #1b2538;padding:30px 0;color:var(--mut);font-size:14px;text-align:center}
@media(max-width:700px){.nav{padding:12px 16px}.nav nav a:not(.cta){display:none}.nav nav a.keep{display:inline}}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.chips a{padding:8px 16px;border-radius:999px;border:1px solid #243049;color:var(--light);text-decoration:none;font-size:14px;font-weight:500}.chips a:hover{border-color:var(--cy);color:var(--cy)}.chips a.on{background:var(--or);border-color:var(--or);color:#fff}