.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-section{padding-bottom:60px}#project-0{--index:0;z-index:0}#project-1{--index:1;z-index:1}#project-2{--index:2;z-index:2}#project-3{--index:3;z-index:3}#project-4{--index:4;z-index:4}#project-5{--index:5;z-index:5}#project-6{--index:6;z-index:6}#project-7{--index:7;z-index:7}#project-8{--index:8;z-index:8}.portfolio-wrap{padding-top:calc(var(--index) * 0);position:sticky;top:12vh}.portfolio-row{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top:10px solid #fff;border-radius:0;align-items:center;min-height:544px;padding:0 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{background:#000000bf;border:1px solid #ffffff80;border-radius:8px;width:100%;max-width:600px;max-height:500px;padding:25px;overflow-y:auto}.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.jpg) 100%/cover no-repeat;border-radius:5px;align-items:center;min-height:600px;margin-bottom:70px;padding:0 37px;display:flex;position:relative;overflow:hidden}.corporate-content{background:#000000bf;border:1px solid #ffffff80;border-radius:10px;width:100%;max-width:640px;max-height:500px;padding:25px;overflow-y:auto}.corporate-content::-webkit-scrollbar{width:6px}.portfolio-details::-webkit-scrollbar{width:6px}.corporate-content::-webkit-scrollbar-track{background:0 0}.portfolio-details::-webkit-scrollbar-track{background:0 0}.corporate-content::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:20px}.portfolio-details::-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:#fff;position:absolute;left:0}.corporate-content h2{margin:15px 0 25px;font-size:35px;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:22px}.portfolio-image img{height:300px}.hero-tag{font-size:22px;font-weight:400}.portfolio-hero-content h1{font-size:22px}.portfolio-hero-content p{text-align:justify;font-size:13px}.corporate-website-section{padding:0 20px}.corporate-content{padding:20px}.portfolio-tags{letter-spacing:1px;font-size:11px}.corporate-content h2{font-size:22px}.portfolio-projects h3{font-size:18px}.portfolio-grid{grid-template-columns:1fr;gap:0;font-size:13px}.portfolio-techs p,.portfolio-impacts p{font-size:13px}.portfolio-tag{letter-spacing:1px;font-size:11px}ul.portfolio-features{padding:0;font-size:13px}}