:root{--project-cols:1;--project-upper-gap:var(--spacing);--project-archive-item-info-gap:var(--spacing-sm);--project-archive-item-extra-box-padding:var(--spacing-sm) var(--spacing-xs);--project-msg-cols-span:1/2;--project-status-padding:var(--spacing-sm) var(--spacing)}@media (min-width:768px){:root{--project-cols:2;--project-upper-gap:var(--spacing-xl);--project-archive-item-info-gap:var(--spacing-xl);--project-archive-item-extra-box-padding:var(--spacing);--project-msg-cols-span:1/3}}@media (min-width:1024px){:root{--project-msg-cols-span:1/4;--project-status-padding:var(--spacing) var(--spacing-xl)}}#project-archive .project-filter-wrapper{display:flex;flex-direction:var(--direction);grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width:768px){#project-archive .project-filter-wrapper{justify-content:space-between;align-items:center}}#project-archive .project-status-filter{display:flex;grid-gap:var(--spacing);gap:var(--spacing)}@media (max-width:640px){#project-archive .project-status-filter{margin-left:auto;margin-right:auto}}#project-archive .project-status-filter input[type=radio]{position:absolute;opacity:0;width:0;height:0}#project-archive .project-status-filter input[type=radio]:checked+span{background-color:var(--color-green-700);color:var(--color-white);border-color:var(--color-green-700)}#project-archive .project-status-filter .filter-option{font-size:1.125rem;font-weight:700;line-height:1;transition:var(--transition-fast);cursor:pointer}@media (hover:hover){#project-archive .project-status-filter .filter-option:hover span{background-color:var(--color-green-200)}}#project-archive .project-status-filter .filter-option span{display:block;background-color:var(--color-white);color:var(--color-green-700);border-radius:.5rem;border:1px solid var(--color-green-700);padding:.5rem var(--spacing);transition:var(--transition-fast)}#project-archive .project-search-wrapper{display:flex;grid-gap:var(--spacing);gap:var(--spacing);grid-gap:var(--project-upper-gap);gap:var(--project-upper-gap)}@media (min-width:768px){#project-archive .project-search-wrapper{width:50%;align-items:center}}@media (min-width:1024px){#project-archive .project-search-wrapper{width:calc(33.33333% - 30px)}}#project-archive .project-search-wrapper .btn{margin-top:0;height:var(--spacing-40)}#project-archive .project-search-input{flex:1;border-radius:var(--border-radius-sm);border:1px solid var(--color-black);background:var(--color-white);height:var(--spacing-40);padding:var(--spacing-xs) var(--spacing);outline-color:var(--color-green-700)}#project-archive .project-search-input::-moz-placeholder{opacity:1;color:var(--color-black-50);font-size:.875rem}#project-archive .project-search-input:-ms-input-placeholder{opacity:1;color:var(--color-black-50);font-size:.875rem}#project-archive .project-search-input::placeholder{opacity:1;color:var(--color-black-50);font-size:.875rem}.project{background-color:var(--color-grey-200)}.project-outer-wrapper{display:flex;flex-direction:column;grid-gap:var(--spacing-40);gap:var(--spacing-40)}.project-upper{display:flex;flex-direction:var(--direction);grid-gap:var(--spacing);gap:var(--spacing);grid-gap:var(--project-upper-gap);gap:var(--project-upper-gap)}@media (min-width:1024px){.project-upper{align-items:center}}.project-upper h2{margin-bottom:0}.project-upper .btn{margin-top:0}.project-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:repeat(var(--project-cols),minmax(0,1fr));grid-gap:var(--spacing-40);gap:var(--spacing-40)}@media (min-width:1024px){.project-wrapper.archive{--project-cols:3}}.project-wrapper.archive p.empty-msg{grid-column:1/2;grid-column:var(--project-msg-cols-span);text-align:center}.project-wrapper.related{display:flex;flex-direction:var(--direction);justify-content:center}@media (min-width:768px){.project-wrapper.related .project-item{width:33.33333%}}.project-wrapper.selected .project-item .image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:768px){.project-wrapper.selected .project-item .image{height:18.75rem}}.project-wrapper.selected .project-item .info .lower{display:flex;flex-direction:var(--direction-lg);grid-gap:var(--spacing-sm);gap:var(--spacing-sm);grid-gap:var(--project-archive-item-info-gap);gap:var(--project-archive-item-info-gap)}@media (min-width:1024px){.project-wrapper.selected .project-item .info .lower .preview{flex:1}.project-wrapper.selected .project-item .info .lower .extra-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.project-wrapper.selected .project-item .info .lower .extra-box{flex-direction:column;grid-gap:var(--spacing);gap:var(--spacing);background-color:var(--color-grey-200);border-radius:var(--border-radius-sm);padding:var(--project-archive-item-extra-box-padding)}.project-wrapper.selected .project-item .info .lower .extra-box .info-text{flex-direction:column;align-items:flex-start;grid-gap:calc(var(--spacing-sm)/2);gap:calc(var(--spacing-sm)/2)}.project-wrapper.selected .project-item .info .lower .extra-box p{text-decoration:none;font-weight:var(--font-weight)}.project-item{position:relative;display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;height:100%}.project-item:hover .image img{transform:scale(1.1)}.project-item a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.project-item .image{background-color:var(--color-green-700);width:100%;height:9rem;border-radius:var(--border-radius-sm);overflow:hidden}.project-item .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:var(--transition-fast)}.project-item .info{display:flex;flex-direction:column;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);padding:var(--spacing-xl);flex:1}.project-item .info .lower{display:flex;flex-direction:column;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:auto}.project-item .info .lower .extra-box{display:flex;flex-direction:column-reverse;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.project-item .info .lower .extra-box .status{font-weight:var(--font-weight-bold);background-color:var(--color-grey-200);border-radius:var(--border-radius-sm);width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:var(--project-status-padding)}.project-item .info .lower .extra-box .status.dark{background-color:var(--color-grey-700);color:var(--color-white)}.project-item .info .lower .extra-box .info-text{display:flex;align-items:center;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.project-item .info .lower .extra-box p{font-weight:var(--font-weight);text-decoration:none;transform:translateY(-1px)}.project-item .info p{margin-bottom:0;text-decoration:underline;font-weight:var(--font-weight-bold);line-height:normal;letter-spacing:.01em}