Welcome to WordPress! This is your first post. Edit or delete it to take the first step in your blogging journey.
Coptic Investment Group
:root {
–gold: #C9A84C;
–gold-light: #E8C96A;
–gold-pale: #F5E6C0;
–black: #0A0A0A;
–black-soft: #111111;
–black-mid: #1A1A1A;
–gray: #888888;
–gray-light: #CCCCCC;
–white: #FAFAF7;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
background: var(–black);
color: var(–white);
font-family: ‘Barlow’, sans-serif;
font-weight: 300;
overflow-x: hidden;
}
/* ─── NAV ─── */
nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 60px;
background: linear-gradient(to bottom, rgba(10,10,10,0.98), transparent);
transition: background 0.3s;
}
nav.scrolled { background: rgba(10,10,10,0.97); border-bottom: 1px solid rgba(201,168,76,0.15); }
.nav-logo {
display: flex;
align-items: center;
gap: 14px;
text-decoration: none;
}
.nav-logo-mark {
width: 38px; height: 38px;
border: 1.5px solid var(–gold);
display: flex; align-items: center; justify-content: center;
font-family: ‘Cormorant Garamond’, serif;
font-size: 16px;
font-weight: 600;
color: var(–gold);
letter-spacing: 1px;
position: relative;
}
.nav-logo-mark::before {
content: ”;
position: absolute;
inset: 3px;
border: 0.5px solid rgba(201,168,76,0.3);
}
.nav-logo-text {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 13px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(–white);
font-weight: 400;
}
.nav-links {
display: flex;
gap: 48px;
list-style: none;
}
.nav-links a {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(–gray-light);
text-decoration: none;
transition: color 0.2s;
}
.nav-links a:hover { color: var(–gold); }
.nav-cta {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(–black);
background: var(–gold);
border: none;
padding: 10px 28px;
cursor: pointer;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
font-weight: 600;
}
.nav-cta:hover { background: var(–gold-light); transform: translateY(-1px); }
/* ─── HERO ─── */
#home {
min-height: 100vh;
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 0 60px;
}
.hero-bg {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.07) 0%, transparent 60%),
radial-gradient(ellipse 40% 40% at 20% 80%, rgba(201,168,76,0.04) 0%, transparent 50%);
}
.hero-grid-lines {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(201,168,76,0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(201,168,76,0.04) 1px, transparent 1px);
background-size: 80px 80px;
mask-image: radial-gradient(ellipse 70% 70% at 60% 50%, black 0%, transparent 80%);
}
.hero-content {
position: relative;
max-width: 800px;
animation: heroIn 1.2s ease both;
}
@keyframes heroIn {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.hero-eyebrow {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 5px;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 28px;
display: flex;
align-items: center;
gap: 16px;
}
.hero-eyebrow::before {
content: ”;
width: 40px; height: 1px;
background: var(–gold);
opacity: 0.6;
}
.hero-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(52px, 8vw, 96px);
font-weight: 300;
line-height: 1.0;
color: var(–white);
margin-bottom: 8px;
}
.hero-title em {
font-style: italic;
color: var(–gold);
}
.hero-subtitle {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(22px, 3.5vw, 40px);
font-weight: 300;
color: rgba(250,250,247,0.5);
margin-bottom: 40px;
letter-spacing: 1px;
}
.hero-desc {
font-size: 15px;
line-height: 1.85;
color: rgba(250,250,247,0.6);
max-width: 520px;
margin-bottom: 52px;
font-weight: 300;
}
.hero-actions {
display: flex;
gap: 20px;
align-items: center;
}
.btn-primary {
background: var(–gold);
color: var(–black);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px;
letter-spacing: 2.5px;
text-transform: uppercase;
font-weight: 700;
padding: 16px 40px;
text-decoration: none;
transition: background 0.2s, transform 0.2s;
display: inline-block;
}
.btn-primary:hover { background: var(–gold-light); transform: translateY(-2px); }
.btn-ghost {
color: var(–gold);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px;
letter-spacing: 2.5px;
text-transform: uppercase;
font-weight: 600;
padding: 16px 0;
text-decoration: none;
border-bottom: 1px solid rgba(201,168,76,0.4);
transition: color 0.2s, border-color 0.2s;
}
.btn-ghost:hover { color: var(–gold-light); border-color: var(–gold-light); }
.hero-stats {
position: absolute;
right: 60px;
bottom: 80px;
display: flex;
flex-direction: column;
gap: 40px;
animation: heroIn 1.2s 0.3s ease both;
}
.stat {
text-align: right;
}
.stat-number {
font-family: ‘Cormorant Garamond’, serif;
font-size: 44px;
font-weight: 300;
color: var(–gold);
line-height: 1;
}
.stat-label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(–gray);
margin-top: 4px;
}
.scroll-hint {
position: absolute;
bottom: 40px;
left: 60px;
display: flex;
align-items: center;
gap: 12px;
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(–gray);
animation: heroIn 1.2s 0.6s ease both;
}
.scroll-line {
width: 40px; height: 1px;
background: var(–gray);
position: relative;
overflow: hidden;
}
.scroll-line::after {
content: ”;
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: var(–gold);
animation: scanline 2s infinite;
}
@keyframes scanline {
to { left: 100%; }
}
/* ─── SECTION COMMON ─── */
section {
padding: 120px 60px;
}
.section-eyebrow {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 5px;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 16px;
}
.section-eyebrow::before {
content: ”;
width: 30px; height: 1px;
background: var(–gold);
opacity: 0.6;
}
.section-title {
font-family: ‘Cormorant Garamond’, serif;
font-size: clamp(38px, 5vw, 64px);
font-weight: 300;
line-height: 1.1;
margin-bottom: 24px;
}
.section-title em { font-style: italic; color: var(–gold); }
/* ─── ABOUT ─── */
#about {
background: var(–black-soft);
border-top: 1px solid rgba(201,168,76,0.1);
border-bottom: 1px solid rgba(201,168,76,0.1);
}
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.about-text p {
font-size: 15px;
line-height: 1.9;
color: rgba(250,250,247,0.65);
margin-bottom: 20px;
}
.about-values {
display: flex;
flex-direction: column;
gap: 0;
}
.value-item {
display: flex;
gap: 28px;
padding: 32px 0;
border-bottom: 1px solid rgba(201,168,76,0.1);
transition: background 0.2s;
}
.value-item:first-child { border-top: 1px solid rgba(201,168,76,0.1); }
.value-number {
font-family: ‘Cormorant Garamond’, serif;
font-size: 13px;
color: var(–gold);
opacity: 0.6;
min-width: 28px;
padding-top: 2px;
}
.value-content h3 {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 15px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(–white);
font-weight: 600;
margin-bottom: 8px;
}
.value-content p {
font-size: 14px;
line-height: 1.7;
color: rgba(250,250,247,0.5);
}
/* ─── PORTFOLIO ─── */
#portfolio {
background: var(–black);
}
.portfolio-header {
max-width: 1200px;
margin: 0 auto 64px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.portfolio-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
max-width: 1200px;
margin: 0 auto;
}
.venture-card {
background: var(–black-mid);
padding: 44px 40px;
position: relative;
overflow: hidden;
transition: transform 0.3s;
cursor: default;
}
.venture-card::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 2px;
background: var(–gold);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
}
.venture-card:hover::before { transform: scaleX(1); }
.venture-card:hover { transform: translateY(-4px); }
.venture-icon {
width: 48px; height: 48px;
border: 1px solid rgba(201,168,76,0.3);
display: flex; align-items: center; justify-content: center;
margin-bottom: 28px;
font-size: 20px;
}
.venture-sector {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 12px;
opacity: 0.8;
}
.venture-name {
font-family: ‘Cormorant Garamond’, serif;
font-size: 26px;
font-weight: 400;
color: var(–white);
margin-bottom: 14px;
line-height: 1.2;
}
.venture-desc {
font-size: 13.5px;
line-height: 1.75;
color: rgba(250,250,247,0.5);
}
.venture-card-footer {
margin-top: 32px;
padding-top: 20px;
border-top: 1px solid rgba(201,168,76,0.1);
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(201,168,76,0.5);
}
/* ─── CONTACT ─── */
#contact {
background: var(–black-soft);
border-top: 1px solid rgba(201,168,76,0.1);
}
.contact-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 100px;
align-items: start;
}
.contact-info p {
font-size: 15px;
line-height: 1.85;
color: rgba(250,250,247,0.55);
margin-bottom: 48px;
}
.contact-details {
display: flex;
flex-direction: column;
gap: 24px;
}
.contact-item {
display: flex;
gap: 16px;
align-items: flex-start;
}
.contact-item-label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(–gold);
min-width: 80px;
padding-top: 2px;
opacity: 0.8;
}
.contact-item-value {
font-size: 14px;
color: rgba(250,250,247,0.7);
line-height: 1.6;
}
.contact-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.form-row { display: flex; gap: 16px; }
.form-row .form-group { flex: 1; }
.form-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.form-group label {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 10px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(–gold);
opacity: 0.7;
}
.form-group input,
.form-group textarea,
.form-group select {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(201,168,76,0.2);
color: var(–white);
font-family: ‘Barlow’, sans-serif;
font-size: 14px;
font-weight: 300;
padding: 14px 18px;
outline: none;
transition: border-color 0.2s, background 0.2s;
-webkit-appearance: none;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
border-color: rgba(201,168,76,0.6);
background: rgba(201,168,76,0.04);
}
.form-group textarea { resize: vertical; min-height: 130px; }
.form-group select option { background: var(–black-mid); }
.form-submit {
background: var(–gold);
color: var(–black);
border: none;
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 12px;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 700;
padding: 18px 40px;
cursor: pointer;
transition: background 0.2s, transform 0.2s;
align-self: flex-start;
margin-top: 8px;
}
.form-submit:hover { background: var(–gold-light); transform: translateY(-2px); }
/* ─── FOOTER ─── */
footer {
background: var(–black);
border-top: 1px solid rgba(201,168,76,0.12);
padding: 48px 60px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-brand {
font-family: ‘Cormorant Garamond’, serif;
font-size: 13px;
color: rgba(250,250,247,0.4);
letter-spacing: 1px;
}
.footer-brand span { color: var(–gold); }
.footer-copy {
font-family: ‘Barlow Condensed’, sans-serif;
font-size: 11px;
letter-spacing: 1.5px;
color: rgba(250,250,247,0.25);
text-transform: uppercase;
}
/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {
nav { padding: 20px 28px; }
.nav-links { display: none; }
section { padding: 80px 28px; }
#home { padding: 0 28px; }
.hero-stats { right: 28px; bottom: 60px; gap: 24px; }
.stat-number { font-size: 32px; }
.about-grid { grid-template-columns: 1fr; gap: 48px; }
.portfolio-grid { grid-template-columns: 1fr; gap: 2px; }
.portfolio-header { flex-direction: column; align-items: flex-start; gap: 20px; }
.contact-inner { grid-template-columns: 1fr; gap: 56px; }
footer { flex-direction: column; gap: 12px; text-align: center; }
.scroll-hint { display: none; }
}
CIG
Coptic Investment Group
Get in Touch
Coptic Investment Group
Investing in
Community.
Building futures for generations.
CIG is a purpose-driven investment firm dedicated to growing capital and creating opportunity within the Coptic community. We partner with visionary founders and ventures that reflect our shared values and heritage.
Who We Are
Rooted in faith.
Driven by vision.
The Coptic Investment Group was founded on the belief that our community’s strength lies not just in its history and faith, but in its economic potential. We exist to channel capital into ventures that uplift, empower, and sustain Coptic families and institutions.
We invest across a diverse range of sectors — from real estate and technology to healthcare, education, and community enterprises — always with a long-term, values-first lens.
Our partners are not just investors. They are stakeholders in a larger mission: the enduring prosperity of the Coptic community.
01
Community First
Every decision is measured against its impact on the people and institutions we serve. Profit follows purpose.
02
Long-Term Thinking
We build for generations, not quarters. Our horizon extends far beyond the next cycle.
03
Integrity & Trust
Guided by our Coptic values, we uphold the highest standards of transparency and accountability.
04
Diversified Growth
We spread investment across sectors to build resilient, multi-generational wealth.
🏗️
Real Estate
CIG Properties
Residential and commercial developments that create affordable, community-centered spaces for Coptic families and institutions.
💻
Technology
CIG Ventures Tech
Early-stage investments in software and tech startups founded by members of the Coptic diaspora across North America and beyond.
🏥
Healthcare
CIG Health Partners
Supporting clinics, practices, and health-tech initiatives that serve under-resourced Coptic communities with excellence in care.
📚
Education
CIG Education Fund
Scholarships, school partnerships, and EdTech ventures designed to invest in the next generation of Coptic leaders.
🤝
Community Enterprise
CIG Community Co.
A vehicle for supporting Coptic-owned small businesses, cooperatives, and social enterprises that strengthen local economies.
+
New Ventures
We are always looking for the next opportunity. Reach out to discuss a partnership.
/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js
// Nav scroll effect
const navbar = document.getElementById(‘navbar’);
window.addEventListener(‘scroll’, () => {
navbar.classList.toggle(‘scrolled’, window.scrollY > 60);
});
// Form handler
function handleSubmit(e) {
e.preventDefault();
document.getElementById(‘form-success’).style.display = ‘block’;
e.target.reset();
}
// Scroll-triggered fade-in
const observer = new IntersectionObserver((entries) => {
entries.forEach(el => {
if (el.isIntersecting) {
el.target.style.opacity = ‘1’;
el.target.style.transform = ‘translateY(0)’;
}
});
}, { threshold: 0.1 });
document.querySelectorAll(‘.ve
BLK COSMOS 