.ranking-page{--ranking-accent:#f4c483;color:#212323;background:#efefe9}.ranking-page a,.ranking-page button,.ranking-page summary{-webkit-tap-highlight-color:transparent}.ranking-page a:focus-visible,.ranking-page button:focus-visible,.ranking-page summary:focus-visible{outline-offset:6px;outline:2px solid}.ranking-hero{color:#f0f0e9;background:#111517;grid-template-columns:1.05fr 1fr;gap:2vw;min-height:850px;padding:135px 4vw 95px;display:grid;position:relative;overflow:clip}.ranking-hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.ranking-hero-copy{z-index:1;align-self:center;position:relative}.ranking-hero nav{color:#a5adad;flex-wrap:wrap;gap:10px;margin-bottom:55px;font:10px/1.8 monospace;display:flex}.ranking-kicker{letter-spacing:.15em;font:10px/1.8 monospace}.ranking-hero .ranking-kicker{color:var(--ranking-accent);margin-bottom:24px}.ranking-hero h1{font-family:var(--font-display);letter-spacing:-.055em;max-width:13ch;font-size:clamp(42px,5.7vw,90px);font-weight:600;line-height:1.02}.ranking-dek{color:#aeb9bb;max-width:48ch;margin-top:28px;font-size:15px;line-height:1.8}.ranking-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;font-size:12px;display:flex}.ranking-actions a:first-child{background:var(--ranking-accent);color:#111517;align-items:center;gap:20px;padding:17px 20px;display:flex}.ranking-actions a:last-child{border-bottom:1px solid #5b6669;padding:15px 0}.ranking-scroll{letter-spacing:.15em;gap:25px;font:10px monospace;display:flex;position:absolute;bottom:30px;left:4vw}.ranking-scene{color:#cad2d3;align-self:center;min-width:0;position:relative}.ranking-webgl{cursor:grab;touch-action:pan-y;background:radial-gradient(#24313955,#0000 70%);height:540px;position:relative;overflow:clip}.ranking-webgl:active{cursor:grabbing}.ranking-webgl canvas{opacity:0;transition:opacity .6s;position:absolute;inset:0}.ranking-webgl[data-ready] canvas{opacity:1}.ranking-scene-fallback{object-fit:cover;opacity:.65;width:100%;height:100%;transition:opacity .6s}.ranking-webgl[data-ready] .ranking-scene-fallback{opacity:0}.ranking-scene figcaption{letter-spacing:.1em;border-top:1px solid #ffffff25;justify-content:space-between;gap:12px;padding:16px 0;font:9px monospace;display:flex}.ranking-scene-controls{visibility:hidden;gap:10px;display:flex}.ranking-scene:has([data-ready]) .ranking-scene-controls{visibility:visible}.ranking-scene-controls button{border:1px solid #ffffff35;min-height:44px;padding:10px 16px;font:10px monospace;transition:background .3s,color .3s}.ranking-scene-controls button:hover,.ranking-scene-controls button[aria-pressed=true]{background:var(--ranking-accent);color:#111517}.ranking-intro{grid-template-columns:1fr 1fr;column-gap:7vw;padding:100px 7vw;display:grid}.ranking-intro>.ranking-kicker{grid-column:1/-1;margin-bottom:35px}.ranking-intro h2{letter-spacing:-.055em;max-width:12ch;font-size:clamp(45px,6vw,100px);font-weight:600;line-height:.98}.ranking-intro-copy p,.ranking-chapter p,.ranking-detail-body p,.ranking-detail-body li,.ranking-chapter li{margin-bottom:20px;font-size:15px;line-height:1.9}.ranking-intro-copy a,.ranking-chapter a,.ranking-detail-body a,.ranking-faq a{text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.ranking-story{color:#f0f0e9;background:#111517;grid-template-columns:1fr 1fr;display:grid}.ranking-story-visual{border-right:1px solid #ffffff18;min-width:0}.ranking-story-sticky{padding:35px 4vw;position:sticky;top:90px}.ranking-story-sticky>.ranking-kicker{color:var(--ranking-accent)}.ranking-story .ranking-webgl{height:340px}.ranking-story-sticky nav{margin-top:28px}.ranking-story-sticky nav a{color:#839094;border-top:1px solid #ffffff25;gap:20px;padding:15px 0;font-size:12px;display:flex}.ranking-story-sticky nav a[aria-current]{color:var(--ranking-accent)}.ranking-story-sticky nav span{font:10px monospace}.ranking-chapter{border-bottom:1px solid #ffffff18;min-height:720px;padding:100px 5vw 80px;scroll-margin-top:110px}.ranking-chapter-number{color:var(--ranking-accent);font:11px monospace}.ranking-chapter h2{letter-spacing:-.04em;margin:25px 0 35px;font-size:clamp(32px,3.5vw,56px);font-weight:500;line-height:1.1}.ranking-chapter p,.ranking-chapter li{color:#b3bfc1}.ranking-chapter ul,.ranking-detail-body ul{padding:0;list-style:none}.ranking-chapter li,.ranking-detail-body li{border-bottom:1px solid #80808035;padding:12px 0 12px 24px;position:relative}.ranking-chapter li:before,.ranking-detail-body li:before{content:"↗";position:absolute;left:0}.ranking-photo-band{background:#171d1f;height:550px;position:relative;overflow:clip}.ranking-photo-band img{object-fit:cover;object-position:center 40%;filter:saturate(.55);opacity:.78;width:100%;height:120%}.ranking-photo-band figcaption{color:#fff;background:linear-gradient(#0000,#0009);justify-content:space-between;gap:20px;padding:60px 4vw 25px;font:10px monospace;display:flex;position:absolute;bottom:0;left:0;right:0}.ranking-detail{grid-template-columns:.8fr 1.2fr;gap:7vw;padding:110px 6vw;display:grid}.ranking-detail-heading{align-self:start;position:sticky;top:130px}.ranking-detail-heading h2,.ranking-faq h2{letter-spacing:-.05em;margin:24px 0;font-size:clamp(44px,5vw,76px);font-weight:600;line-height:1.02}.ranking-detail-heading>p:not(.ranking-kicker){color:#666e6b;font-size:13px;line-height:1.8}.ranking-detail-list{border-top:1px solid #21232330;min-width:0}.ranking-detail-list details{border-bottom:1px solid #21232330}.ranking-detail-list summary{cursor:pointer;align-items:center;gap:20px;padding:25px 0;list-style:none;display:flex}.ranking-detail-list summary::-webkit-details-marker{display:none}.ranking-detail-list summary>span:first-child{font:10px monospace}.ranking-detail-list summary h3{letter-spacing:-.02em;flex:1;font-size:19px;line-height:1.35}.ranking-plus{font-size:25px;transition:transform .3s}.ranking-detail-list [open] .ranking-plus{transform:rotate(45deg)}.ranking-detail-body{padding:0 0 20px 35px;animation:.4s both ranking-open}.ranking-detail-body p{color:#56605c}.ranking-check{align-items:center;gap:12px;padding:20px 0;font-size:13px;display:flex}.ranking-check input{accent-color:#243139;width:20px;height:20px}.ranking-editorial-image img{width:100%;height:auto}.ranking-editorial-image figcaption{padding:15px 0;font-size:10px}.ranking-faq{background:#e2e3dc;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:80px 6vw;display:grid}.ranking-faq dl>div{border-top:1px solid #21232330;padding:24px 0}.ranking-faq dt{font-size:18px;font-weight:500;line-height:1.5}.ranking-faq dd{color:#56605c;margin-top:15px;font-size:14px;line-height:1.9}.ranking-related{padding:75px 6vw}.ranking-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px;margin-top:28px;display:grid}.ranking-related a{border-top:1px solid #21232330;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:14px;display:flex}.ranking-related svg{flex-shrink:0}.ranking-close{color:#f0f0e9;background:#111517;padding:100px 6vw;position:relative;overflow:clip}.ranking-close .ranking-kicker{color:var(--ranking-accent)}.ranking-close h2{letter-spacing:-.065em;margin:35px 0 50px;font-size:clamp(65px,11vw,170px);font-weight:500;line-height:.93}.ranking-close em{color:var(--ranking-accent);font-style:normal}.ranking-close>a{border-bottom:1px solid #ffffff50;align-items:center;gap:30px;margin-right:40px;padding:15px 0;font-size:14px;display:inline-flex}@keyframes ranking-open{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1600px){.ranking-hero{padding-left:8vw;padding-right:8vw}.ranking-webgl{height:640px}}@media (width<=900px){.ranking-hero{grid-template-columns:1fr;min-height:0;padding:120px 6vw 80px}.ranking-hero h1{max-width:18ch;font-size:clamp(45px,8vw,72px)}.ranking-hero nav{margin-bottom:32px}.ranking-hero .ranking-webgl{height:400px}.ranking-intro{gap:35px;padding:70px 6vw}.ranking-story{grid-template-columns:.9fr 1.1fr}.ranking-story-sticky{padding:25px 3vw}.ranking-story .ranking-webgl{height:270px}.ranking-chapter{padding:65px 5vw}.ranking-detail,.ranking-faq{gap:35px}}@media (width<=600px){.ranking-hero{padding-top:105px}.ranking-hero h1{font-size:48px}.ranking-dek{font-size:14px}.ranking-hero .ranking-webgl{height:330px}.ranking-hero .ranking-scene{margin-top:10px}.ranking-intro,.ranking-detail,.ranking-faq{grid-template-columns:1fr}.ranking-intro{padding:60px 6vw}.ranking-intro h2{font-size:60px}.ranking-story{display:block}.ranking-story-visual{border-bottom:1px solid #ffffff18;border-right:0}.ranking-story-sticky{padding:30px 6vw;position:relative;top:0}.ranking-story .ranking-webgl{height:320px}.ranking-chapter{min-height:0;padding:60px 6vw}.ranking-photo-band{height:380px}.ranking-detail{padding:65px 6vw}.ranking-detail-heading{position:static}.ranking-detail-body{padding-left:0}.ranking-detail-list summary{gap:12px}.ranking-detail-list summary h3{font-size:18px}.ranking-faq{padding:60px 6vw}.ranking-related>div{grid-template-columns:1fr}.ranking-close{padding:65px 6vw}.ranking-close h2{font-size:80px}.ranking-photo-band figcaption{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.ranking-page *,.ranking-page :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body:has(.ranking-page)>div header>div:first-child{background:#efefe9;border-bottom-color:#21232325}body:has(.ranking-page) header>div:first-child{background:#efefe9;border-bottom-color:#21232325}@media (width<=600px){.ranking-story-visual{z-index:2;background:#111517;position:sticky;top:56px}.ranking-story-sticky{padding:15px 6vw}.ranking-story .ranking-webgl{height:180px}.ranking-story .ranking-scene figcaption{display:none}.ranking-story .ranking-scene-controls button{min-height:38px;padding:7px 12px}.ranking-story-sticky nav{gap:16px;margin-top:12px;display:flex}.ranking-story-sticky nav a{flex:1;gap:6px;min-width:0;padding:9px 0;font-size:9px;line-height:1.4}.ranking-chapter{scroll-margin-top:370px}}@media (prefers-reduced-motion:reduce){.ranking-story-visual{position:relative;top:0}}@media (width<=600px){.ranking-hero{flex-direction:column;gap:18px;display:flex}.ranking-hero-copy{display:contents}.ranking-hero nav{order:0;margin-bottom:12px}.ranking-hero .ranking-kicker{order:1;margin-bottom:0}.ranking-hero h1{order:2;font-size:44px}.ranking-hero>.ranking-scene{order:3;width:100%;margin-top:0}.ranking-hero .ranking-webgl{height:245px}.ranking-hero .ranking-dek{order:4;margin-top:10px}.ranking-hero .ranking-actions{order:5;margin-top:5px}}.ranking-subhead{letter-spacing:-.01em;color:var(--ranking-accent);margin:1.6em 0 .4em;font-size:1.05rem;font-weight:600}