.c-project-teaser{display:block;position:relative;width:100%}a.c-project-teaser{cursor:pointer}@media (max-width:670px){.c-project-teaser.is-hidden-on-mobile{display:none}}.c-project-teaser__header{position:relative}.c-project-teaser__title{flex-shrink:0;line-height:1.4;margin-right:2rem}@media (max-width:980px){.c-project-teaser__title{font-size:2.4rem}}@media (max-width:670px){.c-project-teaser__title{font-size:1.7rem}}.c-project-teaser:not(.is-primary) .c-project-teaser__title{font-family:var(--fontFamilyPrimary);font-size:2rem;margin-bottom:.2rem}@media (max-width:670px){.c-project-teaser:not(.is-primary) .c-project-teaser__title{font-size:1.8rem}}.c-project-teaser__image{border-radius:var(--radiusPrimary);margin-bottom:2rem;overflow:hidden;position:relative}.c-project-teaser__image img{width:100%}@media (max-width:670px){.c-project-teaser__image{margin-bottom:1.2rem}}@media (max-width:480px){.c-project-teaser__image{margin-bottom:1rem}}.c-project-teaser__mask{align-items:center;background:#00000080;border-radius:var(--radiusPrimary);color:var(--c-white);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:var(--transitionOpacity),background var(--transitionBase);visibility:hidden;width:100%}.c-project-teaser__mask-title{align-items:center;display:inline-grid;grid-auto-flow:column;grid-gap:2rem}.c-project-teaser__tags{left:2rem;position:absolute;top:2rem}@media (max-width:980px){.c-project-teaser__tags{left:1rem;top:1rem}}@media (max-width:670px){.c-project-teaser__tags{left:1.5rem;top:1.5rem}}@media (min-width:981px){.c-project-teaser.is-primary:hover:after,a.c-project-teaser:hover .c-project-teaser__mask{opacity:1;visibility:visible}a.c-project-teaser:focus .c-project-teaser__mask{background:#000000b3;opacity:1;visibility:visible}a.c-project-teaser:focus .c-project-teaser__mask-title,a.c-project-teaser:focus .nuxt-icon{opacity:.8}}.c-project-teaser.is-primary{color:var(--c-white);padding-bottom:2.4rem}.c-project-teaser.is-primary:after{background:var(--c-green-6);border-radius:var(--radiusPrimary);content:"";height:calc(100% + 1.2rem);left:-1.2rem;opacity:0;position:absolute;top:-1.2rem;transition:var(--transitionOpacity);visibility:visible;width:calc(100% + 2.4rem)}.c-project-teaser.is-primary .c-project-teaser__image,.c-project-teaser.is-primary .c-project-teaser__image img{aspect-ratio:279/350 auto}.c-project-teaser.is-primary .c-project-teaser__header,.c-project-teaser.is-primary .c-project-teaser__image{z-index:1}.c-project-teaser.is-primary .c-project-teaser__mask{display:none}.c-project-teaser.is-primary .c-project-teaser__header{flex-direction:column}.c-project-teaser.is-primary .c-project-teaser__title{margin-bottom:1.6rem}.c-project-teaser.is-primary .c-project-teaser__desc{opacity:0;transition:var(--transitionOpacity);visibility:visible}@media (max-width:980px){.c-project-teaser.is-primary .c-project-teaser__desc{display:none}}@media (min-width:981px){.c-project-teaser.is-primary:hover .c-project-teaser__desc{opacity:1}}.c-project-teaser.is-primary .c-project-teaser__arrow{display:none}.c-project-teaser.is-primary .c-project-teaser__arrow-in,.c-project-teaser.is-primary .c-project-teaser__arrow-out{transition:var(--transitionOpacity),var(--transitionTransform),var(--transitionColors)}.c-project-teaser.is-primary .c-project-teaser__arrow-in{left:50%;position:absolute;top:50%;transform:translateY(-50%) translate(-50%)}.c-project-teaser.is-primary .c-project-teaser__arrow-out,.c-project-teaser.is-primary:hover .c-project-teaser__arrow-in{opacity:0;visibility:hidden}@media (max-width:980px){.c-project-teaser.is-primary .c-project-teaser__arrow-in{opacity:0;visibility:hidden}.c-project-teaser.is-primary .c-project-teaser__arrow-out{opacity:1;visibility:visible}}@media (min-width:981px){.c-project-teaser.is-primary:hover .c-project-teaser__arrow-out{opacity:1;visibility:visible}}@media (max-width:670px){.c-grid-list__item.is-hidden-on-mobile{display:none}}