.latest-materials{margin:64px auto 28px;overflow:hidden}
.latest-materials-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}
.latest-materials-head h2{margin:4px 0;font-size:clamp(28px,4vw,44px)}
.latest-materials-head>p{max-width:480px;color:var(--muted,#9b96a8)}
.latest-materials-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.material-card{min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid var(--line,#302b3d);border-radius:18px;background:var(--panel,#16131f)}
.material-image{display:block;position:relative;aspect-ratio:16/9;background:#241833 url('/assets/brand/icon-512.png') center/90px no-repeat;background-size:cover;background-position:center}
.material-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,6,13,.8))}
.material-image span{position:absolute;z-index:1;left:12px;bottom:11px;padding:6px 9px;border-radius:999px;background:#ffca3a;color:#21150a;font-size:12px;font-weight:900}
.material-card>div{padding:15px}
.material-card small{color:var(--muted,#9b96a8)}
.material-card h3{font-size:18px;line-height:1.25;margin:8px 0 14px}
.material-card h3 a{color:inherit}
.material-series{color:#c79aff;font-size:13px;font-weight:800}
.latest-materials-track::-webkit-scrollbar{height:8px}
.latest-materials-track::-webkit-scrollbar-thumb{background:#6f3fb4;border-radius:10px}
@media(max-width:900px){.latest-materials-track{grid-auto-columns:minmax(260px,46%)}}
@media(max-width:640px){.latest-materials{margin-top:42px}.latest-materials-head{display:block}.latest-materials-track{grid-auto-columns:82vw}}