.portfolio-detail-page{color:#303133;background-color:#fff;padding-top:72px;font-family:Poppins,sans-serif}.portfolio-detail-container{gap:60px;max-width:1400px;margin:0 auto 80px;padding:0 40px;display:flex}.project-media-column{flex:0 0 65%;max-width:65%}.project-main-image img{border-radius:4px;width:100%;height:auto;margin-bottom:30px;display:block}.project-info-column{flex-direction:column;max-width:35%;display:flex}.project-detail-title{color:#303133;margin:0 0 25px;font-size:35px;font-weight:600;line-height:1.2}.project-excerpt{color:#777;margin-bottom:30px;font-size:15px;line-height:1.75}.project-excerpt p{margin-bottom:15px;padding-right:60px}.project-excerpt a{color:#000;font-weight:600;text-decoration:underline}.project-description-content{color:#777;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;margin-bottom:40px;font-size:15px;line-height:1.75}.project-description-content p{margin-bottom:20px}.project-meta{border-top:1px solid #eee;margin-bottom:40px;padding-top:30px}.meta-item{gap:10px;margin-bottom:12px;font-size:15px;display:flex}.meta-label{color:#303133;min-width:80px;font-weight:700}.meta-value{color:#777}.project-navigation-back{margin-top:auto;padding-top:20px}.back-to-portfolio{color:#4c8ec6;align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .3s;display:flex}.back-to-portfolio:hover{opacity:.7}.related-title{text-align:center;color:#00000017;white-space:nowrap;margin-bottom:50px;font-size:4vw;font-weight:600}.related-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto;display:grid}.related-item{background:#fff;border-radius:8px;text-decoration:none;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 10px #0000000d}.related-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.related-image{aspect-ratio:4/3;overflow:hidden}.related-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.related-item:hover .related-image img{transform:scale(1.05)}.related-item-title{color:#303133;margin:0 0 5px;font-size:18px;font-weight:600}.related-item-cat{color:#4c8ec6;margin:0;font-size:13px;font-weight:500}.mobile-only{display:none}@media (max-width:1024px){.portfolio-detail-container{flex-direction:column;gap:40px}.project-media-column,.project-info-column{flex:0 0 100%;max-width:100%}.desktop-only{display:none}.mobile-only{display:block}.project-detail-title{font-size:28px}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.related-grid{grid-template-columns:1fr}.portfolio-detail-container{padding:0 20px}.related-title{font-size:40px}}.loading-container,.error-container{text-align:center;color:#777;padding:100px 20px;font-size:1.2rem}.back-btn-error{color:#fff;cursor:pointer;background-color:#4c8ec6;border:none;border-radius:4px;margin-top:20px;padding:10px 20px}.project-gallery-image,.project-gallery-video{border-radius:4px;margin-bottom:30px;overflow:hidden}.project-gallery-image img{border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 4px 12px #0000000d}.project-gallery-video iframe{aspect-ratio:16/9;border-radius:4px;width:100%;display:block;box-shadow:0 4px 12px #0000000d}.portfolio-detail-container{gap:60px;margin-bottom:80px;padding:0 36px;display:flex}.project-media-column{flex:0 0 65%}.project-main-image img{border-radius:4px;width:100%;height:auto;margin-bottom:30px}.project-info-column{flex:0 0 35%}.project-detail-title{margin-bottom:25px;font-size:35px;font-weight:600}.project-excerpt{color:#777;margin-bottom:30px;font-size:15px}.project-description-content{color:#777;font-size:15px;line-height:1.75}.project-meta{border-top:1px solid #eee;margin-top:40px;padding-top:30px}.meta-item{gap:10px;margin-bottom:12px;display:flex}.meta-label{font-weight:700}.related-projects-section{padding:80px 5%}.related-title{text-align:center;color:#00000017;margin-bottom:50px;font-size:60px;font-weight:600}.related-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.related-item{background:#fff;border-radius:8px;text-decoration:none;overflow:hidden;box-shadow:0 2px 10px #0000000d}.related-image{aspect-ratio:4/3}.related-image img{object-fit:cover;width:100%;height:100%}.related-info{padding:20px}.related-item-title{font-size:18px;font-weight:600}.related-item-cat{color:#4c8ec6;font-size:13px}.project-gallery-image,.project-gallery-video{margin-bottom:30px}@media (max-width:1024px){.portfolio-detail-container{flex-direction:column}.project-media-column,.project-info-column{flex:0 0 100%}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.related-grid{grid-template-columns:1fr}.related-title{font-size:40px}}