.filter-group{min-height:100vh;margin:0 auto;padding:8em 1em 10em}.grid-title{justify-content:flex-start;padding-bottom:3em;display:flex}.grid-title__letters{gap:.3vw;display:flex}.grid-title-letter-wrap{margin-left:-.5vw;margin-right:-.5vw;padding-bottom:.8vw;padding-left:.5vw;padding-right:.5vw;display:inline-block;overflow:hidden}.grid-title-letter{color:#ece8e0;font-family:var(--font-logo);font-size:10vw;font-weight:800;line-height:1;animation:1.2s cubic-bezier(.22,1,.36,1) both gridTitleSlideIn;display:inline-block}.grid-title-letter-wrap:first-child .grid-title-letter{animation-delay:0s}.grid-title-letter-wrap:nth-child(2) .grid-title-letter{animation-delay:30ms}.grid-title-letter-wrap:nth-child(3) .grid-title-letter{animation-delay:70ms}.grid-title-letter-wrap:nth-child(4) .grid-title-letter{animation-delay:.12s}.grid-title-letter-wrap:nth-child(5) .grid-title-letter{animation-delay:.18s}.grid-title-letter-wrap:nth-child(6) .grid-title-letter{animation-delay:.25s}.grid-title-letter-wrap:nth-child(7) .grid-title-letter{animation-delay:.33s}.grid-title-letter-wrap:nth-child(8) .grid-title-letter{animation-delay:.42s}.grid-title-letter-wrap:nth-child(9) .grid-title-letter{animation-delay:.52s}@keyframes gridTitleSlideIn{0%{transform:translateY(120%)rotate(15deg)}to{transform:translateY(0)rotate(0)}}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.filter-buttons,.filter-list{opacity:0;animation:.8s cubic-bezier(.625,.05,0,1) forwards gridFadeIn}.filter-buttons{animation-delay:.2s}.filter-list{animation-delay:.4s}.filter-buttons{grid-column-gap:.5em;grid-row-gap:.5em;flex-flow:wrap;justify-content:flex-start;padding:1em .5em 3em;display:flex}.filter-btn{appearance:none;color:#ece8e080;font-family:var(--font-logo);cursor:pointer;background-color:#ece8e01a;border:none;border-radius:10em;padding:.65em 1.25em;font-size:1em;font-weight:500;transition:color .6s cubic-bezier(.625,.05,0,1),background-color .6s cubic-bezier(.625,.05,0,1)}.filter-btn[data-filter-status=active]{color:#141414;background-color:#ece8e0}.filter-list{flex-flow:wrap;width:100%;display:flex}.filter-list__item{width:50%;padding:.5em}.filter-list__item[data-filter-status=active]{opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.625,.05,0,1),transform .6s cubic-bezier(.625,.05,0,1);position:relative;transform:scale(1)rotate(.001deg)}.filter-list__item[data-filter-status=transition-out]{opacity:0;visibility:visible;transition:opacity .45s cubic-bezier(.625,.05,0,1),transform .45s cubic-bezier(.625,.05,0,1);transform:scale(.9)rotate(.001deg)}.filter-list__item[data-filter-status=not-active]{opacity:0;visibility:hidden;position:absolute;transform:scale(.9)rotate(.001deg)}.project-card{flex-direction:column;gap:.75em;width:100%;display:flex;overflow:hidden}.project-card__top{width:100%}.project-card__visual{background-color:#141414;border-radius:.5em;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-card__visual-before{padding-top:70%}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.625,.05,0,1);position:absolute;top:0;left:0}.project-card:hover .project-card__img{transform:scale(1.05)}.project-card__bottom{justify-content:space-between;align-items:baseline;gap:1em;padding:0 .25em;display:flex}.project-card__info{flex-direction:column;gap:.25em;display:flex}.project-card__desc{color:#ece8e066;font-family:var(--font-logo);text-align:right;max-width:50%;margin:0;font-size:.85em;font-weight:400;line-height:1.4}.project-card__title{color:#ece8e0;font-family:var(--font-logo);margin:0;font-size:1.35em;font-weight:700;line-height:1}.project-card__category{color:#ece8e066;font-family:var(--font-logo);white-space:nowrap;font-size:.75em;font-weight:400}.project-popup{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s cubic-bezier(.625,.05,0,1);display:flex;position:fixed;top:0;left:0}.project-popup[data-popup-status=not-active]{opacity:0;pointer-events:none}.project-popup[data-popup-status=active]{opacity:1;pointer-events:auto}.project-popup__card{background:#1a1a1a;border-radius:1.5em;max-width:28em;padding:3em 3.5em;transition:transform .4s cubic-bezier(.625,.05,0,1);position:relative;transform:scale(.95)translateY(10px)}.project-popup[data-popup-status=active] .project-popup__card{transform:scale(1)translateY(0)}.project-popup__text{color:#ece8e0;font-family:var(--font-logo);text-align:center;margin:0;font-size:1em;font-weight:400;line-height:1.7}.project-popup__close{color:#ece8e066;cursor:pointer;background:0 0;border:none;padding:.25em;transition:color .3s;position:absolute;top:1.25em;right:1.25em}.project-popup__close:hover{color:#ece8e0}@media screen and (max-width:767px){.filter-list__item,.filter-list__item[data-size=large],.filter-list__item[data-size=small]{width:100%}}