/* Overlay lives in parent document, not the extra-tall marketing iframe. */
.tyz-portfolio-lightbox {
  position:fixed;inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(3,11,26,.88);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.tyz-portfolio-lightbox-panel {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  max-width:min(1180px,100%);
  max-height:calc(100vh - 48px);
  max-height:calc(100dvh - 48px);
  padding:19px;
  border:1px solid rgba(239,195,124,.58);
  border-radius:23px;
  background:linear-gradient(145deg,#18334f,#07192e);
  box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 44px rgba(236,187,106,.08);
}
.tyz-portfolio-lightbox-panel img{
  display:block;
  width:auto;height:auto;
  min-width:0;
  max-width:100%;
  max-height:calc(100vh - 155px);
  max-height:calc(100dvh - 155px);
  object-fit:contain;
  border-radius:12px;
  background:#0e2138;
}
.tyz-portfolio-lightbox-caption {
  font:800 14px/1.7 "Cairo",system-ui,sans-serif;
  color:#f5e2bc;text-align:center;
  max-width:100%;overflow-wrap:anywhere;
}
.tyz-portfolio-lightbox-close{
  position:absolute;top:-17px;right:-17px;
  display:grid;place-items:center;
  width:46px;height:46px;
  border:1px solid rgba(255,229,173,.65);
  border-radius:50%;
  background:#eec77d;color:#09233f;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  font:700 28px/1 Arial,sans-serif;
  cursor:pointer;
}
.tyz-portfolio-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:650px) {
  .tyz-portfolio-lightbox{padding:14px}
  .tyz-portfolio-lightbox-panel{padding:11px;border-radius:16px}
  .tyz-portfolio-lightbox-close{top:-13px;right:-9px}
  .tyz-portfolio-lightbox-panel img{max-height:calc(100dvh - 135px)}
  .tyz-portfolio-lightbox-caption{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .tyz-portfolio-lightbox *{animation:none!important;transition:none!important}
}