.hero-city{display:none}
.cover-wall{position:absolute;left:34%;top:-14%;width:76%;height:128%;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px;padding:18px;transform:rotate(-5deg) scale(1.06);background:#07111f;overflow:hidden}
.cover-column{display:flex;flex-direction:column;gap:18px;will-change:transform}
.cover-column:nth-child(even){transform:translateY(-10%)}
.cover-column img{width:100%;aspect-ratio:.785;object-fit:cover;box-shadow:0 22px 52px rgba(0,0,0,.46);border:1px solid rgba(255,255,255,.3)}
.cover-column-a{animation:coverDrift 24s ease-in-out infinite alternate}
.cover-column-b{animation:coverDriftReverse 28s ease-in-out infinite alternate}
.cover-column-c{animation:coverDrift 31s ease-in-out infinite alternate}
.cover-column-d{animation:coverDriftReverse 26s ease-in-out infinite alternate}
@keyframes coverDrift{to{transform:translateY(-4%)}}
@keyframes coverDriftReverse{from{transform:translateY(-10%)}to{transform:translateY(-15%)}}
.hero .hero-shade{background:linear-gradient(90deg,rgba(3,12,26,.99) 0%,rgba(3,12,26,.95) 29%,rgba(3,12,26,.72) 47%,rgba(3,12,26,.16) 75%),linear-gradient(0deg,rgba(2,9,20,.74),transparent 55%)}
.hero-index{text-shadow:0 2px 16px #07111f}
@media(max-width:760px){.cover-wall{left:18%;top:-2%;width:120%;height:102%;grid-template-columns:repeat(4,1fr);gap:9px;padding:9px;opacity:.8;transform:rotate(-6deg) scale(1.12)}.cover-column{gap:9px}.cover-column-d{display:none}.hero .hero-shade{background:linear-gradient(90deg,rgba(2,10,23,.96) 0%,rgba(2,10,23,.84) 46%,rgba(2,10,23,.24)),linear-gradient(0deg,rgba(2,9,20,.84),transparent 55%)}}
@media(prefers-reduced-motion:reduce){.cover-column{animation:none}}