.mechanics-hero{position:relative;padding:var(--space-16) 0 var(--space-10);overflow:hidden}.mechanics-hero-inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-8);align-items:center;position:relative;z-index:1}.mechanics-hero-copy h1{max-width:18ch}.mechanics-hero-pill{margin-bottom:var(--space-3)}.mechanics-hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);margin-bottom:var(--space-3)}.mechanics-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mechanics-hero-aside{position:relative;min-height:260px}.mechanics-orbit{position:absolute;border-radius:50%;border:1px solid rgba(240,201,120,0.35);box-shadow:0 0 40px rgba(139,123,255,0.45);mix-blend-mode:screen}.mechanics-orbit-top{width:220px;height:220px;top:0;right:8%;background:radial-gradient(circle,#f0c978 0,rgba(139,123,255,0.4) 36%,transparent 70%);animation:mechanics-orbit-pulse 9s infinite alternate}.mechanics-orbit-middle{width:280px;height:280px;top:22%;right:-4%;background:radial-gradient(circle,rgba(75,214,168,0.8) 0,transparent 65%);opacity:0.7;animation:mechanics-orbit-float 18s infinite linear}.mechanics-orbit-bottom{width:210px;height:210px;bottom:-12%;right:10%;background:radial-gradient(circle,rgba(74,160,255,0.9) 0,transparent 65%);opacity:0.7;animation:mechanics-orbit-float 22s infinite reverse linear}.mechanics-hero-runes{position:absolute;inset:12% 5% 18% 0;background-image:radial-gradient(circle at 10% 20%,rgba(182,166,255,0.5) 0,transparent 55%),radial-gradient(circle at 80% 80%,rgba(75,214,168,0.45) 0,transparent 55%);opacity:0.7;filter:blur(2px)}.mechanics-nav{position:sticky;top:72px;z-index:20;background:linear-gradient(to bottom,rgba(5,6,18,0.96),rgba(5,6,18,0.92));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,0.06)}.mechanics-nav-inner{padding-top:var(--space-3);padding-bottom:var(--space-3)}.mechanics-nav-list{display:flex;flex-wrap:nowrap;gap:var(--space-3);overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.mechanics-nav-list::-webkit-scrollbar{height:4px}.mechanics-nav-list::-webkit-scrollbar-track{background:transparent}.mechanics-nav-list::-webkit-scrollbar-thumb{background:rgba(139,123,255,0.5);border-radius:999px}.mechanics-nav-link{padding:0.45rem 0.9rem;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-soft);white-space:nowrap;background:rgba(8,10,28,0.8);transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.mechanics-nav-link:hover{color:var(--color-primary-strong);border-color:rgba(182,166,255,0.8);box-shadow:0 0 24px rgba(139,123,255,0.6);transform:translateY(-1px)}.mechanics-nav-link.is-active{background:linear-gradient(135deg,rgba(139,123,255,0.4),rgba(240,201,120,0.35));color:#050612;border-color:rgba(255,255,255,0.35);box-shadow:var(--shadow-glow-primary)}.mechanics-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);margin-top:var(--space-10);margin-bottom:var(--space-12)}.mechanics-section{scroll-margin-top:120px}.mechanics-body{display:flex;flex-direction:column;gap:var(--space-4)}.mechanics-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.mechanics-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-muted)}.mechanics-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.mechanics-media{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.4fr);gap:var(--space-6);align-items:flex-start}.mechanics-media-figure{border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(circle at top,rgba(182,166,255,0.18),transparent 55%),rgba(5,6,18,0.95);border:1px solid rgba(255,255,255,0.12);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.mechanics-media-figure img{width:100%;height:auto;display:block}.mechanics-media-figure figcaption{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-soft)}.mechanics-footer-cta{flex-wrap:wrap;align-items:flex-start}.mechanics-footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mechanics-explore{padding:0 0 var(--space-4)}.mechanics-explore-inner{padding-top:var(--space-2)}.mechanics-explore-header{text-align:center;max-width:54rem;margin:0 auto var(--space-6)}.mechanics-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.mechanics-explore-card{height:100%;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.mechanics-explore-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:rgba(240,201,120,0.65)}@keyframes mechanics-orbit-pulse{0%{transform:translate3d(0,0,0) scale(0.95);opacity:0.9}50%{transform:translate3d(-6px,-8px,0) scale(1.03);opacity:1}100%{transform:translate3d(4px,6px,0) scale(0.9);opacity:0.75}}@keyframes mechanics-orbit-float{0%{transform:rotate(0deg) translate3d(0,0,0)}50%{transform:rotate(180deg) translate3d(4px,-6px,0)}100%{transform:rotate(360deg) translate3d(0,0,0)}}@media (max-width:1024px){.mechanics-hero{padding:var(--space-12) 0 var(--space-8)}.mechanics-hero-inner{grid-template-columns:minmax(0,1.4fr);gap:var(--space-6)}.mechanics-hero-aside{order:-1;min-height:200px;margin-bottom:var(--space-3)}.mechanics-media{grid-template-columns:minmax(0,1fr)}.mechanics-columns{grid-template-columns:minmax(0,1fr)}.mechanics-list-grid{grid-template-columns:minmax(0,1fr)}.mechanics-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.mechanics-hero{padding:var(--space-10) 0 var(--space-6)}.mechanics-hero-cta{flex-direction:column;align-items:stretch}.mechanics-hero-meta{flex-direction:column;align-items:flex-start}.mechanics-nav{top:64px}.mechanics-grid{margin-top:var(--space-8);margin-bottom:var(--space-10)}.mechanics-media-figure{order:-1}.mechanics-explore-grid{grid-template-columns:minmax(0,1fr)}}