.projectOverlay{background-color:#000000b3;position:absolute;top:0;left:0;bottom:0;right:0;z-index:10;display:flex;justify-content:center;padding:2rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));opacity:0;transition:.18s opacity ease-in-out,background-color .18s ease-in-out}.overlayContent{align-self:center}.projectLink{position:relative;z-index:0;display:block;border-bottom-width:0;padding-bottom:0;transition:.15s opacity ease-in-out}.projectLink:hover{opacity:.75}@media (min-width: 768px){.projectOverlay{background-color:#00000070}.projectLink{transition:none}.projectLink:hover .projectOverlay,.projectLink:hover{opacity:1}}@media (min-width: 1024px){.projectLink{max-height:initial}}.imgWrap{width:100%;height:240px;overflow:hidden;border-radius:.5rem;position:relative}@media (min-width: 768px){.imgWrap{height:280px}}@media (min-width: 1024px){.imgWrap{height:360px}}.projectImg,.tileImg{width:100%;height:116%;margin-top:-8%;object-fit:cover;will-change:transform}.projectImg{display:block;transition:transform .3s ease,filter .3s ease,opacity .3s ease}.projectImgHover{position:absolute;top:0;left:0;opacity:0}@media (min-width: 768px){.projectLinkWithHoverImage:hover .projectImgHover{opacity:1}}.projectText{text-align:center;font-size:1.25rem}@media (min-width: 768px){.projectText{font-size:1.75rem;line-height:1.25;transition:transform .22s ease,text-shadow .22s ease}.projectLink:hover .projectText{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transform:scale(1.08);text-shadow:0 10px 28px rgba(0,0,0,.45)}}.tileText{font-size:1.5rem;font-weight:700}.projectMobileText{margin-top:.5rem;margin-bottom:.25rem}.tileMobileText{font-size:1.25rem;font-weight:700}@media (min-width: 1024px){.projectMobileText,.tileMobileText{display:none}}.home .projects{display:grid;grid-template-columns:1fr;grid-column-gap:16px;grid-row-gap:16px}@media (min-width: 768px){.home .projects{grid-template-columns:repeat(2,1fr)}}.work .projects{display:grid;grid-template-columns:1fr;grid-row-gap:16px;grid-column-gap:16px}@media (min-width: 768px){.work .projects{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.work .projects{grid-template-columns:repeat(2,1fr)}.work .imgWrap{height:420px;max-height:420px}}