.hero{padding-block:clamp(3rem,9vh,6rem) clamp(4rem,10vh,7rem);position:relative;overflow:clip}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}@media (max-width:62rem){.hero__grid{grid-template-columns:1fr}}.hero__title{max-width:15ch;margin-top:1.1rem;font-size:clamp(2.4rem,6.4vw,4.6rem)}.hero__accent{background:linear-gradient(100deg, var(--color-gold-bright), var(--color-gold) 45%, #f0d9a4);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:46ch;color:var(--color-muted);margin-top:1.6rem;font-size:clamp(1rem,1.6vw,1.12rem)}.hero__actions{flex-wrap:wrap;gap:.85rem;margin-top:2.2rem;display:flex}.hero__figures{flex-wrap:wrap;gap:2rem;margin-top:2.8rem;display:flex}.figure__value{font-family:var(--font-display);color:var(--color-ivory);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1}.figure__label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-faint);margin-top:.35rem;font-size:.78rem}.fan{perspective:1600px;place-items:center;min-height:clamp(22rem,46vw,34rem);display:grid;position:relative}.fan__card{transform-origin:50% 120%;width:clamp(11rem,21vw,16.5rem);animation:fan-in .9s var(--ease-out-expo) both;position:absolute}.fan__card:first-child{--a:-20deg;--x:-53%;--y:4%;--z:0;animation-delay:0s}.fan__card:nth-child(2){--a:-10deg;--x:-27%;--y:-2%;--z:1;animation-delay:90ms}.fan__card:nth-child(3){--a:0deg;--x:0%;--y:-6%;--z:2;animation-delay:.18s}.fan__card:nth-child(4){--a:10deg;--x:27%;--y:-2%;--z:1;animation-delay:.27s}.fan__card:nth-child(5){--a:20deg;--x:53%;--y:4%;--z:0;animation-delay:.36s}.fan__card{z-index:var(--z);transform:translate(var(--x), var(--y)) rotate(var(--a));transition:transform .5s var(--ease-spring), z-index 0s}.fan__card:hover{z-index:10;transform:translate(var(--x), calc(var(--y) - 5%)) rotate(calc(var(--a) * .25)) scale(1.06)}@keyframes fan-in{0%{opacity:0;transform:translateY(34%)rotate(0)scale(.9)}to{opacity:1;transform:translate(var(--x), var(--y)) rotate(var(--a))}}@media (max-width:42rem){.fan__card:first-child,.fan__card:nth-child(5){display:none}.fan__card:nth-child(2){--x:-34%;--a:-13deg}.fan__card:nth-child(4){--x:34%;--a:13deg}.fan__card{width:clamp(9rem,34vw,13rem)}}@media (prefers-reduced-motion:reduce){.fan__card{animation:none}}.section{padding-block:clamp(3.5rem,8vh,6rem)}.section__head{max-width:52rem;margin-bottom:clamp(2rem,4vw,3rem)}.section__title{margin-top:.8rem;font-size:clamp(1.7rem,3.4vw,2.6rem)}.section__lead{color:var(--color-muted);max-width:58ch;margin-top:1rem}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.stat-card{transition:transform .32s var(--ease-out-expo), border-color .32s var(--ease-out-expo);border-radius:1rem;padding:1.5rem 1.4rem;position:relative;overflow:hidden}.stat-card:hover{border-color:color-mix(in oklab, var(--tint) 55%, transparent);transform:translateY(-4px)}.stat-card__icon{width:1.7rem;height:1.7rem;color:var(--tint);filter:drop-shadow(0 0 12px color-mix(in oklab, var(--tint) 50%, transparent))}.stat-card__abbr{font-family:var(--font-mono);letter-spacing:.18em;color:var(--tint);margin-top:1rem;font-size:.78rem;font-weight:700}.stat-card__name{margin-top:.2rem;font-size:1.2rem}.stat-card__source{color:var(--color-muted);margin-top:.7rem;font-size:.88rem;line-height:1.5}.stat-card:before{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--tint) 26%, transparent), transparent 70%);filter:blur(30px);pointer-events:none;position:absolute;inset:-40% 40% 55% -30%}.ladder{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:48rem){.ladder{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}}.rung{border:1px solid color-mix(in oklab, var(--rarity-color) 30%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--rarity-color) 11%, transparent), transparent 75%);text-align:center;border-radius:.85rem;padding:1rem .85rem 1.1rem;position:relative;overflow:hidden}.rung__gem{background:radial-gradient(circle at 34% 30%, #fff, var(--rarity-color) 55%, #000 130%);width:.85rem;height:.85rem;box-shadow:0 0 14px color-mix(in oklab, var(--rarity-color) 75%, transparent);border-radius:50%;margin-inline:auto}.rung__name{color:color-mix(in oklab, var(--rarity-color) 72%, white);margin-top:.7rem;font-size:.82rem;font-weight:600}.rung__rate{font-family:var(--font-mono);color:var(--color-faint);font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.75rem}.rung__count{color:var(--color-faint);opacity:.75;margin-top:.15rem;font-size:.7rem}.card-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min,15rem), 1fr));gap:clamp(1.25rem,2.6vw,2.4rem);display:grid}@media (max-width:34rem){.card-grid{--card-min:9.5rem;gap:.9rem}}.card-grid>*{animation:card-rise .62s var(--ease-out-expo) both}.card-grid>:first-child{animation-delay:0s}.card-grid>:nth-child(2){animation-delay:55ms}.card-grid>:nth-child(3){animation-delay:.11s}.card-grid>:nth-child(4){animation-delay:.165s}.card-grid>:nth-child(5){animation-delay:.22s}.card-grid>:nth-child(6){animation-delay:.275s}.card-grid>:nth-child(7){animation-delay:.33s}.card-grid>:nth-child(n+8){animation-delay:.38s}@keyframes card-rise{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card-grid>*{animation:none}.stat-card,.fan__card{transition:none}}
