.post-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:clamp(400px,68vh,68vh);display:flex;align-items:flex-end;overflow:hidden}.post-hero-image-wrap{position:absolute;inset:0;overflow:hidden}.post-hero-img{width:100%;height:100%;object-fit:cover;display:block}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.65) 35%,rgba(0,0,0,.15) 70%,rgba(0,0,0,0));mix-blend-mode:multiply}.post-hero-content{position:relative;z-index:2;width:100%;padding:var(--space-8) var(--gutter) var(--space-14,3.5rem);max-width:var(--max-width);margin:0 auto;animation:fadeInUp .8s ease-out .2s both}.post-hero-title{font-size:clamp(2.375rem,1.625rem + 3.5vw,3.75rem);line-height:var(--title-hero-line-height);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);margin:0}.post{padding:var(--space-12);background:rgba(255,255,255,.5);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--radius-subtle)}.post--no-hero{margin-top:var(--space-12)}.post-date{margin-top:0;margin-bottom:var(--space-4)}.post-header{margin-bottom:var(--space-8)}.post-header h1{font-size:var(--title-h1-size);margin-top:var(--space-2)}@media (max-width:768px){.post-hero{height:clamp(300px,55vh,55vh)}.post-hero-title{font-size:clamp(2rem,1.375rem + 3vw,2.5rem)}}@media (max-width:480px){.post-hero{height:50vh;min-height:280px}.post-hero-title{font-size:clamp(1.875rem,1.25rem + 2.5vw,2rem)}}