.hub .next{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;margin:56px 0 0;padding:34px;border-radius:var(--r-big);background:var(--card);border:1px solid var(--rule);overflow:hidden;isolation:isolate}.hub .next:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 360px at 85% 20%,color-mix(in srgb,var(--a) 22%,transparent),transparent 70%)}.hub .next .ntag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;background:#ffdd00;color:#000;font:700 12px var(--font-sans)}.hub .next h2{margin:16px 0 8px;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em;font-weight:800}.hub .next .sub2{font:500 14px var(--font-mono);color:var(--at);margin:0 0 12px}.hub .next p{color:var(--ink-2);margin:0 0 22px}.hub .next-peek{position:relative}.hub .next-peek .frame{position:relative;border-color:color-mix(in srgb,var(--a) 40%,var(--edge));box-shadow:var(--sh-screen),0 30px 90px -30px color-mix(in srgb,var(--a) 70%,transparent);animation:peek-float 7s ease-in-out infinite}.hub .next-peek .frame>:not(.ch){filter:blur(3.5px) saturate(.9);transition:filter .6s var(--ease)}.hub .next-peek:hover .frame>:not(.ch){filter:blur(1.5px) saturate(1)}.hub .next-peek .frame:after{content:"";position:absolute;inset:30px 0 0;pointer-events:none;background-size:260% 100%;animation:peek-sweep 4.5s ease-in-out infinite;background-image:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--a) 22%,transparent) 48%,rgb(255 255 255/.1) 50%,transparent 62%)}@keyframes peek-float{50%{translate:0 -8px}}@keyframes peek-sweep{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.hub .next-peek:after{content:attr(data-when);position:absolute;left:50%;top:54%;translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;padding:10px 18px 10px 40px;border-radius:99px;font:700 14px var(--font-sans);color:var(--ink);white-space:nowrap;border:1px solid color-mix(in srgb,var(--a) 60%,transparent);backdrop-filter:blur(8px);box-shadow:var(--sh-pop),0 0 0 0 color-mix(in srgb,var(--a) 45%,transparent);animation:peek-pulse 2.6s ease-out infinite;background:color-mix(in srgb,var(--a) 18%,color-mix(in srgb,var(--card) 85%,transparent)) var(--lock) 15px 50% /16px no-repeat}@keyframes peek-pulse{70%,to{box-shadow:var(--sh-pop),0 0 0 12px transparent}}@media (prefers-reduced-motion:reduce){.hub .next-peek .frame,.hub .next-peek .frame:after,.hub .next-peek:after{animation:none}}@media (max-width:860px){.hub .next{grid-template-columns:1fr;padding:24px}}.hub .prog{margin:44px 0 0}.hub .prog .row2{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink-2);margin-bottom:10px}.hub .prog .row2 b{color:var(--ink)}.hub .segs{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:4px}.hub .segs a{height:8px;border-radius:3px;background:var(--card-2);border:1px solid var(--rule);transition:transform .3s var(--ease)}.hub .segs a.on{background:var(--a);border-color:transparent}.hub .segs a:hover{transform:scaleY(1.6)}.hub .btns{display:flex;flex-wrap:wrap;gap:10px}.hub .month{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--rule)}.hub .month>h3{margin:6px 0 0;font:600 13px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);position:sticky;top:90px;align-self:start}.hub .items{display:grid;gap:10px}.hub .item{display:grid;grid-template-columns:112px 1fr auto;gap:18px;align-items:center;padding:12px 16px 12px 12px;border-radius:var(--r-mid);background:var(--card);border:1px solid var(--rule);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.hub .item:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--a) 60%,var(--rule));box-shadow:var(--sh-hover)}.hub .item>.lvb{justify-self:end}.hub .item .th{width:112px;aspect-ratio:16/10;border-radius:10px;position:relative;overflow:hidden;background:radial-gradient(120% 90% at 90% 0,color-mix(in srgb,var(--a) 22%,transparent),transparent 70%),var(--card-2);border:1px solid color-mix(in srgb,var(--a) 35%,var(--rule))}.hub .item .th img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .6s var(--ease)}.hub .item:hover .th img{transform:scale(1.06)}.hub .item .th-pic{position:absolute;left:0;top:0;width:370px;aspect-ratio:16/10;transform:scale(.3027);transform-origin:top left}.hub .item.soon .th img{filter:blur(2.5px) grayscale(.35) brightness(.7);transform:scale(1.08)}.hub .item.soon .th-pic{filter:blur(8px) grayscale(.35) brightness(.7)}.hub .item.soon .th{border-color:var(--rule)}.hub .item.soon .th:after{content:"";position:absolute;right:5px;bottom:5px;width:18px;height:18px;border-radius:6px;background:color-mix(in srgb,var(--card) 70%,transparent) var(--lock) center /10px no-repeat;border:1px solid var(--edge)}.hub .item b{display:block;font-size:17px;letter-spacing:-.01em}.hub .item small{font:12.5px var(--font-mono);color:var(--at);margin-right:8px}.hub .item .gp{color:var(--ink-3);font-size:13px}.hub .stt{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:600;white-space:nowrap}.hub .stt.soon{border:1px dashed var(--edge);color:var(--ink-2)}:root[data-theme=light] .hub .stt.soon{border-color:#8b8b96}@media (max-width:860px){.hub .month{grid-template-columns:1fr;gap:12px}.hub .month>h3{position:static}.hub .item{grid-template-columns:72px 1fr}.hub .item>.lvb{justify-self:end}.hub .item .th{width:72px}.hub .item .th-pic{transform:scale(.1946)}.hub .item .stt,.hub .item>.lvb{grid-column:2;justify-self:start}}