.portfolio-section{padding:80px 20px;background:#000}.pf-intro-wrapper{width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.pf-intro-section,.pf-intro-wrapper{background:linear-gradient(135deg,#042544,#061826)}.pf-intro-section{position:relative;padding:90px 40px;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;max-width:1300px;margin:0 auto}.pf-intro-left{display:flex;flex-direction:column}.pf-intro-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.pf-intro-line{display:inline-block;width:30px;height:3px;background:#FD6A02;border-radius:2px}.pf-intro-label-text{display:inline-block;background:rgba(253,106,2,.15);color:#FD6A02;border:1px solid rgba(253,106,2,.3);padding:4px 16px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.pf-intro-heading{font-size:40px;font-weight:800;font-family:Outfit,sans-serif;color:#ffffff;line-height:1.25;margin-bottom:35px}.pf-intro-highlight{color:#FD6A02;display:block}.pf-intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pf-intro-stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-top:3px solid #fd6a02;padding:20px 15px;border-radius:16px;text-align:center;backdrop-filter:blur(10px);transition:all .35s ease}.pf-intro-stat:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:rgba(253,106,2,.4);box-shadow:0 10px 25px rgba(0,0,0,.3)}.pf-intro-stat-num{display:block;font-size:28px;font-weight:800;color:#FD6A02;font-family:Outfit,sans-serif;line-height:1.1;margin-bottom:4px}.pf-intro-stat-lbl{display:block;font-size:12px;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.pf-intro-right{display:flex;flex-direction:column;gap:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:35px;border-radius:20px;backdrop-filter:blur(10px)}.pf-intro-right p{font-size:15px;line-height:1.8;color:rgba(255,255,255,.88);margin:0}.pf-intro-right strong{color:#ffffff;font-weight:600}@media (max-width:992px){.pf-intro-section{grid-template-columns:1fr;gap:40px;padding:60px 20px}}@media (max-width:576px){.pf-intro-heading{font-size:30px}.pf-intro-stats{grid-template-columns:repeat(3,1fr);gap:10px}.pf-intro-stat{padding:15px 8px}.pf-intro-stat-num{font-size:22px}.pf-intro-stat-lbl{font-size:10px}.pf-intro-right{padding:24px 18px}}.portfolio-section{padding:90px 20px;background:linear-gradient(180deg,#042544,#020617);text-align:center;position:relative}.portfolio-header{max-width:900px;margin:0 auto 40px;text-align:center}.pf-badge{display:inline-block;background:rgba(253,106,2,.15);color:#FD6A02;border:1px solid rgba(253,106,2,.4);padding:6px 20px;border-radius:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.pf-title{font-size:36px;font-weight:800;font-family:Outfit,sans-serif;color:#ffffff!important;margin-bottom:16px;line-height:1.3}.pf-subtitle{font-size:16px;color:#cbd5e1!important;line-height:1.7;margin:0 auto;max-width:850px}.pf-filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:50px}.pf-filter-btn{background:rgba(255,255,255,.05);color:#cbd5e1;border:1px solid rgba(255,255,255,.12);padding:10px 24px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.pf-filter-btn:hover{background:rgba(253,106,2,.2);color:#FD6A02;border-color:#FD6A02}.pf-filter-btn.active{background:#FD6A02;color:#ffffff;border-color:#FD6A02;box-shadow:0 6px 20px rgba(253,106,2,.35)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto}.portfolio-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;height:360px;display:flex;flex-direction:column;position:relative;backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px rgba(0,0,0,.3)}.portfolio-card:hover{transform:translateY(-8px);border-color:rgba(253,106,2,.6);box-shadow:0 20px 45px rgba(0,0,0,.5),0 0 25px rgba(253,106,2,.3)}.portfolio-image-wrap{position:relative;width:100%;height:100%;overflow:hidden}.portfolio-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s ease;display:block}.portfolio-card:hover .portfolio-image-wrap img{transform:scale(1.08);filter:brightness(.65)}.pf-category-badge{position:absolute;top:16px;left:16px;z-index:5;background:rgba(4,37,68,.85);color:#FD6A02;border:1px solid rgba(253,106,2,.4);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,.3);transition:opacity .3s ease}.pf-card-footer{position:absolute;bottom:0;left:0;right:0;padding:22px 20px 18px;background:linear-gradient(0deg,rgba(2,6,23,.95),rgba(2,6,23,.6) 70%,transparent);z-index:3;display:flex;align-items:center;justify-content:space-between;transition:opacity .35s ease,transform .35s ease}.pf-card-footer-title{font-size:18px;font-weight:700;font-family:Outfit,sans-serif;color:#ffffff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-card-arrow{color:#FD6A02;font-size:18px;font-weight:800;margin-left:10px;transition:transform .3s ease}.portfolio-card:hover .pf-card-footer{opacity:0;transform:translateY(12px);pointer-events:none}.pf-img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,37,68,.8),rgba(2,6,23,.94));backdrop-filter:blur(6px);opacity:0;visibility:hidden;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 24px;text-align:center;transition:opacity .4s ease,visibility .4s ease}.portfolio-card:hover .pf-img-overlay{opacity:1;visibility:visible}.pf-overlay-title{color:#ffffff;font-size:20px;font-weight:800;font-family:Outfit,sans-serif;margin-bottom:12px;transform:translateY(-12px);transition:transform .4s cubic-bezier(.165,.84,.44,1)}.portfolio-card:hover .pf-overlay-title{transform:translateY(0)}.pf-overlay-desc{color:#cbd5e1;font-size:13.5px;line-height:1.6;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transform:translateY(12px);transition:transform .4s cubic-bezier(.165,.84,.44,1)}.portfolio-card:hover .pf-overlay-desc{transform:translateY(0)}.view-project-btn{display:inline-flex;align-items:center;gap:10px;background:#FD6A02;color:#ffffff!important;font-weight:700;font-size:14px;padding:12px 26px;border-radius:30px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px rgba(253,106,2,.4);transform:scale(.92)}.portfolio-card:hover .view-project-btn{transform:scale(1)}.view-project-btn:hover{background:#ff7b1a;box-shadow:0 8px 25px rgba(253,106,2,.65),0 0 15px rgba(255,255,255,.3);transform:scale(1.05)!important}.view-project-btn i{font-size:13px;transition:transform .3s ease}.view-project-btn:hover i{transform:translateX(5px)}.pf-difference-section{background:linear-gradient(135deg,#FD6A02,#d95400);padding:90px 20px;color:#ffffff;position:relative}.pf-diff-header{max-width:850px;margin:0 auto 50px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.pf-diff-badge{display:inline-block;background:#042544;padding:6px 20px;border-radius:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.pf-diff-badge,.pf-diff-title{color:#ffffff;margin-bottom:16px;text-align:center}.pf-diff-title{font-size:38px;font-weight:800;font-family:Outfit,sans-serif}.pf-diff-subtitle{font-size:16px;color:rgba(255,255,255,.95);line-height:1.7;margin:0 auto;text-align:center}.pf-difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1300px;margin:0 auto}.pf-diff-card{background:rgba(4,37,68,.92);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:35px 28px;text-align:left;backdrop-filter:blur(12px);transition:all .35s ease}.pf-diff-card:hover{transform:translateY(-8px);background:#042544;border-color:#ffffff;box-shadow:0 20px 40px rgba(0,0,0,.35)}.pf-diff-icon{width:56px;height:56px;border-radius:14px;background:rgba(253,106,2,.2);color:#FD6A02;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;border:1px solid rgba(253,106,2,.4)}.pf-diff-card h3{font-size:20px;font-weight:700;font-family:Outfit,sans-serif;color:#ffffff;margin-bottom:12px}.pf-diff-card p{font-size:14px;color:#cbd5e1;line-height:1.7;margin:0}.pf-stats-strip-wrapper{background:#042544;padding:45px 20px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.pf-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1250px;margin:0 auto}.pf-stat-item{text-align:center;padding:10px}.pf-stat-number{display:block;font-size:38px;font-weight:800;font-family:Outfit,sans-serif;color:#FD6A02;line-height:1;margin-bottom:8px}.pf-stat-label{display:block;font-size:13px;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:1px}.portfolio-overview-section{padding:90px 20px;background:linear-gradient(180deg,#061826,#042544);color:#ffffff;position:relative}.portfolio-overview-header{max-width:850px;margin:0 auto 50px;text-align:center}.section-title-redesign{font-size:38px;font-weight:800;font-family:Outfit,sans-serif;color:#ffffff;margin-bottom:16px}.section-subtitle-redesign{font-size:16px;color:#cbd5e1;line-height:1.7;margin:0 auto}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1250px;margin:0 auto}.overview-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-top:4px solid #fd6a02;border-radius:20px;padding:35px;backdrop-filter:blur(10px);transition:all .35s ease;text-align:left}.overview-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.08);border-color:rgba(253,106,2,.5);box-shadow:0 20px 40px rgba(0,0,0,.4)}.overview-card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.overview-card-icon{width:48px;height:48px;border-radius:12px;background:rgba(253,106,2,.15);color:#FD6A02;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.overview-card-title{font-size:22px;font-weight:700;font-family:Outfit,sans-serif;color:#ffffff;margin:0}.overview-card-description{font-size:14.5px;color:#cbd5e1;line-height:1.75;margin:0}@media (max-width:1200px){.pf-difference-grid,.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{height:350px}}@media (max-width:992px){.pf-difference-section,.portfolio-overview-section,.portfolio-section{padding:70px 24px}.pf-intro-section{grid-template-columns:1fr;gap:36px;padding:60px 24px}.overview-grid,.pf-difference-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px}.pf-diff-title,.pf-title,.section-title-redesign{font-size:32px}.pf-intro-heading{font-size:34px}}@media (max-width:768px){.pf-difference-section,.portfolio-overview-section,.portfolio-section{padding:60px 20px}.pf-diff-header,.portfolio-header,.portfolio-overview-header{margin-bottom:35px}.pf-filter-tabs{gap:8px;margin-bottom:36px;justify-content:center}.pf-filter-btn{padding:8px 18px;font-size:13px}.overview-grid{grid-template-columns:1fr;gap:20px}.portfolio-card{height:340px}.pf-img-overlay{padding:24px 18px}.pf-overlay-title{font-size:18px}.pf-overlay-desc{font-size:13px;margin-bottom:16px}}@media (max-width:576px){.pf-difference-section,.portfolio-overview-section,.portfolio-section{padding:50px 16px}.pf-intro-section{padding:45px 16px}.pf-intro-heading{font-size:26px;margin-bottom:24px}.pf-intro-right{padding:22px 16px;border-radius:16px}.pf-intro-right p{font-size:14px;line-height:1.7}.overview-grid,.pf-difference-grid,.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-card{height:330px;border-radius:16px}.pf-diff-title,.pf-title,.section-title-redesign{font-size:24px;line-height:1.35}.pf-diff-subtitle,.pf-subtitle,.section-subtitle-redesign{font-size:14px;line-height:1.6}.pf-filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:8px;margin-bottom:28px;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pf-filter-tabs::-webkit-scrollbar{display:none}.pf-filter-btn{padding:8px 16px;font-size:13px;white-space:nowrap;flex-shrink:0}.pf-diff-card{padding:26px 20px;border-radius:16px}.overview-card{padding:24px 20px;border-radius:16px}.view-project-btn{padding:10px 20px;font-size:13px}}@media (max-width:380px){.pf-intro-heading{font-size:22px}.pf-diff-title,.pf-title,.section-title-redesign{font-size:20px}.portfolio-card{height:310px}.pf-card-footer-title{font-size:16px}}