:root{--project-items-gap:var(--spacing-30)}@media (min-width:768px){:root{--project-items-gap:var(--spacing-50) var(--spacing-30);--project-item-width:calc(50% - var(--spacing-30))}}@media (min-width:1024px){:root{--project-items-gap:var(--spacing-70) var(--spacing-50);--project-item-width:calc(33.33333% - var(--spacing-50))}}@media (min-width:1440px){:root{--project-item-width:calc(25% - var(--spacing-50))}}.project.archive{background:var(--color-teal)}.project.highlight,.project.related{background-color:var(--color-blue)}.project-wrapper{display:flex;flex-direction:column;grid-gap:var(--spacing-40);gap:var(--spacing-40)}.project-text{text-align:center}.project-text h2,.project-text h3{margin-bottom:0}.project-items-wrapper{display:flex;flex-direction:var(--direction);grid-gap:var(--spacing-30);gap:var(--spacing-30);grid-gap:var(--project-items-gap);gap:var(--project-items-gap);width:100%}@media (min-width:768px){.project-items-wrapper.highlight .project-info,.project-items-wrapper.highlight .project-media{width:50%}}@media (min-width:768px){.project-items-wrapper.archive,.project-items-wrapper.related{flex-wrap:wrap;justify-content:center}}.project-item{position:relative;display:flex;flex-direction:column;grid-gap:var(--spacing);gap:var(--spacing);background-color:var(--color-beige-400);color:var(--color-black);padding:var(--spacing-lg) var(--spacing-30)}@media (min-width:768px){.project-item{width:var(--project-item-width)}}.project-item p{margin-bottom:0;font-size:.875rem}.project-icon{max-width:var(--spacing-150);height:var(--spacing-60)}.project-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.project-link{margin-top:auto;transition:var(--transition-fast)}.project-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.project-link:hover{opacity:.5}@media (min-width:768px){.project.highlight .project-info,.project.highlight .project-media{width:50%}}.project.highlight .project-info{position:relative;display:flex;flex-direction:column;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.project.highlight .project-info .upper{display:flex;grid-gap:var(--spacing);gap:var(--spacing);align-items:center}.project.highlight .project-info .upper h2{margin-bottom:0}.project.highlight .project-info .upper .project-icon{height:auto}.project.highlight .project-info .middle svg{width:var(--spacing-30);height:var(--spacing-40)}.project.highlight .project-info .middle svg path{fill:var(--color-purple)}.project.highlight .project-info .middle .project-quote{font-weight:500;max-width:var(--spacing-500);margin-bottom:var(--spacing);padding-left:var(--spacing-40)}@media (min-width:1024px){.project.highlight .project-info .middle .project-quote{font-size:var(--spacing-lg)}}.project.highlight .project-excerpt{max-width:var(--spacing-600)}.project.highlight .project-link{text-decoration:underline}