/* THE EAGLE · Studio viewer match to Tzortzi's Apartments screenshot.
   Full-viewport dark overlay; centered original photo; controls at screen edges. */
#lightbox {
 position:fixed!important;
 inset:0!important;
 display:none!important;
 box-sizing:border-box!important;
 width:100vw!important;
 max-width:100vw!important;
 height:100dvh!important;
 max-height:100dvh!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 color:#fff!important;
 box-shadow:none!important;
 overflow:hidden!important;
}
#lightbox[open] {
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
}
#lightbox::backdrop {
 background:rgba(8,9,9,.92)!important;
 backdrop-filter:none!important;
}
#lightbox .eagle-lightbox-shell {
 position:static!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 height:100%!important;
 min-height:0!important;
 max-height:none!important;
 gap:0!important;
}
#lightbox .lightbox-top {
 position:fixed!important;
 inset:18px 24px auto auto!important;
 z-index:30!important;
 width:auto!important;
 height:auto!important;
 min-height:0!important;
 margin:0!important;
 padding:0!important;
 display:block!important;
}
#lightbox .eagle-lightbox-title {display:none!important;}
#lightbox .eagle-lightbox-stage {
 position:static!important;
 flex:none!important;
 display:block!important;
 width:min(1380px,calc(100vw - 120px))!important;
 height:auto!important;
 min-height:0!important;
 max-height:calc(100dvh - 96px)!important;
 aspect-ratio:var(--eagle-lightbox-aspect, 3 / 2)!important;
 overflow:visible!important;
 border-radius:5px!important;
 background:transparent!important;
}
#lightbox #large-photo {
 display:block!important;
 position:relative!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 min-height:0!important;
 margin:0!important;
 object-fit:contain!important;
 object-position:center!important;
 border-radius:5px!important;
 background:transparent!important;
 box-shadow:0 14px 36px rgba(0,0,0,.24)!important;
}
#lightbox .lightbox-controls {
 display:flex!important;
 flex:none!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 height:26px!important;
 min-height:26px!important;
 margin:9px 0 0!important;
 padding:0!important;
 color:#eaeaea!important;
}
#lightbox #photo-counter {
 color:#dedede!important;
 font-family:Arial,system-ui,sans-serif!important;
 font-size:11px!important;
 line-height:1!important;
 letter-spacing:0!important;
 font-weight:500!important;
}
#lightbox #photo-caption {position:absolute!important;}
#lightbox #previous-photo,
#lightbox #next-photo {
 position:fixed!important;
 z-index:25!important;
 top:50%!important;
 left:auto!important;
 right:auto!important;
 display:grid!important;
 place-items:center!important;
 width:44px!important;
 height:44px!important;
 min-width:44px!important;
 min-height:44px!important;
 margin:0!important;
 padding:0!important;
 transform:translateY(-50%)!important;
 border-radius:50%!important;
 cursor:pointer!important;
}
#lightbox #previous-photo {left:22px!important;right:auto!important;}
#lightbox #next-photo {right:22px!important;left:auto!important;}
#lightbox #close-photo {
 position:static!important;
 display:grid!important;
 place-items:center!important;
 width:36px!important;
 height:36px!important;
 min-width:36px!important;
 min-height:36px!important;
 border-radius:50%!important;
 margin:0!important;
 padding:0!important;
 cursor:pointer!important;
}
:root[data-theme="dark"] #lightbox #previous-photo,
:root[data-theme="light"] #lightbox #previous-photo,
:root[data-theme="dark"] #lightbox #next-photo,
:root[data-theme="light"] #lightbox #next-photo,
:root[data-theme="dark"] #lightbox #close-photo,
:root[data-theme="light"] #lightbox #close-photo {
 background:rgba(51,51,51,.92)!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.18)!important;
}
:root[data-theme="dark"] #lightbox #previous-photo:hover,
:root[data-theme="light"] #lightbox #previous-photo:hover,
:root[data-theme="dark"] #lightbox #next-photo:hover,
:root[data-theme="light"] #lightbox #next-photo:hover,
:root[data-theme="dark"] #lightbox #close-photo:hover,
:root[data-theme="light"] #lightbox #close-photo:hover {
 background:rgba(91,91,91,.98)!important;
 color:#fff!important;
}
#lightbox #previous-photo svg,
#lightbox #next-photo svg,
#lightbox #close-photo svg,
#lightbox #previous-photo svg path,
#lightbox #next-photo svg path,
#lightbox #close-photo svg path {
 color:white!important;
 stroke:white!important;
 fill:none!important;
}
#lightbox button:focus-visible {
 outline:3px solid #dfbf54!important;
 outline-offset:4px!important;
}
@media(max-width:650px) {
 #lightbox .eagle-lightbox-stage {
  width:calc(100vw - 26px)!important;
  max-height:calc(100dvh - 112px)!important;
 }
 #lightbox .lightbox-top {inset:10px 12px auto auto!important;}
 #lightbox #previous-photo,#lightbox #next-photo {
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
 }
 #lightbox #previous-photo {left:7px!important;}
 #lightbox #next-photo {right:7px!important;}
 #lightbox .lightbox-controls {height:22px!important;min-height:22px!important;margin-top:7px!important;}
}
@media(prefers-reduced-motion:reduce){
 #lightbox #large-photo {animation:none!important;}
}