@layer molecule{.ProjectsList_container___OriR{display:flex;flex-direction:column}@media screen and (max-width:784px){.ProjectsList_container___OriR{gap:1.6rem;padding:0 1.6rem 4rem}}@media screen and (min-width:785px){.ProjectsList_container___OriR{justify-content:stretch;padding-top:4rem;padding-bottom:4rem;gap:2.4rem;flex-direction:column;height:calc(100dvh - var(--header-top))}}.ProjectsList_items__7ptyo{display:flex}@media screen and (min-width:785px){.ProjectsList_items__7ptyo{gap:1.6rem}.ProjectsList_items__7ptyo:after{content:"";width:2.4rem;height:100%}}.ProjectsList_item__l__erJq6,.ProjectsList_item__m__fvZwG,.ProjectsList_item__s__hs8WQ{align-self:flex-start;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;align-items:baseline;padding-bottom:calc(.8rem + 1px);width:-moz-min-content;width:min-content}.ProjectsList_item__l__erJq6:after,.ProjectsList_item__m__fvZwG:after,.ProjectsList_item__s__hs8WQ:after{content:" ";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to left,transparent,var(--white))}@media screen and (max-width:784px){.ProjectsList_item__l__erJq6,.ProjectsList_item__m__fvZwG,.ProjectsList_item__s__hs8WQ{width:100%}}@media screen and (min-width:785px){.ProjectsList_item__l__erJq6,.ProjectsList_item__m__fvZwG,.ProjectsList_item__s__hs8WQ{height:calc((100dvh - var(--header-top) - 13.6rem)/2)}}@media screen and (max-width:784px){.ProjectsList_item__l__erJq6 .ProjectsList_img__container__KVVyw,.ProjectsList_item__m__fvZwG .ProjectsList_img__container__KVVyw,.ProjectsList_item__s__hs8WQ .ProjectsList_img__container__KVVyw{width:100%;height:auto}}@media screen and (min-width:785px){.ProjectsList_item__l__erJq6 .ProjectsList_img__container__KVVyw,.ProjectsList_item__m__fvZwG .ProjectsList_img__container__KVVyw,.ProjectsList_item__s__hs8WQ .ProjectsList_img__container__KVVyw{width:auto;height:calc(100% - 5.7rem)}}.ProjectsList_item__l__erJq6 .ProjectsList_img__Kx3Cb img,.ProjectsList_item__m__fvZwG .ProjectsList_img__Kx3Cb img,.ProjectsList_item__s__hs8WQ .ProjectsList_img__Kx3Cb,.ProjectsList_item__s__hs8WQ .ProjectsList_img__Kx3Cb img{-o-object-fit:cover;object-fit:cover}.ProjectsList_item__s__hs8WQ .ProjectsList_img__container__KVVyw{aspect-ratio:4/3}.ProjectsList_item__l__erJq6 .ProjectsList_img__container__KVVyw,.ProjectsList_item__m__fvZwG .ProjectsList_img__container__KVVyw{aspect-ratio:16/9}.ProjectsList_protected__kQugz{z-index:1;height:2.4rem}.ProjectsList_img__Kx3Cb{will-change:transform;transition:transform 2s cubic-bezier(.16,1.08,.38,.98);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ProjectsList_img__container__KVVyw{width:100%;order:0;overflow:hidden}.ProjectsList_hover___9cEI .ProjectsList_img__container__KVVyw .ProjectsList_img__Kx3Cb{transform:scale(1.1)}.ProjectsList_img__Kx3Cb.ProjectsList_protected__kQugz{background-color:var(--white)}.ProjectsList_title__jNKsa{padding-top:.4rem;order:1;font-size:2rem;line-height:2rem;font-family:var(--font-clash-display);font-weight:600;max-width:80%;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:flex;gap:.8rem}@media screen and (min-width:785px){.ProjectsList_title__jNKsa{align-items:center}}@media screen and (max-width:784px){.ProjectsList_title__jNKsa{flex-direction:column}}.ProjectsList_type__EzfI5{order:3;width:100%;text-align:left}.ProjectsList_year__BrXbX{order:2}.ProjectsList_type__EzfI5,.ProjectsList_year__BrXbX{font-size:1.6rem;line-height:1.6rem;font-family:var(--font-clash-display);font-weight:400}}.Modal_overlay__mpW9H{cursor:pointer;background-color:rgba(0,0,0,.188);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;bottom:0;display:grid;place-items:center;overflow-y:auto;z-index:1000}.Modal_overlay__mpW9H::-webkit-scrollbar{width:0;height:0}@media screen and (min-width:785px){.Modal_overlay__mpW9H{padding:8rem}}.Modal_content__xy__A{cursor:auto;position:relative}@media screen and (min-width:785px){.Modal_content__xy__A{min-width:75rem;max-width:calc(100% - 8rem);padding:5.6rem 4rem 4rem}}@media screen and (max-width:784px){.Modal_content__xy__A{width:100vw;overflow:hidden;min-height:100%;padding:4.8rem 1.6rem 1.6rem;border:none}.center .Modal_content__xy__A{border-top:1px solid var(--c-accent-100-20);border-bottom:1px solid var(--c-accent-100-20)}}.Modal_close__o8b8z{position:fixed;top:4rem;right:4rem}