.project-page{background:var(--gradient-bg);flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.project-page h1{color:var(--text-color);margin-bottom:1rem;font-size:4rem;font-weight:700}.project-listing-image{aspect-ratio:16/9;border-radius:1rem;width:100%;height:34rem}.project-listing-image img{-o-object-fit:cover;object-fit:cover;border-radius:1rem;width:100%;height:100%}.project-page-dates,.project-page-btns{justify-content:space-between;align-items:center;gap:2rem;display:flex}.project-page-date{align-items:center;gap:1rem;font-size:1.5rem;font-weight:500;display:flex;color:var(--text-color-secondary)!important;background-clip:unset!important;background-image:unset!important}.project-page-container{flex-direction:column;gap:2rem;display:flex}.project-page-columns{grid-template-columns:65% 1fr;gap:4rem;display:grid}.project-page-section{flex-direction:column;justify-content:flex-start;gap:1rem;width:100%;min-width:0;display:flex}.project-page-section h2{-webkit-background-clip:text;background-clip:text;background-image:var(--gradient-primary);font-size:2.5rem;font-weight:700;color:#0000!important}.project-page-section p{color:var(--text-color-secondary);font-size:1.5rem;font-weight:500}.project-page-media-image{aspect-ratio:16/9;border-radius:1rem;width:auto;height:100%;position:relative;overflow:hidden}.project-page-media-image img{-o-object-fit:contain;object-fit:contain;aspect-ratio:16/9;border-radius:1rem;width:100%;height:auto;transition:all .3s}.project-page-media img:hover{transform:scale(1.5)}.project-page-media iframe{aspect-ratio:16/9;border-radius:1rem;width:100%;height:auto}.project-page-technologies,.project-page-description,.project-page-features,.project-page-media,.project-page-links{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}.project-page-technologies ul,.project-page-features ul{flex-direction:column;gap:1rem;width:100%;display:flex}.project-page-features li{color:var(--text-color-secondary);gap:1rem;font-size:1.5rem;font-weight:500}.project-page-features li svg{color:var(--main-color)}.project-page-technologies a{color:var(--main-color);background:var(--glass-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--main-color);border-radius:1rem;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:500;transition:border-color .3s,color .3s;display:flex;position:relative;overflow:hidden}.project-page-technologies a:before{content:"";opacity:0;background:var(--gradient-primary);pointer-events:none;z-index:-1;transition:opacity .3s,transform .3s;position:absolute;inset:0;transform:scale(1)}.project-page-technologies a:hover:before{opacity:1;transform:scale(1.05)}.project-page-technologies a:hover{color:var(--text-color);border-color:#0000}.project-page-media-items{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:995px){.project-page-columns{grid-template-columns:1fr}.project-page-btns{flex-direction:column;width:100%}.project-page-btns a{width:100%}.project-page h1{font-size:2.5rem}.project-page-media-items{grid-template-columns:1fr}.project-page-section p,.project-page-features li{font-size:1.3rem}}
