.portfolio-header{background:rgba(7,17,31,.9);color:#fff}.portfolio-header.scrolled{background:rgba(7,17,31,.92)}.portfolio-header .nav nav{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}.portfolio-header .nav nav>a:not(.button){color:#c5d0df}.portfolio-header .nav nav>a.active{color:#fff}.portfolio-hero{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center;background:#07111f;color:#fff}.portfolio-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent)}.portfolio-orb{position:absolute;border-radius:50%;filter:blur(80px)}.portfolio-orb.one{width:520px;height:520px;left:-180px;top:-180px;background:rgba(61,99,255,.34)}.portfolio-orb.two{width:420px;height:420px;right:4%;bottom:-250px;background:rgba(49,230,194,.2)}.portfolio-hero .container{position:relative;display:grid;grid-template-columns:1fr 240px;align-items:end;gap:80px}.portfolio-copy{max-width:880px}.portfolio-copy .eyebrow{display:flex}.portfolio-copy .eyebrow i{width:28px;height:2px;background:#31e6c2}.portfolio-copy h1{max-width:950px;font-size:clamp(55px,7vw,94px);margin-top:25px}.portfolio-copy h1 em{font-style:normal;color:#65e5cf;-webkit-text-fill-color:#65e5cf}.portfolio-copy p{max-width:700px;color:#aebbd0;font-size:19px}.portfolio-stat{padding:25px 0 8px;border-top:1px solid rgba(255,255,255,.18)}.portfolio-stat span,.portfolio-stat p{color:#8493a8;font-size:12px}.portfolio-stat strong{display:block;font-size:68px;line-height:1;color:#fff;letter-spacing:-.07em}.portfolio-section{padding:120px 0;background:#f7f9fc}.portfolio-toolbar{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.portfolio-toolbar h2{margin-bottom:0}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.filters button{border:1px solid #dde3ec;background:#fff;padding:10px 16px;border-radius:99px;font:700 12px Manrope;color:#647188;cursor:pointer}.filters button.active,.filters button:hover{border-color:#07111f;background:#07111f;color:#fff}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:55px 28px}.project-card{transition:opacity .35s,transform .35s}.project-card.hidden{display:none}.project-image{position:relative;overflow:hidden;border-radius:24px;background:#dde4ee;box-shadow:0 24px 65px rgba(10,25,48,.12)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,14,27,.36),transparent 45%);pointer-events:none}.project-image img{width:100%;height:430px;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-image img{transform:scale(1.035)}.project-image>span{position:absolute;z-index:2;left:20px;top:20px;padding:8px 13px;border:1px solid rgba(255,255,255,.4);border-radius:99px;background:rgba(7,17,31,.68);backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:700}.project-image>a{position:absolute;z-index:2;right:20px;bottom:20px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#07111f;font-size:22px;transition:.25s}.project-image>a:hover{background:#31e6c2;transform:rotate(8deg)}.project-info{display:grid;grid-template-columns:1fr auto;gap:30px;padding:23px 4px 0}.project-info small{color:#7b899d;text-transform:uppercase;letter-spacing:.1em}.project-info h3{font-size:26px;margin:5px 0 9px;letter-spacing:-.035em}.project-info p{margin:0;color:#647188;font-size:14px;max-width:520px}.project-result{padding-left:25px;border-left:1px solid #dce2eb;min-width:140px}.project-result span{display:block;color:#8996a8;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.project-result strong{display:block;margin-top:7px;font-size:14px}.portfolio-empty{text-align:center;max-width:720px;margin:auto;padding:100px 40px;border:1px solid #dfe5ed;border-radius:30px;background:#fff;box-shadow:0 25px 70px rgba(7,17,31,.07)}.portfolio-empty>span{color:#3d63ff;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.portfolio-empty p{color:#69778b;margin-bottom:30px}.portfolio-cta{padding:95px 0;background:linear-gradient(125deg,#3158f5,#6545ec);color:#fff;overflow:hidden;position:relative}.portfolio-cta:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-100px;top:-210px;box-shadow:0 0 0 70px rgba(255,255,255,.04)}.portfolio-cta .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:70px}.portfolio-cta span{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#cfd6ff}.portfolio-cta h2{max-width:800px;margin-bottom:0}.cta-light{flex:0 0 auto;background:#fff!important;color:#101b35!important;box-shadow:0 18px 45px rgba(14,20,70,.25)}.cta-light b{margin-left:15px;font-size:18px}@media(max-width:900px){.portfolio-header .nav nav{background:#07111f}.portfolio-hero{min-height:600px}.portfolio-hero .container{grid-template-columns:1fr}.portfolio-stat{display:none}.portfolio-toolbar{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.project-grid{grid-template-columns:1fr}.portfolio-cta .container{align-items:flex-start;flex-direction:column}.project-image img{height:500px}}@media(max-width:580px){.portfolio-hero{min-height:560px}.portfolio-copy h1{font-size:47px}.portfolio-copy p{font-size:16px}.portfolio-section{padding:75px 0}.project-image img{height:330px}.project-info{grid-template-columns:1fr}.project-result{border-left:0;border-top:1px solid #dce2eb;padding:16px 0 0}.portfolio-cta{padding:70px 0}.portfolio-empty{padding:65px 22px}}