.home{color:#111;background:#fff}.hero{text-align:center;background:url(https://via.placeholder.com/1600x800?text=JustBloggEdit) 50%/cover;padding:80px 20px}.hero-content{background:#ffffffe6;border-radius:14px;max-width:700px;margin:auto;padding:40px}.hero h1{margin-bottom:10px;font-size:2.7rem}.hero p{color:#555;margin-bottom:25px;font-size:1.1rem}.hero-button{color:#000;background:#ffb300;border-radius:8px;padding:14px 26px;font-weight:700;text-decoration:none}.hero-button:hover{background:#e6a000}.grid-section{padding:70px 20px}.post-grid{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1200px;margin:auto;display:grid}.post-card{background:#fff;border-radius:14px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 18px #00000012}.post-card:hover{transform:translateY(-6px)}.post-large{grid-area:span 2/span 2}.post-card img{object-fit:cover;width:100%;height:200px}.post-large img{height:340px}.post-content{padding:18px}.post-date{color:#999;font-size:12px}.post-content h3{margin:10px 0;font-size:1.3rem}.post-content p{color:#666;font-size:.95rem}.read-link{color:#f6aa00;margin-top:12px;font-weight:600;text-decoration:none;display:inline-block}.read-link:hover{text-decoration:underline}@media (max-width:1100px){.post-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.post-grid{grid-template-columns:repeat(2,1fr)}.post-large{grid-area:span 1/span 1}.post-large img{height:220px}}@media (max-width:520px){.post-grid{grid-template-columns:1fr}}