.dynamic-project-container{background:#faf9f5;min-height:calc(100vh - 70px);overflow:hidden;position:relative}.dynamic-project-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,#0000,#0000 4vw,#8b6bb10f 0,#8b6bb10f 4.2vw),repeating-linear-gradient(0deg,#0000,#0000 4vw,#8b6bb10a 0,#8b6bb10a 4.2vw);mask:linear-gradient(90deg,#000,#0006 8%,#0000 18%,#0000 82%,#0006 92%,#000);-webkit-mask:linear-gradient(90deg,#000,#0006 8%,#0000 18%,#0000 82%,#0006 92%,#000);pointer-events:none;z-index:1}.dynamic-project-container .dynamic-project-section{position:relative;max-width:80rem;margin:0 auto;z-index:2}.dynamic-project-container .project-hero-section{padding:4rem 2rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative}.dynamic-project-container .project-hero-section .project-detail-back-button-container{margin-bottom:3rem}.dynamic-project-container .project-detail-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #8b6bb11a;border-radius:25px;text-decoration:none;color:#3a3a3a;font-size:.9rem;font-weight:400;transition:all .3s ease;box-shadow:0 4px 12px #0000000d;cursor:pointer}.dynamic-project-container .project-detail-back-button:hover{background:#8b6bb10d;border-color:#8b6bb133;color:#8b6bb1;transform:translateY(-1px);box-shadow:0 6px 16px #8b6bb126}.dynamic-project-container .project-detail-back-button svg{transition:transform .3s ease}.dynamic-project-container .project-detail-back-button:hover svg{transform:translateX(-2px)}.dynamic-project-container .project-meta{display:flex;gap:1rem;margin-bottom:1rem;margin-top:4rem}.dynamic-project-container .framework-tag,.dynamic-project-container .practice-area-tag{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .8rem;border-radius:20px}.dynamic-project-container .practice-area-tag{background:#8b6bb11a;color:#8b6bb1}.dynamic-project-container .framework-tag{background:#2e9b8f1a;color:#2e9b8f}.dynamic-project-container .project-hero-title{font-size:clamp(2rem,4vw,3.5rem);color:#3a3a3a;text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:1rem}.dynamic-project-container .project-client{font-size:1.4rem;font-weight:600;color:#8b6bb1;margin-bottom:1.5rem}.dynamic-project-container .project-hero-summary{font-size:1.2rem;font-weight:400;color:#666;line-height:1.6;margin-bottom:2rem}.dynamic-project-container .project-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dynamic-project-container .detail-item{display:flex;flex-direction:column;gap:.3rem}.dynamic-project-container .detail-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999}.dynamic-project-container .detail-value{font-size:1rem;font-weight:500;color:#3a3a3a}.dynamic-project-container .project-hero-visual{position:relative}.dynamic-project-container .project-hero-image{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px #00000026}.dynamic-project-container .project-content{padding:2rem 2rem 4rem;max-width:100%;margin:0 auto}.dynamic-project-container .content-section{margin-bottom:4rem}.dynamic-project-container .section-title{font-size:1.8rem;color:#3a3a3a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;position:relative}.dynamic-project-container .section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:40px;height:2px;background:#8b6bb1}.dynamic-project-container .section-content{font-size:1.1rem;font-weight:400;color:#555;line-height:1.7}.dynamic-project-container .content-section-with-image{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;margin:6rem 0}.dynamic-project-container .content-section-with-image:first-child{margin-top:2rem}.dynamic-project-container .content-image-left,.dynamic-project-container .content-image-right{position:relative}.dynamic-project-container .content-image{position:relative;width:560px;height:400px;border-radius:20px;box-shadow:0 20px 60px #00000026;overflow:hidden}.dynamic-project-container .content-image .image-wrapper{position:absolute;top:12.5%;background-color:#f2f4f6;padding:20px;border-radius:30px}.dynamic-project-container .content-image img{display:block;width:560px;height:auto;border-radius:10px;transform-origin:top left}.dynamic-project-container .project-hero-visual .content-image img{transform-origin:top left}.dynamic-project-container .content-image-left .content-image img{transform-origin:top right}.dynamic-project-container .content-image-right .content-image img{transform-origin:top left}.dynamic-project-container .project-hero-visual{display:flex;justify-content:center;align-items:center}.dynamic-project-container .project-hero-visual .content-image{background-color:#16857a}.dynamic-project-container .project-hero-visual .content-image .image-wrapper{left:12.5%}.dynamic-project-container .content-image-left .content-image{background-color:#373737}.dynamic-project-container .content-image-left .content-image .image-wrapper{right:12.5%}.dynamic-project-container .content-image-right .content-image{background-color:#9268ac}.dynamic-project-container .content-image-right .content-image .image-wrapper{left:12.5%}.dynamic-project-container .goals-image .content-image{background-color:#373737}.dynamic-project-container .goals-image .content-image .image-wrapper{left:12.5%}.dynamic-project-container .goals-full-width{margin:6rem 0 4rem}.dynamic-project-container .goals-full-width .section-title{text-align:center;margin-bottom:3rem}.dynamic-project-container .goals-full-width .section-title:after{left:50%;transform:translateX(-50%)}.dynamic-project-container .results-grid{display:grid;gap:1.5rem;margin-top:1.5rem}.dynamic-project-container .result-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f}.dynamic-project-container .result-icon{width:32px;height:32px;background:#2e9b8f;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.dynamic-project-container .result-text{font-size:1.1rem;font-weight:600;color:#3a3a3a}.dynamic-project-container .tech-stack{display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem}.dynamic-project-container .tech-tag{font-size:.9rem;font-weight:500;background:#3a3a3a14;color:#3a3a3a;padding:.8rem 1.2rem;border-radius:25px;border:1px solid #3a3a3a1a}.dynamic-project-container .testimonial-section{background:linear-gradient(135deg,#8b6bb10d,#2e9b8f0d);border-radius:16px;padding:3rem;margin:4rem 0;text-align:center}.dynamic-project-container .testimonial-quote{font-size:1.4rem;font-weight:400;font-style:italic;color:#3a3a3a;line-height:1.6;margin:0 0 2rem}.dynamic-project-container .testimonial-attribution{display:flex;flex-direction:column;gap:.3rem}.dynamic-project-container .testimonial-author{font-size:1.1rem;font-weight:600;color:#3a3a3a}.dynamic-project-container .testimonial-role{font-size:1rem;font-weight:400;color:#8b6bb1}.dynamic-project-container .project-cta-section{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,#8b6bb10d,#2e9b8f0d);border-radius:20px;margin:0 2rem}.dynamic-project-container .cta-title{font-size:clamp(2rem,4vw,3rem);color:#3a3a3a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.dynamic-project-container .cta-subtitle{font-size:1.2rem;font-weight:400;color:#666;margin-bottom:2rem}.dynamic-project-container .cta-button{display:inline-block;background:#8b6bb1;color:#fff;padding:1rem 3rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:none;cursor:pointer}.dynamic-project-container .cta-button:hover{background:#7b5aa1;transform:translateY(-2px);box-shadow:0 10px 30px #8b6bb14d}.dynamic-project-container .project-not-found{padding:6rem 2rem;text-align:center}@media (max-width:1024px){.dynamic-project-container .content-section-with-image,.project-hero-section{grid-template-columns:1fr;gap:3rem}.dynamic-project-container .project-details-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){.dynamic-project-container .project-cta-section,.project-content,.project-hero-section{padding:3rem 1.5rem}.dynamic-project-container .project-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.dynamic-project-container .testimonial-section{padding:2rem 1.5rem;margin:3rem 0}.dynamic-project-container .testimonial-quote{font-size:1.2rem}.dynamic-project-container .tech-stack{gap:.5rem}.dynamic-project-container .tech-tag{font-size:.8rem;padding:.6rem 1rem}}.cta-button,.cta-subtitle,.detail-label,.detail-value,.framework-tag,.practice-area-tag,.project-client,.project-detail-back-button,.project-hero-summary,.result-text,.section-content,.tech-tag,.testimonial-author,.testimonial-quote,.testimonial-role{font-family:var(--font-roboto),-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.cta-title,.project-hero-title,.section-title{font-family:var(--font-staatliches),-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}