html:has(.mx),html:has(.mx) body{background:#f7f4ee;color-scheme:light;overflow-x:clip}html:has(.mx) ::selection{background:#d9c8ff;color:#141414}html:has(.mx) ::-webkit-scrollbar-thumb{background:rgba(20,20,20,.2) padding-box}.mx{--paper:#f7f4ee;--ink:#141414;--muted:#6e6a63;--line:#e6e0d6;--violet:#6c3fe0;--violet-soft:#b9a3f3;display:grid;grid-template-columns:50vw minmax(0,1fr);min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif}.mx a{color:inherit}.mx-left{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh}.mx-stage{position:relative;height:100%;overflow:hidden;background:#0b0b0c;perspective:1200px;isolation:isolate}.mx-tilt{inset:-4%;transform-style:preserve-3d}.mx-art,.mx-tilt{position:absolute}.mx-art{inset:0;will-change:clip-path}.mx-art img{width:100%;height:100%;object-fit:cover}.mx-shade{inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 45%,rgba(0,0,0,.78))}.mx-glow,.mx-shade{position:absolute;z-index:1;pointer-events:none}.mx-glow{inset:auto -20% -30% -20%;height:70%;background:radial-gradient(closest-side,var(--glow),transparent);opacity:.55;mix-blend-mode:screen;filter:blur(30px);transition:background 1.2s ease;animation:mx-drift 9s ease-in-out infinite alternate}@keyframes mx-drift{0%{transform:translate3d(-8%,0,0) scale(1)}to{transform:translate3d(8%,-6%,0) scale(1.15)}}.mx-brand{top:26px;left:clamp(20px,3vw,40px);color:#fff!important;font-weight:900;font-size:15px;letter-spacing:.18em}.mx-brand,.mx-caption{position:absolute;z-index:2}.mx-caption{left:clamp(20px,3vw,44px);right:clamp(20px,3vw,44px);bottom:clamp(24px,5vh,52px);color:#fff}.mx-now{display:flex;align-items:center;gap:10px;font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.mx-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.mx-eq i{width:3px;height:100%;background:#fff;border-radius:2px;transform-origin:bottom;animation:mx-eq .9s ease-in-out infinite}.mx-eq i:nth-child(2){animation-delay:-.3s}.mx-eq i:nth-child(3){animation-delay:-.6s}.mx-eq i:nth-child(4){animation-delay:-.15s}@keyframes mx-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.mx-bignum{position:absolute;right:-.06em;bottom:-.18em;z-index:-1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35);font-weight:900;font-size:clamp(120px,18vw,300px);line-height:1;letter-spacing:-.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.mx-title{margin:14px 0 8px;max-width:12ch;font-size:clamp(40px,5.4vw,92px);font-weight:900;line-height:.92;letter-spacing:-.045em;text-wrap:balance}.mx-letters{display:inline}.mx-word{display:inline-block;white-space:nowrap}.mx-word>span{display:inline-block;will-change:transform}.mx-by{max-width:44ch;margin:0 0 22px;font-size:15px;opacity:.85}.mx-play{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:#111!important;transition:transform .35s cubic-bezier(.2,.7,.1,1)}.mx-play svg{margin-left:3px}.mx-play:hover{transform:scale(1.1)}.mx-ring{position:absolute;inset:0;border:2px solid #fff;border-radius:50%;animation:mx-ring 2.2s ease-out infinite;pointer-events:none}.mx-ring2{animation-delay:1.1s}@keyframes mx-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(2.2);opacity:0}}.mx-right{min-width:0;overflow-x:clip;padding:0 clamp(20px,4vw,64px) 40px}.mx-nav{display:flex;justify-content:flex-end;gap:24px;padding:26px 0;color:var(--muted);font-size:14px}.mx-nav a:hover{color:var(--ink)}.mx-head{padding:clamp(24px,8vh,90px) 0 clamp(20px,5vh,50px)}.mx-kicker{margin:0 0 14px;color:var(--violet);font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.mx-head h1{margin:0;font-size:clamp(36px,4.2vw,64px);font-weight:800;line-height:1;letter-spacing:-.04em}.mx-head h1 em{font-family:var(--font-serif),Georgia,serif;font-weight:400;letter-spacing:-.02em}.mx-stats{margin:18px 0 0;color:var(--muted);font-size:15px}.mx-list{margin:0;padding:0;list-style:none}.mx-row{position:relative;display:grid;grid-template-columns:clamp(52px,5vw,84px) minmax(0,1fr) clamp(64px,6vw,88px);align-items:center;grid-gap:clamp(12px,2vw,24px);gap:clamp(12px,2vw,24px);padding:clamp(14px,2.4vh,22px) 0;border-bottom:1px solid var(--line)}.mx-row:before{content:"";position:absolute;inset:4px -14px;z-index:0;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,transparent);opacity:0;transform:scaleX(.96);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.1,1)}.mx-row.is-active:before{opacity:1;transform:scaleX(1)}.mx-row>*{position:relative;z-index:1}.mx-rank{color:var(--violet-soft);font-weight:800;font-size:clamp(40px,4.6vw,72px);line-height:1;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:color .4s,transform .5s cubic-bezier(.2,.7,.1,1)}.mx-row.is-active .mx-rank{color:var(--violet);transform:translateX(6px)}.mx-text{display:flex;flex-direction:column;min-width:0}.mx-name{overflow:hidden;font-weight:800;font-size:clamp(20px,2vw,32px);line-height:1.1;letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;transition:color .3s}.mx-name:hover,.mx-row.is-active .mx-name{color:var(--violet)}.mx-artists{margin-top:4px;overflow:hidden;color:var(--muted);font-size:14px;white-space:nowrap;text-overflow:ellipsis}.mx-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;color:var(--muted);font-size:12.5px}.mx-links a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.mx-links a:hover{color:var(--violet);-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet)}.mx-thumb{perspective:600px}.mx-thumb img{display:block;width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;box-shadow:0 10px 24px -14px rgba(0,0,0,.5);transition:transform .6s cubic-bezier(.2,.7,.1,1),box-shadow .6s}.mx-row.is-active .mx-thumb img,.mx-row:hover .mx-thumb img{transform:rotateY(-18deg) rotateX(6deg) scale(1.12) translateZ(20px);box-shadow:0 20px 36px -14px color-mix(in srgb,var(--c) 70%,black)}.mx-h2{margin:clamp(48px,9vh,90px) 0 4px;font-family:var(--font-serif),Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(34px,3.4vw,52px)}.mx-note{margin:0 0 6px}.mx-foot,.mx-note{color:var(--muted)}.mx-foot{padding:clamp(40px,8vh,80px) 0 10px;font-size:13.5px;line-height:1.7}.mx-foot p{max-width:62ch;margin:0 0 10px}.mx-foot a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}@media (max-width:900px){.mx{grid-template-columns:1fr}.mx-left{z-index:5;height:46svh;min-height:300px}.mx-title{max-width:calc(100% - 70px);font-size:clamp(28px,8vw,44px)}.mx-by{margin-bottom:14px;font-size:13px}.mx-play{position:absolute;right:0;bottom:4px;width:54px;height:54px}.mx-caption{right:20px;bottom:18px}.mx-bignum{display:none}.mx-nav{justify-content:flex-start;padding:18px 0 0}.mx-head{padding:20px 0 16px}.mx-row{grid-template-columns:44px minmax(0,1fr) 60px;gap:12px}.mx-rank{font-size:34px}.mx-name{font-size:19px}}@media (prefers-reduced-motion:reduce){.mx-eq i,.mx-glow,.mx-ring{animation:none}.mx-ring{display:none}}