:root{--project-archive-gap:calc(var(--gap)*1.875);--project-padding:calc(var(--padding)*1.875) calc(var(--padding)*1.875) calc(var(--padding)*3.125)}@media (min-width:1024px){:root{--project-archive-gap:calc(var(--gap)*3.75);--project-padding:calc(var(--padding)*3.75)}}@keyframes innerDelay{0%{opacity:0;max-height:0}to{max-height:40rem;opacity:1}}.project__wrapper.archive{display:grid;grid-template-columns:repeat(1,minmax(auto,1fr));grid-gap:calc(var(--gap)*1.875);gap:calc(var(--gap)*1.875);grid-gap:var(--project-archive-gap);gap:var(--project-archive-gap)}@media (min-width:768px){.project__wrapper.archive .project__item.one:nth-of-type(2n+2){flex-direction:row-reverse}.project__wrapper.archive .project__item.one:nth-of-type(2n+2) .logo{left:3rem}}@media (min-width:1024px){.project__wrapper.archive .project__item.one:nth-of-type(2n+2) .left{justify-content:flex-end}}.project__wrapper.archive .project__item.one:nth-of-type(4n+1){background-color:var(--color-blue-200);color:var(--color-green-700)}.project__wrapper.archive .project__item.one:nth-of-type(4n+1) .btn{color:var(--color-green-700)}.project__wrapper.archive .project__item.one:nth-of-type(4n+2){background-color:var(--color-purple);color:var(--color-beige)}.project__wrapper.archive .project__item.one:nth-of-type(4n+2) .btn{color:var(--color-beige)}.project__wrapper.archive .project__item.one:nth-of-type(4n+3){background-color:var(--color-green-300);color:var(--color-green-700)}.project__wrapper.archive .project__item.one:nth-of-type(4n+3) .btn{color:var(--color-green-700)}.project__wrapper.archive .project__item.one:nth-of-type(4n+4){background-color:var(--color-pink);color:var(--color-purple)}.project__wrapper.archive .project__item.one:nth-of-type(4n+4) .btn{color:var(--color-purple)}.project__wrapper.selected{display:flex;flex-direction:column;grid-gap:calc(var(--gap)*2);gap:calc(var(--gap)*2)}@media (min-width:768px){.project__wrapper.selected{flex-direction:row;justify-content:space-between}}.project__wrapper.selected.double .project__item.selected,.project__wrapper.selected.single .project__item.selected,.project__wrapper.selected.trio .project__item.selected{transition:var(--transition-fast);will-change:width}.project__wrapper.selected.single .project__item.selected{width:100%}@media (min-width:768px){.project__wrapper.selected.double .project__item.selected{width:33.33333%}}@media (min-width:768px){.project__wrapper.selected.double .project__item.selected.active{width:66.66667%}}@media (min-width:768px){.project__wrapper.selected.trio .project__item.selected{width:25%}}@media (min-width:768px){.project__wrapper.selected.trio .project__item.selected.active{width:50%}}.project__item.one{display:flex;flex-direction:column;grid-gap:calc(var(--gap)*1.875);gap:calc(var(--gap)*1.875);padding:var(--project-padding);border-radius:var(--body-radius)}@media (min-width:768px){.project__item.one{flex-direction:row;grid-gap:0;gap:0}}@media (min-width:768px){.project__item.one .left,.project__item.one .right{width:50%}}@media (min-width:1024px){.project__item.one .left,.project__item.one .right{display:flex;align-items:center}}.project__item.one .image{position:relative;border-radius:calc(var(--body-radius)/2);overflow:hidden;aspect-ratio:1/1;max-height:31.25rem}@media (min-width:768px){.project__item.one .image{border-radius:var(--body-radius)}}.project__item.one .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project__item.one .logo{position:absolute;top:1rem;left:1rem;z-index:1;max-width:7rem}@media (min-width:768px){.project__item.one .logo{top:2rem;left:2rem}}.project__item.one .logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:768px){.project__item.one .info{padding:calc(var(--padding)*2.5)}}.project__item.one .info .pretitle{display:flex;align-items:center;grid-gap:calc(var(--gap)*0.625);gap:calc(var(--gap)*0.625);margin-bottom:calc(var(--margin)*1.25)}.project__item.one .info .pretitle .icon{width:1.25rem;height:1.25rem}.project__item.one .info h3{margin-bottom:calc(var(--margin)*0.625)}.project__item.one .info .btn.small{text-align:left}.project__item.selected{position:relative;border-radius:calc(var(--body-radius)/2);overflow:hidden;transition:var(--transition-fast);padding:var(--project-padding)}@media (min-width:768px){.project__item.selected{border-radius:var(--body-radius)}}@media (min-width:768px){.project__item.selected.active .inner{animation:innerDelay 1s ease-in-out forwards}.project__item.selected.active .cover{opacity:0;z-index:-1}}@media (min-width:768px){.project__item.selected .inner{opacity:0;max-height:25rem;overflow:hidden;will-change:max-height;transition:var(--transition-fast)}}.project__item.selected .image{position:relative;border-radius:calc(var(--body-radius)/2);overflow:hidden;width:100%;aspect-ratio:13/7;margin-bottom:calc(var(--margin)*1.25)}@media (min-width:768px){.project__item.selected .image{margin-bottom:calc(var(--margin)*1.875)}}.project__item.selected .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project__item.selected .image .logo{position:absolute;top:1rem;left:1rem;z-index:5;max-width:5rem}@media (min-width:768px){.project__item.selected .image .logo{top:1.5rem;left:1.5rem}}@media (min-width:1024px){.project__item.selected .image .logo{max-width:7rem}}.project__item.selected h4{margin-bottom:var(--margin)}@media (min-width:768px){.project__item.selected h4{margin-bottom:calc(var(--margin)*1.25)}}.project__item.selected .cover{display:none}@media (min-width:768px){.project__item.selected .cover{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:1;cursor:pointer}.project__item.selected .cover:hover .image:after{opacity:1}.project__item.selected .cover .image{position:relative;width:100%;height:100%;margin-bottom:0}.project__item.selected .cover .image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-black-10);opacity:0;transition:var(--transition-fast)}.project__item.selected .cover .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project__item.selected .cover .logo{display:flex;align-items:center;grid-gap:calc(var(--gap)*0.75);gap:calc(var(--gap)*0.75);top:auto;left:50%;bottom:4rem;transform:translateX(-50%)}}