/* EINHAR / XIX: carefully composed mechanical point-cloud atlas. */
:root{--black:#000;--paper:#000}
html,body,main,.site-header,.header-shell,.nav-stage,.site-footer{background:#000!important}
html,body{max-width:100%;overflow-x:clip!important}
.atlas{width:min(1320px,calc(100% - 56px))!important;margin:clamp(160px,19vw,280px) auto clamp(225px,25vw,370px)!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:13px!important}
.atlas-grid .atlas-tile:nth-child(1){grid-column:span 4!important}
.atlas-grid .atlas-tile:nth-child(2){grid-column:span 8!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}
.atlas-grid .atlas-tile:nth-child(5){grid-column:span 7!important}
.atlas-grid .atlas-tile:nth-child(6){grid-column:span 5!important}
.atlas-tile{position:relative!important;display:block!important;box-sizing:border-box!important;padding:0!important;margin:0!important;background:#000!important;border:1px solid #1e1e1e!important;border-radius:15px!important;box-shadow:none!important;overflow:hidden!important;cursor:default!important;pointer-events:none!important}
.atlas-tile:hover,.atlas-tile:focus,.atlas-tile:active{transform:none!important;filter:none!important;box-shadow:none!important;border-color:#1e1e1e!important;background:#000!important}
.atlas-tile .live-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none!important;background:#000!important;border-radius:0!important}
.atlas-tile .particle-film{object-fit:contain!important;filter:brightness(.98) contrast(1.09)!important}
.visual-dialog{display:none!important}
/* Keep the off-viewport post rail functional but never show a Windows scrollbar. */
.recent-posts{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:clip!important}
.recent-entries{max-width:100%!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{display:none!important;width:0!important;height:0!important}
@media(max-width:860px){
  .atlas{width:calc(100% - 34px)!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),.atlas-grid .atlas-tile:nth-child(4){grid-column:span 6!important}
  .atlas-grid .atlas-tile:nth-child(5){grid-column:span 7!important}
  .atlas-grid .atlas-tile:nth-child(6){grid-column:span 5!important}
}
@media(max-width:600px){
  .atlas{width:calc(100% - 22px)!important;margin:130px 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),.atlas-grid .atlas-tile:nth-child(5){grid-column:span 6!important}
  .atlas-grid .atlas-tile:nth-child(3),.atlas-grid .atlas-tile:nth-child(4),.atlas-grid .atlas-tile:nth-child(6){grid-column:span 3!important}
  .atlas-tile{border-radius:11px!important}
}
@media(max-width:600px){
  /* On a phone, preserve the sculpture at a legible scale rather than forcing
     a dexterous hand or lettered object into a 170px-wide cell. */
  .atlas-grid .atlas-tile:nth-child(n){grid-column:span 6!important}
}