.project-card-banner{min-height:450px;min-width:310px}.project-card-banner__wrapper{align-items:flex-end;color:var(--color-on-primary);display:flex;height:100%;padding:20px;position:relative}.project-card-banner .asymmetrically-rounded-corner__corner:after,.project-card-banner .asymmetrically-rounded-corner__corner:before{box-shadow:none;display:none!important}.project-card-banner .asymmetrically-rounded-corner__corner{background:none}.project-card-banner__bg{border-radius:20px 20px 0;inset:0;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-image:linear-gradient(#fff,#fff),url(../assets/corner-mask.svg);mask-image:linear-gradient(#fff,#fff),url(../assets/corner-mask.svg);-webkit-mask-position:center,right bottom;mask-position:center,right bottom;-webkit-mask-position:calc(100% + 1px) calc(100% + 1px);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-size:auto,80px;mask-size:auto,80px;overflow:hidden;position:absolute}.project-card-banner__bg img,.project-card-banner__bg picture{display:flex;height:100%;object-fit:cover;object-position:center;width:100%}.project-card-banner__body{display:flex;flex:1;flex-direction:column;gap:15px;letter-spacing:0;line-height:130%;z-index:1}.project-card-banner__header{border-bottom:1px solid #eef1f499;padding-bottom:15px}.project-card-banner__name{font-size:20px}.project-card-banner__role{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#eef1f499;border-radius:30px;font-size:10px;margin-top:5px;padding:1px 10px;width:fit-content}.project-card-banner__title{font-size:16px;margin-bottom:10px;max-width:260px}.project-card-banner__title--hidden-open{height:52px;margin-bottom:0;transition:all .3s ease}.project-card-banner__text{display:grid;font-size:12px;grid-template-rows:0fr;line-height:140%;margin:0;opacity:0;overflow:hidden;padding:0;transition:grid-template-rows .3s ease,opacity .2s ease}.project-card-banner__text>*{min-height:0}.project-card-banner__button{align-items:center;display:flex;font-size:12px;gap:4px;line-height:140%;-webkit-user-select:none;user-select:none}.project-card-banner__arrow{margin-top:2px;transform:rotate(180deg);transition:transform .2s ease}.project-card-banner--open .project-card-banner__arrow{transform:rotate(0)}.project-card-banner--open .project-card-banner__text{grid-template-rows:1fr;opacity:1}.project-card-banner--open .project-card-banner__text-inner{padding-bottom:15px}.project-card-banner--open .project-card-banner__title--hidden-open{height:0;opacity:0}