.genre-hero{isolation:isolate;min-height:42vh;padding-top:calc(var(--nav-h) + var(--space-6));align-items:flex-end;display:flex;position:relative}.genre-bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.genre-hero:before{content:"";background:var(--scrim-cinema-dim);position:absolute;inset:0}.genre-hero:after{content:"";background:var(--scrim-hero-soft);position:absolute;inset:0}.genre-headings{z-index:1;max-width:var(--container-wide);width:100%;padding:0 var(--page-x) var(--space-10);gap:var(--space-3);margin:0 auto;display:grid;position:relative}.genre-headings .slate{color:var(--text-primary);margin-bottom:0}.genre-title{font:var(--type-display-1);letter-spacing:var(--track-tight)}.genre-blurb{font:var(--type-essay);color:var(--text-secondary);max-width:52ch}.genre-body{max-width:var(--container-wide);padding:var(--space-10) var(--page-x) var(--space-20);margin:0 auto}.genre-count{margin-bottom:var(--space-6)}@media (width<=768px){.genre-headings,.genre-body{padding-left:var(--page-x);padding-right:var(--page-x)}}@media (width<=300px){.genre-title{overflow-wrap:anywhere;font-size:clamp(1.75rem,11vw,2.5rem)}}