.services-section{padding:120px 0;background-color:#000;color:#fff;overflow:hidden}.services-container{max-width:var(--max-width);margin:0 auto;padding:0 48px}.services-header{display:flex;flex-direction:column;gap:0}.featured-text{font-family:var(--font-manrope);font-size:180px;font-weight:300;line-height:1;color:#fff;margin:0;letter-spacing:-.02em}.projects-row{display:flex;align-items:center;gap:32px;margin-top:-20px}.video-pill{width:180px;height:100px;background-color:#9bb537;border-radius:50px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 10px 30px rgba(155,181,55,.2)}.service-video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:background-color .3s ease}.play-button,.video-overlay{display:flex;justify-content:center;align-items:center}.play-button{width:36px;height:36px;border-radius:50%;background-color:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.video-overlay:hover{background:rgba(0,0,0,.4)}.play-button:hover{transform:scale(1.1);background-color:hsla(0,0%,100%,.3)}.projects-text{font-family:var(--font-manrope);font-size:180px;font-weight:300;line-height:1;color:#fff;margin:0;letter-spacing:-.02em}@media (max-width:1400px){.featured-text,.projects-text{font-size:140px}.video-pill{width:150px;height:85px}}@media (max-width:1200px){.featured-text,.projects-text{font-size:120px}.video-pill{width:130px;height:75px}.services-container{padding:0 32px}}@media (max-width:768px){.services-section{padding:80px 0}.featured-text,.projects-text{font-size:80px}.video-pill{width:100px;height:60px}.play-button{width:28px;height:28px;font-size:14px}}@media (max-width:480px){.services-section{padding:60px 0}.featured-text,.projects-text{font-size:50px}.video-pill{width:80px;height:45px}.play-button{width:24px;height:24px;font-size:12px}.services-container{padding:0 24px}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:100px;padding:0 20px}.service-card{background:#fff;border-radius:24px;overflow:hidden;position:relative;transition:all .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.05)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.card-image-container{position:relative;width:100%;height:300px;overflow:hidden}.card-image{object-fit:cover;transition:transform .6s ease}.service-card:hover .card-image{transform:scale(1.05)}.service-number{position:absolute;top:20px;left:20px;font-family:var(--font-manrope);font-size:16px;font-weight:600;color:#fff;background:#000;padding:8px 16px;border-radius:12px;letter-spacing:.05em}.card-content{padding:40px;background:#fff}.card-title{font-family:var(--font-manrope);font-size:24px;font-weight:600;color:#000;margin-bottom:15px;letter-spacing:-.02em}.card-description{line-height:1.6;color:#666;margin-bottom:30px}.card-button,.card-description{font-family:var(--font-manrope);font-size:16px}.card-button{background-color:#000;border:none;color:#fff;padding:16px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.card-button:hover{background-color:#333}.button-arrow{transition:transform .3s ease}.card-button:hover .button-arrow{transform:translateX(4px)}.service-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;border:1px solid rgba(0,0,0,.1);pointer-events:none;transition:all .3s ease}.service-card:hover:after{border-color:rgba(0,0,0,.2)}@media (max-width:1200px){.services-grid{gap:20px;margin-top:80px}.card-image-container{height:260px}.card-content{padding:30px}.card-button{padding:14px 28px}}@media (max-width:968px){.services-grid{grid-template-columns:repeat(2,1fr);margin-top:60px}}@media (max-width:640px){.services-grid{grid-template-columns:1fr;margin-top:40px;padding:0}.card-image-container{height:240px}.card-content{padding:25px}.card-title{font-size:22px}.card-button{padding:12px 24px;font-size:15px}}