/* Certificates: two square (1:1) tiles, always visible, click opens lightbox. */
html body .portfolio-media-container .image-parallax-frame,
html body .portfolio-media-container > img {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  max-height: none !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden;
  cursor: zoom-in;
}
html body .portfolio-media-container img,
html body .portfolio-media-container .image-parallax-img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  scale: 1 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: zoom-in;
}
html body .portfolio-media-container img:focus-visible {
  outline: 3px solid #d1baff;
  outline-offset: 3px;
}

/* Header logo: never start hidden. */
html body .site-header .custom-logo,
html body .site-header .custom-logo-link img,
html body .site-header .custom-logo-link svg,
html body .site-sticky-header img,
html body .site-logo-animated {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Lightbox */
.cert-lightbox {
  position: fixed; inset: 0; z-index: 2147483000;
  display: flex; align-items: center; justify-content: center;
  padding: clamp(16px, 4vw, 48px);
  background: rgba(10, 10, 10, 0.88);
  opacity: 0; transition: opacity 0.22s ease;
  cursor: zoom-out;
}
.cert-lightbox.is-open { opacity: 1; }
.cert-lightbox img {
  max-width: min(100%, 1400px); max-height: 100%;
  width: auto; height: auto; object-fit: contain;
  border-radius: 10px; box-shadow: 0 30px 90px rgba(0,0,0,.55);
  transform: scale(.96); transition: transform 0.22s ease;
}
.cert-lightbox.is-open img { transform: scale(1); }
.cert-lightbox-close {
  position: absolute; top: 16px; right: 16px; width: 44px; height: 44px;
  border: 1px solid rgba(255,255,255,.5); border-radius: 50%;
  background: rgba(20,20,20,.6); color: #fff; font: 400 26px/1 system-ui, sans-serif; cursor: pointer;
}
.cert-lightbox-close:focus-visible { outline: 3px solid #d1baff; outline-offset: 3px; }
body.cert-lightbox-open { overflow: hidden; }