@property --nxa{syntax:"<angle>"; inherits:false; initial-value:0deg}.nx{margin:0 0 clamp(56px,7vw,96px)}.nx-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:clamp(14px,1.6vw,22px)}.nx-head .k{margin:0}.nx-count{font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--tx-3);white-space:nowrap}.nx-count b{font-weight:500;color:var(--tx)}.nx-card{--mx:50%;--my:50%;--px:0px;--py:0px;position:relative;display:block;min-height:clamp(340px,36vw,540px);border-radius:22px;overflow:hidden;background:#121212;color:#ececec;text-decoration:none;isolation:isolate;transform:translateY(0);transition:transform .6s var(--ease),box-shadow .6s}.nx-card:hover{transform:translateY(-6px);box-shadow:0 60px 90px -50px color-mix(in srgb,var(--ac) 50%,#000)}.nx-frame{position:absolute;inset:0;z-index:5;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--nxa),transparent 0 62%,color-mix(in srgb,var(--ac) 80%,#fff) 78%,transparent 100%),linear-gradient(#ffffff24,#ffffff24);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.8;animation:nxSpin 9s linear infinite;transition:opacity .4s}.nx-card:hover .nx-frame{opacity:1;animation-duration:4s}@keyframes nxSpin{to{--nxa:360deg}}.nx-art{position:absolute;inset:0;z-index:0;display:block;overflow:hidden}.nx-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.06) translate(var(--px),var(--py));transition:transform 1.2s var(--ease);will-change:transform}.nx-card:hover .nx-art img{transform:scale(1.1) translate(var(--px),var(--py))}.nx-card:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0a0a0a0f,#0a0a0a24 38%,#0a0a0ae6),radial-gradient(70% 55% at 12% 104%,color-mix(in srgb,var(--ac) 30%,transparent),transparent 70%)}.nx-spot{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--mx) var(--my),color-mix(in srgb,var(--ac) 32%,transparent),transparent 70%);mix-blend-mode:screen;transition:opacity .4s}.nx-card:hover .nx-spot{opacity:1}.nx-num{position:absolute;z-index:3;right:clamp(16px,2vw,28px);top:clamp(6px,1vw,14px);font:800 clamp(72px,10vw,150px)/1 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);pointer-events:none;transition:-webkit-text-stroke-color .4s}.nx-card:hover .nx-num{-webkit-text-stroke-color:color-mix(in srgb,var(--ac) 70%,#fff)}.nx-badge{position:absolute;z-index:4;left:clamp(16px,2vw,28px);top:clamp(16px,2vw,28px);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#0e0e0e8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 24px -10px #000c}.nx-badge img{width:30px;height:30px;border-radius:50%;display:block}.nx-in{position:absolute;z-index:6;left:0;right:0;bottom:0;display:grid;justify-items:start;gap:12px;padding:clamp(20px,2.8vw,40px)}.nx-k{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ecececad}.nx-k i{width:8px;height:8px;border-radius:50%;background:var(--ac);animation:nxPulse 2s ease-out infinite}@keyframes nxPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ac) 45%,transparent)}60%{box-shadow:0 0 0 7px transparent}}.nx-t{display:block;font:700 clamp(44px,6.2vw,96px)/.95 var(--display);letter-spacing:-.045em;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.5)}.nx-sub{max-width:52ch;font:400 clamp(14px,1.15vw,17px)/1.5 var(--sans);color:#ecececb3}.nx-cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:12px 18px;border-radius:999px;background:#f2f1ee;color:#111;font:600 13px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:background .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}.nx-cta i{font-style:normal;transition:transform .3s var(--ease)}.nx-card:hover .nx-cta{background:var(--ac);transform:translate(2px)}.nx-card:hover .nx-cta i{transform:translate(5px)}.nx-card .nx-cur{position:absolute;z-index:7;right:clamp(16px,2.4vw,34px);bottom:clamp(20px,2.8vw,40px);font:500 12px/1 var(--mono);letter-spacing:.06em;color:#ececec8c;text-transform:uppercase}.nx-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,14px);margin-top:clamp(10px,1.2vw,14px)}.nx-mini{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 16px;border-radius:14px;color:var(--tx);text-decoration:none;box-shadow:inset 0 0 0 1px var(--ln);background:color-mix(in srgb,currentColor 3%,transparent);transition:box-shadow .3s,transform .4s var(--ease),background .3s}.nx-mini:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac,#999) 70%,transparent);background:color-mix(in srgb,var(--ac,#999) 8%,transparent)}.nx-mini .nx-n{font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--tx-3)}.nx-mini .nx-tt{flex:1;min-width:0;font:600 15px/1.2 var(--display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tx)}.nx-mini .nx-s{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);padding:5px 8px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--ln);white-space:nowrap}.nx-mini.is-soon{cursor:default}.nx-mini.is-soon:hover{transform:none;background:transparent;box-shadow:inset 0 0 0 1px var(--ln)}.nx-mini .nx-s.live{color:var(--tx);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac,#999) 60%,transparent)}.nx-mini .nx-mk{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center;font:800 11px/1 var(--display);color:#fff;background:var(--ac,#444)}.nx-mini .nx-mk img{width:22px;height:22px;border-radius:6px;display:block}.nx-all .nx-tt{font-weight:700}.nx-all .nx-s{color:var(--tx)}.nx-all:hover .nx-s i{transform:translate(2px,-2px)}.nx-all .nx-s i{display:inline-block;font-style:normal;transition:transform .3s var(--ease)}.nx+.foot-in{border-top:1px solid var(--ln)}.nx-top{display:inline-flex;align-items:center;gap:8px}@media (max-width:820px){.nx-card{min-height:clamp(300px,74vw,440px)}.nx-strip{grid-template-columns:minmax(0,1fr)}.nx-num{font-size:clamp(64px,16vw,96px)}.nx-cur{display:none}}@media (prefers-reduced-motion:reduce){.nx-frame,.nx-k i{animation:none}.nx-art img,.nx-card{transition:none}}body.zen .nx-frame{animation-play-state:paused}html.static .nx-frame{animation:none}html.js:not(.static) :is(#main>section,body>footer.foot):not(.ce-on) *,html.js:not(.static) :is(#main>section,body>footer.foot):not(.ce-on) *:before,html.js:not(.static) :is(#main>section,body>footer.foot):not(.ce-on) *:after{animation-play-state:paused!important}
