.examples-page>section.filters-section>.wrapper{flex-direction:column;gap:1.25rem;display:flex}.examples-page>section.filters-section>.wrapper>.filters{flex-flow:row;gap:.5rem;display:flex}@media (width<=600px){.examples-page>section.filters-section>.wrapper>.filters{flex-wrap:wrap}}.hero-examples-section>.wrapper{grid-template-columns:repeat(2,1fr);gap:5.25rem;display:grid}.hero-examples-section>.wrapper>.left{flex-direction:column;gap:1.5rem;display:flex}.hero-examples-section>.wrapper>.right{align-self:center}.hero-examples-section>.wrapper>.right .content{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.hero-examples-section>.wrapper>.right .content>a{flex-flow:row;align-items:center;gap:.5rem;width:fit-content;display:flex}.hero-examples-section>.wrapper>.right .content>a>img{width:1rem;height:1rem}@media (width<=1024px){.hero-examples-section>.wrapper{grid-template-columns:1fr;gap:3rem}}.posts-grid-section>.wrapper{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.posts-grid-section>.wrapper>.card{background-color:#fff;border:1px solid #ccd3da;border-radius:.5rem;flex-direction:column;gap:1.5rem;padding:1.75rem;transition:box-shadow .25s;display:flex}.posts-grid-section>.wrapper>.card:hover{box-shadow:4px 4px #e45c2a}.posts-grid-section>.wrapper>.card.pillar{border:1px solid #e45c2a}.posts-grid-section>.wrapper>.card>.top{flex-flow:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.posts-grid-section>.wrapper>.card>.top>.type{border:1px solid #ccd3da;border-radius:.25rem;padding:.25rem .5rem}.posts-grid-section>.wrapper>.card>.center{flex-direction:column;gap:1rem;display:flex}.posts-grid-section>.wrapper>.card>.center>.read-time{border:1px solid #ccd3da;border-radius:.25rem;width:fit-content;padding:.25rem .5rem}.posts-grid-section>.wrapper>.card>.bottom{flex-direction:column;gap:1.25rem;margin-top:auto;display:flex}.posts-grid-section>.wrapper>.card>.bottom>a{flex-flow:row;align-items:center;gap:.5rem;width:fit-content;display:flex}.posts-grid-section>.wrapper>.card>.bottom>a>img{width:1rem;height:1rem}@media (width<=1024px){.posts-grid-section>.wrapper{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.posts-grid-section>.wrapper{grid-template-columns:1fr}}.pagination-section>.wrapper{flex-flow:row;justify-content:center;gap:1.5rem;display:flex}.pagination-section>.wrapper>button{color:#000a17}.pagination-section>.wrapper>button:disabled{opacity:.5}