.media-clippings{position:relative}.year-buttons{position:sticky;top:0;width:100%;background-color:#fff;border-bottom:1px solid #ddd;z-index:1000;display:flex;justify-content:center;padding:10px 0}.year-buttons button{margin:0 6px;padding:10px 15px;border:none;background-color:#8b8b8b;color:#fff;cursor:pointer;font-size:16px;border-radius:5px;transition:background-color .3s}.year-buttons button.active{background-color:#000}.year-buttons button:hover{background-color:#000}.year-section{padding:50px 20px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.post-card{border-radius:10px;box-shadow:2px 4px 28px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.clipCont{padding:20px}.post-card img{max-width:100%;border-radius:10px 10px 0 0;margin-bottom:10px}.post-card h3{margin:0 0 10px;font-size:18px}.post-card p{font-size:14px}.post-card button{margin-top:10px;padding:10px 15px;border:none;background-color:#0f1922;color:#fff;cursor:pointer;border-radius:5px}.post-card button:hover{background-color:#000}.clipMeta{display:flex;justify-content:space-between;margin-bottom:15px}span.clipCat{border:1px solid #000;padding:1px 10px;line-height:20px;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:600}@media (max-width:980px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.post-grid{display:block}}