.mag-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.1rem 2.5rem;background:#eaeaea;color:#141414;font-size:.85rem;font-weight:600;text-decoration:none;border-radius:var(--radius);position:relative;overflow:hidden;transition:transform .3s var(--ease);will-change:transform;font-family:'Space Grotesk',sans-serif;border:none;cursor:pointer}.mag-btn::before{content:'';position:absolute;inset:0;background:#141414;border-radius:var(--radius);transform:translateY(101%);transition:transform .5s var(--ease)}.mag-btn:hover::before{transform:translateY(0)}.mag-btn span,.mag-btn svg{position:relative;z-index:1;transition:color .5s,stroke .5s}.mag-btn:hover span{color:#eaeaea}.mag-btn:hover svg{stroke:#eaeaea}.text-link{color:var(--fg);text-decoration:none;font-size:.85rem;font-weight:500;position:relative;padding-bottom:2px}.text-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.text-link:hover::after{transform:scaleX(1);transform-origin:left}.blog-hero h1{font-size:clamp(3rem, 7vw, 6rem);line-height:.92;margin-bottom:0;overflow:visible}.blog-hero h1 em{font-style:italic}.blog-hero h1 .word{overflow:visible}.blog-hero-right{display:flex;flex-direction:column;gap:1.2rem;align-items:center}.blog-hero-desc{max-width:520px;text-transform:none;letter-spacing:0}.blog-count{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim)}.blog-filters-wrap{display:flex;justify-content:center;pointer-events:none;padding:2.5rem 4vw 3rem}.blog-filters-inner{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem;background:var(--bg-sub);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;flex-wrap:nowrap}.filter-btn{padding:.45rem 1.1rem;border:none;border-radius:calc(var(--radius) - 4px);background:0 0;color:var(--fg-muted);font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}.filter-btn:hover{color:var(--fg)}.filter-btn.active{background:var(--fg);color:var(--bg)}.featured-article{margin-bottom:4rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(110deg,#1a1a1a .6%,#141414);transition:transform .4s var(--ease),box-shadow .4s var(--ease);text-decoration:none;color:#eaeaea}[data-theme=light] .featured-article{background:linear-gradient(110deg,#333 .6%,#222)}.featured-article:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.35)}.featured-image{background:var(--bg-sub);min-height:380px;position:relative;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.featured-image-label{position:absolute;bottom:1.5rem;left:1.5rem;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f1f1f1;z-index:1;text-shadow:0 1px 4px rgba(0,0,0,.5)}.featured-content{padding:3rem;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(255,255,255,.08)}.featured-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.article-tag{display:inline-flex;padding:.3rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);transition:.25s}.article-tag[data-cat=ai]{color:#4ade80;border-color:rgba(74,222,128,.3)}.article-tag[data-cat=design]{color:#60a5fa;border-color:rgba(96,165,250,.3)}.article-tag[data-cat=strategy]{color:#f59e0b;border-color:rgba(245,158,11,.3)}.article-tag[data-cat=business]{color:#fb923c;border-color:rgba(251,146,60,.3)}.article-tag[data-cat=process]{color:#c084fc;border-color:rgba(192,132,252,.3)}.article-date{font-size:.72rem;color:rgba(255,255,255,.35);letter-spacing:.04em}.article-readtime{font-size:.72rem;color:rgba(255,255,255,.35);letter-spacing:.04em;margin-left:auto}.featured-title{font-size:clamp(1.6rem, 3vw, 2.4rem);line-height:1;margin-bottom:1.5rem;letter-spacing:-.04em}.featured-excerpt{font-size:.92rem;color:rgba(255,255,255,.55);line-height:1.75;flex:1;margin-bottom:2.5rem;text-transform:none;letter-spacing:0;font-weight:400;font-family:'Space Grotesk',sans-serif}.featured-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem .3rem .6rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:2rem}.featured-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#f59e0b}.article-read-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#eaeaea;text-decoration:none;letter-spacing:.04em;transition:gap .25s var(--ease)}.featured-article:hover .article-read-link{gap:.8rem}.articles-section-label{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.articles-section-label::after{content:'';flex:1;height:1px;background:var(--border)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.article-card{border:1px solid rgba(255,255,255,.08);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(110deg,#1a1a1a .6%,#141414);text-decoration:none;color:#eaeaea;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}[data-theme=light] .article-card{background:linear-gradient(110deg,#333 .6%,#222)}.article-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.35);border-color:rgba(255,255,255,.15)}.card-image{height:180px;background:#111;position:relative;overflow:hidden;flex-shrink:0}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:1.6rem 1.8rem 1.8rem;display:flex;flex-direction:column;gap:.9rem;flex:1}.card-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.card-title{font-size:clamp(1rem, 1.8vw, 1.15rem);line-height:1.1;letter-spacing:-.03em;font-weight:900;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;flex:1}.card-excerpt{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.7;text-transform:none;letter-spacing:0;font-weight:400;font-family:'Space Grotesk',sans-serif;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.card-read{font-size:.75rem;font-weight:600;color:#eaeaea;display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;letter-spacing:.04em;transition:gap .25s var(--ease)}.article-card:hover .card-read{gap:.6rem}.card-readtime{font-size:.7rem;color:rgba(255,255,255,.35);letter-spacing:.04em}.article-card[hidden],.featured-article[hidden]{display:none}.blog-newsletter{margin-top:5rem;padding:3rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(110deg,#1a1a1a .6%,#141414);display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap;color:#eaeaea}[data-theme=light] .blog-newsletter{background:linear-gradient(110deg,#333 .6%,#222)}.newsletter-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:.8rem}.newsletter-heading{font-size:clamp(1.4rem, 3vw, 1.9rem);line-height:1;margin-bottom:.8rem;color:#eaeaea}.newsletter-desc{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.65;max-width:380px;text-transform:none;letter-spacing:0;font-weight:400;font-family:'Space Grotesk',sans-serif}.newsletter-form{display:flex;gap:.8rem;flex-shrink:0;flex-wrap:wrap;transition:opacity .3s}.newsletter-input{padding:.95rem 1.4rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);background:rgba(255,255,255,.06);color:#eaeaea;font-family:'Space Grotesk',sans-serif;font-size:.85rem;font-weight:400;width:260px;transition:border-color .3s,outline .3s;outline:0}.newsletter-input::placeholder{color:rgba(255,255,255,.35)}.newsletter-input:focus{border-color:rgba(255,255,255,.3)}.newsletter-form-wrap{position:relative;flex-shrink:0}.newsletter-success{display:flex;align-items:center;gap:1rem;opacity:0;pointer-events:none;position:absolute;inset:0;transition:opacity .4s}.newsletter-success.is-visible{opacity:1;pointer-events:auto}.newsletter-success-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;flex-shrink:0;background:#eaeaea;color:#141414;font-size:.8rem;font-weight:700}.newsletter-success-heading{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:-.03em;color:#eaeaea;margin:0 0 .2rem}.newsletter-success-sub{font-size:.82rem;color:rgba(255,255,255,.55);margin:0}@media (max-width:1200px){.articles-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem}}@media (max-width:1024px){.featured-article{grid-template-columns:1fr}.featured-image{min-height:240px}.featured-content{border-left:none;border-top:1px solid rgba(255,255,255,.08)}.articles-grid{grid-template-columns:repeat(2,1fr)}.newsletter-form,.newsletter-input{width:100%}}@media (max-width:768px){.blog-hero h1{font-size:clamp(2.5rem, 10vw, 4rem)}.blog-filters-wrap{padding:2rem 4vw;justify-content:stretch}.blog-filters-inner{width:100%;flex-wrap:nowrap}.blog-filters-inner .filter-btn{flex:1;text-align:center}.articles-grid{grid-template-columns:1fr}.featured-article{border-radius:.5rem}.featured-content{padding:2rem}.blog-newsletter{padding:2rem;flex-direction:column;gap:2rem}}@media (max-width:480px){.card-image{height:150px}.newsletter-input{width:100%;min-width:0}.featured-title{font-size:1.4rem}}