.portfolio-section{margin:3rem 0;position:relative;display:block;width:100%;box-sizing:border-box;clear:both;height:auto!important;min-height:unset!important}@media (min-width: 320px){.portfolio-section{margin:2rem 0}}.portfolio-section .portfolio-section-title{font-family:Monument Regular,sans-serif;font-size:clamp(15px,1.5vw,24px);font-weight:400;color:#fff;margin:7rem 0 2rem;text-transform:uppercase;letter-spacing:.05em}.portfolio-section .portfolio-section-title:after{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,#18b9b3,#18b9b34d);margin-top:1rem}@media (min-width: 768px){.portfolio-section .portfolio-section-title{font-size:clamp(14px,1.5vw,24px);margin-bottom:1.5rem}}.portfolio-image{margin:2.5rem 0;text-align:center}.portfolio-image.large img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.portfolio-image.medium img{max-width:90%;height:auto;border-radius:8px;box-shadow:0 4px 20px #0003}.portfolio-image.gallery img.clickable{cursor:pointer;transition:transform .3s ease}.portfolio-image.gallery img.clickable:hover{transform:scale(1.05)}.portfolio-image .portfolio-image-caption{margin-top:1rem;font-family:Monument Ultra Light,sans-serif;font-size:clamp(10px,.7vw,20px);color:#ffffffb3;font-style:italic}.project-info{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;position:relative;z-index:1;display:block;width:100%;box-sizing:border-box;clear:both;isolation:isolate}.project-info .project-info-content{font-family:Monument Ultra Light,sans-serif;font-weight:100;font-size:clamp(14px,1.5vw,24px);line-height:1.8;color:#ffffffe6;position:relative;z-index:2}.project-info .project-info-content p{margin-bottom:1.5rem}.project-info .project-info-content p:last-child{margin-bottom:0}.project-info .project-info-content strong{font-family:Monument Light,sans-serif;font-weight:300;color:#fffffff2}.project-info .project-info-content em{font-family:Monument Light,sans-serif;font-style:normal;color:#18b9b3e6}@media (min-width: 320px){.project-info{padding:1.5rem}}.tech-stack .tech-stack-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tech-stack .tech-badge{background:#18b9b31a;color:#18b9b3;padding:.5rem 1rem;border-radius:25px;font-family:Monument Light,sans-serif;font-size:clamp(10px,.7vw,20px);font-weight:500;border:1px solid rgba(24,185,179,.3);letter-spacing:.02em;transition:all .3s ease}.tech-stack .tech-badge:hover{background:#18b9b326;transform:translateY(-2px)}.features-section{position:relative;isolation:isolate}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}@media (min-width: 320px){.features-section .features-grid{grid-template-columns:1fr;gap:3rem}}@media (min-width: 768px){.features-section .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}.feature-highlight{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.feature-highlight:hover{background:#ffffff0d;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.feature-highlight .feature-icon{font-size:2rem;margin-right:.5rem;color:#18b9b3}.feature-highlight .feature-title{font-family:Monument Regular,sans-serif;font-size:clamp(14px,1.5vw,24px);font-weight:400;color:#fff;margin-bottom:1.75rem;transform:scaleX(.84);transform-origin:left;letter-spacing:.02em;display:flex;align-items:center}.feature-highlight .feature-description{font-family:Monument Ultra Light,sans-serif;font-weight:100;color:#ffffffd9;line-height:1.7;font-size:.95rem}.image-gallery .gallery-grid{display:grid;gap:1rem;margin-top:2rem}.image-gallery .gallery-grid figure{margin:.25rem;min-width:unset}.image-gallery .gallery-grid figure img{margin:0}.challenge-section{position:relative;isolation:isolate}.challenge-section .challenge-grid{display:grid;gap:2rem;margin-top:2rem}@media (min-width: 320px){.challenge-section .challenge-grid{grid-template-columns:1fr}}@media (min-width: 768px){.challenge-section .challenge-grid{gap:1.5rem;grid-template-columns:1fr 1fr}}.challenge-section .challenge-problem,.challenge-section .challenge-solution{background:#ffffff05;border-radius:12px;padding:1.5rem;border:4px solid transparent}.challenge-section .challenge-problem{border-color:#ef444499}.challenge-section .challenge-problem .challenge-title{color:#ef4444e6}.challenge-section .challenge-solution{border-color:#22c55e99}.challenge-section .challenge-solution .challenge-title{color:#22c55ee6}.challenge-section .challenge-title{font-family:Monument Light,sans-serif;font-size:clamp(14px,1.5vw,24px);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.challenge-section .challenge-content{font-family:Monument Ultra Light,sans-serif;font-weight:100;color:#ffffffd9;line-height:1.7}.challenge-section .challenge-content p{margin-bottom:1rem}.challenge-section .challenge-content p:last-child{margin-bottom:0}.results-section{background:linear-gradient(135deg,#18b9b31a,#18b9b30d);border:1px solid rgba(24,185,179,.2);border-radius:16px;padding:2.5rem;margin:3rem 0;position:relative;isolation:isolate}.results-section .results-content{font-family:Monument Light,sans-serif;font-weight:300;font-size:clamp(14px,1.5vw,24px);line-height:1.8;color:#fffffff2}.results-section .results-content p{margin-bottom:1.5rem}.results-section .results-content p:last-child{margin-bottom:0}.results-section .results-content strong{font-family:Monument Regular,sans-serif;font-weight:400;color:#fff}@media (min-width: 320px){.results-section{padding:2rem}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}@media (min-width: 320px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.portfolio-stat{text-align:center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.portfolio-stat:hover{background:#ffffff0d;transform:translateY(-2px)}.portfolio-stat .stat-value{font-family:Monument Regular,sans-serif;font-size:2.5rem;font-weight:700;color:#18b9b3;line-height:1;margin-bottom:.5rem}.portfolio-stat .stat-label{font-family:Monument Ultra Light,sans-serif;font-size:clamp(10px,.7vw,20px);color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.portfolio-stat .stat-change{margin-top:.5rem;font-size:.75rem;font-weight:600}.portfolio-stat .stat-change.positive{color:#22c55ee6}.portfolio-stat .stat-change.negative{color:#ef4444e6}.process-section .process-timeline{position:relative}.process-section .process-timeline:before{content:"";position:absolute;left:15px;top:3rem;width:2px;background:linear-gradient(180deg,#18b9b3,#18b9b34d)}@media (min-width: 320px){.process-section .process-timeline{padding-left:5rem}.process-section .process-timeline:before{left:2.5rem;bottom:18rem}}@media (min-width: 768px){.process-section .process-timeline{padding-left:3rem}.process-section .process-timeline:before{left:1.5rem;bottom:9rem}}.process-step{position:relative;margin-bottom:2.5rem;display:flex;align-items:flex-start;gap:1.5rem}.process-step .step-number{position:absolute;left:-2.75rem;top:3rem;width:32px;height:32px;background:#18b9b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Monument Regular,sans-serif;font-size:clamp(14px,1vw,24px);font-weight:600;z-index:1;color:#000}@media (min-width: 320px){.process-step .step-number{left:-4.55rem;width:28px;height:28px}}@media (min-width: 768px){.process-step .step-number{left:-2.25rem}}.process-step .step-content{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;flex:1}.process-step .step-title{font-family:Monument Light,sans-serif;font-size:clamp(14px,1.5vw,24px);line-height:1.75;color:#fff;margin-bottom:.75rem}.process-step .step-description{color:#fffc;line-height:1.6}.project-cta{text-align:center;margin:4rem 0}.project-cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.project-cta .cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;font-family:Monument Regular,sans-serif;font-size:clamp(10px,.7vw,20px);font-weight:500;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.project-cta .cta-button.primary{background:linear-gradient(135deg,#18b9b3,#0f7a75);color:#fff;border:2px solid transparent}.project-cta .cta-button.primary:hover{background:linear-gradient(135deg,#0f7a75,#18b9b3);transform:translateY(-2px);box-shadow:0 8px 24px #18b9b34d;color:#fff;text-decoration:none}.project-cta .cta-button.secondary{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.3)}.project-cta .cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;color:#ffffffe6;transform:translateY(-2px);text-decoration:none}.testimonial-section{background:#18b9b30d;border:1px solid rgba(24,185,179,.2);border-radius:16px;padding:2.5rem;text-align:center;margin:3rem 0}.testimonial-section .portfolio-testimonial{border:none;margin:0;padding:0}.testimonial-section .testimonial-quote{font-size:1.25rem;line-height:1.6;color:#fffffff2;font-style:italic;margin-bottom:1.5rem}.testimonial-section .testimonial-attribution .author-name{font-family:Monument Light,sans-serif;font-size:1rem;color:#18b9b3;margin-bottom:.25rem}.testimonial-section .testimonial-attribution .author-role{font-size:clamp(10px,.7vw,20px);color:#ffffffb3}@media (min-width: 320px){.testimonial-section{padding:2rem}.testimonial-section .testimonial-quote{font-size:clamp(14px,1.5vw,24px)}}.portfolio-video{margin:2.5rem 0;text-align:center}.portfolio-video .project-video{width:100%;max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px #0000004d}.portfolio-video .video-caption{margin-top:1rem;font-family:Monument Ultra Light,sans-serif;font-size:clamp(10px,.7vw,20px);color:#ffffffb3;font-style:italic}.portfolio-divider{margin:4rem 0;text-align:center}.portfolio-divider .divider-line{width:100px;height:2px;background:linear-gradient(90deg,transparent,#18b9b3,transparent);margin:0 auto}.portfolio-divider.fade .divider-line{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.link-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#18b9b3,#0f7a75);color:#fff;text-decoration:none;border-radius:50px;font-family:Monument Regular,sans-serif;font-size:clamp(10px,.7vw,20px);font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;margin:.5rem}.link-button:hover{background:linear-gradient(135deg,#0f7a75,#18b9b3);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #18b9b34d}.link-button .external-icon{font-size:.875rem;opacity:.8}.project-links{margin:3rem 0;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center}.project-links .project-links-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}@media (min-width: 320px){.project-links .project-links-container{flex-direction:column;align-items:center}}