.blog-archive{background-color:var(--color-bg);min-height:100vh}.blog-archive__hero{padding:160px var(--space-5) var(--space-7);position:relative;overflow:hidden;text-align:center}.blog-archive__hero-blob{position:absolute;top:-160px;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(191,1,25,.05) 0%,transparent 55%);pointer-events:none}.blog-archive__hero-inner{max-width:700px;margin:0 auto;position:relative;z-index:1}.blog-archive__hero-eyebrow{display:block;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-red);text-transform:uppercase;letter-spacing:4px;margin-bottom:var(--space-3)}.blog-archive__hero-heading{font-size:48px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--space-3)}.blog-archive__hero-accent{color:var(--color-red)}.blog-archive__hero-sub{font-size:16px;color:var(--color-gray-light);line-height:1.7;margin-bottom:var(--space-5)}.blog-archive__search-wrap{max-width:520px;margin:0 auto}.blog-archive__search{display:flex;align-items:center;gap:var(--space-2);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:12px 20px;transition:border-color var(--transition-base),background-color var(--transition-base)}.blog-archive__search:focus-within{border-color:#bf011966;background:#ffffff0a}.blog-archive__search-icon{color:var(--color-gray-mid);flex-shrink:0}.blog-archive__search-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-family);font-size:14px;color:var(--color-white)}.blog-archive__search-input::placeholder{color:var(--color-gray-mid)}.blog-archive__search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:#ffffff0f;color:var(--color-gray-light);cursor:pointer;transition:background-color var(--transition-fast)}.blog-archive__search-clear:hover{background:#ffffff1a}.blog-archive__filter-bar{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff03}.blog-archive__filter-bar-inner{max-width:1280px;margin:0 auto;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between}.blog-archive__filter-left{display:flex;align-items:center;gap:var(--space-3)}.blog-archive__filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-gray-light);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.blog-archive__filter-toggle:hover,.blog-archive__filter-toggle--active{border-color:var(--color-red);color:var(--color-red);background:#bf01190f}.blog-archive__filter-clear{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-family:var(--font-family);color:var(--color-gray-mid);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.blog-archive__filter-clear:hover{color:var(--color-white)}.blog-archive__filter-count{font-size:12px;color:var(--color-gray-mid);font-variant-numeric:tabular-nums}.blog-archive__tags-drawer{border-top:1px solid rgba(255,255,255,.04);padding:var(--space-3) 0}.blog-archive__tags-drawer-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-archive__tag{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-mid);background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.blog-archive__tag:hover{border-color:#ffffff26;color:var(--color-white)}.blog-archive__tag--active{border-color:var(--color-red);color:var(--color-red);background:#bf011914}.blog-archive__content{padding:var(--space-7) var(--space-5) var(--section-py)}.blog-archive__content-inner{max-width:1280px;margin:0 auto}.blog-archive__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-9) 0;color:var(--color-gray-mid);font-size:14px}.blog-archive__loading-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--color-red);border-radius:50%;animation:blog-spin .8s linear infinite}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-archive__error{text-align:center;padding:var(--space-8) 0;color:var(--color-gray-mid);font-size:15px}.blog-archive__empty{text-align:center;padding:var(--space-8) 0}.blog-archive__empty-icon{color:var(--color-gray-mid);margin-bottom:var(--space-3);opacity:.4}.blog-archive__empty h3{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);margin-bottom:var(--space-2)}.blog-archive__empty p{font-size:14px;color:var(--color-gray-mid);margin-bottom:var(--space-4)}.blog-archive__empty-btn{display:inline-flex;padding:8px 20px;font-size:13px;font-weight:var(--font-weight-bold);font-family:var(--font-family);color:var(--color-red);background:#bf011914;border:1px solid rgba(191,1,25,.2);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast)}.blog-archive__empty-btn:hover{background:#bf01191f;border-color:var(--color-red)}.blog-archive__featured{display:grid;grid-template-columns:1fr 200px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;transition:border-color var(--transition-base),background-color var(--transition-base);margin-bottom:var(--space-6)}.blog-archive__featured:hover{border-color:#bf01194d;background:#ffffff08}.blog-archive__featured-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.blog-archive__featured-meta{display:flex;align-items:center;gap:var(--space-3)}.blog-archive__featured-label{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:2px;color:var(--color-red);background:#bf01191a;padding:3px 10px;border-radius:var(--radius-pill)}.blog-archive__featured-date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-gray-mid)}.blog-archive__featured-title{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);letter-spacing:-.03em;line-height:1.25}.blog-archive__featured-excerpt{font-size:15px;color:var(--color-gray-light);line-height:1.7;max-width:640px}.blog-archive__featured-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-archive__featured-tags{display:flex;gap:var(--space-2)}.blog-archive__featured-tag{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;color:var(--color-gray-mid);background:#ffffff0a;padding:3px 10px;border-radius:var(--radius-pill)}.blog-archive__featured-read{font-size:12px;color:var(--color-gray-mid)}.blog-archive__featured-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-red);margin-top:var(--space-2);transition:color var(--transition-fast)}.blog-archive__featured:hover .blog-archive__featured-cta{color:var(--color-white-pure)}.blog-archive__featured-side{display:flex;align-items:center;justify-content:center;background:#bf011908;border-left:1px solid rgba(255,255,255,.04)}.blog-archive__featured-glyph{font-size:80px;font-weight:var(--font-weight-bold);color:#bf01191f;letter-spacing:-4px;-webkit-user-select:none;user-select:none}.blog-archive__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.blog-archive__card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-base)}.blog-archive__card:hover{border-color:#ffffff1f;background:#ffffff08;transform:translateY(-2px)}.blog-archive__card-num{padding:var(--space-4) var(--space-4) 0;font-size:32px;font-weight:var(--font-weight-bold);color:#bf011926;letter-spacing:-2px;-webkit-user-select:none;user-select:none;line-height:1}.blog-archive__card-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.blog-archive__card-meta{display:flex;align-items:center;gap:var(--space-2)}.blog-archive__card-date,.blog-archive__card-read{font-size:11px;color:var(--color-gray-mid)}.blog-archive__card-date:after{content:"·";margin-left:var(--space-2);color:#ffffff26}.blog-archive__card-title{font-size:17px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);letter-spacing:-.02em;line-height:1.3}.blog-archive__card:hover .blog-archive__card-title{color:var(--color-white-pure)}.blog-archive__card-excerpt{font-size:13px;color:var(--color-gray-mid);line-height:1.6;flex:1}.blog-archive__card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.04)}.blog-archive__card-tags{display:flex;gap:var(--space-1)}.blog-archive__card-tag{font-size:9px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-mid);background:#ffffff08;padding:2px 8px;border-radius:var(--radius-pill)}.blog-archive__card-arrow{color:var(--color-gray-mid);transition:color var(--transition-fast),transform var(--transition-fast)}.blog-archive__card:hover .blog-archive__card-arrow{color:var(--color-red);transform:translate(3px)}@media (max-width: 1023px){.blog-archive__hero-heading{font-size:38px}.blog-archive__featured{grid-template-columns:1fr}.blog-archive__featured-side{display:none}.blog-archive__grid{grid-template-columns:repeat(2,1fr)}.blog-archive__featured-title{font-size:24px}}@media (max-width: 767px){.blog-archive__hero{padding:120px var(--space-3) var(--space-6)}.blog-archive__hero-heading{font-size:30px}.blog-archive__content{padding:var(--space-5) var(--space-3) var(--space-8)}.blog-archive__featured-content{padding:var(--space-4)}.blog-archive__featured-title{font-size:20px}.blog-archive__grid{grid-template-columns:1fr}.blog-archive__filter-bar-inner{padding:var(--space-3) var(--space-3)}.blog-archive__tags-drawer-inner{padding:0 var(--space-3)}}