section.grid{padding:4rem 0}section.grid .grid{display:flex;flex-direction:column;gap:1rem}section.grid .grid-item{display:flex;justify-content:center;align-items:center;position:relative;color:#fff;font-size:1.5rem;aspect-ratio:16/9}section.grid .sec-title{font-size:2.5rem;margin-bottom:4rem}section.grid .sec-title.smaller{font-weight:400;font-size:1.8rem}@media screen and (min-width:992px){section.grid{padding:8rem 0 10.375rem}section.grid .grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.5rem}section.grid .grid-item{font-size:1.5rem;aspect-ratio:unset}section.grid .sec-title{font-size:5rem;max-width:31.813rem;margin-bottom:5rem}section.grid .sec-title.smaller{font-size:3rem;line-height:4.438rem;max-width:55rem}}section.grid .project-card{overflow:hidden;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}section.grid .project-card .vail{opacity:.3}section.grid .project-card *{transition:.3s ease-out}section.grid .project-card .clickable-space{z-index:5}section.grid .project-card .type{position:absolute;top:1rem;inset-inline-start:1rem;z-index:2;font-size:.875rem}section.grid .project-card .content{position:relative;z-index:2;color:#fff;text-align:center}section.grid .project-card .content p{position:relative;opacity:0;bottom:5px;font-size:1rem;font-weight:300;display:none}section.grid .project-card .content img{position:relative;top:0;margin-bottom:0;max-width:80%;max-height:50%;width:auto;height:auto}section.grid .project-card:hover .bg-image{transform:translate(-50%,-50%) scale(1.1)}section.grid .project-card:hover .vail{opacity:.6}section.grid .project-card:hover .content p{opacity:1;bottom:0}section.grid .project-card:hover .content img{top:0}@media screen and (min-width:992px){section.grid .project-card .type{top:2rem;inset-inline-start:2rem;font-size:.875rem}section.grid .project-card .content p{bottom:5px;font-size:1.125rem;display:block}section.grid .project-card .content img{top:10px;margin-bottom:1rem;max-width:80%;max-height:unset}}section.grid .post-card{overflow:hidden;position:relative;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end;padding:1rem}section.grid .post-card .vail{opacity:.3}section.grid .post-card *{transition:.3s ease-out}section.grid .post-card .clickable-space{z-index:5}section.grid .post-card .type{position:absolute;top:1rem;inset-inline-start:1rem;z-index:2;font-size:.875rem}section.grid .post-card .content{position:relative;z-index:2;color:#fff;top:0}section.grid .post-card .content .date{font-size:.875rem;margin-bottom:0;font-weight:300}section.grid .post-card .content h3{font-size:1rem}section.grid .post-card:hover .bg-image{transform:translate(-50%,-50%) scale(1.1)}section.grid .post-card:hover .vail{opacity:.6}section.grid .post-card:hover .content{top:-10px}@media screen and (min-width:992px){section.grid .post-card{padding:2rem}section.grid .post-card .type{top:2rem;inset-inline-start:2rem;font-size:.875rem}section.grid .post-card .content .date{font-size:.875rem;margin-bottom:1.2rem}section.grid .post-card .content h3{font-size:1.5rem;letter-spacing:.96px;line-height:2.125rem}section.grid .post-card:hover .content{top:-10px}}