/* EMKAN project v18 — single authoritative project layer. */
:root{--emkan-p-thumb-w:104px;--emkan-p-thumb-h:66px;--emkan-p-thumb-gap:10px;}

/* Thumbnail rail + one separator system. */
body:is(.architect-project-page,.civil-project-page) .thumb-column{position:relative!important;overflow:visible!important;padding:0!important;}
body:is(.architect-project-page,.civil-project-page) .thumbs-rail{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:var(--emkan-p-thumb-gap)!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
body:is(.architect-project-page,.civil-project-page) .thumbs-rail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb,
body:is(.architect-project-page,.civil-project-page) .vthumb-media,
body:is(.architect-project-page,.civil-project-page) .vthumb--text{width:var(--emkan-p-thumb-w)!important;min-width:var(--emkan-p-thumb-w)!important;max-width:var(--emkan-p-thumb-w)!important;height:var(--emkan-p-thumb-h)!important;min-height:var(--emkan-p-thumb-h)!important;max-height:var(--emkan-p-thumb-h)!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;box-sizing:border-box!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb{position:relative!important;display:block!important;flex:0 0 var(--emkan-p-thumb-h)!important;line-height:0!important;overflow:visible!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb-media{overflow:hidden!important;background:var(--placeholder-a)!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb-media :is(img,video){width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;margin:0!important;border:0!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb--text .vthumb-text{position:absolute!important;inset:0!important;padding:4px 7px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-sizing:border-box!important;overflow:hidden!important;line-height:normal!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb+.vthumb{margin:0!important;padding:0!important;border:0!important;}
body:is(.architect-project-page,.civil-project-page) .vthumb+.vthumb::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:calc((var(--emkan-p-thumb-gap)/-2) - .5px)!important;height:1px!important;background:var(--line)!important;opacity:.58!important;pointer-events:none!important;z-index:5!important;}
body:is(.architect-project-page,.civil-project-page) :is(.thumb-column,.thumbs-rail)::before,
body:is(.architect-project-page,.civil-project-page) :is(.thumb-column,.thumbs-rail)::after{content:none!important;display:none!important;}

/* The custom rail sits outside the thumbnails. Physical side is deliberate:
   EN keeps the left rail, FA/AR keep the right rail. */
body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{display:block!important;position:absolute!important;z-index:20!important;top:2px!important;bottom:2px!important;width:1px!important;height:auto!important;margin:0!important;background:var(--line)!important;opacity:.62!important;pointer-events:none!important;}
html[dir="ltr"] body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{left:-14px!important;right:auto!important;}
html[dir="rtl"] body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{right:-14px!important;left:auto!important;}
body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar-thumb{display:block!important;position:absolute!important;top:0;left:50%!important;width:2px!important;height:33px;min-height:0!important;transform:translateX(-50%)!important;background:var(--hover-accent)!important;opacity:.88!important;pointer-events:none!important;}

/* Text rail only exists when JS confirms overflow. */
body:is(.architect-project-page,.civil-project-page) .slide--text .text-scroll-shell{position:relative!important;height:100%!important;max-height:100%!important;min-height:0!important;}
body:is(.architect-project-page,.civil-project-page) .slide--text .text-fixed{height:100%!important;max-height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;}
body:is(.architect-project-page,.civil-project-page) .slide--text .text-fixed::-webkit-scrollbar{display:none!important;width:0!important;}
body:is(.architect-project-page,.civil-project-page) .content-scrollbar{display:none!important;visibility:hidden!important;opacity:0!important;width:1px!important;background:var(--line)!important;}
body:is(.architect-project-page,.civil-project-page) .text-scroll-shell.is-scrollable>.content-scrollbar{display:block!important;visibility:visible!important;opacity:.72!important;}
body:is(.architect-project-page,.civil-project-page) .content-scrollbar-thumb{display:block!important;width:2px!important;background:var(--hover-accent)!important;opacity:.9!important;}

/* Normal viewer video. */
body:is(.architect-project-page,.civil-project-page) .media-surface--video{position:relative!important;display:grid!important;grid-template:1fr/1fr!important;place-items:center!important;overflow:hidden!important;cursor:default!important;}
body:is(.architect-project-page,.civil-project-page) .media-surface--video>:is(.video-poster,.video-preview-live,.video-preview-frame){grid-area:1/1!important;align-self:center!important;justify-self:center!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-play{position:absolute!important;z-index:50!important;left:var(--emkan-video-play-x,50%)!important;top:var(--emkan-video-play-y,50%)!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.76)!important;background:rgba(8,10,13,.30)!important;color:#fff!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer!important;}
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-play::before{content:""!important;width:0!important;height:0!important;margin-left:2px!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:8px solid currentColor!important;}
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-play[hidden]{display:none!important;}
body:is(.architect-project-page,.civil-project-page) .media-surface--video>.emkan-media-shell>.emkan-media-controls{display:none!important;}


body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-poster[hidden],
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-preview-live[hidden],
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-preview-frame[hidden]{display:none!important;}

/* Fullscreen video — deterministic poster/video visibility and one persistent control bar. */
body:is(.architect-project-page,.civil-project-page) .fullscreen-stage{overflow:visible!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-slides{overflow-x:auto!important;overflow-y:visible!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-slide[data-type="video"]{
  overflow:visible!important;padding:0 12px!important;align-items:stretch!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell{
  width:min(88vw,1080px)!important;height:100%!important;max-height:100%!important;
  display:grid!important;grid-template-rows:minmax(0,1fr) 32px!important;
  align-items:stretch!important;justify-items:stretch!important;gap:7px!important;
  overflow:visible!important;box-sizing:border-box!important;margin:0 auto!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-stage{
  position:relative!important;min-height:0!important;display:grid!important;place-items:center!important;
  overflow:hidden!important;background:transparent!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-poster,
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell video{
  grid-area:1/1!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;
  object-fit:contain!important;background:transparent!important;
}
/* hidden must beat the generic display:block rule; this was the poster-over-video conflict. */
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-poster[hidden],
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell video[hidden]{display:none!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-poster:not([hidden]),
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell video:not([hidden]){display:block!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-start{
  position:absolute!important;z-index:45!important;left:50%!important;top:50%!important;
  width:38px!important;height:38px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(255,255,255,.72)!important;background:rgba(8,10,13,.30)!important;color:#fff!important;
  transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;cursor:pointer!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-start::before{
  content:""!important;width:0!important;height:0!important;margin-left:2px!important;
  border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:8px solid currentColor!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-start[hidden]{display:none!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell>.video-controls{
  position:relative!important;z-index:60!important;display:grid!important;visibility:visible!important;opacity:1!important;
  grid-template-columns:auto minmax(140px,1fr)!important;align-items:center!important;gap:10px!important;
  width:100%!important;height:32px!important;min-height:32px!important;margin:0!important;padding:4px 0 0!important;
  border-top:1px solid rgba(247,248,250,.26)!important;background:transparent!important;color:#fff!important;overflow:visible!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-control-buttons{
  display:inline-flex!important;align-items:center!important;gap:1px!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls button{
  display:inline-grid!important;place-items:center!important;width:25px!important;height:24px!important;padding:0!important;
  border:0!important;background:transparent!important;color:inherit!important;opacity:.82!important;visibility:visible!important;cursor:pointer!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-control-icon{
  width:12px!important;height:12px!important;display:block!important;stroke:currentColor!important;stroke-width:1.55!important;fill:none!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-control-icon--fill{fill:currentColor!important;stroke:none!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-seek{
  --seek-progress:0%;display:block!important;visibility:visible!important;opacity:1!important;
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:12px!important;margin:0!important;padding:0!important;
  cursor:pointer!important;background:linear-gradient(to right,var(--hover-accent) 0,var(--hover-accent) var(--seek-progress),rgba(247,248,250,.34) var(--seek-progress),rgba(247,248,250,.34) 100%) center/100% 1px no-repeat!important;
}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-seek::-webkit-slider-runnable-track{height:1px!important;background:transparent!important;border:0!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-seek::-webkit-slider-thumb{-webkit-appearance:none!important;width:5px!important;height:5px!important;margin-top:-2px!important;border:0!important;background:#fff!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-seek::-moz-range-track{height:1px!important;background:transparent!important;border:0!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-seek::-moz-range-progress{height:1px!important;background:var(--hover-accent)!important;}
body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-seek::-moz-range-thumb{width:5px!important;height:5px!important;border:0!important;background:#fff!important;}

@media(max-width:720px){
  :root{--emkan-p-thumb-w:84px;--emkan-p-thumb-h:54px;--emkan-p-thumb-gap:8px;}
  body:is(.architect-project-page,.civil-project-page) .thumb-column{padding-bottom:7px!important;}
  body:is(.architect-project-page,.civil-project-page) .thumbs-rail{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;}
  body:is(.architect-project-page,.civil-project-page) .vthumb+.vthumb::before{display:none!important;}
  body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{display:none!important;}
  body:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell{width:100%!important;}
}

/* v20 — anchor expand control to the actual rendered poster/video, not the outer media frame. */
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-expand{
  top:var(--emkan-video-control-top,10px)!important;
  right:var(--emkan-video-control-right,10px)!important;
  left:auto!important;
}


/* ===== EMKAN project v20.1 — higher stage position and anchored controls ===== */
body:is(.architect-project-page,.civil-project-page) .project-main{
  margin-top:6px!important;
}
body:is(.architect-project-page,.civil-project-page) .project-layout{
  align-items:start!important;
}
body:is(.architect-project-page,.civil-project-page) .slide{
  align-items:flex-start!important;
  padding-top:0!important;
  padding-bottom:10px!important;
}
body:is(.architect-project-page,.civil-project-page) .media-surface{
  align-self:flex-start!important;
}
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-expand,
body:is(.architect-project-page,.civil-project-page) .media-surface--video .video-play{
  transition:color .18s ease,background-color .18s ease,opacity .18s ease!important;
}
@media(max-width:900px){
  body:is(.architect-project-page,.civil-project-page) .project-main{margin-top:4px!important;}
  body:is(.architect-project-page,.civil-project-page) .slide{padding-bottom:8px!important;}
}


/* ===== EMKAN project v20.2 — final vertical balance ===== */
body:is(.architect-project-page,.civil-project-page) .project-main{margin-top:32px!important;height:min(64vh,610px)!important}
body:is(.architect-project-page,.civil-project-page) .thumb-column{padding-bottom:3px!important}
body:is(.architect-project-page,.civil-project-page) .thumbs-rail{height:calc(100% - 3px)!important}
body:is(.architect-project-page,.civil-project-page) .slide{padding-top:10px!important;padding-bottom:3px!important}
@media(max-width:900px){body:is(.architect-project-page,.civil-project-page) .project-main{margin-top:18px!important;height:min(60vh,520px)!important}}
@media(max-width:720px){body:is(.architect-project-page,.civil-project-page) .project-main{height:auto!important}body:is(.architect-project-page,.civil-project-page) .slide{padding-top:4px!important;padding-bottom:0!important}}


/* EMKAN project v24 — persistent horizontal track + live vertical thumbnail indicator. */
body:is(.architect-project-page,.civil-project-page) .slides-scrollbar{
  display:block!important;
  visibility:visible!important;
  opacity:.72!important;
  background:var(--line)!important;
}
body:is(.architect-project-page,.civil-project-page) .slides-scrollbar-thumb{
  display:block!important;
  visibility:visible!important;
  opacity:.92!important;
}
body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{
  display:block!important;
  visibility:visible!important;
  opacity:.68!important;
  top:0!important;
  bottom:3px!important;
}
body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar-thumb{
  display:block!important;
  visibility:visible!important;
  opacity:.9!important;
}
@media(max-width:720px){
  body:is(.architect-project-page,.civil-project-page) .thumb-scrollbar{display:none!important}
  body:is(.architect-project-page,.civil-project-page) .slides-scrollbar{display:block!important;opacity:.72!important}
}