.genre-page{background:#f8f5ef;color:var(--ink)}.genre-header{height:120px;padding:25px var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.genre-header .brand{display:grid;justify-items:start}.genre-header .brand span{font-size:34px}.genre-header .brand small{font-size:7px;margin-top:8px}.genre-header .brand b{font-size:5px;margin-top:5px}.back-link{font-size:8px;text-transform:uppercase;letter-spacing:.16em}.genre-hero{padding:150px var(--pad) 140px;max-width:920px;margin:auto;text-align:center}.genre-hero h1{font:300 clamp(56px,8vw,112px)/.82 var(--serif);letter-spacing:-.04em;margin:22px 0 36px}.genre-hero h1 em{font-weight:400}.genre-hero>p:last-child{max-width:390px;margin:auto;color:var(--muted);line-height:1.8;font-size:11px}.genre-list{max-width:1060px;margin:auto;padding:0 var(--pad) 140px}.genre-list article{display:grid;grid-template-columns:180px 1fr;gap:55px;padding:70px 0;border-top:1px solid var(--line);scroll-margin-top:30px}.genre-placeholder{height:180px;background:linear-gradient(135deg,#ddd4c6,#bbb09f);display:grid;place-items:center;font:300 40px var(--serif);color:#fff}.genre-list h2{font:300 clamp(36px,5vw,65px)/.9 var(--serif);margin:14px 0 24px}.genre-list article p:not(.section-label){max-width:500px;color:var(--muted);font-size:11px;line-height:1.8}.embed-placeholder{margin-top:24px;aspect-ratio:16/9;background:#272521;color:#eee;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.17em;font-size:8px}.genre-footer{padding:35px var(--pad);background:var(--ink);color:#eee;display:flex;align-items:center;justify-content:space-between;font-size:9px}.genre-footer .brand{display:flex;align-items:end}.genre-footer .brand span{font-size:28px}.genre-footer .brand small{font-size:7px}@media(max-width:760px){.genre-header{height:95px;padding:20px 28px}.genre-hero{padding:110px 28px 90px}.genre-list{padding-left:28px;padding-right:28px}.genre-list article{grid-template-columns:1fr;gap:24px;padding:52px 0}.genre-placeholder{height:210px}.genre-footer{padding:28px;flex-direction:column;align-items:flex-start;gap:20px}}