.page-module-scss-module__qnDekq__page{width:100%;min-height:100dvh;position:relative}.page-module-scss-module__qnDekq__page__wrap{display:none}.page-module-scss-module__qnDekq__page__wrapper{color:#fff;background-color:#0000;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.page-module-scss-module__qnDekq__page__wrapper__bg{will-change:transform;transform-origin:50%;background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--foreground);position:absolute;inset:0;scale:1.05}.page-module-scss-module__qnDekq__page__overlay{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,-webkit-backdrop-filter;background-color:#20212380;width:100%;height:100%;position:fixed;top:0;left:0;transform:translateZ(0)}.page-module-scss-module__qnDekq__page__description{z-index:2;text-align:justify;opacity:0;padding:1rem;font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.5;position:fixed;top:0;left:0}.page-module-scss-module__qnDekq__page__project{z-index:2;opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();cursor:pointer;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:100%;height:fit-content;padding:1rem;transition:all .3s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.page-module-scss-module__qnDekq__page__project:hover,.page-module-scss-module__qnDekq__page__project--hovered{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#20212333}.page-module-scss-module__qnDekq__page__project:hover .page-module-scss-module__qnDekq__page__project__link__button,.page-module-scss-module__qnDekq__page__project--hovered .page-module-scss-module__qnDekq__page__project__link__button{opacity:.85;gap:1.25rem}@media (max-width:768px){.page-module-scss-module__qnDekq__page__project{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}}.page-module-scss-module__qnDekq__page__project__item:nth-child(3){text-align:right}.page-module-scss-module__qnDekq__page__project__item:nth-child(4){text-align:right;justify-content:flex-end;display:flex}.page-module-scss-module__qnDekq__page__project__title{opacity:1}.page-module-scss-module__qnDekq__page__project__link{justify-content:center;display:flex}.page-module-scss-module__qnDekq__page__project__link__button{align-items:center;gap:.75rem;transition:gap .3s ease-in-out,opacity .2s;display:flex;position:relative}@media (max-width:768px){.page-module-scss-module__qnDekq__page__project__link__button span{display:none}.page-module-scss-module__qnDekq__page__project__category{text-align:center}.page-module-scss-module__qnDekq__page__project__year{display:none}}.page-module-scss-module__qnDekq__page__container{opacity:0;perspective:1000px;width:100dvw;height:100dvh;transform-style:preserve-3d;will-change:transform,opacity;position:fixed;top:0;left:0;overflow:hidden}.page-module-scss-module__qnDekq__page__list{z-index:100;-webkit-backdrop-filter:blur(20px);background-color:#202123f5;flex-direction:column;width:100%;height:100%;padding:4rem 0 6rem;display:none;position:fixed;top:0;left:0;overflow-y:auto}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list{padding:5rem 0 8rem}}.page-module-scss-module__qnDekq__page__list__wrapper{flex-direction:column;width:100%;display:flex}.page-module-scss-module__qnDekq__page__list__item{cursor:pointer;border-bottom:1px solid #f4f4f61a;grid-template-columns:2rem 5rem 1fr auto auto;align-items:center;gap:1.5rem;padding:1rem;transition:background-color .2s;display:grid}.page-module-scss-module__qnDekq__page__list__item:hover{background-color:#f4f4f60a}.page-module-scss-module__qnDekq__page__list__item:hover .page-module-scss-module__qnDekq__page__list__item__link span:after{width:100%}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list__item{grid-template-columns:3.5rem 1fr auto;align-items:center;gap:.875rem;padding:1rem}}.page-module-scss-module__qnDekq__page__list__item__index{opacity:.3;flex-shrink:0;font-size:11px}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list__item__index{display:none}}.page-module-scss-module__qnDekq__page__list__item__thumb{background-color:#f4f4f60d;flex-shrink:0;width:5rem;height:3.5rem;overflow:hidden}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list__item__thumb{width:3.5rem;height:4.5rem}}.page-module-scss-module__qnDekq__page__list__item__thumb img{object-fit:cover;width:100%;height:100%;display:block}.page-module-scss-module__qnDekq__page__list__item__info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.page-module-scss-module__qnDekq__page__list__item__title{opacity:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-module-scss-module__qnDekq__page__list__item__meta{opacity:.45}.page-module-scss-module__qnDekq__page__list__item__mobileMeta{opacity:.3;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:none;overflow:hidden}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list__item__mobileMeta{margin-top:.2rem;display:block}}.page-module-scss-module__qnDekq__page__list__item__right{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list__item__right{display:none}}.page-module-scss-module__qnDekq__page__list__item__year{opacity:.45;font-size:11px}.page-module-scss-module__qnDekq__page__list__item__tools{opacity:.3;font-size:11px}.page-module-scss-module__qnDekq__page__list__item__link{opacity:.6;flex-shrink:0;align-items:center;gap:.5rem;transition:opacity .2s;display:flex}@media (max-width:768px){.page-module-scss-module__qnDekq__page__list__item__link span{display:none}}.page-module-scss-module__qnDekq__page__list__item:hover .page-module-scss-module__qnDekq__page__list__item__link{opacity:1}@keyframes page-module-scss-module__qnDekq__bgDrift{0%{transform:rotate(0)translate(0%)translateY(0%)}25%{transform:rotate(1deg)translate(2%)translateY(-1.5%)}50%{transform:rotate(0)translate(-2%)translateY(1.5%)}75%{transform:rotate(-1deg)translate(1.5%)translateY(-2%)}to{transform:rotate(0)translate(0%)translateY(0%)}}