.hero{position:relative;background:linear-gradient(90deg,#0d1222 0%,#11182bea 38%,#151a2bb0 64%,#101525 100%),radial-gradient(circle at 84% 24%,#ff9f1c55 0 12%,transparent 33%),radial-gradient(circle at 76% 82%,#6ff6cf33 0 10%,transparent 32%),#0e1023;color:#fff;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,#ffffff0d 48% 49%,transparent 49% 100%),repeating-linear-gradient(0deg,transparent 0 36px,#ffffff08 36px 37px);opacity:.7;pointer-events:none}
.hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:min(48vw,720px);background:linear-gradient(90deg,#0e102300,#0e102399 42%,#0e1023),linear-gradient(180deg,#ffffff0d,#00000020);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.hero-inner{min-height:620px;display:flex;flex-direction:column;justify-content:center}
.hero-credit{display:none}
.hero-poster-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(70px,1fr));gap:10px;max-width:820px;margin:30px 0 0;perspective:900px}
.hero-poster-strip:before{content:"Catalog preview";position:absolute;left:0;top:-26px;color:var(--mint);font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em}
.hero-poster-strip a{display:grid;place-items:center;aspect-ratio:2/3;background:#080914;border:1px solid #ffffff45;box-shadow:0 18px 42px #00000070;overflow:hidden;transform:translateY(0) rotate(-1deg);animation:posterFloat 7s ease-in-out infinite}
.hero-poster-strip a:nth-child(2n){transform:translateY(0) rotate(1.25deg);animation-delay:-1.4s}
.hero-poster-strip a:nth-child(3){animation-delay:-2.8s}
.hero-poster-strip a:nth-child(4){animation-delay:-4.2s}
.hero-poster-strip a:nth-child(5){animation-delay:-5.6s}
.hero-poster-strip a:hover{border-color:var(--mint);transform:translateY(-6px);animation-play-state:paused}
.hero-poster-strip img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#080914;filter:saturate(1.08) contrast(1.04)}
@keyframes posterFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:780px){.hero-inner{min-height:580px}.hero:after{width:100%;clip-path:none;opacity:.45}.hero-poster-strip{grid-template-columns:repeat(6,minmax(44px,1fr));gap:6px}.hero-poster-strip a{box-shadow:0 10px 24px #00000045}}
@media(max-width:500px){.hero-inner{min-height:auto}.hero-poster-strip{grid-template-columns:repeat(3,1fr);max-width:100%}}