/* MB Portfolio v1.3.5 — deliberately minimal provisional placement. */
html.mb-vertical-active .mb-vertical-slide { position:relative; }
html.mb-vertical-active .mb-vertical-slide > .mbpis-series-meta {
  position:absolute; left:5%; bottom:clamp(10px, 2.3svh, 25px);
  z-index:40; max-width:60%; box-sizing:border-box;
  display:flex; flex-wrap:wrap; gap:12px; align-items:center;
  font:normal 12px/1.4 Arial,Helvetica,sans-serif;
  color:#3D5158; pointer-events:auto;
}
.mbpis-series-meta .mbpis-series-name { overflow-wrap:anywhere; }
.mbpis-series-meta .mbpis-info-toggle,
.mbpis-description-panel .mbpis-info-close {
  border:0; border-radius:0; background:transparent; padding:9px 5px;
  color:#3D5158; font:inherit; text-decoration:underline;
  text-underline-offset:3px; cursor:pointer; min-height:36px;
}
.mbpis-series-meta button:focus-visible,
.mbpis-description-panel button:focus-visible { outline:2px solid #3D5158; outline-offset:2px; }
html.mb-vertical-active .mb-vertical-slide > .mbpis-description-panel {
  position:absolute; z-index:65;
  top:max(21svh, var(--mb-series-logo-clearance, 0px));
  left:5%; right:5%; bottom:6svh;
  background:#DDEBF1; color:#3D5158; box-sizing:border-box;
  padding:clamp(15px, 3vw, 35px); pointer-events:auto;
  border:1px solid rgba(61,81,88,.18);
}
html.mb-vertical-active .mb-vertical-slide > .mbpis-description-panel[hidden] { display:none!important; }
.mbpis-description-panel .mbpis-info-content { max-height:100%; overflow:auto; overscroll-behavior:contain; }
.mbpis-description-panel .mbpis-info-header { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:12px; }
.mbpis-description-panel .mbpis-info-heading { font:normal 16px/1.4 Arial,Helvetica,sans-serif; margin:0; }
.mbpis-description-panel .mbpis-info-copy { font:normal 14px/1.65 Arial,Helvetica,sans-serif; max-width:65ch; }
.mbpis-description-panel .mbpis-info-copy p { margin:0 0 1em; }
.mbpis-description-panel .mbpis-info-copy a { color:inherit; text-decoration:underline; }
@media(max-width:700px) {
  html.mb-vertical-active .mb-vertical-slide > .mbpis-series-meta { max-width:65%; gap:6px; font-size:11px; }
  html.mb-vertical-active .mb-vertical-slide > .mbpis-description-panel { left:3%;right:3%;bottom:4svh;padding:17px; }
}

/* Match the description typography and remove underline on close control. */
.mbpis-description-panel .mbpis-info-close {
  font: normal 14px/1.65 Arial, Helvetica, sans-serif;
  text-decoration: none;
}

/* Keep the open state clean: hide Info only while its description is visible. */
html.mb-vertical-active .mb-vertical-slide > .mbpis-series-meta .mbpis-info-toggle {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html.mb-vertical-active .mb-vertical-slide > .mbpis-series-meta .mbpis-info-toggle[aria-expanded="true"] {
  display: none !important;
}

/* Hide the entire bottom title/Info row while project information is open. */
html.mb-vertical-active .mb-vertical-slide.mbpis-info-open > .mbpis-series-meta {
  display: none !important;
}

/* Project information: native mouse pointer, no directional gallery arrows. */
@media (hover:hover) and (pointer:fine) {
  html.mb-vertical-active.mbpis-info-active body,
  html.mb-vertical-active.mbpis-info-active .mb-fluid-gallery .mb-fluid-stage,
  html.mb-vertical-active.mbpis-info-active .mbpis-description-panel,
  html.mb-vertical-active.mbpis-info-active .mbpis-description-panel .mbpis-info-content {
    cursor: default !important;
  }
  html.mb-vertical-active.mbpis-info-active .mb-vertical-cursor,
  html.mb-vertical-active.mbpis-info-active .mb-fluid-cursor {
    display: none !important;
    opacity: 0 !important;
  }
  /* Keep buttons and links visibly interactive, as on the rest of the site. */
  html.mb-vertical-active.mbpis-info-active .mbpis-description-panel button,
  html.mb-vertical-active.mbpis-info-active .mbpis-description-panel a {
    cursor: pointer !important;
  }
}