.blog-index{padding-top:calc(var(--landing-header-height,5rem) + clamp(1.5rem,3.5vh,2.75rem));flex-direction:column;gap:max(2.25rem,min(5vh,3.5rem));padding-bottom:max(4rem,min(9vh,7rem));display:flex;position:relative}.blog-index:before{content:"";background:radial-gradient(circle at 30% 30%,rgba(var(--color-action-rgb),.22),transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;width:60%;height:420px;position:absolute;top:max(2rem,min(8vh,6rem));left:-10%}.blog-index>*{z-index:1;position:relative}.blog-index__breadcrumb ol{flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;padding:0;list-style:none;display:inline-flex}.blog-index__breadcrumb li{align-items:center;display:inline-flex}.blog-index__breadcrumb li+li:before{content:"/";color:rgba(255,255,255,.32);margin:0 .4rem 0 0;font-size:.78rem}.blog-index__breadcrumb-link{color:rgba(255,255,255,.82);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:999px;align-items:center;gap:.2rem;padding:.3rem .55rem .3rem .4rem;font-size:.76rem;font-weight:500;line-height:1;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.blog-index__breadcrumb-link svg{transition:transform .2s}.blog-index__breadcrumb-link:hover{color:var(--color-action);border-color:rgba(var(--color-action-rgb),.6);background:rgba(var(--color-action-rgb),.12);outline:none}.blog-index__breadcrumb-link:focus-visible{color:var(--color-action);border-color:rgba(var(--color-action-rgb),.6);background:rgba(var(--color-action-rgb),.12);outline:none}.blog-index__breadcrumb-link:hover svg{transform:translate(-2px)}.blog-index__breadcrumb-link:focus-visible svg{transform:translate(-2px)}.blog-index__breadcrumb-current{color:rgba(255,255,255,.62);font-size:.76rem;font-weight:500;line-height:1}.blog-index__head{max-width:60ch}.blog-index__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-action-rgb),.92);margin:0 0 .85rem;font-size:.78rem;font-weight:600}.blog-index__title{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:max(2.1rem,min(5.2vw,3.6rem));font-weight:800;line-height:1.04}.blog-index__title-accent{color:var(--color-action)}.blog-index__intro{color:rgba(255,255,255,.74);max-width:62ch;margin:max(1rem,min(2.2vh,1.5rem)) 0 0;font-size:max(1rem,min(1.4vw,1.125rem));line-height:1.7}.blog-index__topics-title{letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 1.25rem;font-size:.78rem;font-weight:600}.blog-index__topic-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:max(.9rem,min(1.6vw,1.25rem));margin:0;padding:0;list-style:none;display:grid}.blog-index__topic-card{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 60%),rgba(10,14,20,.32);border:1px solid rgba(255,255,255,.12);border-radius:18px;flex-direction:column;gap:.6rem;padding:1.4rem 1.4rem 1.5rem;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.08)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.blog-index__topic-card,.blog-index__empty-card{background:rgba(10,14,20,.86)}}.blog-index__topic-icon{width:40px;height:40px;color:var(--color-action);background:rgba(var(--color-action-rgb),.14);border:1px solid rgba(var(--color-action-rgb),.28);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.blog-index__topic-name{color:rgba(255,255,255,.94);margin:0;font-size:1.05rem;font-weight:700}.blog-index__topic-desc{color:rgba(255,255,255,.64);margin:0;font-size:.9rem;line-height:1.55}.blog-index__empty{justify-content:center;display:flex}.blog-index__empty-card{text-align:center;-webkit-backdrop-filter:blur(14px)saturate(200%);backdrop-filter:blur(14px)saturate(200%);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 60%),rgba(10,14,20,.36);border:1px solid rgba(255,255,255,.16);border-radius:24px;width:100%;max-width:640px;padding:max(2rem,min(4vw,3rem));box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.1)}.blog-index__empty-dot{background:var(--color-action);width:9px;height:9px;box-shadow:0 0 0 0 rgba(var(--color-action-rgb),.55);border-radius:50%;animation:2.2s ease-out infinite blog-index-pulse;display:inline-block}@keyframes blog-index-pulse{0%{box-shadow:0 0 0 0 rgba(var(--color-action-rgb),.5)}70%{box-shadow:0 0 0 12px rgba(var(--color-action-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--color-action-rgb),0)}}@media (prefers-reduced-motion:reduce){.blog-index__empty-dot{animation:none}}.blog-index__empty-heading{color:#fff;margin:1rem 0 .6rem;font-size:max(1.35rem,min(2.6vw,1.85rem));font-weight:700}.blog-index__empty-body{color:rgba(255,255,255,.72);max-width:48ch;margin:0 auto 1.75rem;font-size:.98rem;line-height:1.65}.blog-index__cta{color:#fff;background:var(--color-action);border:1px solid rgba(var(--color-action-rgb),.6);border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.blog-index__cta svg{transition:transform .2s}.blog-index__cta:hover{box-shadow:0 12px 30px rgba(var(--color-action-rgb),.4);outline:none;transform:translateY(-2px)}.blog-index__cta:focus-visible{box-shadow:0 12px 30px rgba(var(--color-action-rgb),.4);outline:none;transform:translateY(-2px)}.blog-index__cta:hover svg{transform:translate(3px)}.blog-index__cta:focus-visible svg{transform:translate(3px)}
