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