.articles-header{display:flex;flex-direction:column;gap:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:3rem;margin-bottom:4rem}@media (min-width:900px){.articles-header{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3rem}}.articles-header-left{display:flex;flex-direction:column;gap:.5rem}.articles-mono-tag{font-family:var(--font-body, 'Outfit', sans-serif);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-primary);font-weight:600}.articles-headline{font-family:var(--font-display);font-size:clamp(2.4rem, 4.5vw, 3.8rem);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--text-light);margin:0}.articles-lead{font-family:var(--font-body);font-size:1.1rem;font-weight:300;line-height:1.6;color:var(--text-muted);max-width:48ch;margin:0}.glow-card{position:relative;border:var(--hairline);background:var(--glass-bg);border-radius:24px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;box-shadow:var(--glass-highlight),var(--glass-shadow);transition:all .5s cubic-bezier(.16, 1, .3, 1)}.glow-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-highlight),0 20px 50px -10px var(--accent-glow)}.cinematic-blog-layout{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media (min-width:1024px){.cinematic-blog-layout{grid-template-columns:350px 1fr;gap:4rem}}@media (min-width:1200px){.cinematic-blog-layout{grid-template-columns:420px 1fr}}.blog-sidebar{position:relative}@media (min-width:1024px){.sticky-poster{position:sticky;top:120px}}.gamified-poster-card{display:flex;flex-direction:column;padding:0;height:500px;background:var(--glass-bg);border:var(--hairline);border-radius:24px;box-shadow:var(--glass-highlight),var(--glass-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;transition:all .5s cubic-bezier(.16, 1, .3, 1)}.gamified-poster-card:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:var(--glass-highlight),0 24px 60px -15px var(--accent-glow)}.gamified-poster-image{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.gamified-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.16, 1, .3, 1),filter .8s ease;filter:brightness(.7) contrast(1.1)}.gamified-poster-card:hover .gamified-avatar-img{transform:scale(1.05);filter:brightness(.9) contrast(1.1)}.gamified-poster-image::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}.gamified-poster-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.8) 100%);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.author-status-badge{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--hairline);box-shadow:var(--glass-highlight);padding:.4rem 1rem;border-radius:9999px;width:fit-content}.status-pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.6);animation:footer-pulse 2s infinite}.gamified-poster-text{display:flex;flex-direction:column}.poster-title{font-family:var(--font-display);font-size:clamp(3rem, 5vw, 4.5rem);font-weight:800;line-height:.9;letter-spacing:-.04em;color:#fff;opacity:.95}.poster-subtitle{font-family:var(--font-body);font-size:clamp(1.2rem, 2vw, 2rem);font-weight:200;letter-spacing:.04em;color:rgba(255,255,255,.7);margin-top:.2rem}.blog-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.05)}.cinematic-blog-row{display:flex;flex-direction:column;gap:1.5rem;padding:3rem 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .5s cubic-bezier(.16, 1, .3, 1);position:relative;overflow:hidden}@media (min-width:768px){.cinematic-blog-row{flex-direction:row;align-items:center;gap:2rem}}.blog-row-meta{display:flex;align-items:center;gap:1rem;width:120px;flex-shrink:0}.blog-row-num{font-family:var(--font-mono);font-size:.8rem;color:rgba(255,255,255,.3);font-weight:500;transition:color .4s ease}.blog-row-cat{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary,#3b82f6);background:rgba(56,130,246,.1);border:1px solid rgba(56,130,246,.2);padding:.3rem .6rem;border-radius:4px}.blog-row-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.blog-row-title{font-family:var(--font-display);font-size:clamp(2rem, 3vw, 3rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.4);transition:all .5s cubic-bezier(.16, 1, .3, 1)}.cinematic-blog-row:hover .blog-row-title{color:var(--text-light,#fff);-webkit-text-stroke:1px transparent;transform:translateX(10px)}.blog-row-excerpt{font-size:1rem;line-height:1.6;color:rgba(255,255,255,.5);margin:1rem 0 0 0;max-width:600px;opacity:0;max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.16, 1, .3, 1);transform:translateY(10px)}.cinematic-blog-row:hover .blog-row-excerpt{opacity:1;max-height:100px;transform:translateY(0)}.blog-row-action{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.blog-row-date{font-family:var(--font-mono);font-size:.8rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.1em}.blog-arrow-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:var(--hairline);background:var(--glass-bg);box-shadow:var(--glass-highlight);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-light);transition:all .5s cubic-bezier(.16, 1, .3, 1)}.cinematic-blog-row:hover .blog-arrow-icon{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.1) rotate(-45deg);box-shadow:0 10px 24px -4px var(--accent-glow)}.cinematic-blog-row:hover{background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.015) 50%,rgba(255,255,255,0) 100%);padding-left:1rem;padding-right:1rem}[data-theme=light] .gamified-poster-overlay{background:linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.9) 100%)}[data-theme=light] .poster-title{color:#111}[data-theme=light] .poster-subtitle{color:rgba(0,0,0,.6)}[data-theme=light] .author-status-badge{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:#111}[data-theme=light] .glow-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05)}[data-theme=light] .blog-row-title{-webkit-text-stroke:1px rgba(0,0,0,0.3)}[data-theme=light] .cinematic-blog-row:hover .blog-row-title{color:#000;-webkit-text-stroke:1px transparent}[data-theme=light] .blog-row-date,[data-theme=light] .blog-row-num{color:rgba(0,0,0,.5)}[data-theme=light] .blog-row-excerpt{color:rgba(0,0,0,.6)}[data-theme=light] .blog-list,[data-theme=light] .cinematic-blog-row{border-color:rgba(0,0,0,.08)}[data-theme=light] .blog-arrow-icon{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.03);color:rgba(0,0,0,.5)}[data-theme=light] .cinematic-blog-row:hover .blog-arrow-icon{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15);color:#000}