.post__list{list-style:none;padding:0;margin:0;counter-reset:post-index;position:relative;background-image:linear-gradient(rgba(242,81,27,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(242,81,27,.018) 1px,transparent 1px);background-size:28px 28px}.post__list>li{counter-increment:post-index;position:relative;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);border-bottom:1px solid var(--border);padding-left:1.25rem;overflow:hidden;transition:background .28s ease,box-shadow .35s ease;animation:post-slide-in .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 70ms)}.post__list>li:first-child{border-top:1px solid var(--border)}.post__list>li:hover{background:#f2511b09;box-shadow:inset 3px 0 0 var(--accent),0 0 60px #f2511b12,inset 0 0 80px #f2511b08}.post__list>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,rgba(242,81,27,.07) 45%,rgba(242,81,27,.12) 50%,rgba(242,81,27,.07) 55%,transparent 100%);background-size:100% 300%;background-position:0 -200%;pointer-events:none;z-index:2;opacity:0;transition:opacity 80ms ease}.post__list>li:hover:before{opacity:1;animation:scanline-sweep .65s cubic-bezier(.4,0,.6,1) forwards}@keyframes scanline-sweep{0%{background-position:0 -200%}to{background-position:0 200%}}.post__list>li:after{content:counter(post-index,decimal-leading-zero);position:absolute;right:.3rem;bottom:-.05em;font-family:var(--font-display);font-size:6.5rem;font-variation-settings:"MORF" 5,"SHLN" 50;color:#f2511b0e;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transition:color .4s ease,font-variation-settings .5s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.post__list>li:hover:after{color:#f2511b38;font-variation-settings:"MORF" 42,"SHLN" 50;transform:translateY(-6px) scale(1.02)}@keyframes post-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.post__list li img{width:100%;height:220px;object-fit:cover;display:block;opacity:.4;filter:grayscale(70%) sepia(20%) hue-rotate(5deg);transition:opacity .45s ease,filter .45s ease}.post__list li:hover img{opacity:.88;filter:grayscale(0%) sepia(0%)}.post__list--item--banner{display:block;text-decoration:none;position:relative;z-index:1}.post__list--item--banner p{position:relative;font-size:1.08rem;font-weight:700;line-height:1.4;padding:.95rem 5.5rem .25rem 0;color:var(--text);letter-spacing:-.02em;transition:color .16s ease,letter-spacing .3s cubic-bezier(.16,1,.3,1)}.post__list--item--banner:hover p{color:var(--accent);letter-spacing:0em}.post__list--item--banner p:before{content:attr(data-text);position:absolute;top:0;left:0;right:0;padding:.95rem 5.5rem .25rem 0;color:#ff1e00bf;pointer-events:none;clip-path:inset(0 0 100% 0);opacity:0;font-size:1.08rem;font-weight:700;line-height:1.4;letter-spacing:-.02em}.post__list--item--banner p:after{content:attr(data-text);position:absolute;top:0;left:0;right:0;padding:.95rem 5.5rem .25rem 0;color:#00d2ff8c;pointer-events:none;clip-path:inset(100% 0 0 0);opacity:0;font-size:1.08rem;font-weight:700;line-height:1.4;letter-spacing:-.02em}.post__list--item--banner:hover p:before{opacity:1;animation:glitch-red .45s cubic-bezier(.25,.46,.45,.94) forwards}.post__list--item--banner:hover p:after{opacity:1;animation:glitch-cyan .45s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes glitch-red{0%{transform:translate(-4px);clip-path:inset(0% 0 90% 0)}15%{clip-path:inset(20% 0 60% 0);transform:translate(3px)}30%{clip-path:inset(55% 0 25% 0);transform:translate(-3px)}50%{clip-path:inset(10% 0 75% 0);transform:translate(2px)}70%{clip-path:inset(75% 0 5% 0);transform:translate(-2px)}90%{clip-path:inset(40% 0 50% 0);transform:translate(1px)}to{clip-path:inset(0 0 100% 0);transform:translate(0);opacity:0}}@keyframes glitch-cyan{0%{transform:translate(4px);clip-path:inset(90% 0 0% 0)}15%{clip-path:inset(60% 0 20% 0);transform:translate(-3px)}30%{clip-path:inset(25% 0 55% 0);transform:translate(3px)}50%{clip-path:inset(75% 0 10% 0);transform:translate(-2px)}70%{clip-path:inset(5% 0 75% 0);transform:translate(2px)}90%{clip-path:inset(50% 0 40% 0);transform:translate(-1px)}to{clip-path:inset(100% 0 0 0);transform:translate(0);opacity:0}}.post__list--item--summary{padding:0 5.5rem .5rem 0;font-size:.83rem;color:var(--text-muted);line-height:1.75;position:relative;z-index:1}.post__list--item--summary p{margin:0}.post__list--item--meta{display:flex;align-items:center;gap:.75rem;padding:.55rem 5.5rem .9rem 0;font-size:.68rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-feature-settings:"tnum";position:relative;z-index:1}.post__list--item--meta:after{content:"";position:absolute;bottom:0;left:-1.25rem;height:1px;width:0;background:linear-gradient(90deg,var(--accent) 0%,rgba(242,81,27,.5) 70%,transparent 100%);transition:width .75s cubic-bezier(.16,1,.3,1);transition-delay:60ms}.post__list>li:hover .post__list--item--meta:after{width:calc(100% + 6.75rem)}.post__list--item--meta time:before{content:"▸ ";color:var(--accent);opacity:.55}.post__list--item--meta p{margin:0;padding:.15rem .55rem;background:#f2511b1a;border:1px solid rgba(242,81,27,.25);color:var(--accent);font-size:.62rem;letter-spacing:.1em;line-height:1.6}.pagination{list-style:none;padding:0;margin:2.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--border);padding-top:1.5rem}.pagination a{display:inline-flex;align-items:center;padding:.6rem 1.75rem;border:1px solid var(--border);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);position:relative;overflow:hidden;transition:color .2s ease,border-color .2s ease}.pagination a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1);z-index:0}.pagination a:hover{color:#fff;border-color:var(--accent)}.pagination a:hover:before{transform:scaleX(1)}.pagination a span{position:relative;z-index:1}.pagination__counter{font-size:.72rem;font-feature-settings:"tnum";letter-spacing:.1em;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.pagination__counter>span:first-child{color:var(--accent);opacity:.7}.pagination__sep{color:var(--border);opacity:1!important}@media only screen and (max-width: 600px){.post__list--item--banner p,.post__list--item--banner p:before,.post__list--item--banner p:after,.post__list--item--summary,.post__list--item--meta{padding-right:3.5rem}.post__list>li:after{font-size:4.25rem}}