/* EINHAR / XVIII: clean sculptural editorial site — no page-width scrollbar. */
:root{--paper:#000;--black:#000}
html,body{background-color:#000!important;max-width:100%;overflow-x:clip!important}
main,.site-header,.header-shell,.nav-stage,.site-footer{max-width:100%;background-color:#000!important}
/* 100vw includes the Windows vertical scrollbar's width. Make the post section use
   the available content width; scrolling remains local to its rail. */
.recent-posts{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important;overflow-y:visible!important;box-sizing:border-box!important}
.recent-entries{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior-inline:contain!important}
.recent-entries::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.recent-card{min-width:0!important}
/* The gallery has four vetted objects. Cards visually separate each independent sculpture. */
.atlas{width:min(1300px,calc(100% - 48px))!important;margin:clamp(145px,17vw,240px) auto clamp(230px,24vw,350px)!important}
.atlas-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:6px!important;grid-auto-flow:dense!important;gap:14px!important}
.atlas-grid .atlas-tile:nth-child(1){grid-column:span 5!important}
.atlas-grid .atlas-tile:nth-child(2){grid-column:span 7!important}
.atlas-grid .atlas-tile:nth-child(3){grid-column:span 7!important}
.atlas-grid .atlas-tile:nth-child(4){grid-column:span 5!important}
.atlas-tile{margin:0!important;padding:0!important;background:#000!important;border:1px solid #202020!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden!important;cursor:default!important;pointer-events:none!important;position:relative!important}
.atlas-tile:hover,.atlas-tile:focus,.atlas-tile:active{border-color:#202020!important;background:#000!important;transform:none!important;filter:none!important}
.atlas-tile .live-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important;pointer-events:none!important;border-radius:0!important}
.atlas-tile .particle-film{object-fit:contain!important;filter:brightness(.96) contrast(1.10)!important}
.visual-dialog{display:none!important} /* old modal not part of this passive exhibition */
@media(max-width:800px){
  .atlas{width:calc(100% - 32px)!important}
  .atlas-grid{gap:10px!important}
  .atlas-grid .atlas-tile:nth-child(1){grid-column:span 5!important}
  .atlas-grid .atlas-tile:nth-child(2){grid-column:span 7!important}
  .atlas-grid .atlas-tile:nth-child(3){grid-column:span 6!important}
  .atlas-grid .atlas-tile:nth-child(4){grid-column:span 6!important}
}
@media(max-width:580px){
  .atlas{width:calc(100% - 20px)!important;margin:125px auto 180px!important}
  .atlas-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:5px!important;gap:8px!important}
  .atlas-grid .atlas-tile:nth-child(1),.atlas-grid .atlas-tile:nth-child(2){grid-column:span 6!important}
  .atlas-grid .atlas-tile:nth-child(3),.atlas-grid .atlas-tile:nth-child(4){grid-column:span 3!important}
  .atlas-tile{border-radius:11px!important}
}