.project-card{background-color:var(--background);border:1px solid color-mix(in oklab,var(--foreground)15%,transparent);color:var(--foreground);border-radius:30px;flex-direction:column;flex:1;transition:transform .2s;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:scale(1.02)}.project-card__image{object-fit:cover;width:100%;height:380px}@media (max-width:768px){.project-card__image{width:100%;height:250px}}.project-card:hover .project-card__info{opacity:1;visibility:visible;pointer-events:auto}.project-card__info{opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(to top,var(--black),transparent);width:100%;height:100%;color:var(--light-text);flex-direction:column;justify-content:end;gap:.5rem;padding:2rem;transition:opacity .2s,visibility .2s;display:flex;position:fixed;bottom:0;left:0}@media (hover:none),(max-width:768px){.project-card__info{opacity:1;visibility:visible;pointer-events:auto;background:var(--background);width:100%;height:auto;color:var(--foreground);padding:1.5rem 1.25rem;position:static}}.project-card__info__title{font-family:var(--font-playfair);font-size:2rem;font-weight:700}.project-card__info__description{text-overflow:ellipsis;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;height:fit-content;font-size:14px;display:-webkit-box;overflow:hidden}.project-card__info__tags{flex-wrap:wrap;gap:15px;display:flex}.project-card__info__link{color:var(--background);background-color:var(--foreground);text-align:center;justify-content:center;padding:12px;font-weight:600;display:flex}.project-card__info__link:hover{background-color:color-mix(in oklab,var(--foreground)80%,var(--background));font-style:italic}.spacer{flex-grow:1;display:flex}
.Tag-module-scss-module__9hIbkG__tag{background-color:color-mix(in oklab,var(--foreground)10%,transparent);border:1px solid color-mix(in oklab,var(--foreground)15%,transparent);border-radius:999px;padding:5px 10px;font-size:14px;font-style:italic;font-weight:300;display:flex}
.project-drawer__backdrop{z-index:60;background-color:#0006;position:fixed;inset:0}.project-drawer{background-color:var(--background);border-top:1px solid var(--background-accent);z-index:100;border-radius:32px 32px 0 0;flex-direction:column;width:100%;height:95vh;transition:transform .3s ease-out;animation:.3s cubic-bezier(.22,1,.36,1) drawerEnterAnimation;display:flex;position:fixed;bottom:0;left:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.project-drawer__handle{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(to bottom,var(--background),transparent);justify-content:center;width:100%;padding:1rem 0 .5rem;display:flex;position:fixed;top:0;left:0}.project-drawer__handle:active{cursor:grabbing}.project-drawer__handle-bar{background-color:var(--background-accent);border-radius:999px;width:3rem;height:.375rem}.project-drawer__close{z-index:110;border:1px solid color-mix(in oklab,var(--foreground)15%,transparent);background-color:color-mix(in oklab,var(--foreground)10%,transparent);color:var(--foreground);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,transform .2s,box-shadow .3s;display:inline-flex;position:absolute;top:1rem;right:1rem}.project-drawer__close:hover{background-color:color-mix(in oklab,var(--foreground)20%,transparent);box-shadow:var(--shadow);transform:scale(1.075)}.project-drawer__close:active{background-color:color-mix(in oklab,var(--foreground)30%,transparent);box-shadow:var(--shadow);transform:scale(1)}.project-drawer__content{justify-content:center;width:100%;height:100%;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex;overflow-y:auto}.project-drawer__details{flex-direction:column;gap:2.5rem;max-width:1024px;padding-top:.25rem;padding-bottom:2rem;display:flex}.project-drawer__details-title{font-family:var(--font-playfair);font-size:2rem;font-weight:700}.project-drawer__details-summary{font-size:.9rem;line-height:1.5}.project-drawer__details-cover{border:1px solid color-mix(in oklab,var(--foreground)15%,transparent);border-radius:2rem;height:fit-content}.project-drawer__details-cover__image{object-fit:cover;aspect-ratio:18/9;object-position:50% 50%;border-radius:2rem;height:100%}.project-drawer__details-block{flex-direction:column;gap:.35rem;width:100%;max-width:750px;margin:0 auto;font-size:.9rem;display:flex}.project-drawer__details-block h3{font-family:var(--font-playfair);font-size:1.25rem;font-style:italic;font-weight:700}.project-drawer__details-block p{line-height:2}.project-drawer__details-block__highlight{align-items:center;gap:.5rem;display:flex}.project-drawer__details-block-links{justify-content:center;gap:1rem;width:100%;margin-bottom:4rem;display:flex}.project-drawer__details-block__image{object-fit:cover;border:1px solid color-mix(in oklab,var(--foreground)15%,transparent);aspect-ratio:16/9;object-position:50% 50%;border-radius:2rem;height:100%}.project-drawer__tags{flex-wrap:wrap;gap:.5rem;display:flex}@keyframes drawerBackdrop{}@keyframes drawerEnterAnimation{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}