:root{--paper:#17191c;--ink:#f5f5f5;--muted:#a7adb5;--line:#373c43;--accent:#a7adb5;--gold:#d6b66b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a7adb5;outline-offset:5px}::selection{background:var(--accent);color:#17191c}
.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:min(1280px,calc(100% - 96px));border-bottom:1px solid var(--line)}.signature{display:block;width:100%;height:auto}.wordmark{display:flex;align-items:center;line-height:1}.wordmark .signature{width:92px;height:65px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.site-header nav a{padding:10px 0;color:var(--muted)}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:8px}.site-header nav span{margin-left:4px}
.home{min-height:100svh;display:flex;flex-direction:column}.home-main{width:min(1152px,calc(100% - 128px));margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding:78px 0 100px;flex:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 18px;color:var(--muted)}.home-title h1{margin:0;line-height:0}.home-title .signature{width:min(100%,510px);height:auto}.socials{padding-top:30px}.social-link{display:flex;align-items:center;gap:22px;min-height:128px;border-top:1px solid var(--ink);padding:22px 0;transition:padding .3s ease,color 1s linear,border-color 1s linear}.social-link:last-child{border-bottom:1px solid var(--ink)}.social-link:hover{padding-left:10px}.social-name{font-size:clamp(25px,2.6vw,37px);font-weight:800;letter-spacing:-1.2px}.social-name small{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:7px}.social-icon{width:36px;height:36px;flex:none}.social-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.7}.social-icon .dot{fill:currentColor;stroke:none}.social-icon.youtube svg{fill:currentColor;stroke:none}.social-icon.youtube .cut{fill:var(--paper)}.social-arrow{margin-left:auto;font-size:34px;font-weight:400;transition:transform .2s}.social-link:hover .social-arrow{transform:translate(3px,-3px)}
.site-footer{width:min(1280px,calc(100% - 96px));margin:0 auto;min-height:84px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.site-footer a{line-height:1.6}.site-footer a:hover{color:var(--ink)}.site-footer a span{margin-left:10px}
.rankings-main{width:min(1152px,calc(100% - 128px));margin:74px auto 100px;min-height:calc(100svh - 358px)}.rankings-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:42px}.rankings-heading h1{font-size:clamp(60px,7.3vw,100px);line-height:.98;letter-spacing:-.07em;margin:0;font-weight:900}.rankings-heading .description{max-width:245px;font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 5px}.ranking-card{position:relative;display:grid;grid-template-columns:1.65fr 1fr;border:1px solid var(--line);background:#a7adb514;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,border-color 1s linear,color 1s linear}.ranking-card:hover{border-color:var(--ink)}.ranking-cover{position:relative;aspect-ratio:1673/940;overflow:hidden;background:#17191c}.ranking-cover>img{width:100%;height:100%;display:block}.mini-head{position:absolute;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 1px 1px #0004)}.mini-goat{position:absolute;left:10.7597%;top:48.8298%;width:4.7818%;height:8.4043%;background:white;display:grid;place-items:center}.mini-goat img{width:95%;height:97.5%;object-fit:contain}.ranking-card-text{padding:36px;display:flex;flex-direction:column;align-items:flex-start}.card-label{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.ranking-card h2{font-size:clamp(26px,3vw,42px);line-height:1.05;letter-spacing:-.045em;margin:24px 0 16px}.ranking-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 28px;max-width:240px}.card-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:14px;font-weight:700;padding-top:20px;border-top:1px solid var(--line)}.card-cta span{font-size:25px;transition:transform .2s}.ranking-card:hover .card-cta span{transform:translateX(5px)}
@media(min-width:1800px){.home-main{max-height:900px}}@media(max-width:900px){.site-header,.site-footer{width:calc(100% - 48px)}.home-main,.rankings-main{width:calc(100% - 64px)}.home-main{gap:6%;grid-template-columns:1fr 1fr}.home-title .signature{width:100%}.social-link{gap:16px;min-height:108px}.social-icon{width:28px;height:28px}.social-name{font-size:28px}.ranking-card-text{padding:24px}.rankings-heading .description{max-width:210px}.ranking-card h2{margin-top:20px}}
@media(max-width:620px){.site-header{height:82px}.site-header nav{gap:22px;font-size:13px}.wordmark .signature{width:79px;height:55px}.home-main{grid-template-columns:1fr;padding:35px 0 45px;gap:30px}.home-title .signature{max-width:330px;margin:0 auto}.socials{padding-top:0}.social-link{min-height:104px}.social-name{font-size:31px}.social-icon{width:30px;height:30px}.site-footer{min-height:95px;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px;font-size:11px}.rankings-main{margin:50px auto 65px}.rankings-heading{display:block;margin-bottom:30px}.rankings-heading .description{max-width:260px;margin:22px 0 0}.rankings-heading h1{font-size:64px}.ranking-card{grid-template-columns:1fr}.ranking-card-text{padding:25px}.ranking-card h2{font-size:35px;margin:18px 0 12px}.ranking-card p{max-width:280px;margin-bottom:25px}}

a{transition:color 1s linear,background-color 1s linear,border-color 1s linear,text-decoration-color 1s linear}
.social-link small,.ranking-card p,.card-label,.card-cta{transition:color 1s linear,border-color 1s linear}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible,.social-link:hover,.social-link:focus-visible{color:var(--gold);text-decoration-color:var(--gold)}
.social-link:hover,.social-link:focus-visible{border-color:var(--gold)}
.social-link:hover small,.social-link:focus-visible small{color:var(--gold)}
.ranking-card:hover,.ranking-card:focus-visible{border-color:var(--gold);color:var(--gold)}
.ranking-card:hover p,.ranking-card:hover .card-label,.ranking-card:focus-visible p,.ranking-card:focus-visible .card-label{color:var(--gold)}
.card-label::before{transition:background-color 1s linear}.ranking-card:hover .card-label::before,.ranking-card:focus-visible .card-label::before{background:var(--gold)}
.wordmark{position:relative}.wordmark .signature{opacity:0}
.wordmark::after{content:"";position:absolute;inset:0;background:#f5f5f5;-webkit-mask:url('/assets/brand/signature-light.svg') center/contain no-repeat;mask:url('/assets/brand/signature-light.svg') center/contain no-repeat;opacity:1;pointer-events:none;transition:background-color 1s linear}
.wordmark:hover::after,.wordmark:focus-visible::after{background:var(--gold)}


.ranking-card-shell{perspective:1400px;isolation:isolate}
.ranking-card{transform:translateY(var(--card-lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center;transform-style:preserve-3d}
.ranking-card.is-tilted{box-shadow:0 22px 44px #0007,0 5px 14px #0004;will-change:transform}
.ranking-card::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,50%),#ffffff16,transparent 65%);opacity:0;pointer-events:none;transition:opacity .28s ease}
.ranking-card.is-tilted::after{opacity:1}
@media(prefers-reduced-motion:reduce){.ranking-card{transform:none!important}.ranking-card::after{display:none}}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Vector arrows render identically instead of using platform emoji fonts. */
.ui-arrow{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;flex:none;pointer-events:none}