.rep-banner{text-align:center;padding:80px 0 40px}.rep-banner h1{font-family:var(--serif-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:28px;font-size:clamp(28px,3.6vw,48px);font-weight:400;line-height:1.2}.rep-banner .subtitle{font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);max-width:720px;margin:0 auto 18px;font-size:14.5px;line-height:1.5}.rep-banner .meta{font-family:var(--serif-italic);color:var(--ink-3);margin-bottom:6px;font-size:14px;font-style:italic}.rep-banner .jump-link{font-family:var(--serif-italic);color:var(--gold-2);cursor:pointer;margin-bottom:28px;font-size:14.5px;font-style:italic;display:inline-block}.rep-banner .jump-link:hover{color:var(--gold);text-decoration:underline}.rep-list-section{padding:24px 0 40px}.rep-list{column-count:3;text-align:center;column-gap:56px;max-width:1100px;margin:0 auto;padding:0;list-style:none}.rep-list li{font-family:var(--serif-italic);color:var(--ink-2);break-inside:avoid;letter-spacing:.01em;font-size:13.5px;font-style:italic;line-height:1.9}.classical{border-top:1px solid var(--rule);padding:64px 0 40px}.classical h2{font-family:var(--serif-display);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:14px;font-size:clamp(24px,2.8vw,36px);font-weight:400}.classical .listed-by{text-align:center;font-family:var(--serif-italic);color:var(--ink-3);margin-bottom:36px;font-style:italic}.periods{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1180px;margin:0 auto;display:grid}.period h3{font-family:var(--serif-display);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);min-height:50px;margin-bottom:20px;font-size:17px;font-weight:400;line-height:1.3}.period ul{margin:0;padding:0;list-style:none}.period li{font-family:var(--serif-italic);color:var(--ink-2);font-size:13.5px;font-style:italic;line-height:1.85}@media (width<=1000px){.rep-list{column-count:2;column-gap:32px}.periods{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=600px){.rep-list{column-count:1}.periods{grid-template-columns:1fr}.rep-banner{padding:56px 0 32px}.rep-banner h1{margin-bottom:14px;font-size:clamp(28px,8vw,38px)}.rep-banner .subtitle{font-size:14px}.rep-banner .meta,.rep-banner .jump-link{font-size:12.5px}.rep-list-section{padding:32px 0 40px}.rep-list{font-size:13px}.classical{padding:40px 0 56px}.classical h2{margin-bottom:24px;font-size:clamp(22px,6.5vw,28px)}.periods{gap:28px}.period h3{font-size:16px}.period ul{font-size:13px}}
