.blog-list-root{--bg:#060c0c;--surface:#0c1a18;--surface-2:#0f2220;--text:#f0fffe;--text-soft:#b0deda;--text-dim:#6bb8b0;--accent:#00d9c0;--accent-glow:#00d9c02e;--border:#00d9c026;--border-hover:#00d9c066;--radius:12px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif}.blog-list-root *{box-sizing:border-box}.blog-list-root .blog-list-wrap{max-width:1280px;margin:0 auto;padding:0 32px}.blog-list-root .blog-list-header{background:var(--surface);border-bottom:1px solid var(--border);padding:80px 0 48px}.blog-list-root .blog-list-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11px;font-weight:600}.blog-list-root .blog-list-title{letter-spacing:-.02em;color:var(--text);margin:0 0 16px;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1}.blog-list-root .blog-list-subtitle{color:var(--text-soft);max-width:540px;margin:0;font-size:clamp(16px,2vw,18px);line-height:1.5}.blog-list-root .blog-list-hero{isolation:isolate;min-height:500px;color:var(--text);background:var(--surface-2);align-items:flex-end;padding:100px 32px 56px;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-list-root .blog-list-hero-bg{z-index:-1;position:absolute;inset:0}.blog-list-root .blog-list-hero-img{object-fit:cover;transition:transform .6s}.blog-list-root .blog-list-hero:hover .blog-list-hero-img{transform:scale(1.03)}.blog-list-root .blog-list-hero-overlay{background:linear-gradient(#060c0c59 0%,#060c0ce0 100%);position:absolute;inset:0}.blog-list-root .blog-list-hero-inner{z-index:2;flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto;display:flex;position:relative}.blog-list-root .blog-list-hero-eyebrow{letter-spacing:.25em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.blog-list-root .blog-list-hero-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.blog-list-root .blog-list-hero-tag{letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700}.blog-list-root .blog-list-hero-title{letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(26px,3.5vw,48px);font-weight:700;line-height:1.1}.blog-list-root .blog-list-hero-excerpt{max-width:700px;color:var(--text-soft);text-wrap:balance;margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.5}.blog-list-root .blog-list-hero-cta{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-self:flex-start;margin-top:8px;font-size:12px;font-weight:700;transition:gap .2s}.blog-list-root .blog-list-hero:hover .blog-list-hero-cta{opacity:.8}.blog-list-root .blog-list-section{background:var(--bg);padding:56px 0 96px}.blog-list-root .blog-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.blog-list-root .blog-list-card{color:var(--text);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;min-height:320px;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.blog-list-root .blog-list-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 32px #00d9c014}.blog-list-root .blog-list-card-image-wrap{border-radius:var(--radius);position:absolute;inset:0;overflow:hidden}.blog-list-root .blog-list-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-list-root .blog-list-card:hover .blog-list-card-image{transform:scale(1.04)}.blog-list-root .blog-list-card-image-overlay{background:linear-gradient(#060c0c33 0%,#060c0c99 50%,#060c0cf0 100%);position:absolute;inset:0}.blog-list-root .blog-list-card-body{z-index:2;flex-direction:column;gap:10px;margin-top:auto;padding:24px;display:flex;position:relative}.blog-list-root .blog-list-card:not(:has(.blog-list-card-image-wrap)) .blog-list-card-body{justify-content:space-between;height:100%;margin-top:0}.blog-list-root .blog-list-card-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-list-root .blog-list-card-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.blog-list-root .blog-list-card-date{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.blog-list-root .blog-list-card-title{color:var(--text);text-wrap:balance;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:19px;font-weight:600;line-height:1.25}.blog-list-root .blog-list-card-read{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.blog-list-root .blog-list-empty{color:var(--text-dim);text-align:center;padding:80px 0;font-size:18px;font-style:italic}.blog-list-root .blog-list-back{background:var(--bg);padding:0 0 48px}.blog-list-root .blog-list-back-link{color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .2s}.blog-list-root .blog-list-back-link:hover{color:var(--accent)}@media (max-width:720px){.blog-list-root .blog-list-wrap{padding:0 20px}.blog-list-root .blog-list-header{padding:56px 0 36px}.blog-list-root .blog-list-hero{min-height:380px;padding:72px 24px 40px}.blog-list-root .blog-list-grid{grid-template-columns:1fr;gap:16px}.blog-list-root .blog-list-card{min-height:260px}}
