.project-hero{position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);text-align:center;overflow:hidden;padding:10rem 2.5rem 4rem}.project-hero-background{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) .0625rem,transparent .0625rem),linear-gradient(90deg,rgba(0,0,0,.03) .0625rem,transparent .0625rem);background-size:3.125rem 3.125rem;opacity:.5}.project-hero-content{position:relative;z-index:1}.project-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1}.project-hero .highlight{font-weight:400;background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-hero p{font-size:1.25rem;color:#64748b;max-width:32rem;margin:0 auto;font-weight:300;line-height:1.6}.projects-section{background:#fff;position:relative;padding:80px 40px}.projects-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:80px;background:linear-gradient(to bottom,transparent,#e0e0e0,transparent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;position:relative;max-width:1400px;margin:0 auto}.projects-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,transparent 49%,rgba(240,240,240,.4) 50%,transparent 51%),linear-gradient(90deg,transparent 49%,rgba(240,240,240,.3) 50%,transparent 51%);background-size:40px 40px;pointer-events:none;opacity:1;z-index:1}.project-card{background:#fff;position:relative;transition:all .4s ease;overflow:hidden;z-index:2;border-radius:.75rem;box-shadow:0 .125rem .75rem #0000000a;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;height:auto;min-height:26rem;opacity:1;transform:translateY(0)}.project-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 49.5%,rgba(245,245,245,.6) 50%,transparent 50.5%);background-size:60px 60px;opacity:1;z-index:-1}.project-card:hover{background:#fafafa;transform:translateY(-8px);box-shadow:0 16px 40px #00000014}.project-image-container{position:relative;height:17.5rem;overflow:hidden;background:#f8f9fa}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;opacity:1}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#000000b3;opacity:0;transition:opacity .4s ease;display:flex;align-items:center;justify-content:center;z-index:3}.project-card:hover .project-overlay{opacity:1}.project-overlay-content{text-align:center;transform:translateY(20px);transition:transform .4s ease .1s}.project-card:hover .project-overlay-content{transform:translateY(0)}.project-view-link{background:transparent;color:#fff;padding:12px 30px;border:2px solid #ffffff;text-decoration:none;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;display:inline-block;transition:all .3s ease;border-radius:20rem}.project-view-link:hover{background:#fff;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.project-content{padding:2rem 1.875rem;position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;opacity:1;transform:translateY(0)}.project-content .project-top-line{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#333,#666);transition:width .6s ease}.project-card:hover .project-top-line{width:100%}.project-content .project-right-line{content:"";position:absolute;top:0;right:0;width:2px;height:0;background:linear-gradient(180deg,#333333,transparent);transition:height .6s ease .2s}.project-card:hover .project-right-line{height:100%}.project-title{font-size:1.5rem;font-weight:400;color:#333;line-height:1.3;position:relative;z-index:3;min-height:3.75rem;display:flex;align-items:flex-start;opacity:1;transform:translate(0)}.project-link{color:#333;text-decoration:none;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;position:relative;z-index:3;width:fit-content;opacity:1;transform:translate(0)}.project-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#333;transition:width .3s ease}.project-link:hover:before{width:calc(100% - 20px)}.project-link:after{content:"→";transition:transform .3s ease;font-size:1.1rem}.project-link:hover:after{transform:translate(5px)}.project-decorator{position:absolute;top:20px;right:20px;width:40px;height:40px;border:1px solid #f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.5;z-index:3;background:radial-gradient(circle at center,rgba(255,255,255,.8) 30%,transparent 70%)}.project-card:hover .project-decorator{border-color:#333;opacity:1;transform:rotate(90deg);box-shadow:0 4px 12px #0000001a}.project-decorator:before{content:"";width:12px;height:1px;background:#333}.cta-section{padding:80px 0;background:#f8f9fa;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);z-index:2}.cta-title{font-size:2.5rem;font-weight:300;color:#333;margin-bottom:25px;letter-spacing:-1px;position:relative;z-index:3}.cta-description{font-size:1.1rem;color:#666;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:300;position:relative;z-index:3}.cta-button{background:transparent;color:#333;padding:15px 40px;border:2px solid #333333;text-decoration:none;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;display:inline-block;transition:all .4s ease;position:relative;overflow:hidden;border-radius:20rem;z-index:3}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#333;transition:left .4s ease;z-index:-1}.cta-button:hover:before{left:0}.cta-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media (max-width: 1024px){.projects-grid{grid-template-columns:1fr;gap:25px}}@media (max-width: 768px){.project-hero{padding:8rem 1.5rem 3rem}.project-hero h1{font-size:clamp(2.8rem,6vw,3.5rem);margin-bottom:2rem}.project-hero p{font-size:1.4rem;line-height:1.7;max-width:90%}.projects-section{padding:60px 20px}.projects-grid{grid-template-columns:1fr;gap:20px;min-width:auto}.project-card{min-height:30rem;max-width:100%}.project-content{padding:2.2rem 2rem}.project-image-container{height:18rem}.project-title{font-size:1.8rem;min-height:3.5rem;line-height:1.4}.project-link{font-size:1.1rem;padding:.5rem 0;letter-spacing:.8px}.project-view-link{font-size:1rem;padding:14px 32px}.cta-section{padding:70px 20px}.cta-title{font-size:2.3rem;margin-bottom:30px;line-height:1.2}.cta-description{font-size:1.25rem;margin-bottom:45px;line-height:1.6;max-width:90%}.cta-button{font-size:1rem;padding:16px 42px;letter-spacing:.8px}.projects-grid:before{background-size:30px 30px;opacity:.6}.project-card:before{background-size:40px 40px;opacity:.7}.project-card,.project-content,.project-title,.project-link,.project-image{opacity:1!important;transform:translateY(0)!important}.project-card:hover{transform:translateY(0);box-shadow:0 .125rem .75rem #0000000a}.project-card:hover .project-image{transform:scale(1)}}@media (max-width: 480px){.project-hero h1{font-size:2.5rem}.project-hero p{font-size:1.3rem}.project-title{font-size:1.5rem}.cta-title{font-size:2rem}.cta-description{font-size:1.2rem}}@media (max-width: 768px){.project-card{transition:none}.projects-grid:before,.project-card:before{display:none}}