.ProjectCard-module__OEwvNq__entry{--motion-ease:cubic-bezier(.22, 1, .36, 1);--reveal-delay:0s;opacity:1;min-width:0;transition:opacity .7s ease, transform .85s var(--motion-ease);transition-delay:var(--reveal-delay);transform:none}.ProjectCard-module__OEwvNq__entry[data-visible=false]{opacity:0;transform:translateY(26px)scale(.985)}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(2n){--reveal-delay:95ms}.ProjectCard-module__OEwvNq__card{text-align:left;cursor:pointer;color:#182527;width:100%;min-width:0;transition:transform .55s var(--motion-ease);display:block}.ProjectCard-module__OEwvNq__preview{isolation:isolate;background:#eff2f2}.ProjectCard-module__OEwvNq__preview:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .45s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #01d2d1bf}.ProjectCard-module__OEwvNq__skeleton{z-index:3;pointer-events:none;opacity:1;visibility:visible;background:#e7eeee;transition:opacity .65s,visibility 0s .65s;display:block;position:absolute;inset:0;overflow:hidden}.ProjectCard-module__OEwvNq__skeleton:after{content:"";background:linear-gradient(105deg,#0000 25%,#ffffffa6 50%,#0000 75%);animation:2.2s ease-in-out infinite paused ProjectCard-module__OEwvNq__shimmer;position:absolute;inset:0}.ProjectCard-module__OEwvNq__entry[data-visible=true] [data-state=loading] .ProjectCard-module__OEwvNq__skeleton:after{animation-play-state:running}[data-state=loaded] .ProjectCard-module__OEwvNq__skeleton{opacity:0;visibility:hidden}.ProjectCard-module__OEwvNq__art{opacity:0;transform-origin:top;transition:opacity .7s ease, transform 1s var(--motion-ease,cubic-bezier(.22, 1, .36, 1));display:block;transform:translateY(8px)scale(1.025)}[data-state=loaded] .ProjectCard-module__OEwvNq__art{opacity:1;transform:none}.ProjectCard-module__OEwvNq__cover{transition:transform .9s var(--motion-ease);transform:scale(1)}.ProjectCard-module__OEwvNq__gradient{pointer-events:none;opacity:.65;background:linear-gradient(#0000002e,#0000 30% 62%,#00000085);transition:opacity .45s;position:absolute;inset:0}.ProjectCard-module__OEwvNq__number{letter-spacing:.16em;color:#fff;text-shadow:0 1px 4px #000;font-size:10px;position:absolute;top:10px;left:10px}.ProjectCard-module__OEwvNq__action{color:#fff;letter-spacing:.04em;background:#00000061;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;bottom:10px;left:10px}.ProjectCard-module__OEwvNq__error{text-align:center;color:#476061;place-content:center;padding:16px;font-size:12px;display:grid;position:absolute;inset:0}.ProjectCard-module__OEwvNq__caption{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.ProjectCard-module__OEwvNq__title{overflow-wrap:anywhere;width:fit-content;min-width:0;font-size:13px;line-height:1.45;transition:color .3s;position:relative}.ProjectCard-module__OEwvNq__title:after{content:"";inset-inline:0;transform-origin:100%;height:1px;transition:transform .55s var(--motion-ease);background:#008d8c;position:absolute;bottom:-2px;transform:scaleX(0)}.ProjectCard-module__OEwvNq__arrow{color:#008d8c;border:1px solid #d9e4e3;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:background-color .4s,border-color .4s,color .4s;display:block;position:relative;overflow:hidden}.ProjectCard-module__OEwvNq__arrowIcon{opacity:1;width:16px;height:16px;transition:transform .5s var(--motion-ease), opacity .25s ease;position:absolute;inset:7px;transform:translate(0)}.ProjectCard-module__OEwvNq__arrowCopy{opacity:0;transform:translate(-24px,24px)}.ProjectCard-module__OEwvNq__card:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #008d8c}.ProjectCard-module__OEwvNq__entry:focus-within{opacity:1;transition-delay:0s;transform:none}.ProjectCard-module__OEwvNq__card:focus-visible .ProjectCard-module__OEwvNq__preview:after{opacity:1}.ProjectCard-module__OEwvNq__card:focus-visible .ProjectCard-module__OEwvNq__title:after{transform-origin:0;transform:scaleX(1)}.ProjectCard-module__OEwvNq__card:active{transition-duration:.15s;transform:scale(.985)}.ProjectCard-module__OEwvNq__loadMore{color:#182527;cursor:pointer;border:1px solid #bdd9d8;border-radius:999px;align-items:center;gap:12px;min-height:44px;padding:12px 28px;transition:background-color .3s,transform .3s;display:inline-flex}.ProjectCard-module__OEwvNq__loadMore:focus-visible{outline-offset:4px;outline:2px solid #008d8c}.ProjectCard-module__OEwvNq__loadMore:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.ProjectCard-module__OEwvNq__card:hover{transform:translateY(-6px)}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__preview:after{opacity:1}.ProjectCard-module__OEwvNq__card:hover [data-state=loaded] .ProjectCard-module__OEwvNq__cover{transform:scale(1.045)}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__gradient{opacity:1}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__title{color:#008d8c}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__title:after{transform-origin:0;transform:scaleX(1)}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__arrow{color:#073333;background:#01d2d1;border-color:#01d2d1}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__arrowIcon{opacity:0;transform:translate(24px,-24px)}.ProjectCard-module__OEwvNq__card:hover .ProjectCard-module__OEwvNq__arrowCopy{opacity:1;transform:translate(0)}.ProjectCard-module__OEwvNq__loadMore:hover{background:#e1f8f6;transform:translateY(-2px)}}@media (min-width:640px){.ProjectCard-module__OEwvNq__title{font-size:14px}}@media (min-width:768px){.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(n){--reveal-delay:0s}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(3n+2){--reveal-delay:95ms}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(3n){--reveal-delay:.19s}}@media (min-width:1024px){.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(n){--reveal-delay:0s}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(4n+2){--reveal-delay:95ms}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(4n+3){--reveal-delay:.19s}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(4n){--reveal-delay:.285s}}@media (min-width:1280px){.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(n){--reveal-delay:0s}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(5n+2){--reveal-delay:75ms}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(5n+3){--reveal-delay:.15s}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(5n+4){--reveal-delay:.225s}.ProjectCard-module__OEwvNq__grid>.ProjectCard-module__OEwvNq__entry:nth-child(5n){--reveal-delay:.3s}}@keyframes ProjectCard-module__OEwvNq__shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.ProjectCard-module__OEwvNq__entry,.ProjectCard-module__OEwvNq__entry[data-visible=false]{opacity:1;transition:none;transform:none}.ProjectCard-module__OEwvNq__entry .ProjectCard-module__OEwvNq__card,.ProjectCard-module__OEwvNq__entry .ProjectCard-module__OEwvNq__art,.ProjectCard-module__OEwvNq__entry .ProjectCard-module__OEwvNq__cover,.ProjectCard-module__OEwvNq__loadMore{transition:none;transform:none!important}.ProjectCard-module__OEwvNq__skeleton,.ProjectCard-module__OEwvNq__preview:after,.ProjectCard-module__OEwvNq__title,.ProjectCard-module__OEwvNq__title:after,.ProjectCard-module__OEwvNq__arrow,.ProjectCard-module__OEwvNq__arrowIcon,.ProjectCard-module__OEwvNq__gradient{transition:none}.ProjectCard-module__OEwvNq__skeleton:after{animation:none}}
.WebDevGrid-module__NxSXda__grid{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:8px;display:grid}.WebDevGrid-module__NxSXda__entry{min-width:0}.WebDevGrid-module__NxSXda__card{width:100%;min-width:0;text-decoration:none;transition:transform .35s;display:block;position:relative}.WebDevGrid-module__NxSXda__window{isolation:isolate;background:#10191b;border:1px solid #dedede;border-radius:6px;height:clamp(280px,100vw,400px);transition:border-color .2s;display:block;position:relative;overflow:hidden}.WebDevGrid-module__NxSXda__cover{width:100%;height:auto;transition:transform 7s ease-in-out;display:block;transform:translateY(0)}.WebDevGrid-module__NxSXda__placeholder{color:#fff;background:linear-gradient(145deg,#10191b,#163536);flex-direction:column;justify-content:space-between;gap:24px;padding:28px;display:flex;position:absolute;inset:0}.WebDevGrid-module__NxSXda__number{letter-spacing:.18em;text-transform:uppercase;color:#7cdedb;font-size:11px}.WebDevGrid-module__NxSXda__title{overflow-wrap:anywhere;font-size:clamp(24px,3vw,34px);line-height:1.15}.WebDevGrid-module__NxSXda__visit{color:#a4dedc;justify-content:space-between;align-items:center;font-size:12px;display:flex}.WebDevGrid-module__NxSXda__card:focus-visible{outline-offset:4px;border-radius:6px;outline:2px solid #008d8c}.WebDevGrid-module__NxSXda__card:focus-visible .WebDevGrid-module__NxSXda__window{border-color:#01d2d1}.WebDevGrid-module__NxSXda__card:focus-visible .WebDevGrid-module__NxSXda__cover{transform:translateY(var(--preview-offset,0px))}@media (min-width:640px){.WebDevGrid-module__NxSXda__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.WebDevGrid-module__NxSXda__entry:nth-child(2n){--reveal-delay:95ms}}@media (min-width:1280px){.WebDevGrid-module__NxSXda__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.WebDevGrid-module__NxSXda__entry:nth-child(n){--reveal-delay:0s}.WebDevGrid-module__NxSXda__entry:nth-child(4n+2){--reveal-delay:95ms}.WebDevGrid-module__NxSXda__entry:nth-child(4n+3){--reveal-delay:.19s}.WebDevGrid-module__NxSXda__entry:nth-child(4n){--reveal-delay:.285s}}@media (hover:hover) and (pointer:fine){.WebDevGrid-module__NxSXda__card:hover{z-index:1;transform:scale(1.035)}.WebDevGrid-module__NxSXda__card:hover .WebDevGrid-module__NxSXda__window{border-color:#01d2d1}.WebDevGrid-module__NxSXda__card:hover .WebDevGrid-module__NxSXda__cover{transform:translateY(var(--preview-offset,0px))}}@media (prefers-reduced-motion:reduce){.WebDevGrid-module__NxSXda__card,.WebDevGrid-module__NxSXda__window,.WebDevGrid-module__NxSXda__cover{transition:none}.WebDevGrid-module__NxSXda__card:hover,.WebDevGrid-module__NxSXda__card:hover .WebDevGrid-module__NxSXda__cover,.WebDevGrid-module__NxSXda__card:focus-visible .WebDevGrid-module__NxSXda__cover{transform:none}}
