.portfolio-hero{background:radial-gradient(circle at 80% 25%,rgba(56,189,248,.25),transparent 25%),linear-gradient(135deg,#021e30,#07557f)}.portfolio-summary{position:relative;z-index:2;margin-top:-28px}.portfolio-numbers{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #d8e7ef;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(3,43,69,.14)}.portfolio-numbers div{padding:24px 27px;border-right:1px solid #e1ebf1}.portfolio-numbers div:last-child{border:0}.portfolio-numbers strong,.portfolio-numbers span{display:block}.portfolio-numbers strong{color:#0879bd;font-size:1.35rem}.portfolio-numbers span{color:#5e7180;font-size:.78rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.portfolio-case{position:relative;min-height:470px;overflow:hidden;border-radius:26px;background:#032b45;box-shadow:0 22px 55px rgba(3,43,69,.14)}.portfolio-case-wide{grid-column:span 2;min-height:540px}.portfolio-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s ease}.portfolio-case:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,20,33,.03) 15%,rgba(2,26,43,.45) 48%,rgba(2,22,37,.98) 100%)}.portfolio-case:hover img{transform:scale(1.045)}.portfolio-overlay{position:absolute;z-index:2;left:34px;right:34px;bottom:31px;color:#fff}.portfolio-overlay>span{color:#7cddff;font-size:.7rem;font-weight:850;letter-spacing:.13em}.portfolio-overlay h2{margin:5px 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.portfolio-overlay p{max-width:760px;margin:0;color:#cce0e9;font-size:.92rem}.portfolio-overlay ul{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 0;padding:0;list-style:none}.portfolio-overlay li{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:.72rem}.portfolio-overlay a{display:inline-flex;margin-top:17px;color:#fff;font-size:.82rem;font-weight:800}.portfolio-close{padding:105px 0;background:linear-gradient(135deg,#032b45,#0874ad);color:#fff}.portfolio-close .shell{max-width:900px;text-align:center}.portfolio-close .eyebrow{justify-content:center}.portfolio-close h2{margin:0;font-size:clamp(2.8rem,6vw,5rem);line-height:1}.portfolio-close p:not(.eyebrow){max-width:650px;margin:22px auto 28px;color:#c9dee8}.portfolio-close .shell>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:900px){.portfolio-numbers{grid-template-columns:1fr 1fr}.portfolio-numbers div:nth-child(2){border-right:0}.portfolio-numbers div:nth-child(-n+2){border-bottom:1px solid #e1ebf1}.portfolio-grid{grid-template-columns:1fr}.portfolio-case-wide{grid-column:auto}.portfolio-case,.portfolio-case-wide{min-height:500px}}
@media(max-width:600px){.portfolio-summary{margin-top:-14px}.portfolio-numbers div{padding:18px}.portfolio-numbers strong{font-size:1.05rem}.portfolio-case,.portfolio-case-wide{min-height:470px}.portfolio-overlay{left:22px;right:22px;bottom:22px}.portfolio-overlay h2{font-size:2.3rem}.portfolio-close{padding:80px 0}}