/* Click-only luxury portfolio viewer. Homepage hero is intentionally untouched. */
body.portfolioLightboxOpen{overflow:hidden!important}
.portfolioZoomInstruction{font-size:11px!important;letter-spacing:.12em!important}
.portfolioZoomFrame{
  display:block;
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  cursor:pointer;
}
.portfolioZoomFrame>.portfolioZoomTarget{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.portfolioZoomLabel{
  position:absolute;
  z-index:3;
  right:14px;
  bottom:14px;
  padding:9px 13px 8px;
  border:1px solid rgba(255,255,255,.44);
  background:rgba(17,24,23,.72);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:#fff;
  font:600 10px/1 Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:background .2s ease,border-color .2s ease;
  pointer-events:none;
}
.portfolioZoomFrame:hover .portfolioZoomLabel,
.portfolioZoomFrame:focus-within .portfolioZoomLabel{background:rgba(23,76,82,.9);border-color:rgba(255,255,255,.78)}
.portfolioLightbox{
  padding:24px!important;
  background:rgba(10,18,18,.91)!important;
  cursor:default!important;
}
.portfolioLightboxStage{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:94vw;
  max-height:92vh;
}
.portfolioLightboxStage>img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:94vw!important;
  max-height:92vh!important;
  object-fit:contain!important;
}
.portfolioLightbox .portfolioLightboxClose{
  position:absolute!important;
  z-index:4!important;
  top:14px!important;
  right:14px!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:50%!important;
  background:rgba(15,22,21,.76)!important;
  color:#fff!important;
  font:300 32px/1 Arial,sans-serif!important;
  box-shadow:0 7px 24px rgba(0,0,0,.32)!important;
  cursor:pointer!important;
}
.portfolioLightbox .portfolioLightboxClose:hover,
.portfolioLightbox .portfolioLightboxClose:focus{background:#96856A!important;outline:2px solid #fff!important;outline-offset:3px!important}
.portfolioLightboxHint{display:none!important}
@media(max-width:800px){
  .portfolioZoomLabel{right:10px;bottom:10px;padding:8px 11px 7px;font-size:9px}
  .portfolioLightbox{padding:12px!important}
  .portfolioLightboxStage{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
  .portfolioLightboxStage>img{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
  .portfolioLightbox .portfolioLightboxClose{top:10px!important;right:10px!important;width:44px!important;height:44px!important}
}