.colony-about-page{--font-display:"Michroma",system-ui,sans-serif;--font-mono:var(--font-inter-tight),"Inter",system-ui,sans-serif;--fs-xs:0.7rem;--fs-sm:0.8rem;--fs-base:0.875rem;--fs-lg:1.05rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--lh-tight:1.25;--lh-normal:1.6;--lh-relaxed:1.75;background:#000;min-height:100vh;color:#fff;padding-top:56px}.colony-about-hero{text-align:center;padding:5rem 2rem 3rem;max-width:800px;margin:0 auto}.colony-about-title{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:700;color:#a78bfa;margin-bottom:1.5rem;text-shadow:0 0 12px rgba(167,139,250,.3);letter-spacing:.05em}.colony-about-tagline{font-family:var(--font-mono);font-size:var(--fs-lg);color:rgba(255,255,255,.5);font-style:italic}.colony-about-network{position:relative;width:100%;height:280px;margin:0 auto;overflow:hidden}@media (max-width:700px){.colony-about-network{height:200px}}.colony-about-narrative{max-width:680px;margin:0 auto;padding:0 2rem 4rem}.colony-about-section{margin-bottom:3.5rem}.colony-about-heading{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:#8b5cf6;margin-bottom:1.25rem;letter-spacing:.03em}.colony-about-section p{font-family:var(--font-mono);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:rgba(255,255,255,.7);margin-bottom:1rem}.colony-about-section p:last-child{margin-bottom:0}.colony-about-divider{width:40px;height:1px;background:color-mix(in srgb,var(--primary-accent,#8b5cf6) 30%,transparent);margin:3rem auto;border:none}.colony-about-cta{text-align:center;padding:2rem 2rem 5rem}.colony-about-cta-btn{display:inline-block;font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;background:linear-gradient(135deg,var(--primary-accent,#8b5cf6) 0,var(--secondary-accent,#7c3aed) 100%);color:#000;font-weight:700;padding:.75rem 2.5rem;border-radius:8px;transition:all .2s ease}.colony-about-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px color-mix(in srgb,var(--secondary-accent,#7c3aed) 30%,transparent)}@media (max-width:700px){.colony-about-hero{padding:3rem 1.5rem 2rem}.colony-about-title{font-size:1.8rem}.colony-about-narrative{padding:0 1.5rem 3rem}.colony-about-section{margin-bottom:2.5rem}}@media (max-width:450px){.colony-about-title{font-size:1.5rem}.colony-about-section p{font-size:.8rem}}