/* IMPORT LUXURY FONTS */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap'); /* COLOR THEORY: Padres Brown & Thai Gold */ :root { --padre-dark: #1A130F; /* Deepest SD Brown/Black */ --padre-brown: #3B2C24; /* Classic Padres Earth Brown */ --thai-gold: #E5A91E; /* Faye's Yellow / Royal Gold */ --cream-text: #F4F0EB; /* Soft Off-White for perfect readability */ --muted-gold: #A67B1E; /* For secondary borders and subtle accents */ } body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; background-color: var(--padre-dark); color: var(--cream-text); line-height: 1.8; -webkit-font-smoothing: antialiased; } /* TYPOGRAPHY */ h1, h2, h3, h4 { font-family: 'Playfair Display', serif; font-weight: 400; margin: 0; } p { font-size: 1.1rem; font-weight: 300; color: #D1C9C1; margin-bottom: 2rem; } /* HEADER */ .sovereign-header { position: fixed; top: 0; width: 100%; background: rgba(26, 19, 15, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid var(--muted-gold); padding: 20px 0; z-index: 1000; text-align: center; } .sovereign-header h1 { color: var(--thai-gold); font-size: 1.5rem; letter-spacing: 4px; text-transform: uppercase; } /* HERO SECTION */ .hero-section { min-height: 85vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 120px 20px 60px; background: linear-gradient(to bottom, rgba(59, 44, 36, 0.8), var(--padre-dark)), url('https://images.unsplash.com/photo-1540483761890-a1f7be05ce34?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat; } .hero-section h2 { font-size: 4rem; color: var(--thai-gold); line-height: 1.1; margin-bottom: 20px; letter-spacing: 2px; text-shadow: 0 4px 20px rgba(0,0,0,0.8); } .hero-subtitle { font-family: 'Montserrat', sans-serif; font-size: 1rem; text-transform: uppercase; letter-spacing: 4px; color: var(--cream-text); margin-bottom: 40px; max-width: 600px; } /* AUDIO EXPERIENCE */ .audio-wrapper { background: rgba(59, 44, 36, 0.6); border: 1px solid var(--thai-gold); padding: 15px 30px; border-radius: 50px; display: flex; align-items: center; gap: 20px; backdrop-filter: blur(5px); margin-bottom: 40px; } .audio-wrapper span { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; color: var(--thai-gold); } audio { height: 30px; border-radius: 20px; } /* MARKETING GRID (THE PILLARS) */ .container { max-width: 1200px; margin: 0 auto; padding: 80px 20px; } .section-title { text-align: center; font-size: 2.5rem; color: var(--cream-text); margin-bottom: 60px; } .section-title span { display: block; font-family: 'Montserrat', sans-serif; font-size: 0.9rem; color: var(--thai-gold); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 10px; } .pillar-grid { display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 768px) { .pillar-grid { grid-template-columns: repeat(3, 1fr); } } .pillar-card { background: var(--padre-brown); padding: 50px 30px; text-align: center; border-top: 3px solid var(--thai-gold); transition: transform 0.4s ease; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .pillar-card:hover { transform: translateY(-10px); } .pillar-card h3 { font-size: 1.5rem; color: var(--thai-gold); margin-bottom: 20px; } .pillar-card p { font-size: 1rem; margin-bottom: 0; } /* VISUAL STRATEGY SECTION */ .visual-strategy { display: flex; flex-direction: column; gap: 40px; margin-top: 80px; } @media (min-width: 900px) { .visual-strategy { flex-direction: row; align-items: center; } } .visual-text { flex: 1; padding-right: 40px; } .visual-image { flex: 1; height: 400px; background: url('https://images.unsplash.com/photo-1618221118493-9cfa1a1c00da?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80') center/cover; border: 2px solid var(--padre-brown); position: relative; } .visual-image::after { content: ''; position: absolute; bottom: -15px; right: -15px; width: 100%; height: 100%; border: 2px solid var(--thai-gold); z-index: -1; } /* CALL TO ACTION */ .cta-section { background: var(--padre-brown); text-align: center; padding: 100px 20px; border-top: 1px solid var(--muted-gold); border-bottom: 1px solid var(--muted-gold); } .cta-section h2 { font-size: 2.5rem; color: var(--thai-gold); margin-bottom: 20px; } .btn-gold { display: inline-block; background: var(--thai-gold); color: var(--padre-dark); font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 20px 40px; text-decoration: none; margin-top: 30px; transition: all 0.3s ease; } .btn-gold:hover { background: var(--cream-text); box-shadow: 0 0 20px rgba(229, 169, 30, 0.4); } /* FOOTER */ footer { text-align: center; padding: 40px 20px; font-size: 0.8rem; color: #777; letter-spacing: 2px; text-transform: uppercase; }

Ciagu & Co.

The Sovereign Union

San Diego Heritage • Thailand Future • Class 025 Technology

Vibrational Frequency

UHNW Bespoke Privilege

Pre-approved client status is permanently granted. Access to private institutional resources, compliance grids, and Class 007/019/025 integration is locked in. There is no timeline on respect.

Acknowledge Status