.post-hero{padding-top:180px;padding-bottom:80px;background:#f8fafc;border-bottom:1px solid rgba(8,127,255,.05)}.post-hero--has-image{position:relative;overflow:hidden;background:#0f172a;border-bottom:none}.post-hero__bg{position:absolute;inset:0;z-index:0}.post-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.4;filter:grayscale(100%) brightness(.8)}.post-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,23,42,.8) 0,rgba(15,23,42,.4) 50%,rgba(15,23,42,.9) 100%);z-index:1}.post-hero--has-image .post-header{position:relative;z-index:2}.post-hero--has-image .post-title{color:#fff}.post-hero--has-image .post-author{color:#fff}.post-hero--has-image .post-date{color:rgba(255,255,255,.7)}.post-hero--has-image .post-meta{border-top-color:rgba(255,255,255,.15)}.post-header{max-width:800px;margin:0 auto}.post-category{display:inline-block;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#087fff;margin-bottom:24px}.post-title{font-family:var(--font-family-heading);font-size:clamp(2.5rem, 6vw, 4.5rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:#0f172a;text-transform:uppercase;margin-bottom:32px}.post-meta{display:flex;align-items:center;gap:24px;padding-top:32px;border-top:1px solid rgba(15,23,42,.05)}.post-author{display:flex;align-items:center;gap:12px;font-weight:700;color:#0f172a}.post-date{color:#64748b;font-size:.9rem}.post-content-wrap{padding-block:100px}.post-content{max-width:720px;margin:0 auto;font-size:1.2rem;line-height:1.8;color:#334155}.post-content p{margin-bottom:32px}.post-content h2{font-family:var(--font-family-heading);font-size:2.5rem;font-weight:900;color:#0f172a;margin:64px 0 24px;text-transform:uppercase;letter-spacing:-.02em}.post-content h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin:40px 0 16px}.post-content ul{margin-bottom:32px;padding-left:24px}.post-content li{margin-bottom:12px;position:relative}.post-visual{grid-column:1/-1;margin-block:80px;border-radius:32px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.15)}.post-visual img{width:100%;height:auto;display:block}.post-actions{max-width:720px;margin:80px auto 0;padding-top:60px;border-top:1px solid rgba(15,23,42,.1);display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.post-hero{padding-top:140px}.post-title{font-size:2.5rem}.post-content{font-size:1.1rem}}