.ranking-page-hero{padding:6rem 0 5rem;background:var(--wine-deep);color:#f8eee9}.ranking-page-hero h1{margin:.5rem 0 1.2rem;font-size:clamp(4.5rem,10vw,9rem);font-weight:400}.ranking-page-hero h1 em{color:#d8a8b8;font-weight:400}.ranking-page-hero p:last-child{max-width:560px;color:#bba9af}.ranking-page-list{border-top:1px solid var(--line)}.ranking-page-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:1.2rem;padding:1.8rem .4rem;border-bottom:1px solid var(--line);text-decoration:none;transition:.2s}.ranking-page-row:hover{padding-left:1rem;background:#fffaf4}.ranking-page-row>span{color:var(--wine);font:italic 1.15rem var(--serif)}.ranking-page-row small,.ranking-page-row strong{display:block}.ranking-page-row small{margin-bottom:.35rem;color:var(--muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.ranking-page-row strong{font:400 clamp(1.5rem,3vw,2.5rem) var(--serif)}.ranking-page-row b{color:var(--wine);font-weight:400}@media(max-width:560px){.ranking-page-hero{padding:4rem 0}.ranking-page-row{grid-template-columns:44px 1fr auto;padding:1.35rem 0}.ranking-page-row strong{font-size:1.45rem}}