.mgs-gs { --mgs-per-view: 3;
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
border-radius: 14px;
background: #0b0b0b;
}
@media (max-width: 980px) {
.mgs-gs { --mgs-per-view: 2; }
}
@media (max-width: 640px) {
.mgs-gs { --mgs-per-view: 1; }
}
.mgs-gs-viewport {
overflow: hidden;
touch-action: pan-y;
}
.mgs-gs-track {
display: flex;
width: 100%;
transform: translateX(0%);
transition: transform 240ms ease;
will-change: transform;
}
.mgs-gs-track.is-dragging {
transition: none;
}
.mgs-gs-slide {
flex: 0 0 calc(100% / var(--mgs-per-view));
margin: 0;
position: relative;
border-right: 1px solid rgba(255,255,255,.06);
}
.mgs-gs-slide:last-child {
border-right: 0;
}
.mgs-gs-img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
@media (max-width: 640px) {
.mgs-gs-img {
aspect-ratio: 4 / 3;
}
}
.mgs-gs-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 12px;
font-size: 14px;
line-height: 1.3;
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,.68), rgba(0,0,0,0));
}
.mgs-gs-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
border: 0;
width: 44px;
height: 44px;
border-radius: 999px;
cursor: pointer;
background: rgba(255,255,255,.88);
color: #111;
font-size: 28px;
line-height: 44px;
display: grid;
place-items: center;
box-shadow: 0 8px 26px rgba(0,0,0,.25);
}
.mgs-gs-btn:disabled {
opacity: .45;
cursor: not-allowed;
}
.mgs-gs-prev { left: 12px; }
.mgs-gs-next { right: 12px; }
@media (max-width: 640px) {
.mgs-gs-btn {
width: 40px;
height: 40px;
font-size: 26px;
}
.mgs-gs-prev { left: 8px; }
.mgs-gs-next { right: 8px; }
}
.mgs-gs-dots {
position: absolute;
left: 0;
right: 0;
bottom: 10px;
display: flex;
gap: 8px;
justify-content: center;
z-index: 2;
padding: 0 10px;
}
.mgs-gs-dot {
width: 10px;
height: 10px;
border-radius: 999px;
border: 0;
background: rgba(255,255,255,.55);
cursor: pointer;
}
.mgs-gs-dot.is-active {
background: rgba(255,255,255,.95);
}
.mgs-gs-empty {
padding: 12px 14px;
border-radius: 10px;
background: #f6f6f6;
color: #333;
}.pc-portfolio-wrap{width:100%;}
.pc-portfolio-grid{display:grid;gap:24px;} .pc-cols-1{grid-template-columns:1fr;}
.pc-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.pc-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.pc-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:1024px){.pc-cols-3,.pc-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.pc-cols-2,.pc-cols-3,.pc-cols-4{grid-template-columns:1fr;}} .pc-card{
border-radius:16px;
background:#fff;
box-shadow:0 10px 28px rgba(16,24,40,.08);
overflow:hidden;
transition:transform .15s ease, box-shadow .15s ease;
}
.pc-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.12);}
.pc-card-link{display:block;text-decoration:none;color:inherit;} .pc-card-media{
position:relative;
width:100%;
aspect-ratio:16/9;
overflow:hidden;
background:#eef0f3;
}
.pc-card-media img{width:100%;height:100%;object-fit:cover;display:block;} .pc-badges{
position:absolute;
top:12px;left:12px;right:12px;
display:flex;align-items:center;justify-content:space-between;
gap:12px;pointer-events:none;
}
.pc-badge{
display:inline-flex;align-items:center;
height:26px;padding:0 12px;border-radius:999px;
font-size:12px;font-weight:700;letter-spacing:.1px;white-space:nowrap;
}
.pc-badge-type{background:#eef1f4;color:#27303a;}
.pc-badge-year{background:#ff8a1e;color:#fff;} .pc-card-body{padding:18px 18px 16px;}
.pc-title{margin:0 0 10px;font-size:18px;line-height:1.25;font-weight:800;color:#1f2a37;} .pc-meta{
display:flex;flex-wrap:wrap;gap:14px;align-items:center;
margin-bottom:10px;color:#7b8794;font-size:13px;
}
.pc-meta-item{display:inline-flex;gap:8px;align-items:center;}
.pc-ico{font-size:14px;line-height:1;} .pc-desc{margin:0 0 12px;color:#8a95a3;font-size:13px;line-height:1.55;} .pc-kpis{background:#f5f6f8;border-radius:12px;padding:12px;}
.pc-kpis ul{margin:0;padding-left:18px;}
.pc-kpis li{margin:4px 0;color:#3a4654;font-size:13px;line-height:1.35;}
.pc-portfolio-empty{
padding:14px 16px;border:1px dashed #d6dbe1;border-radius:12px;
color:#667085;background:#fafbfc;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}