.wb{background:var(--background);--ease:cubic-bezier(.22, 1, .36, 1);position:relative}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.wb{height:calc(var(--wb-n) * 72svh + 50svh)}.wb-stage{height:100svh;position:sticky;top:0}}.wb-stage{flex-direction:column;gap:clamp(1rem,2.4svh,1.75rem);padding:calc(3.75rem + 4svh) 1.25rem 2.5rem;display:flex}@media (min-width:768px){.wb-stage{padding:calc(3.75rem + 5svh) 2.5rem 2.5rem}}.wb-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.wb-count{align-items:flex-end;gap:1.25rem;display:none}.wb-count p{color:var(--accent);align-items:flex-end;gap:.35rem;font-size:clamp(2.75rem,5.5vw,4.5rem);line-height:.85;display:flex}.wb-count small{color:var(--muted);padding-bottom:.3rem;font-size:.8125rem;font-style:normal;font-weight:400}.wb-count-n{padding-right:.08em;overflow:hidden}.wb-pills{gap:.375rem;margin:0 0 .55rem;padding:0;list-style:none;display:flex}.wb-pills button{background:color-mix(in srgb, var(--foreground) 14%, transparent);cursor:pointer;border-radius:99px;width:1.75rem;height:3px;display:block;position:relative;overflow:hidden}.wb-pills button:after{content:"";background:var(--accent);transform-origin:0;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.wb-pills button.is-on:after{transform:scaleX(1)}.wb-pills button.is-past:after{background:color-mix(in srgb, var(--foreground) 40%, transparent);transform:scaleX(1)}.wb-tile{text-align:left;-webkit-backdrop-filter:blur(26px)saturate(1.7);backdrop-filter:blur(26px)saturate(1.7);clip-path:inset(42% round 999px);filter:blur(22px);opacity:0;min-width:0;min-height:0;transition:clip-path 1s var(--ease) var(--dl,0s), filter .85s var(--ease) var(--dl,0s), opacity .5s ease var(--dl,0s), transform 1.05s var(--ease) var(--dl,0s), box-shadow .4s ease, translate .4s var(--ease);border-radius:24px;flex-direction:column;justify-content:space-between;gap:.75rem;padding:clamp(1rem,1.6vw,1.5rem);display:flex;position:relative;overflow:hidden;transform:scale(.86);box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff29,0 24px 50px -28px #00000059}.is-open .wb-tile{clip-path:inset(0 round 24px);filter:none;opacity:1;transform:none}@media (hover:hover){.is-open a.wb-tile:hover,.is-open button.wb-tile:hover{translate:0 -3px;box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff3d,0 30px 60px -26px #00000073}}.wb-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wb .c-blue{color:#fff;background:#1f1fe8e6}.wb .c-peri{color:#fff;background:#6d6dffe0}.wb .c-ink{color:#fff;background:#0a0a0a}.wb .c-mist{color:#12127a;background:#e9e9fd}.wb .c-grey{background:var(--surface);color:var(--foreground)}.wb .c-paper{background:var(--background);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border), 0 24px 50px -30px #0003}:root[data-theme=dark] .wb .c-mist{color:#e6e6ff;background:#6d6dff33}:root[data-theme=dark] .wb .c-ink{background:#161616}.wb-kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.65;align-items:center;gap:.4rem;font-size:.6562rem;display:inline-flex}.wb-name{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(1.75rem,min(3.2vw,5.2svh),3.75rem);font-weight:600;line-height:.95}.wb-big{font-size:clamp(2.5rem,min(4.4vw,7svh),5rem);line-height:.9}.wb-small{opacity:.7;min-height:1em;font-size:.75rem}.wb-quote{letter-spacing:-.01em;font-size:clamp(.95rem,min(1.35vw,2.3svh),1.35rem);line-height:1.35}.wb-sum-foot{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.wb-tags{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.wb-tags a{background:color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:999px;align-items:center;gap:.4rem;height:1.9rem;padding-inline:.75rem;font-size:.75rem;transition:background-color .25s,color .25s;display:inline-flex}.wb-tags a:hover{background:var(--foreground);color:var(--background)}.wb-go{background:var(--foreground);width:3rem;height:3rem;color:var(--background);transition:transform .4s var(--ease);border-radius:999px;flex:none;place-items:center;display:grid}.wb-go:hover{transform:rotate(45deg)}.wb-shot-tag{z-index:3;color:var(--foreground);background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:.4rem .8rem;position:absolute;top:1rem;left:1rem}.wb-tile>*{opacity:0;transition:opacity .5s ease calc(var(--dl,0s) + .35s), transform .75s var(--ease) calc(var(--dl,0s) + .35s);transform:translateY(10px)}.is-open .wb-tile>*{opacity:1;transform:none}.wb-swap{min-height:0;display:grid}.wb-layer{justify-content:space-between;gap:inherit;flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.wb-fill,.wb-fill>.wb-layer{flex:1;gap:.75rem}.wb-layer.is-in{animation:wb-in .85s var(--ease) var(--dl,0s) both}.wb-layer.is-out{animation:wb-out .6s var(--ease) var(--dl,0s) both;pointer-events:none}@keyframes wb-in{0%{opacity:0;filter:blur(10px);clip-path:inset(0 0 100%);transform:translateY(32%)}to{opacity:1;filter:none;clip-path:inset(0 0 -20%);transform:none}}@keyframes wb-out{to{opacity:0;filter:blur(10px);transform:translateY(-24%)}}.wb-grid,.wb-rail{display:none}@media (min-width:1024px){.wb-count{display:flex}.wb-grid{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,1.05fr) minmax(0,.8fr);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"main main name year""main main sum sum""ph1 ph2 next all";gap:.75rem;min-height:0;max-height:60rem;display:grid;position:relative}.wb-a-main{grid-area:main;padding:0}.wb-a-name{grid-area:name}.wb-a-year{grid-area:year}.wb-a-sum{grid-area:sum}.wb-a-ph1{grid-area:ph1;padding:0}.wb-a-ph2{grid-area:ph2;padding:0}.wb-a-next{cursor:pointer;grid-area:next}.wb-a-all{grid-area:all}}.wb-a-main{--mx:0;--my:0}.wb-a-main>*{transform:none}.wb-shot{clip-path:inset(100% 0 0);transition:clip-path 1.05s var(--ease);position:absolute;inset:0}.wb-shot.is-past{clip-path:inset(0 0 100%)}.wb-shot.is-on{clip-path:inset(0);z-index:1}.wb-shot img{object-fit:cover;width:100%;height:100%;transform:translate(calc(var(--mx) * -1.2%), calc(var(--my) * -1.2%)) scale(1.18);transition:transform 1.3s var(--ease)}.wb-shot.is-on img{transform:translate(calc(var(--mx) * -1.2%), calc(var(--my) * -1.2%)) scale(1.06)}.wb-a-main:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 60%,#00000047);position:absolute;inset:0}.wb-photo,.wb-photo>.wb-layer{height:100%}.wb-photo img{object-fit:cover;width:100%;height:100%}.wb-photo .wb-layer.is-in{animation-name:wb-photo-in;animation-duration:1s}.wb-photo .wb-layer.is-out{opacity:1;animation:none}@keyframes wb-photo-in{0%{clip-path:inset(100% 0 0 round 24px)}to{clip-path:inset(0)}}.wb-photo img{transition:transform .8s var(--ease)}@media (hover:hover){.wb-a-ph1:hover img,.wb-a-ph2:hover img{transform:scale(1.06)}}.wb-next-name>.wb-layer{flex-direction:row;justify-content:space-between;align-items:flex-end}.wb-next-name span{letter-spacing:-.04em;font-size:clamp(1.25rem,min(2vw,3.4svh),2.25rem);font-weight:600;line-height:1}.wb-a-next svg{width:1.25rem;height:1.25rem;transition:transform .4s var(--ease)}.wb-a-next:hover svg{transform:translateY(4px)}.wb-all{letter-spacing:-.04em;justify-content:space-between;align-items:flex-end;gap:.75rem;font-size:clamp(1.25rem,min(2vw,3.4svh),2.25rem);font-weight:600;line-height:1;display:flex}.wb-all svg{width:1.25rem;height:1.25rem;transition:transform .4s var(--ease);flex:none}.wb-a-all:hover .wb-all svg{transform:translate(3px,-3px)}.wb-progress{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:2px;height:2px;position:absolute;bottom:-1rem;left:0;right:0;overflow:hidden}.wb-progress:after{content:"";background:var(--accent);transform:scaleX(var(--wb-p,0));transform-origin:0;position:absolute;inset:0}@media (max-width:1023px),(prefers-reduced-motion:reduce){.wb-rail{margin-inline:-1.25rem;display:block}.wb-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:.75rem;padding:.25rem 1.25rem .5rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.wb-track::-webkit-scrollbar{display:none}.wb-card{scroll-snap-align:start;flex:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"photo photo""name year""sum sum";gap:.5rem;width:min(84vw,26rem);display:grid}.wb-c-photo{aspect-ratio:1;grid-area:photo;padding:0}.wb-c-photo picture,.wb-c-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wb-c-photo picture{transform:none}.wb-c-name{grid-area:name;min-height:8.5rem}.wb-c-year{grid-area:year}.wb-c-sum{grid-area:sum}.wb-card .wb-name{font-size:clamp(1.5rem,7vw,2.25rem)}.wb-card .wb-big{font-size:clamp(2.25rem,10vw,3rem)}.wb-card .wb-quote{font-size:.9375rem}.wb-rail-foot{justify-content:space-between;align-items:center;padding:.9rem 1.25rem 0;display:flex}.wb-dots{gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.wb-dots li{background:color-mix(in srgb, var(--foreground) 18%, transparent);width:.4rem;height:.4rem;transition:width .4s var(--ease), background-color .3s;border-radius:99px}.wb-dots li.is-on{background:var(--accent);width:1.5rem}.wb-all-m{background:var(--foreground);height:2.5rem;color:var(--background);border-radius:999px;align-items:center;gap:.4rem;padding-inline:1rem;font-size:.8125rem;display:inline-flex}}@media (min-width:768px) and (max-width:1023px){.wb-rail{margin-inline:-2.5rem}.wb-track{padding-inline:2.5rem;scroll-padding-inline:2.5rem}.wb-card{width:min(58vw,28rem)}.wb-rail-foot{padding-inline:2.5rem}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.wb-grid,.wb-count{display:none}.wb-card{width:26rem}}@media (prefers-reduced-motion:reduce){.wb-tile,.wb-tile>*{clip-path:none;filter:none;opacity:1;transition:none;transform:none}.wb-layer.is-in,.wb-layer.is-out{animation:none}}.wb-figs{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,1.4svh,1rem) .75rem;margin:0;display:grid}.wb-figs>div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.wb-figs dd{color:#1f1fe8;margin:0;font-size:clamp(1.6rem,min(2.6vw,4.4svh),3rem);line-height:.9}:root[data-theme=dark] .wb .c-mist .wb-figs dd{color:#b9b9ff}.wb-figs dt{opacity:.75;overflow-wrap:anywhere;font-size:.6875rem;line-height:1.25}.wb-figs>div:only-child dd,.wb-figs>div:first-child:nth-last-child(2) dd,.wb-figs>div:first-child:nth-last-child(2)~div dd{font-size:clamp(2.2rem,min(3.6vw,6svh),4rem)}.wb-name-wrap{flex-direction:column;gap:.5rem;display:flex}.wb-sub{opacity:.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.wb-goal{flex-direction:column;gap:.6rem;display:flex}.wb-quote-lg{letter-spacing:-.025em;font-size:clamp(1.1rem,min(1.7vw,2.9svh),1.75rem);font-weight:500;line-height:1.2}.wb-did{flex-wrap:wrap;align-content:flex-end;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.wb-did li{background:color-mix(in srgb, currentColor 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 16%, transparent);animation:wb-chip .6s var(--ease) calc(var(--dl,0s) + .25s + var(--i,0) * 50ms) both;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;line-height:1.2}.wb-did li.is-more{color:#fff;box-shadow:none;background:#1f1fe8}.wb-did.is-specs li{border-radius:10px}@keyframes wb-chip{0%{opacity:0;transform:translateY(8px)scale(.92)}}.wb-did-tile,.wb-did-tile .wb-layer{justify-content:space-between}@media (min-width:1024px){.wb-did-tile .wb-did{max-height:100%;overflow:hidden}}.wb-live-wrap{z-index:3;position:absolute;bottom:1rem;left:1rem}.wb-live{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0a73;border-radius:999px;align-items:center;gap:.5rem;height:2rem;padding-inline:.8rem;font-size:.75rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.wb-live i{background:#22c55e;border-radius:50%;width:7px;height:7px;position:relative}.wb-live i:after{content:"";border:1.5px solid #22c55e;border-radius:50%;animation:1.8s ease-out infinite wb-ping;position:absolute;inset:-4px}@keyframes wb-ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.wb-live i:after,.wb-did li{animation:none}}@media (max-width:1023px),(prefers-reduced-motion:reduce){.wb-c-sum{gap:1rem}.wb-c-year .wb-figs{column-gap:1rem}.wb-c-year .wb-figs dd{font-size:clamp(1.3rem,5.6vw,1.8rem)}.wb-c-name{min-height:9.5rem}}@media (min-width:1024px){.wb-a-ph2.wb-did-tile{padding:clamp(1rem,1.6vw,1.5rem)}.wb-did-tile .wb-fill,.wb-did-tile .wb-fill>.wb-layer{min-height:0;overflow:hidden}}