.page-hero{padding:60px 0;text-align:center;background-size:cover;background-position:center;color:#fff;position:relative}.page-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:3rem;margin-bottom:10px}.page-hero .subtitle{font-size:1.5rem;font-weight:300}.page-hero small{font-size:1rem;color:#ddd}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:40px 0}.post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s}.post-card:hover{transform:translateY(-5px)}.post-card .thumbnail-image{width:100%;height:200px;object-fit:cover}.post-card .card-content{padding:20px}.post-card .card-content h2{font-size:1.5rem;margin:0 0 10px;line-height:1.1}.post-card .card-content h2 a{text-decoration:none;color:#333}.post-card .card-content p{font-size:1rem;color:#666}.post-card .card-content .post-date{margin-top:10px;display:inline-flex;align-items:center;font-size:.8rem;color:#666;background-color:#f0f0f0;padding:.2rem .5rem;border-radius:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;gap:.3rem}.post-card .card-content .post-date .material-icons{font-size:.9rem;color:#999}.post-content{padding:40px 0;line-height:1.8}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-top:30px;margin-bottom:15px}.post-content p{margin-bottom:20px}