.visual-hero { min-height:420px; display:grid; align-items:end; border-radius:28px; overflow:hidden; border:1px solid var(--border); background-size:cover; background-position:center; margin:28px 0; position:relative; }
.visual-hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,9,13,.88),rgba(8,9,13,.38),rgba(8,9,13,.72)); }
.visual-hero > div { position:relative; padding:34px; max-width:780px; }
.theme-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.theme-strip img { width:100%; height:260px; object-fit:cover; border-radius:22px; border:1px solid var(--border); }
.theme-mini-grid { display:grid; grid-template-columns:repeat(9,minmax(90px,1fr)); gap:10px; }
.theme-mini-grid img { width:100%; height:110px; object-fit:cover; border-radius:14px; border:1px solid var(--border); }
@media(max-width:980px){ .theme-strip{grid-template-columns:1fr;} .theme-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }