.blog-page{z-index:2;min-height:100vh;padding:15vh 4vw;position:relative}.blog-header h1{font-family:var(--font-heading);color:var(--text-color);margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem)}.blog-header p{color:var(--text-muted);max-width:600px;font-size:1.2rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;display:grid}.featured-post{border-bottom:1px solid var(--border-glass);cursor:pointer;grid-template-columns:1fr 1fr;align-items:center;gap:3vw;margin-bottom:5rem;padding-bottom:4rem;display:grid}.featured-post:hover .featured-img img{transform:scale(1.03)}.featured-label{font-family:var(--font-body);letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:1rem;font-size:.65rem}.featured-post h2{font-family:var(--font-heading);color:var(--text-color);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,3rem);line-height:1.1}.featured-excerpt{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.featured-img{aspect-ratio:16/10;border-radius:6px;overflow:hidden}.featured-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.19,1,.22,1)}.read-more-link{font-family:var(--font-body);color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;font-size:.7rem}.read-more-link:after{content:" →"}.reading-time-badge{color:var(--text-dim);font-size:.72rem;font-family:var(--font-subheading);align-items:center;gap:.3rem;display:inline-flex}.search-bar{width:100%;max-width:500px;margin-bottom:2rem;display:flex}.search-bar input{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-color);font-family:var(--font-body);border-radius:4px 0 0 4px;outline:none;flex:1;padding:1rem;transition:border-color .3s}.search-bar input:focus{border-color:var(--accent)}.search-bar button{background:var(--accent);color:var(--on-accent);font-family:var(--font-body);cursor:pointer;border:none;border-radius:0 4px 4px 0;padding:1rem 2rem;font-weight:600;transition:background .3s}.tag-filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;display:flex}.tag-filter-pill{border:1px solid var(--border-glass);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:50px;padding:.4rem 1rem;font-size:.8rem;transition:all .3s}.tag-filter-pill:hover,.tag-filter-pill.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}@media (width<=768px){.blog-page{padding:12vh 4vw}.blog-header h1{font-size:clamp(2rem,8vw,3rem)}.blog-header{margin-bottom:3rem}.blog-grid{grid-template-columns:1fr;gap:2rem}.featured-post{grid-template-columns:1fr}.featured-post h2{font-size:1.5rem}.search-bar{max-width:100%}.tag-filter-bar{gap:.4rem}}.blog-page{max-width:1240px;margin:0 auto;padding:clamp(7.5rem,17vh,10.5rem) clamp(1.25rem,3vw,2rem) 2rem}.blog-header{margin-bottom:3.5rem}.blog-header h1{letter-spacing:-.035em;font-size:clamp(3.6rem,10vw,8rem);font-weight:400;line-height:.9}.blog-header h1 em{color:var(--accent)}.blog-header p{max-width:46ch;color:var(--text-muted);margin-top:1.25rem;font-size:1.1rem}.featured-post{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:calc(var(--radius-xl) + 8px);gap:clamp(1rem,3vw,3rem);margin-bottom:3.5rem;padding:clamp(.75rem,1.4vw,1.25rem);transition:border-color .3s}.featured-post:hover{border-color:var(--text-color)}.featured-post>div:first-child{padding:clamp(.5rem,2vw,1.75rem)}.featured-label{letter-spacing:.14em;color:var(--accent-text);font-size:.72rem}.featured-post h2{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2rem,3.6vw,3.1rem);font-weight:400;line-height:1.05}.featured-excerpt{color:var(--text-muted)}.featured-img{border:1px solid var(--border-glass);border-radius:var(--radius-xl)}.read-more-link{border-radius:var(--radius-pill);background:var(--text-color);min-height:44px;color:var(--bg-color);letter-spacing:0;text-transform:none;align-items:center;padding:0 1.3rem;font-size:.88rem;font-weight:500;transition:background-color .25s,color .25s;display:inline-flex}.featured-post:hover .read-more-link{background:var(--accent);color:var(--on-accent)}.search-bar{border:1px solid var(--border-glass);border-radius:var(--radius-pill);background:var(--bg-surface);max-width:520px;padding:.3rem}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{border-radius:var(--radius-pill);color:var(--text-color);background:0 0;border:0;padding:.7rem 1rem}.search-bar button{border-radius:var(--radius-pill);background:var(--text-color);color:var(--bg-color);padding:.7rem 1.4rem;font-size:.88rem}.search-bar button:hover{background:var(--accent);color:var(--on-accent)}.tag-filter-bar{margin-bottom:1.25rem}.tag-filter-bar:last-of-type{margin-bottom:3rem}.tag-filter-pill{letter-spacing:0;text-transform:none;padding:.45rem 1rem;font-size:.85rem}.tag-filter-pill:hover,.tag-filter-pill.active{background:var(--text-color);border-color:var(--text-color);color:var(--bg-color)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem}@media (width<=768px){.blog-page{padding-top:3.5rem}.blog-header h1{font-size:clamp(3.2rem,15vw,4.5rem)}.featured-post h2{font-size:1.9rem}}
