.tc-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 0 12px;margin:-6px 0 0;cursor:grab}.tc-track::-webkit-scrollbar{display:none}.tc-track.is-drag{cursor:grabbing;scroll-snap-type:none}.tc-card{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;outline:none}@media (max-width: 1279px){.tc-card{flex-basis:calc((100% - 40px) / 3)}}@media (max-width: 767px){.tc-track{gap:12px}.tc-card{flex-basis:calc((100% - 12px)/2)}}.tc-helmet{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#0b0a24;box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 60px #0b032d80;isolation:isolate}.tc-helmet img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tc-face{filter:grayscale(1) contrast(1.05);transform:scale(1.02);transition:filter .7s var(--mk-ease),transform 1.2s var(--mk-ease)}.tc-visor{clip-path:inset(0 0 0 0);transition:clip-path .75s cubic-bezier(.7,0,.2,1),opacity .5s var(--mk-ease)}.tc-glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translate(-120%);pointer-events:none;mix-blend-mode:screen}.tc-hint{position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf;background:#0705148c;padding:.3rem .55rem;border-radius:999px;transition:opacity .4s var(--mk-ease);backdrop-filter:blur(6px)}.tc-meta{padding:14px 6px 0}.tc-meta strong{display:block;font-family:Bebas Neue,Impact,sans-serif;font-weight:400;font-size:26px;letter-spacing:.03em;color:#fff;line-height:1}.tc-meta span{display:block;font-size:12.5px;font-weight:600;color:#fff9;margin-top:4px;letter-spacing:.02em}.tc-card:hover .tc-visor,.tc-card:focus-visible .tc-visor,.tc-card.is-open .tc-visor{clip-path:inset(0 0 100% 0)}.tc-card:hover .tc-face,.tc-card:focus-visible .tc-face,.tc-card.is-open .tc-face{filter:none;transform:scale(1)}.tc-card:hover .tc-glint,.tc-card:focus-visible .tc-glint,.tc-card.is-open .tc-glint{animation:tc-glint .9s var(--mk-ease) .15s 1 forwards}.tc-card:hover .tc-hint,.tc-card:focus-visible .tc-hint,.tc-card.is-open .tc-hint{opacity:0}.tc-card:hover .tc-meta strong,.tc-card:focus-visible .tc-meta strong,.tc-card.is-open .tc-meta strong{color:var(--mk-signal)}@keyframes tc-glint{to{transform:translate(120%)}}.tc-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;background:#ffffff0f;transition:background .3s var(--mk-ease),color .3s var(--mk-ease),border-color .3s var(--mk-ease)}.tc-btn svg{width:18px;height:18px}.tc-btn:hover{background:var(--mk-signal);color:var(--mk-void);border-color:var(--mk-signal)}@media (prefers-reduced-motion: reduce){.tc-face,.tc-visor{transition:none}.tc-glint{display:none}}.bio p{quotes:none}.story-galaxy{width:100%;max-width:520px;margin-inline:auto;aspect-ratio:1}.galaxy-svg{width:100%;height:100%;display:block;overflow:visible}.sg-arms{animation:sg-spin 240s linear infinite}.sg-orb{animation:sg-orbit var(--d) linear infinite}.sg-unspin{animation:sg-unorbit var(--d) linear infinite}.sg-dot,.sg-halo{transform:scaleY(1.613);transition:transform .4s var(--mk-ease),opacity .4s var(--mk-ease)}.sg-dot{filter:drop-shadow(0 0 6px rgba(245,244,73,.9))}.story{display:flex;flex-direction:column}.story-item{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.story-item:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.story-year{font-size:26px;line-height:1;color:var(--mk-signal);padding-top:4px}.story-wrap:has(.story-item:nth-child(1):hover) .sg-orb-1 .sg-dot,.story-wrap:has(.story-item:nth-child(2):hover) .sg-orb-2 .sg-dot,.story-wrap:has(.story-item:nth-child(3):hover) .sg-orb-3 .sg-dot,.story-wrap:has(.story-item:nth-child(4):hover) .sg-orb-4 .sg-dot{transform:scaleY(1.613) scale(1.9)}.story-wrap:has(.story-item:nth-child(1):hover) .sg-orb-1 .sg-halo,.story-wrap:has(.story-item:nth-child(2):hover) .sg-orb-2 .sg-halo,.story-wrap:has(.story-item:nth-child(3):hover) .sg-orb-3 .sg-halo,.story-wrap:has(.story-item:nth-child(4):hover) .sg-orb-4 .sg-halo{opacity:.5;transform:scaleY(1.613) scale(1.6)}@keyframes sg-spin{to{transform:rotate(360deg)}}@keyframes sg-orbit{0%{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) + 360deg))}}@keyframes sg-unorbit{0%{transform:rotate(calc(-1 * var(--a)))}to{transform:rotate(calc(-1 * var(--a) - 360deg))}}@media (prefers-reduced-motion: reduce){.sg-arms,.sg-orb,.sg-unspin{animation:none}}
