@charset "UTF-8";@property --xr{syntax:"<length>";inherits:true;initial-value:0}@property --sx{syntax:"<percentage>";inherits:true;initial-value:28%}@property --sy{syntax:"<percentage>";inherits:true;initial-value:36%}.xc{align-content:start;display:grid;gap:22px}.xc__media{--xr:0px;aspect-ratio:4/3;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-card,18px);display:block;isolation:isolate;max-width:100%;overflow:hidden;position:relative;transition:border-color .4s,--xr .5s var(--ease)}.xc__media:hover{--xr:170px;border-color:#6fe3ff66}.xc__img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 1.2s var(--ease);width:100%}.xc__media:hover .xc__img{transform:scale(1.03)}.xc__xray{-webkit-mask-image:radial-gradient(circle var(--xr) at var(--x,var(--sx)) var(--y,var(--sy)),#000 0 60%,transparent 100%);mask-image:radial-gradient(circle var(--xr) at var(--x,var(--sx)) var(--y,var(--sy)),#000 0 60%,transparent 100%);pointer-events:none;z-index:2}.xc__grid,.xc__xray{inset:0;position:absolute}.xc__grid{background:linear-gradient(rgba(111,227,255,.13) 1px,transparent 0) 0 0/22px 22px,linear-gradient(90deg,rgba(111,227,255,.13) 1px,transparent 0) 0 0/22px 22px,#040a16f0}.xc__notes{align-content:space-evenly;display:grid;gap:10px;inset:7%;pointer-events:none;position:absolute;z-index:3}.xc__notes.stack{align-content:stretch}.xc__notes.stack .xc__note{align-self:end;grid-area:1/1}.xc__notes.stack .xc__note.on{transition-delay:.22s}.xc__notes.stack.high .xc__note{align-self:start}.xc__note{background:#040a16e6;border:1px dashed rgba(111,227,255,.7);border-radius:10px;box-shadow:0 0 24px #6fe3ff2e;color:var(--accent-2);display:block;font:400 12px/1.4 var(--mono);opacity:0;padding:10px 12px;transform:translateY(4px);transition:opacity .25s,transform .25s var(--ease)}.xc__note.on{opacity:1;transform:none}.xc__note b{color:#fff;display:block;font-weight:500}.xc__hint{background:#07060ab3;border:1px solid rgba(111,227,255,.35);border-radius:99px;color:var(--accent-2);flex:none;font:500 10px/1 var(--mono);letter-spacing:.1em;padding:5px 8px;text-transform:uppercase}.js:not(.rm) .xc .xc__img{clip-path:inset(49.6% 0 49.6% 0)}.js:not(.rm) .xc.in.ok .xc__img{animation:xc-crt .34s cubic-bezier(.2,.7,.1,1) calc(var(--d, 0)*.06s) both}.js:not(.rm) .xc .xc__media:after{background:#eaffff;box-shadow:0 0 18px 4px #6fe3ffcc,0 0 60px 10px #b066ff59;content:"";height:2px;left:0;margin-top:-1px;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transform:scaleX(0);z-index:4}.js:not(.rm) .xc.in.ok .xc__media:after{animation:xc-crt-line .34s ease-out calc(var(--d, 0)*.06s) both}@keyframes xc-crt{0%{clip-path:inset(49.6% 0 49.6% 0);filter:brightness(3) saturate(0)}45%{clip-path:inset(0 0 0 0);filter:brightness(1.5) saturate(.6)}65%{filter:brightness(.7)}82%{filter:brightness(1.2)}to{clip-path:inset(0 0 0 0);filter:none}}@keyframes xc-crt-line{0%{opacity:1;transform:scaleX(.4)}15%{opacity:1;transform:scaleX(1)}45%{opacity:.6;transform:scaleX(1) scaleY(40)}to{opacity:0;transform:scaleX(1) scaleY(60)}}.xc__beam,.xc__cap{display:none}@media(hover:none){.xc__media{--by:.66}.xc__notes{display:none}.xc__xray{-webkit-backdrop-filter:grayscale(1) invert(1) sepia(1) hue-rotate(150deg) saturate(2.4) brightness(.85);backdrop-filter:grayscale(1) invert(1) sepia(1) hue-rotate(150deg) saturate(2.4) brightness(.85);-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--by)*100% - 32% - 12px),#000 calc(var(--by)*100% - 32%),#000 calc(var(--by)*100% - 1px),transparent calc(var(--by)*100%));mask-image:linear-gradient(to bottom,transparent calc(var(--by)*100% - 32% - 12px),#000 calc(var(--by)*100% - 32%),#000 calc(var(--by)*100% - 1px),transparent calc(var(--by)*100%))}.xc__grid{background:linear-gradient(rgba(111,227,255,.22) 1px,transparent 0) 0 0/22px 22px,linear-gradient(90deg,rgba(111,227,255,.22) 1px,transparent 0) 0 0/22px 22px,#040a164d;inset:0;position:absolute}.xc__grid:after,.xc__grid:before{content:"";inset:0;opacity:calc(var(--ca, 0)/4);position:absolute}.xc__grid:before{background:linear-gradient(rgba(255,61,203,.5) 1px,transparent 0) 0 0/22px 22px,linear-gradient(90deg,rgba(255,61,203,.5) 1px,transparent 0) 0 0/22px 22px;transform:translate3d(calc(var(--ca, 0)*1px),0,0)}.xc__grid:after{background:linear-gradient(rgba(62,240,255,.5) 1px,transparent 0) 0 0/22px 22px,linear-gradient(90deg,rgba(62,240,255,.5) 1px,transparent 0) 0 0/22px 22px;transform:translate3d(calc(var(--ca, 0)*-1px),0,0)}.lite .xc__grid:after,.lite .xc__grid:before{display:none}.xc__beam{background:#eaffff;box-shadow:0 calc(var(--ca, 0)*1px) 0 #ff3dcbb3,0 calc(var(--ca, 0)*-1px) 0 #3ef0ffb3,0 0 14px 3px #6fe3ffbf,0 0 44px 8px #b066ff4d;display:block;height:2px;left:0;margin-top:-1px;pointer-events:none;position:absolute;right:0;top:calc(var(--by)*100%);z-index:3}:root.js:not(.rm) .xc__beam{top:0;transform:translate3d(0,var(--bpx,0),0)}.xc__cap{border-left:1px solid rgba(111,227,255,.55);color:var(--accent-2);display:block;font:400 11px/1.45 var(--mono);min-height:calc(4.35em + 2px);padding:0 2px 0 12px}.xc__cap b{color:var(--ink);font-weight:500;letter-spacing:.08em;margin-right:1ch;text-transform:uppercase}.xc__cap>span:first-child{color:var(--ink-3);display:block;letter-spacing:.1em;text-transform:uppercase}.xc__cap>span:last-child{overflow-wrap:anywhere}.xc__cap{margin-top:-10px}}.xc__body{display:grid;gap:12px}.xc__body .eyebrow .tag{margin-left:4px}.xc__name{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.03em;line-height:1.05}.xc__name a{text-decoration:none}.xc__name a:after{color:var(--ink-3);content:" →";transition:color .3s}.xc__name a:hover:after{color:var(--accent)}.xc__kind{color:var(--ink-3);font:500 13px/1.4 var(--mono)}.xc__sum{color:var(--ink-2);max-width:52ch}.xc .tags{list-style:none;margin:4px 0 0;padding:0}@media(hover:none){.xc .xc__hint{display:none}.xc .xc__media{--by:0;--scan-rest:pass}.xc .xc__beam{opacity:clamp(0,var(--by) * 40,1)}.xc .xc__cap{min-height:calc(31px + 2.9em)}.xc .xc__cap>span.xc__cap-k{background:#07060ab3;border:1px solid rgba(111,227,255,.35);border-radius:99px;color:var(--accent-2);display:table;font:500 10px/1 var(--mono);letter-spacing:.1em;margin-bottom:7px;padding:5px 8px}}