.blog-hero{text-align:center;flex-direction:column;align-items:center;padding:10rem 1.5rem 3.5rem;display:flex;position:relative}.blog-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:820px;margin:1.3rem 0 1.1rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;line-height:1.1}.blog-hero .sub{color:var(--text-secondary);max-width:600px;font-size:1.125rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.blog-card{color:inherit;padding:0;text-decoration:none;overflow:hidden}.blog-card-img{aspect-ratio:16/9;object-fit:cover;border-bottom:var(--glass-border);background:#14141e;width:100%;height:auto;display:block}.blog-card-body{flex-direction:column;flex:1;padding:1.6rem 1.5rem 1.75rem;display:flex}.blog-card-meta{color:var(--text-muted);margin-bottom:.6rem;font-size:.85rem}.blog-card-title{letter-spacing:-.01em;text-wrap:balance;margin-bottom:.7rem;font-size:1.15rem;font-weight:700;line-height:1.35}.blog-card-excerpt{color:var(--text-secondary);margin-bottom:1.2rem;font-size:.9375rem}.blog-card-more{color:var(--accent-indigo);transition:color var(--transition-normal);margin-top:auto;font-size:.9rem;font-weight:600}.blog-card:hover .blog-card-more{color:var(--text-primary)}.post-container{max-width:800px;margin:0 auto;padding:9rem 1.5rem 4rem;position:relative}.post-back-link{color:var(--text-muted);transition:color var(--transition-normal);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.95rem;text-decoration:none;display:inline-flex}.post-back-link:hover{color:var(--text-primary)}.post-image{aspect-ratio:16/9;object-fit:cover;border:var(--glass-border);width:100%;height:auto;box-shadow:var(--glass-shadow);background:#14141e;border-radius:0;margin-bottom:2.5rem}.post-title{letter-spacing:-.02em;color:#0000;text-wrap:balance;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.25}.post-meta{color:var(--text-muted);flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;font-size:.95rem;display:flex}.post-body{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.post-body p{margin-bottom:1.5rem}.post-body h3.blog-post-subtitle{color:var(--text-primary);letter-spacing:-.01em;margin:3rem 0 1.25rem;font-size:1.6rem;font-weight:700;line-height:1.3}.post-body strong{color:var(--text-primary)}.post-body ul,.post-body ol{margin:1.5rem 0;padding-left:1.5rem}.post-body li{margin-bottom:.75rem}.post-body ul li{list-style-type:disc}.post-body ol li{list-style-type:decimal}.post-body img{border:var(--glass-border);border-radius:0;max-width:100%;height:auto}.post-cta{background:var(--bg-card);border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center;border-radius:0;flex-direction:column;align-items:center;gap:1.25rem;margin-top:4rem;padding:3rem 2rem;display:flex}.post-cta h3{color:var(--text-primary);font-size:1.5rem;font-weight:700}.post-cta p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1rem;line-height:1.5}@media (width<=768px){.blog-hero{padding-top:8.5rem}.post-container{padding-top:7rem}.post-title{font-size:1.85rem}}.featured-post{background:var(--bg-card);border:var(--glass-border);box-shadow:var(--glass-shadow);color:inherit;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:0;grid-template-columns:1.15fr 1fr;gap:0;text-decoration:none;display:grid;overflow:hidden}.featured-post:hover{box-shadow:0 20px 40px var(--paper-2);border-color:#ff7a6659;transform:translateY(-4px)}.featured-img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.featured-body{flex-direction:column;justify-content:center;gap:.7rem;padding:2.4rem;display:flex}.featured-badge{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-indigo);border-radius:var(--radius-pill);background:#ff7a661f;border:1px solid #ff7a664d;align-self:flex-start;padding:.3rem .8rem;font-size:.68rem;font-weight:700}.featured-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700;line-height:1.2}.featured-excerpt{color:var(--text-secondary);font-size:.95rem}.featured-post .blog-card-more{margin-top:.4rem}@media (width<=760px){.featured-post{grid-template-columns:1fr}.featured-img{aspect-ratio:16/9;min-height:200px}.featured-body{padding:1.6rem}}.related{border-top:1px solid var(--rule);margin-top:4rem;padding:4rem 1.5rem 2rem}.related-inner{max-width:var(--container-max);margin:0 auto}.blog-card picture,.featured-post picture,.post-hero picture{line-height:0;display:block;position:relative;overflow:hidden}.blog-card picture img,.featured-post picture img,.post-hero picture img{filter:grayscale()contrast(1.12)brightness(.82);transition:filter var(--t-move) var(--ease), transform var(--t-move) var(--ease);width:100%;display:block}.blog-card picture:before,.featured-post picture:before,.post-hero picture:before{content:"";pointer-events:none;z-index:1;background:var(--ground-3);mix-blend-mode:lighten;position:absolute;inset:0}.blog-card picture:after,.featured-post picture:after,.post-hero picture:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(160deg, var(--signal), var(--ground-3));mix-blend-mode:color;opacity:.6;transition:opacity var(--t-move) var(--ease);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.blog-card:hover picture img{filter:grayscale(.5)contrast(1.05)brightness(.96);transform:scale(1.03)}.blog-card:hover picture:after{opacity:.34}}
