/* EINHAR / LIVING ATLAS — live, contextual motion. No image tiles, labels, hover animation or cropping. */
.atlas{background:#000!important;width:min(1490px,calc(100% - clamp(32px,5.8vw,110px)));margin:clamp(140px,16vw,235px) auto clamp(190px,23vw,345px)}
.atlas-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:5px;grid-auto-flow:dense;align-items:start;gap:12px;}
.atlas-tile{display:block;position:relative;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;outline:none;background:#000;width:100%;height:100%;overflow:hidden;cursor:zoom-in;}
.atlas-tile .live-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;}
.atlas-tile:hover,.atlas-tile:focus,.atlas-tile:active{transform:none!important;filter:none!important;box-shadow:none!important;background:#000!important;}
.atlas-tile:focus-visible{outline:1px solid #eee;outline-offset:4px;}
.atlas-tile:nth-child(1){grid-column:span 4;}
.atlas-tile:nth-child(2){grid-column:span 8;}
.atlas-tile:nth-child(3){grid-column:span 5;}
.atlas-tile:nth-child(4){grid-column:span 7;}
.atlas-tile:nth-child(5){grid-column:span 4;}
.atlas-tile:nth-child(6){grid-column:span 4;}
.atlas-tile:nth-child(7){grid-column:span 8;}
.atlas-tile:nth-child(8){grid-column:span 4;}
.atlas-tile:nth-child(9){grid-column:span 8;}
.atlas-tile:nth-child(10){grid-column:span 7;}
.atlas-tile:nth-child(11){grid-column:span 5;}
.atlas-tile:nth-child(12){grid-column:span 7;}
/* each tile is exactly as tall as its own study requests: no cutoffs. */
.visual-dialog{background:#000!important;color:#fff;border:0!important;box-shadow:0 22px 85px #000;width:min(1200px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 24px);border-radius:3px;padding:0;overflow-y:auto;}
.visual-dialog::backdrop{background:rgba(0,0,0,.96);backdrop-filter:blur(5px)}
.visual-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px 9px 22px;min-height:54px}
.visual-dialog-name{font-size:12px;color:#fff;letter-spacing:-.01em}
.visual-dialog-actions{display:flex;align-items:center;gap:4px}.visual-progress{color:#888;font-size:11px;margin-right:12px;white-space:nowrap}
.visual-control{width:35px;height:35px;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:transparent;border-radius:3px}.visual-control:focus-visible{outline:1px solid white}
.visual-control svg{width:16px;height:16px}
.atlas-full-art--live{display:block;position:relative;width:100%;height:auto!important;max-height:min(67dvh,850px);overflow:hidden;background:#000;}
.atlas-full-art--live::before{content:'';display:block;padding-top:calc(100% / 1.5);}
.atlas-full-art--live .live-art--full{position:absolute;inset:0;width:100%;height:100%;display:block;}
.atlas-detail{padding:18px clamp(20px,4vw,58px) clamp(30px,4vw,45px);max-width:830px}.atlas-kind{color:#aaa;font-size:10px;display:block;margin-bottom:9px}.atlas-detail h3{font-weight:450;font-size:clamp(20px,3vw,31px);letter-spacing:-.035em;margin:0 0 11px;color:#fff;line-height:1.2}.atlas-detail p{color:#eee;font-size:13px;line-height:1.7;margin:0;max-width:610px}
html,body,.site-header,.nav-stage,.site-footer,.atlas{background-color:#000!important}
@media(max-width:850px){.atlas{width:calc(100% - 34px);margin-top:150px;margin-bottom:220px}.atlas-grid{gap:9px}.atlas-tile:nth-child(n){grid-column:span 6}.atlas-tile:nth-child(1),.atlas-tile:nth-child(4),.atlas-tile:nth-child(7),.atlas-tile:nth-child(10){grid-column:span 6}}
@media(max-width:600px){.atlas{width:calc(100% - 20px);margin-top:120px;margin-bottom:170px}.atlas-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.atlas-tile:nth-child(n){grid-column:span 3}.atlas-tile:nth-child(2),.atlas-tile:nth-child(4),.atlas-tile:nth-child(7),.atlas-tile:nth-child(9),.atlas-tile:nth-child(10){grid-column:span 6}.atlas-tile:nth-child(1),.atlas-tile:nth-child(5),.atlas-tile:nth-child(6){grid-column:span 3}.visual-dialog{width:calc(100vw - 10px)}.visual-dialog-bar{padding-left:12px}.visual-progress{margin-right:2px}.atlas-detail{padding:10px 19px 26px}}
