.project-card-skeleton{aspect-ratio:16/9;background:#15162c;border-radius:1rem;flex-direction:column;gap:1rem;width:100%;padding:1rem;animation:1.5s ease-in-out infinite skeleton-pulse;display:flex}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}
html,body{max-width:100vw;font-family:var(--font-montserrat);overflow-x:hidden}body{color:#fff;font-family:var(--font-montserrat);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/images/secondary-bg.jpg);background-repeat:repeat-y;background-size:100%}h1{margin:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.upper-body{background:#15162c;flex-direction:column;gap:15vh;padding:20px 150px 75px;display:flex;position:relative}@media screen and (max-width:1366px){.upper-body{padding:40px 100px 75px}}@media screen and (max-width:992px){.upper-body{padding:40px 50px 75px}}@media screen and (max-width:576px){.upper-body{padding:40px 30px 75px}}.lower-body{padding:75px 150px 0}@media screen and (max-width:1366px){.lower-body{padding:40px 100px 0}}@media screen and (max-width:992px){.lower-body{padding:40px 50px 0}}@media screen and (max-width:576px){.lower-body{padding:40px 30px 0}}.projects-page{color:#fff;min-height:100vh;padding:40px 150px 80px;position:relative;overflow:hidden}@media screen and (max-width:1366px){.projects-page{padding:40px 100px 0}.projects-page .description{font-size:1.2rem}}@media screen and (max-width:992px){.projects-page{padding:40px 50px 0}.projects-page .description{font-size:1rem}}@media screen and (max-width:576px){.projects-page{padding:40px 30px 0}}.projects-page>*{z-index:2;position:relative}.projects-page .page-header{text-align:center;flex-direction:column;align-items:center;padding:80px 5% 40px;display:flex}.projects-page .page-header h1{color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-size:3.5rem;font-weight:700}@media (max-width:768px){.projects-page .page-header h1{font-size:2.5rem}}.projects-page .page-header p{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.2rem}@media (max-width:768px){.projects-page .page-header p{font-size:1rem}}.projects-page .projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:0 5%;display:grid}@media (max-width:768px){.projects-page .projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}}@media (max-width:480px){.projects-page .projects-grid{grid-template-columns:1fr}}.projects-page .loading-container{justify-content:center;align-items:center;min-height:300px;padding:0 5%;display:flex}.projects-page .loading-container .loader{border:5px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.projects-page .filter-controls{background-color:#0000;flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 5%;transition:all .3s;display:flex}.projects-page .filter-controls.sticky{-webkit-backdrop-filter:blur(10px);z-index:10;background-color:#000c;border-bottom:1px solid #ffffff1a;padding:15px 5%;position:sticky;top:0;box-shadow:0 2px 10px #0000004d}.projects-page .filter-controls button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:30px;padding:8px 20px;font-size:.9rem;transition:all .3s}.projects-page .filter-controls button:hover{background:#ffffff1a}.projects-page .filter-controls button:focus-visible{outline-offset:2px;outline:2px solid #fff}.projects-page .filter-controls button.active{color:#000;background:#fff;border-color:#fff}.projects-page .projects-count{color:#fff9;margin:20px 0;padding:0 5%;font-size:.9rem}.projects-page .back-link{z-index:100;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background-color:#00000080;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.projects-page .back-link:hover{background-color:#ffffff1a}.projects-page .back-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.projects-page .back-link .arrow{transition:transform .3s}.projects-page .back-link:hover .arrow{transform:translate(-4px)}.projects-page .no-projects{text-align:center;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;grid-column:1/-1;margin:60px 0;padding:30px;font-size:1.2rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}