.portfolio-hero{text-align:center;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:hidden}.portfolio-hero:before{content:"";pointer-events:none;position:absolute;inset:0}.portfolio-hero-content{max-width:1032px;padding:25px 20px}.hero-tag{color:#4338ca;letter-spacing:2px;margin-bottom:12px;padding:6px 16px;font-size:22px;font-weight:700;display:inline-block}.portfolio-hero-content h1{color:#14213d;margin-bottom:12px;font-size:51px;line-height:1.15}.portfolio-hero-content p{color:#4b5563;width:100%;margin-top:0;font-size:17px;line-height:1.7}.portfolio-card{background:radial-gradient(circle at 0 0,#ff77000a,#0000 45%),radial-gradient(circle at 100% 100%,#2563eb0a,#0000 45%),linear-gradient(135deg,#f7f9fc 0%,#f3f6fa 50%,#eef3f8 100%);border-radius:30px;margin-bottom:80px;padding:50px}.portfolio-row{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:544px;margin-bottom:70px;padding:37px;display:flex;position:relative}.portfolio-row .portfolio-details{margin-left:auto}.portfolio-row-reverse .portfolio-details{margin-left:0;margin-right:auto}.portfolio-row:hover .portfolio-image img{transform:scale(1.05)}.portfolio-details{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#070f1ed1,#070f1e8c);border:1px solid #ffffff14;border-radius:10px;width:60%;max-width:717px;max-height:650px;padding:25px;overflow-y:auto;box-shadow:0 20px 50px #00000040}.portfolio-details h2{color:#fff;margin:20px 0;font-size:35px;font-weight:700}.portfolio-features li{color:#fff}.portfolio-features h3{color:#fff;margin-bottom:15px;font-size:24px}.portfolio-tag{color:#fff;letter-spacing:2px;text-transform:uppercase}.portfolio-block{margin-bottom:25px}.portfolio-block h4{margin-bottom:10px;font-size:18px;font-weight:600}.portfolio-block p{color:#fff;line-height:1.8}.portfolio-btn{color:#fff;background:#111;border-radius:50px;padding:14px 28px;text-decoration:none;display:inline-flex}.corporate-website-section{color:#fff;background:url(/assets/images/portfolio/CBWP.jpeg) 100%/contain no-repeat;min-height:720px;margin-bottom:70px;padding:37px;position:relative;overflow:hidden}.corporate-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#070f1ed1,#070f1e8c);border:1px solid #ffffff14;border-radius:10px;width:60%;max-width:717px;max-height:650px;padding:25px;overflow-y:auto;box-shadow:0 20px 50px #00000040}.corporate-content::-webkit-scrollbar{width:6px}.corporate-content::-webkit-scrollbar-track{background:0 0}.corporate-content::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:20px}.portfolio-projects{margin:25px 0}.portfolio-projects h3{color:#fff;margin-bottom:15px;font-size:24px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.portfolio-grid ul{margin:0;padding:0;list-style:none}.portfolio-grid li{color:#ffffffeb;margin-bottom:10px;padding-left:18px;line-height:1.6;position:relative}.portfolio-grid li:before{content:"✓";color:#ff8b3d;position:absolute;left:0}.corporate-content h2{margin:15px 0 25px;font-size:52px;font-weight:700;line-height:1.05}.portfolio-tags{color:#fff;text-transform:uppercase;letter-spacing:2px;max-width:650px;font-size:13px;line-height:1.8}.portfolio-techs,.portfolio-impacts{margin-bottom:25px}.portfolio-key strong{color:#fff;margin-top:8px;margin-bottom:8px;display:block}.portfolio-techs strong,.portfolio-impacts strong{color:#fff;margin-bottom:8px;font-size:18px;display:block}.portfolio-techs p,.portfolio-impacts p{color:#ffffffe6;line-height:1.8}.portfolio-bottom{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070f1eb8;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;padding:40px;display:grid}@media (max-width:991px){.portfolio-row{grid-template-columns:1fr;gap:30px;padding:25px}.portfolio-row-reverse .portfolio-image,.portfolio-row-reverse .portfolio-details{order:unset}.portfolio-details h2{font-size:34px}.portfolio-image img{height:300px}}
