.project-page .back-link{display:inline-flex;align-items:center;color:#6c757d;text-decoration:none;margin-bottom:1.5rem;transition:color .3s ease}.project-page .back-link:hover{color:#0d6efd}.project-page .project-hero{border-radius:.5rem;overflow:hidden;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin-bottom:2rem}.project-page .project-hero .project-hero-image{width:100%;height:auto;object-fit:cover}.project-page .project-content .results-list{list-style:none;padding-left:0}.project-page .project-sidebar .sidebar-section{background-color:#f8f9fa;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.project-page .project-sidebar .technologies-container{display:flex;flex-wrap:wrap;gap:.5rem}.project-page .project-sidebar .technologies-container .tech-badge{padding:.5rem .75rem;border-radius:.25rem;background-color:#e9ecef;font-weight:500}.project-page .project-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.project-page .project-gallery .gallery-item{border-radius:.5rem;overflow:hidden;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.project-page .project-gallery .gallery-item .gallery-image{width:100%;height:auto;object-fit:cover;transition:transform .3s ease}.project-page .project-gallery .gallery-item:hover .gallery-image{transform:scale(1.05)}.project-page .project-navigation{margin-top:3rem;padding-top:2rem;border-top:1px solid #dee2e6}.project-page .project-navigation .prev-next-container{display:flex;justify-content:space-between;align-items:center}.project-page .project-navigation .prev-next-container .next-project,.project-page .project-navigation .prev-next-container .prev-project{display:flex;align-items:center;text-decoration:none;color:#212529;max-width:45%;transition:color .3s ease}.project-page .project-navigation .prev-next-container .next-project small,.project-page .project-navigation .prev-next-container .prev-project small{color:#6c757d}.project-page .project-navigation .prev-next-container .next-project:hover,.project-page .project-navigation .prev-next-container .prev-project:hover{color:#0d6efd}.project-page .project-navigation .prev-next-container .rotate-180{transform:rotate(180deg)}