:root{--cs-accent: #df1f26;--cs-accent-bright: #f43f47;--cs-accent-glow: rgba(223, 31, 38, .15);--cs-bg: #000000;--cs-border: rgba(255, 255, 255, .08);--cs-text-dim: rgba(255, 255, 255, .4);--cs-text-muted: rgba(255, 255, 255, .25)}.cs-archive{padding:180px 0 120px;background:var(--cs-bg);min-height:100vh;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff}.cs-archive:before{content:"";position:absolute;inset:0;opacity:.02;pointer-events:none;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:80px 80px;z-index:1}.cs-archive:after{content:"";position:absolute;top:-300px;left:50%;transform:translate(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(223,31,38,.06) 0%,rgba(223,31,38,.01) 60%,transparent 80%);pointer-events:none;z-index:1}.cs-container{max-width:1600px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.cs-hero{text-align:left;margin-bottom:100px;max-width:900px}.cs-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#df1f2614;border:1px solid rgba(223,31,38,.15);border-radius:100px;color:var(--cs-accent-bright);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}.cs-badge i{font-size:8px}.cs-hero h1{font-size:clamp(3rem,7vw,6.5rem);font-weight:900;color:#fff;margin:0 0 24px;letter-spacing:-.04em;line-height:.95;text-transform:uppercase}.cs-hero h1 span{background:linear-gradient(to right,var(--cs-accent),#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-hero p{font-size:clamp(1.1rem,2.2vw,1.4rem);color:var(--cs-text-dim);line-height:1.6;max-width:750px;font-weight:500}.cs-stats-row{display:flex;gap:32px;margin-top:36px}.cs-stat-pill{display:flex;align-items:baseline;gap:8px;border-left:2px solid var(--cs-accent);padding-left:16px}.cs-stat-pill .num{font-size:1.8rem;font-weight:900;color:#fff;line-height:1}.cs-stat-pill .lbl{font-size:9px;color:var(--cs-text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:500}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.cs-card{text-decoration:none;display:block;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;color:#fff}.cs-card-img{aspect-ratio:16/10;overflow:hidden;border-radius:28px;border:1px solid var(--cs-border);background:#050508;position:relative;margin-bottom:24px;transition:border-color .5s ease}.cs-card-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}.cs-card:hover .cs-card-img img{transform:scale(1.02);filter:grayscale(0%)}.cs-card:hover .cs-card-img{border-color:#df1f264d}.cs-card-img .cs-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.4))}.cs-card-img.no-image{display:flex;align-items:center;justify-content:center}.cs-card-img.no-image i{font-size:2.5rem;color:#df1f2633}.cs-card-body{display:flex;flex-direction:column}.cs-card-cat{font-size:10px;font-weight:600;color:var(--cs-accent);text-transform:uppercase;letter-spacing:3px;display:block;margin-bottom:12px}.cs-card-title{font-size:1.6rem;font-weight:900;color:#fff;margin:0 0 12px;line-height:1.25;text-transform:uppercase;letter-spacing:-.02em;transition:color .3s ease}.cs-card:hover .cs-card-title{color:var(--cs-accent-bright)}.cs-card-excerpt{font-size:14px;color:var(--cs-text-dim);line-height:1.6;font-weight:500;margin:0 0 24px;transition:color .3s ease}.cs-card:hover .cs-card-excerpt{color:#fff9}.cs-card-metrics{display:flex;flex-wrap:wrap;gap:8px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.cs-metric{display:inline-flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:6px 12px;border-radius:8px}.cs-metric-val{font-size:10px;font-weight:600;color:#fff}.cs-metric-lbl{font-size:9px;font-weight:500;color:var(--cs-text-muted);text-transform:uppercase;letter-spacing:1px}.cs-card-arrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#fff6;margin-top:20px;transition:color .3s ease}.cs-card-arrow i{transition:transform .3s ease}.cs-card:hover .cs-card-arrow{color:#fff}.cs-card:hover .cs-card-arrow i{transform:translate(4px)}.cs-empty{grid-column:1 / -1;text-align:center;padding:100px 24px;border:1px dashed rgba(255,255,255,.1);border-radius:24px}.cs-empty i{font-size:3rem;color:#df1f2626;margin-bottom:24px;display:block}.cs-empty h3{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 12px}.cs-empty p{color:var(--cs-text-dim);font-size:1rem;margin:0}.cs-pagination{margin-top:80px;display:flex;justify-content:center}.cs-pagination nav{display:flex;gap:8px}.cs-pagination .page-link{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--cs-text-dim);border-radius:12px;font-size:12px;font-weight:800;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.cs-pagination .page-link:hover{border-color:var(--cs-accent);color:#fff;background:#df1f260d}.cs-pagination .page-link.active{background:#fff;border-color:#fff;color:#000}.cs-pagination .page-link.disabled{opacity:.3;pointer-events:none}.cs-cta{margin-top:120px;padding:80px 40px;border-top:1px solid rgba(255,255,255,.08);text-align:center;position:relative}.cs-cta h3{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;color:#fff;margin:0 0 16px}.cs-cta p{font-size:16px;color:var(--cs-text-dim);max-width:600px;margin:0 auto 40px;line-height:1.6}.cs-cta-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 48px;background:#fff;color:#000;border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:3px;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1)}.cs-cta-btn:hover{background:var(--cs-accent);color:#fff;transform:translateY(-2px);box-shadow:0 20px 40px #df1f2640}@media(max-width:1200px){.cs-grid{grid-template-columns:repeat(2,1fr);gap:36px}.cs-container{padding:0 32px}}@media(max-width:768px){.cs-archive{padding:140px 0 80px}.cs-grid{grid-template-columns:1fr;gap:32px}.cs-hero{margin-bottom:60px}.cs-hero h1{font-size:3.5rem}.cs-cta{padding:60px 24px}}@media(max-width:480px){.cs-container{padding:0 20px}.cs-hero h1{font-size:2.8rem}}