.portfolio-details .gallery-slider{border-radius:16px;margin-bottom:40px;position:relative;overflow:hidden}.portfolio-details .gallery-slider img{width:100%;height:auto;display:block}.portfolio-details .gallery-slider .swiper-button-prev,.portfolio-details .gallery-slider .swiper-button-next{transition:all .3s;background:color-mix(in srgb,var(--surface-color),transparent 10%)!important;border-radius:50%!important;width:44px!important;height:44px!important}.portfolio-details .gallery-slider .swiper-navigation-icon{width:10px!important;color:var(--default-color)!important;font-weight:700!important}.portfolio-details .gallery-slider .swiper-button-prev:hover,.portfolio-details .gallery-slider .swiper-button-next:hover{background:var(--accent-color)!important}.portfolio-details .gallery-slider .swiper-button-prev:hover:after,.portfolio-details .gallery-slider .swiper-button-next:hover:after{color:var(--contrast-color)!important}.portfolio-details .gallery-slider .swiper-pagination{color:var(--contrast-color);background:color-mix(in srgb,var(--default-color),transparent 40%);border-radius:20px;width:auto;padding:4px 14px;font-size:14px;font-weight:600;bottom:16px;left:50%;transform:translate(-50%)}.portfolio-details .swiper-wrapper{height:auto!important}.portfolio-details .project-body h2{color:var(--heading-color);letter-spacing:-.5px;margin-bottom:18px;font-size:34px;font-weight:800}.portfolio-details .project-body .meta-strip{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.portfolio-details .project-body .meta-strip .meta-badge{background:color-mix(in srgb,var(--accent-color),transparent 90%);color:var(--accent-color);border-radius:30px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.portfolio-details .project-body .meta-strip .meta-badge i{font-size:14px}.portfolio-details .project-body h3{color:var(--heading-color);margin-top:36px;margin-bottom:16px;padding-left:16px;font-size:22px;font-weight:700;position:relative}.portfolio-details .project-body h3:before{content:"";background:var(--accent-color);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:0}.portfolio-details .project-body p{margin-bottom:18px;line-height:1.85}.portfolio-details .project-body .features-grid{background:color-mix(in srgb,var(--accent-color),transparent 96%);border-radius:14px;margin:36px 0;padding:28px}.portfolio-details .project-body .features-grid h4{color:var(--heading-color);margin-bottom:20px;font-size:18px;font-weight:700}.portfolio-details .project-body .features-grid .feature-tile{background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:10px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.portfolio-details .project-body .features-grid .feature-tile i{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 88%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.portfolio-details .project-body .features-grid .feature-tile span{color:var(--default-color);font-size:14px;font-weight:500}.portfolio-details .project-body .features-grid .feature-tile:hover{border-color:var(--accent-color);box-shadow:0 6px 16px color-mix(in srgb,var(--accent-color),transparent 85%);transform:translateY(-2px)}.portfolio-details .project-body blockquote{background:var(--surface-color);box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 92%);border-radius:14px;margin:40px 0;padding:36px 32px 32px;position:relative;overflow:hidden}.portfolio-details .project-body blockquote .quote-accent{background:linear-gradient(90deg,var(--accent-color),color-mix(in srgb,var(--accent-color),transparent 50%));height:5px;position:absolute;top:0;left:0;right:0}.portfolio-details .project-body blockquote p{color:var(--default-color);margin-bottom:20px;padding-left:28px;font-size:17px;font-style:italic;line-height:1.85;position:relative}.portfolio-details .project-body blockquote p:before{content:"“";color:var(--accent-color);font-family:Georgia,serif;font-size:48px;line-height:1;position:absolute;top:-8px;left:0}.portfolio-details .project-body blockquote footer{align-items:center;gap:14px;padding-left:28px;display:flex}.portfolio-details .project-body blockquote footer img{object-fit:cover;border:3px solid color-mix(in srgb,var(--accent-color),transparent 75%);border-radius:50%;width:52px;height:52px}.portfolio-details .project-body blockquote footer strong{color:var(--heading-color);margin-bottom:2px;font-size:15px;font-weight:700;display:block}.portfolio-details .project-body blockquote footer span{color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:13px}.portfolio-details .details-sidebar .project-card,.portfolio-details .details-sidebar .social-card,.portfolio-details .details-sidebar .labels-card{background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-top:4px solid var(--accent-color);border-radius:14px;margin-bottom:24px;padding:28px}.portfolio-details .details-sidebar .project-card h3,.portfolio-details .details-sidebar .social-card h3,.portfolio-details .details-sidebar .labels-card h3{color:var(--heading-color);margin-bottom:20px;font-size:18px;font-weight:700}.portfolio-details .details-sidebar .project-card .project-list{margin:0 0 24px;padding:0;list-style:none}.portfolio-details .details-sidebar .project-card .project-list li{border-bottom:1px dashed color-mix(in srgb,var(--default-color),transparent 88%);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.portfolio-details .details-sidebar .project-card .project-list li:last-child{border-bottom:none}.portfolio-details .details-sidebar .project-card .project-list li>i{color:var(--accent-color);background:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:18px;display:flex}.portfolio-details .details-sidebar .project-card .project-list li .item-label{text-transform:uppercase;letter-spacing:1px;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.portfolio-details .details-sidebar .project-card .project-list li .item-value{color:var(--default-color);font-size:14px;font-weight:500}.portfolio-details .details-sidebar .project-card .live-link{background:var(--accent-color);width:100%;color:var(--contrast-color);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.portfolio-details .details-sidebar .project-card .live-link i{transition:transform .3s}.portfolio-details .details-sidebar .project-card .live-link:hover{background:color-mix(in srgb,var(--accent-color),transparent 15%);color:var(--contrast-color);box-shadow:0 8px 20px color-mix(in srgb,var(--accent-color),transparent 60%);transform:translateY(-2px)}.portfolio-details .details-sidebar .project-card .live-link:hover i{transform:translate(4px)}.portfolio-details .details-sidebar .social-card .social-icons{gap:10px;display:flex}.portfolio-details .details-sidebar .social-card .social-icons .social-circle{border:2px solid color-mix(in srgb,var(--default-color),transparent 80%);width:44px;height:44px;color:var(--default-color);border-radius:50%;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.portfolio-details .details-sidebar .social-card .social-icons .social-circle:hover{border-color:var(--accent-color);background:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px)}.portfolio-details .details-sidebar .labels-card .label-list{flex-wrap:wrap;gap:8px;display:flex}.portfolio-details .details-sidebar .labels-card .label-list a{border:1px solid color-mix(in srgb,var(--accent-color),transparent 65%);color:var(--accent-color);border-radius:30px;padding:6px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s}.portfolio-details .details-sidebar .labels-card .label-list a:hover{background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px)}@media (max-width:992px){.portfolio-details .project-body h2{font-size:28px}.portfolio-details .project-body h3{font-size:20px}}@media (max-width:768px){.portfolio-details .project-body .meta-strip{gap:8px}.portfolio-details .project-body .meta-strip .meta-badge{padding:5px 12px;font-size:12px}.portfolio-details .project-body blockquote{padding:28px 20px 24px}.portfolio-details .project-body blockquote p{padding-left:20px;font-size:15px}.portfolio-details .project-body blockquote footer{padding-left:20px}.portfolio-details .project-body .features-grid{padding:20px}.portfolio-details .gallery-slider{border-radius:10px}.portfolio-details .gallery-slider .swiper-button-prev,.portfolio-details .gallery-slider .swiper-button-next{width:36px;height:36px}.portfolio-details .gallery-slider .swiper-button-prev:after,.portfolio-details .gallery-slider .swiper-button-next:after{font-size:13px}}