.portfolio{padding:120px 0;background:#fff;position:relative;overflow:hidden}.portfolio .container{max-width:100%!important;padding:0!important}.portfolio::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgb(4 120 87 / .03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgb(5 150 105 / .03) 0%,transparent 50%);pointer-events:none}.portfolio .section-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.portfolio-eyebrow{display:inline-block;padding:8px 22px;background:rgb(4 120 87 / .1);border:1px solid rgb(4 120 87 / .2);border-radius:9999px;font-weight:600;letter-spacing:.35px;color:#047857;text-transform:uppercase}.portfolio-title{margin-top:24px;color:#0f172a;line-height:1.1;text-align:center}.portfolio-title .gradient{background:linear-gradient(90deg,#047857,#059669);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.portfolio-description{margin-top:20px;color:#475569;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.portfolio-carousel-container{position:relative;margin-top:60px;z-index:1}.portfolio-carousel-wrapper{overflow:hidden;position:relative}.portfolio-carousel{display:flex;gap:32px;transition:transform .6s cubic-bezier(.4,0,.2,1);padding:2rem 0}.portfolio-item{flex:0 0 calc(20% - 26px);min-width:calc(20% - 26px);background:#fff;border-radius:24px;overflow:hidden;border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;box-shadow:0 10px 25px rgb(0 0 0 / .06);text-decoration:none;color:inherit}.portfolio-item::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgb(4 120 87 / .5) 50%,transparent 100%);opacity:0;transition:opacity .4s}.portfolio-item:hover{transform:translateY(-12px) scale(1.02);border-color:rgb(4 120 87 / .3);box-shadow:0 24px 48px rgb(4 120 87 / .15);z-index:10;text-decoration:none;color:inherit}.portfolio-item:hover::before{opacity:1}.portfolio-image{width:100%;aspect-ratio:16 / 10;overflow:hidden;position:relative;background:#f8fafc}.portfolio-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-info{padding:28px;background:#fff}.portfolio-category{display:inline-block;padding:6px 14px;background:rgb(4 120 87 / .15);color:#047857;border-radius:20px;font-weight:600;margin-bottom:12px;letter-spacing:.02em}.portfolio-info h3{color:#0f172a;margin-bottom:10px;letter-spacing:-.02em;line-height:1.3}.portfolio-info p{color:#475569;line-height:1.6;letter-spacing:-.01em;margin-bottom:16px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.portfolio-tag{padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-weight:500}.carousel-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px}.carousel-btn{width:50px;height:50px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#1e293b}.carousel-btn:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);border-color:#fff0;transform:scale(1.1);box-shadow:0 8px 24px rgb(4 120 87 / .3);color:#fff}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-btn:disabled:hover{background:#f8fafc;transform:scale(1);box-shadow:none;color:#1e293b}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:10px;height:10px;background:#e2e8f0;border-radius:50%;cursor:pointer;transition:all .3s}.carousel-dot.active{background:#047857;width:30px;border-radius:5px}.carousel-dot:hover{background:#059669}.carousel-progress{height:3px;background:#e2e8f0;border-radius:10px;overflow:hidden;margin-top:32px;max-width:300px;margin-left:auto;margin-right:auto}.carousel-progress-bar{height:100%;background:linear-gradient(90deg,#047857 0%,#059669 100%);width:0%;transition:width .1s linear;border-radius:10px}@media (max-width:1024px){.portfolio-item{flex:0 0 calc(33.333% - 22px);min-width:calc(33.333% - 22px)}}@media (max-width:768px){.portfolio-item{flex:0 0 calc(85% - 16px);min-width:calc(85% - 16px)}.portfolio-carousel{gap:16px;padding:2rem 20px}.portfolio .container{padding:0!important}.portfolio-carousel-container{margin-top:40px}.carousel-nav{margin-top:32px}.carousel-btn{width:44px;height:44px}}@media (max-width:480px){.portfolio-item{flex:0 0 calc(90% - 8px);min-width:calc(90% - 8px)}.portfolio-info{padding:20px}.portfolio-info h3{font-size:var(--text-body)}.portfolio-info p{font-size:var(--text-body)}}.ct-btn{text-align:center;margin-top:40px;display:flex;justify-content:center}