.project-detail .container{max-width:1600px;margin:0 auto;padding:0 1rem}.project-detail section{padding-top:50px;padding-bottom:50px}.project-detail section+section{padding-top:0}.project-detail .project-with-sidebar{align-items:flex-start;gap:30px;display:flex}.project-detail .project-with-sidebar .project-main-content{flex:0 0 66.666%;max-width:66.666%}@media (min-width:1024px){.project-detail .project-with-sidebar .project-main-content{padding-right:35px}}.project-detail .project-with-sidebar .project-sidebar{flex:0 0 33.333%;max-width:33.333%}@media (max-width:1024px){.project-detail .project-with-sidebar{flex-direction:column}.project-detail .project-with-sidebar .project-main-content,.project-detail .project-with-sidebar .project-sidebar{flex:100%;max-width:100%}.project-detail .project-with-sidebar .project-sidebar{padding-top:30px;position:static}}.project-detail .project-side-by-side{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:1024px){.project-detail .project-side-by-side{grid-template-columns:2fr 1fr;align-items:start}}.project-detail .project-aside{flex-direction:column;gap:3rem;display:flex}.project-detail .project-hero{flex-direction:column;gap:2em;padding-top:50px;padding-bottom:0;display:flex}@media (min-width:768px){.project-detail .project-hero{flex-direction:column;align-items:stretch;gap:2em}}@media (max-width:768px){.project-detail .project-hero{padding-left:0;padding-right:0}}.project-detail .project-hero__layout{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.project-detail .project-hero__layout{grid-template-columns:3fr 1fr;align-items:start}}.project-detail .project-hero__media{flex:1;align-content:center;min-width:0;height:100%;position:relative;overflow:hidden}.project-detail .project-hero__media:before{content:"";background-image:var(--bg-image);filter:blur(20px);z-index:0;opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.project-detail .project-hero__media>*{z-index:1;position:relative}.project-detail .project-hero__media iframe{height:100%}.project-detail .project-hero__media img,.project-detail .project-hero__media iframe{-o-object-fit:contain;object-fit:contain;width:100%;max-height:800px}@media (max-width:768px){.project-detail .project-hero__media img,.project-detail .project-hero__media iframe{max-height:400px}}.project-detail .project-hero__media .react-compare-slider{width:100%;height:clamp(320px,50vw,720px)}@media (max-width:768px){.project-detail .project-hero__media .react-compare-slider{height:clamp(240px,60vw,420px)}}.project-detail .project-hero__media .react-compare-slider img{-o-object-fit:contain;object-fit:contain}.project-detail .project-hero .video-container{height:-webkit-fill-available}@media (max-width:768px){.project-detail .project-hero .video-container{aspect-ratio:16/12}}.project-detail .project-hero__content{flex:1;max-width:1000px}.project-detail .project-hero__content__meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-detail .project-hero__content h1{color:#435342;margin-bottom:1rem;font-family:Libre Baskerville,Georgia,Times New Roman,serif;font-size:calc(1.375rem + 1.5vw);font-weight:600;line-height:1.2}@media (min-width:768px){.project-detail .project-hero__content h1{font-size:calc(1.875rem + 1.5vw)}}.project-detail .project-hero__content__location{color:#6a514a;margin-bottom:1rem;font-size:1.125rem;font-weight:500}.project-detail .project-hero__content__excerpt{color:#435342;font-size:1.125rem;line-height:1.5;margin-bottom:0!important}.project-detail .project-type{color:#435342;background:#f1eee5;border:1px solid #43534233;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;font-style:italic;font-weight:500;display:inline-block}.project-detail .form-intro-content{margin-top:25px;padding-top:25px}.project-detail .sidebar-cta{background:#f7f2dd;padding:30px}@media (min-width:1024px){.project-detail .sidebar-cta{margin-right:15px}}.project-detail .project-status{border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;display:inline-block}.project-detail .project-status--planning{color:#856404;background:#ffc1071a;border:1px solid #ffc1074d}.project-detail .project-status--in-progress{color:#004085;background:#007bff1a;border:1px solid #007bff4d}.project-detail .project-status--completed{color:#145523;background:#28a7451a;border:1px solid #28a7454d}.project-detail .project-status--on-hold{color:#495057;background:#6c757d1a;border:1px solid #6c757d4d}.project-detail .project-status--cancelled{color:#921925;background:#dc35451a;border:1px solid #dc35454d}.project-detail .project-features{background:#f1eee580;border:none;border-radius:.5rem;padding:0}@media (min-width:640px){.project-detail .project-features{border:1px solid #4353421a;padding:3rem}}.project-detail .project-features h2{color:#435342;margin-bottom:1.5rem;font-family:Libre Baskerville,Georgia,Times New Roman,serif;font-size:calc(1.3rem + .6vw);font-weight:600}.project-detail .project-features .features-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.project-detail .project-features .features-list{grid-template-columns:repeat(1,1fr);gap:1rem}}.project-detail .project-features .features-list .feature-item{color:#435342;padding-left:1.5rem;font-size:1rem;line-height:1.5;position:relative}.project-detail .project-features .features-list .feature-item:before{content:"✓";color:#28a745;font-size:1.125rem;font-weight:700;position:absolute;top:0;left:0}.project-detail .client-testimonial{background:#f1eee580;border:none;border-radius:.5rem;padding:0}@media (min-width:640px){.project-detail .client-testimonial{border:1px solid #4353421a;padding:3rem}}.project-detail .client-testimonial h2{color:#435342;margin-bottom:1.5rem;font-family:Libre Baskerville,Georgia,Times New Roman,serif;font-size:calc(1.3rem + .6vw);font-weight:600}.project-detail .client-testimonial .testimonial-content .client-name{margin-top:15px;margin-bottom:.5rem;font-size:18px;font-weight:700}.project-detail .client-testimonial .testimonial-content .client-rating{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.project-detail .client-testimonial .testimonial-content .client-rating .rating-label{color:#435342;font-weight:800}.project-detail .client-testimonial .testimonial-content .client-rating .stars{gap:2px;display:flex}.project-detail .client-testimonial .testimonial-content .client-rating .stars .star{font-size:1.25rem}.project-detail .client-testimonial .testimonial-content .client-rating .stars .star--filled{color:#e6ac23}.project-detail .client-testimonial .testimonial-content .client-rating .stars .star--empty{color:#e6ac234d}.project-detail .client-testimonial .testimonial-content .client-rating .rating-value{color:#6a514a;font-size:.875rem;font-weight:500}.project-detail .client-testimonial .testimonial-content .testimonial-text{color:#435342;border:none;margin:0;padding:0;font-size:1.125rem;line-height:1.6}.project-detail .client-testimonial .testimonial-content .testimonial-text:before,.project-detail .client-testimonial .testimonial-content .testimonial-text:after{content:""}.project-detail .related-projects .related-projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.project-detail .related-projects .related-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.project-detail .related-projects .related-projects-grid{grid-template-columns:repeat(3,1fr)}}.project-detail .related-projects .related-project-card{background:#fff;border:1px solid #4353421a;border-radius:.5rem;padding:1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 2px 4px -1px #4353421a}.project-detail .related-projects .related-project-card:hover{transform:translateY(-.25rem);box-shadow:0 8px 15px -3px #43534226}.project-detail .related-projects .related-project-card h3{color:#435342;margin-bottom:.5rem;font-family:Libre Baskerville,Georgia,Times New Roman,serif;font-size:calc(1.275rem + .3vw);font-weight:600}.project-detail .related-projects .related-project-card p{color:#435342;margin-bottom:.5rem;font-size:1rem;line-height:1.5}.project-detail .related-projects .related-project-card p.project-location{color:#6a514a;font-size:.875rem;font-weight:500}.project-detail .related-projects .related-project-card .project-meta{flex-wrap:wrap;gap:2em;margin-top:1rem;display:flex}.project-detail .project-gallery .swiper-button-next,.project-detail .project-gallery .swiper-button-prev{text-shadow:0 1px 2px #0009;z-index:2;padding:15px;font-size:14px;color:#fff!important;border:2px solid #fff!important}.project-detail .project-gallery__item{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;overflow:hidden;box-shadow:0 2px 4px -1px #4353421a}.project-detail .project-gallery__item:hover{transform:translateY(-.25rem);box-shadow:0 8px 15px -3px #43534226}.project-detail .project-gallery__item img{width:100%;height:auto;display:block}.project-detail .project-gallery__item .react-compare-slider{width:100%;height:300px}@media (min-width:640px){.project-detail .project-gallery__item .react-compare-slider{height:400px}}@media (min-width:1024px){.project-detail .project-gallery__item .react-compare-slider{height:500px}}.project-detail .project-gallery__item .react-compare-slider img{-o-object-fit:cover;object-fit:cover}.project-detail .project-grid-item{margin-top:25px}.project-detail .project-grid-item img{aspect-ratio:16/10;width:100%}.project-detail .project-hero__gallery{position:relative;overflow:hidden}@media (max-width:768px){.project-detail .project-hero__gallery{padding-left:15px}}.project-detail .project-hero__gallery .project-gallery-carousel--vertical h2{margin-bottom:1rem}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .before-after-swiper--vertical{height:100%;max-height:800px;position:relative}@media (max-width:1024px){.project-detail .project-hero__gallery .project-gallery-carousel--vertical .before-after-swiper--vertical{max-height:none}}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .before-after-swiper--vertical .swiper-button-next,.project-detail .project-hero__gallery .project-gallery-carousel--vertical .before-after-swiper--vertical .swiper-button-prev{color:#fff;text-shadow:0 1px 2px #0009;z-index:2;border:2px solid;width:28px;height:28px;padding:15px;font-size:14px;position:absolute;left:50%;right:auto}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .before-after-swiper--vertical .swiper-button-next{top:auto;bottom:25px;transform:translate(-50%)rotate(90deg)}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .before-after-swiper--vertical .swiper-button-prev{top:45px;bottom:auto;transform:translate(-50%)rotate(90deg)}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .swiper{height:100%}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .swiper-slide{cursor:pointer;filter:brightness(.7);width:auto!important}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .swiper-slide.is-active{filter:brightness()}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .video-thumbnail{width:100%;height:100%;position:relative}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .video-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .video-thumbnail .play-button{-webkit-backdrop-filter:blur(5px);z-index:1;pointer-events:none;background:#0000004d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .video-thumbnail .play-button:before{content:"";border:8px solid #0000;border-left:12px solid #fff;border-right-width:0;width:0;height:0;margin-left:3px}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .ba-thumb{grid-template-rows:1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .ba-thumb__before,.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .ba-thumb__after{position:relative;overflow:hidden}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .ba-thumb__before img,.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .ba-thumb__after img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .ba-thumb__badge{color:#fff;white-space:nowrap;background:#0009;border-radius:9999px;padding:4px 6px;font-size:10px;line-height:1;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .react-compare-slider{width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--vertical .project-gallery__item .react-compare-slider img{-o-object-fit:cover;object-fit:cover}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal h2{margin-bottom:1rem}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .before-after-swiper--horizontal{width:100%}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .before-after-swiper--horizontal .swiper-button-next,.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .before-after-swiper--horizontal .swiper-button-prev{color:#fff;text-shadow:0 1px 2px #0009;z-index:2;border:2px solid #fff;width:28px;height:28px;padding:15px;font-size:14px}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .swiper-slide{cursor:pointer;filter:brightness(.7);width:auto!important}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .swiper-slide.is-active{filter:brightness()}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item{aspect-ratio:1;width:110px;position:relative;overflow:hidden}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .video-thumbnail{width:100%;height:100%;position:relative}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .video-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .video-thumbnail .play-button{-webkit-backdrop-filter:blur(5px);z-index:1;pointer-events:none;background:#0000004d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .video-thumbnail .play-button:before{content:"";border:8px solid #0000;border-left:12px solid #fff;border-right-width:0;width:0;height:0;margin-left:3px}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .ba-thumb{grid-template-rows:1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .ba-thumb__before,.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .ba-thumb__after{position:relative;overflow:hidden}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .ba-thumb__before img,.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .ba-thumb__after img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .ba-thumb__badge{color:#fff;white-space:nowrap;background:#0009;border-radius:9999px;padding:4px 6px;font-size:10px;line-height:1;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .react-compare-slider{width:100%;height:100%;position:absolute;inset:0}.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .project-gallery__item .react-compare-slider img{-o-object-fit:cover;object-fit:cover}@media (min-width:1024px){.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .swiper-button-next,.project-detail .project-hero__gallery .project-gallery-carousel--horizontal .swiper-button-prev{display:none!important}}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 3rem}}.pt-8{padding-top:3rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-detail section{padding-bottom:50px}.project-detail section:first-of-type{padding-top:25px}.project-detail section:last-child{padding-bottom:50px}