.filters{display:grid;gap:18px;margin-top:44px}.frow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.frow .lbl{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);min-width:84px}.seg{position:relative;display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--fog);border-radius:26px;max-width:100%}.seg .ind{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--ink);border-radius:26px;clip-path:inset(0 100% 100% 0 round 999px);pointer-events:none}.seg.live .ind{transition:clip-path .55s var(--ease)}.seg .chip{position:relative;z-index:1;background:transparent;min-height:42px;padding:8px 16px}.seg .chip:hover{background:#171a200f}.seg.ready .chip[aria-pressed=true]{background:transparent;color:#fff}.seg .chip[aria-pressed=true]{transition:color .3s var(--ease) .1s}.sec-fog .seg{background:#fff}.fnote{margin:0;min-height:26px;font-size:16px;color:var(--ink-2)}.slot{display:flex;align-items:center;gap:16px;padding:18px;border-radius:20px;border:1.5px dashed #b9bbbe;background:repeating-linear-gradient(135deg,rgba(23,26,32,.025) 0 10px,transparent 10px 20px)}.slot .ph{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e6e7e8;color:var(--mute);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.slot b{display:block;font-weight:600}.slot span{display:block;font-size:15px;color:var(--ink-2)}.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:40px}.rel a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px;border-radius:20px;background:var(--fog);text-decoration:none;font-size:18px;font-weight:500;transition:background-color .3s var(--ease),transform .5s var(--ease)}.rel a:hover{background:#ececec;transform:translateY(-3px)}.rel a span{font-size:15px;color:var(--ink-2);font-weight:400;display:block;margin-top:4px}.sec-fog .rel a{background:#fff}.sec-fog .rel a:hover{background:#fafafa}.rel a:after{content:"→";font-size:20px}@media (max-width:640px){.frow .lbl{min-width:0;width:100%}.seg .chip{padding:8px 13px;font-size:14.5px}}@media (min-width:641px){.phero{min-height:min(80svh,780px)}}.feat{display:grid;grid-template-columns:1.25fr 1fr;gap:0;margin-top:36px;border-radius:30px;overflow:hidden;background:var(--nt);color:var(--nt-text);text-decoration:none}.feat[hidden],.post[hidden]{display:none}.feat-img{position:relative;min-height:440px;overflow:hidden;background:#2d4048}.feat-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feat-body{display:flex;flex-direction:column;padding:clamp(28px,3.4vw,48px)}.meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:500;color:var(--mute)}.feat .meta{color:var(--nt-dim)}.topic{color:var(--pine);font-weight:600}.feat .topic{color:var(--sun)}.feat h3{font-size:clamp(30px,3vw,46px);line-height:1.06;letter-spacing:-.022em;font-weight:500;margin:16px 0 14px}.feat p{margin:0;color:var(--nt-muted);font-size:17.5px}.feat ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px;font-size:16px;color:var(--nt-text)}.feat li:before{content:"→";color:var(--sun);margin-right:10px}.feat .pill{align-self:flex-start;margin-top:auto}.feat .go{margin-top:28px}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.post{display:flex;flex-direction:column;border-radius:26px;background:var(--fog);overflow:hidden}.post-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#3d4a52}.post-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}.post h3{margin:12px 0 10px}.post p{margin:0;color:var(--ink-2);font-size:16px}.soon{margin-top:auto;padding-top:20px;font-size:15px;font-weight:600;color:var(--mute)}.qs{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px}.qs li{font-size:15.5px;color:var(--ink-2);padding-left:18px;position:relative}.qs li:before{content:"·";position:absolute;left:4px;font-weight:700}@media (max-width:1000px){.posts{grid-template-columns:1fr 1fr}}@media (max-width:900px){.feat{grid-template-columns:1fr}.feat-img{min-height:0;aspect-ratio:16/10}}@media (max-width:640px){.posts{grid-template-columns:1fr}.post-body{padding:22px}}
