.blog-page{min-height:100vh;background:var(--paper, var(--paper))}.blog-hero{padding:160px 0 80px;background:var(--hero-grad);text-align:center;border-bottom:1px solid rgba(22,140,255,.2)}.blog-hero h1{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:var(--h1-hero);margin:12px 0 20px}.blog-hero p{color:#ffffffa6;max-width:560px;margin:0 auto;line-height:1.7}.blog-container{padding:72px 20px}.blog-loading,.blog-empty,.blog-error{text-align:center;padding:80px 20px;color:#10111499}.blog-error{color:#e0463f}.spinner{width:40px;height:40px;border:3px solid rgba(22,140,255,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.featured-post{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;background:#fff;border:1px solid rgba(22,140,255,.28);margin-bottom:48px;transition:border-color .3s;text-decoration:none;overflow:hidden}.featured-post:hover{border-color:var(--cyan)}.featured-photo{min-height:320px;overflow:hidden}.featured-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.featured-post:hover .featured-photo img{transform:scale(1.04)}.featured-body{padding:48px}.featured-badge{display:inline-block;background:var(--cyan-btn);color:#fff;font-family:var(--font-display);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:4px 12px;margin-bottom:16px}@media (max-width: 800px){.featured-post{grid-template-columns:1fr}.featured-photo{min-height:0;aspect-ratio:16/9}.featured-body{padding:32px 24px}}.featured-cat{font-family:var(--font-display);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-text);margin-bottom:12px}.featured-post h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--ink, var(--ink));margin-bottom:16px}.featured-post p{color:#101114a6;line-height:1.75;max-width:640px;margin-bottom:24px}.featured-meta{display:flex;gap:24px;align-items:center}.featured-meta time{color:#1011148c;font-size:.85rem}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{display:block;text-decoration:none;background:#fff;border:1px solid rgba(16,17,20,.1);transition:border-color .3s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;overflow:hidden}.post-card:hover{border-color:var(--cyan);transform:translateY(-6px);box-shadow:0 20px 40px #1011141a}.post-img-wrap{display:block;overflow:hidden;aspect-ratio:16/9}.post-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover .post-img-wrap img{transform:scale(1.05)}.post-body{padding:28px}.post-category{display:inline-block;background:#168cff1a;color:var(--cyan-text);font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;margin-bottom:12px}.post-body h2{font-family:var(--font-display);font-size:1.15rem;margin-bottom:12px;line-height:1.3;color:var(--ink, var(--ink));transition:color .2s}.post-card:hover .post-body h2{color:var(--cyan-text)}.post-excerpt{color:#1011149e;font-size:.9rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(16,17,20,.1);padding-top:16px}.post-meta time{color:#1011148c;font-size:.82rem}.read-more{color:var(--cyan-text);font-family:var(--font-display);font-size:.85rem;letter-spacing:.05em;transition:letter-spacing .2s}.read-more:hover{letter-spacing:.1em}@media (max-width: 900px){.posts-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.posts-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.post-card:hover{transform:none}}
