/* Preserve desktop dimensions; use compact, uncropped photos on mobile. */
.mpp-new-work{padding:0;position:relative;scroll-margin-top:110px}
.mpp-work-stage{padding:32px 0;background:var(--bg,#f7f4ee)}
.mpp-work-stage h2{margin:0 0 24px}
.mpp-work-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a88a47 #e5e1d7;scroll-snap-type:x proximity}
.mpp-work-enhanced .mpp-work-grid{display:flex;gap:24px;width:max-content;align-items:stretch}
.mpp-work-enhanced .mpp-work-grid figure{width:var(--mpp-work-card-width);flex:0 0 var(--mpp-work-card-width);scroll-snap-align:start;transform:scale(.965);transform-origin:center;transition:transform 360ms cubic-bezier(.22,.61,.36,1),border-color 360ms ease}
.mpp-work-enhanced .mpp-work-grid figure.mpp-work-presented{transform:scale(1);border-color:#a78a4b}
.mpp-work-navigation{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.mpp-work-enhanced .mpp-work-navigation{display:flex}
.mpp-work-navigation p{margin:0;font-size:13px;color:#475569;line-height:1.4}
.mpp-work-navigation-end{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mpp-work-navigation [data-work-count]{font-size:12px;color:#334155;margin-right:4px;font-variant-numeric:tabular-nums}
.mpp-work-navigation button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:#fff;border:1px solid #b7aa91;border-radius:50%;color:#172b3f;font-size:22px;cursor:pointer}
.mpp-work-navigation button:disabled{opacity:.35;cursor:default}
.mpp-work-progress{display:none;height:3px;margin-top:12px;background:#ded8c9;overflow:hidden;border-radius:3px}
.mpp-work-enhanced .mpp-work-progress{display:block}
.mpp-work-progress-fill{display:block;height:100%;background:#a88a47;transform:scaleX(0);transform-origin:left}
.mpp-work-linked .mpp-work-stage{position:sticky;top:var(--mpp-work-sticky-top,0px);height:var(--mpp-work-stage-height);display:flex;align-items:center}
.mpp-work-linked .mpp-work-viewport{scroll-snap-type:none;scrollbar-width:none;scroll-behavior:auto}
.mpp-work-linked .mpp-work-viewport::-webkit-scrollbar{display:none}
body.mpp-viewing-work #mpp-whatsapp-widget{display:none!important}
@media(max-width:640px){
  .mpp-work-stage{padding:18px 0}
  .mpp-work-stage h2{margin-bottom:18px;font-size:24px}
  .mpp-new-work .mpp-work-grid figure{width:min(76vw,280px);max-width:none}
  .mpp-work-enhanced .mpp-work-grid{gap:16px}
  .mpp-new-work .mpp-work-grid img{width:100%;height:clamp(200px,38svh,300px);max-height:300px;object-fit:contain}
  .mpp-new-work .mpp-work-grid figcaption{padding:12px;font-size:14px;line-height:1.45}
  .mpp-work-navigation p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mpp-work-enhanced .mpp-work-grid figure{transform:none!important;transition:none!important}.mpp-work-viewport{scroll-behavior:auto!important}}
@media print{.mpp-new-work{height:auto!important}.mpp-work-stage,.mpp-work-linked .mpp-work-stage{position:static;height:auto;display:block}.mpp-work-viewport{overflow:visible}.mpp-work-enhanced .mpp-work-grid{display:grid;width:auto}.mpp-work-enhanced .mpp-work-grid figure{width:auto;transform:none!important;break-inside:avoid}.mpp-work-navigation,.mpp-work-progress{display:none!important}}

.mpp-work-navigation:has(>.mpp-work-navigation-end:only-child){justify-content:flex-end}

/* Fit the whole pinned gallery into shorter mobile viewports. */
.mpp-work-stage>.wrap{min-width:0;width:100%}
.mpp-work-compact .mpp-work-grid img{height:var(--mpp-compact-photo-height)!important;max-height:var(--mpp-compact-photo-height)!important;object-fit:contain}

/* Horizontal stages manage their own position during lazy-image layout. */
html:has(.mpp-work-enhanced),html:has(.mpp-reviews-enhanced){overflow-anchor:none}

/* Each photo card ends directly after its own title. */
.mpp-work-enhanced .mpp-work-grid{align-items:flex-start}
.mpp-new-work .mpp-work-grid figure{height:auto;min-height:0;align-self:flex-start}
.mpp-new-work .mpp-work-grid figcaption{height:auto;min-height:0;margin:0;padding:12px 14px;line-height:1.45}

/* The scroll position controls the enlargement, rather than a one-time reveal. */
.mpp-work-enhanced .mpp-work-grid figure,
.mpp-work-enhanced .mpp-work-grid figure.mpp-work-presented{
 transform:scale(var(--mpp-work-scale,.9));
 transform-origin:center;
 transition:transform 100ms linear,border-color 250ms ease;
}
@media(prefers-reduced-motion:reduce){
 .mpp-work-enhanced .mpp-work-grid figure{transform:none!important;transition:none!important}
}
@media print{.mpp-work-enhanced .mpp-work-grid figure{transform:none!important}}