.visual-lobby,.route-art{max-width:var(--max);margin:0 auto;padding:1.5rem 24px 3.2rem}
.visual-lobby-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}
.visual-lobby-head h2{max-width:760px;margin:0}
.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.art-card{display:block;color:var(--text);text-decoration:none;background:#0c100c;border:1px solid #35402b;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.art-card:hover{transform:translateY(-6px);border-color:var(--lime);box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 28px rgba(186,246,0,.12)}
.art-card figure,.route-art{margin:0}
.art-card img,.route-art img{display:block;width:100%;height:auto}
.art-card figcaption,.route-art figcaption{display:grid;gap:.28rem;padding:1rem 1.05rem;border-top:3px solid var(--lime);background:linear-gradient(90deg,#11160f,#0a0d0a)}
.art-card figcaption b,.route-art figcaption b{color:var(--lime);font-size:1.12rem}
.art-card figcaption span,.route-art figcaption span{color:var(--muted);line-height:1.55}
.route-art{padding-top:.5rem}
.route-art img{border:1px solid #3a432f;box-shadow:0 24px 70px #000}
.route-art figcaption{grid-template-columns:auto 1fr;align-items:center;gap:1rem 2rem}
@media(max-width:760px){
  .visual-lobby,.route-art{padding:1rem 14px 2rem}
  .visual-lobby-head{display:block}
  .visual-lobby-head .eyebrow{margin-bottom:.45rem}
  .visual-grid{grid-template-columns:1fr}
  .route-art figcaption{grid-template-columns:1fr;gap:.25rem}
}
