.topic-hero{isolation:isolate;background:#080b0c;border:1px solid #ffffff12;border-radius:14px;align-items:flex-end;min-height:400px;margin:0 0 30px;display:flex;position:relative;overflow:hidden}.topic-hero:not(.has-art){background:0 0;border:0;min-height:0;overflow:visible}.topic-hero-art{z-index:-2;width:64%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.topic-hero-drift{position:absolute;inset:0}.topic-hero-art img{object-fit:cover;width:100%;height:100%;display:block}.topic-hero-art:after{content:"";background:linear-gradient(90deg,#080b0c 0%,#080b0ce0 18%,#080b0c40 46%,#080b0c00 70%),linear-gradient(#080b0c66 0%,#0000 22% 72%,#080b0ccc 100%);position:absolute;inset:0}.topic-hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#8af3c52e,#0000);border-radius:50%;width:640px;height:440px;position:absolute;bottom:-200px;left:-120px}.topic-hero:not(.has-art) .topic-hero-glow{display:none}.topic-hero-copy{max-width:64%;padding:44px 48px;position:relative}.topic-hero:not(.has-art) .topic-hero-copy{max-width:none;padding:0}.topic-hero-kicker{font:13px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:2.4px;color:var(--primary);text-transform:uppercase;align-items:center;gap:12px;margin:0;display:flex}.topic-hero-kicker:before{content:"";background:var(--primary);width:9px;height:9px;box-shadow:0 0 14px var(--primary);border-radius:50%;flex:none}.topic-hub .topic-hero h1{letter-spacing:-.04em;text-shadow:0 2px 24px #000;margin:22px 0 0;font-size:clamp(36px,4.6vw,62px);font-weight:500;line-height:1.06}.topic-hub .topic-hero h1 em{letter-spacing:-.02em;color:var(--primary);font-family:Georgia,serif;font-style:italic;font-weight:400}@media (prefers-reduced-motion:no-preference){.topic-hero-drift{will-change:transform;animation:28s ease-in-out infinite alternate topic-hero-drift;inset:-5%}.topic-hero-glow{animation:9s ease-in-out infinite alternate topic-hero-glow}.topic-hero-kicker:before{animation:2.8s ease-in-out infinite topic-hero-pulse}@supports (animation-timeline:view()){.topic-hero-art img{animation:linear both topic-hero-parallax;animation-timeline:view();animation-range:exit}}}@keyframes topic-hero-drift{0%{transform:translate(1.5%,1%)scale(1.02)}to{transform:translate(-2%,-1.5%)scale(1.07)}}@keyframes topic-hero-glow{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes topic-hero-pulse{0%,to{box-shadow:0 0 8px var(--primary)}50%{box-shadow:0 0 18px var(--primary)}}@keyframes topic-hero-parallax{0%{transform:translateY(0)}to{transform:translateY(6%)}}@media (max-width:760px){.topic-hero.has-art{min-height:0;display:block}.topic-hero-art{aspect-ratio:16/9;width:100%;position:relative}.topic-hero-art:after{background:linear-gradient(#080b0c33 0%,#0000 35%,#080b0caa 78%,#080b0c 100%)}.topic-hero-copy{max-width:none;margin-top:-34px;padding:0 20px 26px}.topic-hero-glow{bottom:-220px;left:-160px}.topic-hub .topic-hero h1{margin-top:16px;font-size:clamp(30px,8.4vw,40px)}}.topic-path{background:radial-gradient(120% 140% at 0 0,#8af3c510,#0000 55%),#ffffff05;border:1px solid #8af3c524;border-radius:14px;margin:6px 0 54px;padding:28px 30px 30px}.topic-path-heading{font:13px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:2.4px;text-transform:uppercase;color:var(--primary);margin:0;font-weight:400}.topic-path-note{color:var(--ink-3,#aeb5a8);margin:8px 0 26px;font-size:15px;line-height:1.55}.topic-path-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:22px;margin:0;padding:0;list-style:none;display:grid}.topic-path-list>li{min-width:0;position:relative}.topic-path-list>li:not(:last-child):before{content:"";opacity:.75;background:linear-gradient(90deg,#8af3c5,#8af3c588);border-radius:2px;height:2px;position:absolute;top:21px;left:44px;right:-22px;box-shadow:0 0 10px #8af3c599}.topic-path-step{height:100%;color:inherit;border-radius:10px;flex-direction:column;gap:6px;text-decoration:none;display:flex}.topic-path-node{border:1.5px solid var(--primary);width:44px;height:44px;color:var(--primary);font:13px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.5px;background:#0b0f11;border-radius:50%;place-items:center;margin-bottom:10px;transition:background .2s,color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 0 0 5px #05070a,0 0 18px #8af3c566}.topic-path-label{font:11.5px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:1.8px;text-transform:uppercase;color:#9fb3a6}.topic-path-title{letter-spacing:-.015em;color:var(--foreground);text-wrap:pretty;overflow-wrap:anywhere;font-size:17px;line-height:1.3}.topic-path-meta{color:var(--ink-3,#aeb5a8);margin-top:auto;padding-top:4px;font-size:13.5px}:is(.topic-path-step:hover .topic-path-node,.topic-path-step:focus-visible .topic-path-node){background:var(--primary);color:#111;box-shadow:0 0 0 5px #05070a,0 0 26px #8af3c5aa}:is(.topic-path-step:hover .topic-path-title,.topic-path-step:focus-visible .topic-path-title){color:var(--primary)}.topic-path-step:focus-visible{outline-offset:4px}@media (prefers-reduced-motion:no-preference){.topic-path-list>li:not(:last-child):before{background:linear-gradient(90deg,#8af3c588,#8af3c5,#8af3c588) 0 0/200% 100%;animation:4s linear infinite topic-path-flow}}@keyframes topic-path-flow{0%{background-position:200% 0}to{background-position:0 0}}.topic-hub-all{font:13px var(--font-geist-mono),ui-monospace,monospace;letter-spacing:2.4px;text-transform:uppercase;color:#9fb3a6;margin:0 0 22px;font-weight:400}@media (max-width:900px){.topic-path{padding:24px 20px 26px}.topic-path-list{grid-auto-columns:auto;grid-auto-flow:row;gap:0}.topic-path-list>li{padding:0 0 22px}.topic-path-list>li:last-child{padding-bottom:0}.topic-path-list>li:not(:last-child):before{background:linear-gradient(#8af3c5,#8af3c588);width:2px;height:auto;inset:44px auto 0 21px}.topic-path-step{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:4px 16px;display:grid}.topic-path-node{grid-row:1/4;margin:0}.topic-path-label{padding-top:4px}.topic-path-meta{margin-top:0;padding-top:0}}@media (max-width:900px) and (prefers-reduced-motion:no-preference){.topic-path-list>li:not(:last-child):before{background:linear-gradient(#8af3c588,#8af3c5,#8af3c588) 0 0/100% 200%;animation:4s linear infinite topic-path-flow-v}}@keyframes topic-path-flow-v{0%{background-position:0 200%}to{background-position:0 0}}