.demo-bar{color:#fff;padding:8px var(--gutter-r) 8px var(--gutter-l);text-align:center;background:#2b2420;font-size:12.5px;line-height:1.6}.demo-bar b{color:#ffc78a;letter-spacing:.1em}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}.genres6{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.genres6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.genres6{grid-template-columns:repeat(6,minmax(0,1fr))}}.genre6{color:#fff;aspect-ratio:4/3;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.genre6 .ph{position:absolute;inset:0}.genre6 .ph img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.genre6:hover .ph img{transform:scale(1.03)}.genre6:after{content:"";background:linear-gradient(#0000 35%,#000000ad);position:absolute;inset:0}.genre6 span{z-index:1;flex-direction:column;line-height:1.35;display:flex;position:absolute;bottom:10px;left:12px;right:8px}.genre6 b{font-family:var(--f-display);font-size:16px;font-weight:900}.genre6 small{opacity:.9;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}