/* MzDigital portfolio v3.6 — scoped styling aligned with the parent brand */
.mz-projects-page{overflow:hidden}.mz-portfolio-hero{position:relative;padding:88px 0 76px;background:radial-gradient(ellipse at 83% 10%,rgba(103,63,197,.28),transparent 52%),linear-gradient(180deg,#171127,#0d0b19);border-bottom:1px solid #352c4e}.mz-portfolio-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#6b5b8d 1px,transparent 1px),linear-gradient(90deg,#6b5b8d 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to right,transparent,#000)}.mz-portfolio-hero .wrap{position:relative}.mz-portfolio-kicker{display:inline-flex;align-items:center;gap:10px;color:#c3b6ff;font-size:12px;letter-spacing:.19em;font-weight:800}.mz-kicker-dot{width:9px;height:9px;border-radius:50%;background:#a881ff;box-shadow:0 0 0 5px #a881ff22}.mz-portfolio-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.055em;max-width:860px;margin:22px 0}.mz-portfolio-hero h1 span{background:linear-gradient(110deg,#fff,#aa8bff 65%,#f3a4d9);-webkit-background-clip:text;background-clip:text;color:transparent}.mz-portfolio-hero p{font-size:clamp(16px,1.7vw,19px);max-width:670px;line-height:1.8;color:#c5bfd8}.mz-portfolio-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.mz-portfolio-meta span{border:1px solid #554670;border-radius:30px;padding:9px 14px;color:#ddd3f7;font-size:12px;background:#ffffff08}.mz-portfolio-gallery{padding-top:74px!important;padding-bottom:70px!important}.mz-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.mz-gallery-heading h2{font-size:clamp(30px,3.5vw,43px);margin:12px 0 0}.mz-gallery-heading p{margin:0 0 6px}.mz-client-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;margin:34px 0!important}.mz-client-grid .mz-client-card{min-width:0!important;display:flex!important;flex-direction:column!important;background:linear-gradient(160deg,#211a36,#151224)!important;border:1px solid #453759!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 45px #0003!important;transition:transform .25s,border-color .25s,box-shadow .25s}.mz-client-grid .mz-client-card:hover{transform:translateY(-7px);border-color:#9d79f4!important;box-shadow:0 26px 55px #0006!important}.mz-client-media{display:block!important;position:relative;text-decoration:none!important;padding:13px 13px 0!important}.mz-client-browser{overflow:hidden;border-radius:12px 12px 5px 5px;border:1px solid #655879;background:#120f21}.mz-browser-bar{height:32px;display:flex;align-items:center;gap:9px;padding:0 11px;background:#302740;border-bottom:1px solid #514360}.mz-browser-dots{display:flex;gap:4px}.mz-browser-dots i{width:7px;height:7px;border-radius:50%;background:#9a789c}.mz-browser-dots i:first-child{background:#f08a95}.mz-browser-dots i:nth-child(2){background:#f4ca78}.mz-browser-dots i:nth-child(3){background:#78c7ad}.mz-browser-url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1;font-size:10px;color:#d0c4df}.mz-browser-open{font-size:15px;color:#d4c5f5}.mz-client-thumb{aspect-ratio:16/10!important;position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 65% 20%,#513784,#191429 72%)!important}.mz-client-thumb img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}.mz-client-card:hover .mz-client-thumb img{transform:scale(1.035)}.mz-client-thumb img[hidden]{display:none!important}.mz-client-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;gap:9px;color:#fff}.mz-placeholder-icon{font-size:32px;color:#bb9cff}.mz-client-placeholder strong{font-size:clamp(15px,1.6vw,20px);line-height:1.25}.mz-client-placeholder small{font-size:11px;color:#c8badf;overflow-wrap:anywhere}.mz-media-overlay{position:absolute;z-index:4;bottom:0;left:13px;right:13px;padding:16px;background:linear-gradient(transparent,#160e29ef);color:#fff;font-weight:700;font-size:13px;opacity:0;transition:opacity .2s}.mz-client-media:hover .mz-media-overlay,.mz-client-media:focus-visible .mz-media-overlay{opacity:1}.mz-client-body{padding:23px!important;display:flex!important;flex-direction:column!important;flex:1!important;gap:11px!important}.mz-client-label{font-size:10px!important;letter-spacing:.17em!important;font-weight:800!important;color:#c2a8ff!important}.mz-client-body h3{font-size:21px!important;line-height:1.3!important;color:#fff!important;margin:0!important;letter-spacing:-.025em}.mz-client-body p{font-size:14px!important;line-height:1.65!important;color:#c7bfd8!important;flex:1!important;margin:0!important}.mz-client-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:16px;border-top:1px solid #40364f}.mz-client-domain{font-size:11px;color:#aaa0c2;overflow-wrap:anywhere;flex:1;min-width:100px}.mz-client-visit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(110deg,#6151f2,#a14bdf)!important;color:#fff!important;padding:12px 15px!important;border-radius:10px!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important;min-height:44px;white-space:nowrap;transition:filter .2s}.mz-client-visit:hover{filter:brightness(1.2)}.mz-portfolio-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding:40px!important;margin-bottom:75px!important;border-radius:25px;background:radial-gradient(ellipse at 90% 0,#6240a555,transparent 55%),#20172f;border:1px solid #59446f}.mz-portfolio-cta h2{margin:12px 0;font-size:clamp(27px,3vw,39px)}.mz-portfolio-cta p{margin:0}.mz-cta-button{display:inline-flex;padding:15px 23px;border-radius:12px;background:linear-gradient(110deg,#5345ff,#a345e7);color:#fff!important;font-weight:800;white-space:nowrap}.mz-client-grid a:focus-visible,.mz-cta-button:focus-visible{outline:3px solid #e5c4ff;outline-offset:3px}@media(max-width:980px){.mz-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.mz-portfolio-hero{padding:56px 0}.mz-portfolio-gallery{padding-top:50px!important}.mz-client-grid{grid-template-columns:1fr!important;gap:20px!important}.mz-client-body{padding:20px!important}.mz-portfolio-cta{padding:25px!important;margin-bottom:45px!important}.mz-cta-button{width:100%;justify-content:center}.mz-gallery-heading p{font-size:14px}}@media(prefers-reduced-motion:reduce){.mz-client-card,.mz-client-thumb img,.mz-media-overlay{transition:none!important}}

/* v3.7: contain real captures without clipping header logos. */
.mz-client-thumb img{object-fit:contain;object-position:top center;background:#fff}
.mz-client-card:focus-within{border-color:#9d79f4!important;box-shadow:0 26px 55px #0006!important}
.mz-client-card:focus-within .mz-media-overlay{opacity:1}
@media(prefers-reduced-motion:reduce){.mz-client-grid .mz-client-card:hover,.mz-client-card:hover .mz-client-thumb img{transform:none!important}}