<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Roberto Campus — Illustrator, Composer, Coder, Theorist, Author</title>
    <link rel="icon" href="assets/images/AORC-favicon.png" type="image/png">
    <link rel="stylesheet" href="assets/css/style.css">

</head>
<body>
    <nav id="main-nav" role="navigation" aria-label="Main navigation"></nav>

    <main>

        <section class="hero" style="background-image: url('assets/images/background_galaxy-3608029-scaled.jpg');">
            <div class="hero-content">
                <h1>Roberto Campus</h1>
                <p class="tagline">Illustrator &middot; Composer &middot; Coder &middot; Theorist &middot; Author</p>
                <p class="hero-desc">Born in Sardinia in 1974, Roberto Campus grew up near Rome asking the kinds of questions most people learn to set aside. Thirty-five years later, he is still asking them. In the meantime he built a body of work that moves without apology between fantasy illustration, orchestral composition, software engineering, theoretical physics, and fiction &mdash; not because he could not choose, but because they are all forms of the same search.</p>
            </div>
        </section>

        <section class="areas">
            <div class="areas-grid">

                <a href="my-art/index.html" class="area-box">
                    <div class="area-box-img" style="background-image: url('assets/images/gd_goddess.jpg');"></div>
                    <div class="area-box-content">
                        <h3>Art</h3>
                        <p>Fantasy &amp; sci-fi illustration for Marvel, LucasArts, DC Comics, Penguin Books, World of Warcraft, and Star Trek &mdash; three decades of building impossible worlds.</p>
                        <span class="area-arrow">View portfolio &rarr;</span>
                    </div>
                </a>

                <a href="my-music/index.html" class="area-box">
                    <div class="area-box-img" style="background-image: url('assets/images/The Divine War - Frames - 10.jpg');"></div>
                    <div class="area-box-content">
                        <h3>Music</h3>
                        <p>Mythic orchestral scores under Music of the Old Gods. Currently developing the Freya Sei&eth;r Ritual Concert &mdash; an immersive operatic work in a Sardinian quarry.</p>
                        <span class="area-arrow">Listen &rarr;</span>
                    </div>
                </a>

            </div>
            <div class="areas-grid-bottom">

                <a href="technology/index.html" class="area-box">
                    <div class="area-box-img" style="background-image: url('assets/images/Cover-Golden-Feather-Background-Only-1024x1024.jpg');"></div>
                    <div class="area-box-content">
                        <h3>Technology</h3>
                        <p>From voice AI to enterprise architecture &mdash; twenty-five years of building systems that scale across two continents.</p>
                        <span class="area-arrow">Read more &rarr;</span>
                    </div>
                </a>

                <a href="physics/index.html" class="area-box">
                    <div class="area-box-img" style="background-image: url('assets/images/background_galaxy-3608029-scaled.jpg');"></div>
                    <div class="area-box-content">
                        <h3>Physics</h3>
                        <p>FLUX Theory &mdash; a geometric framework deriving physical constants from a single axiom. FluxMateria is its commercial arm.</p>
                        <span class="area-arrow">Explore &rarr;</span>
                    </div>
                </a>

                <a href="books/index.html" class="area-box">
                    <div class="area-box-img" style="background-image: url('assets/images/violet-engine_orion-portal.png');"></div>
                    <div class="area-box-content">
                        <h3>Books</h3>
                        <p>Three titles in the pipeline: The Violet Engine, The Sigma Emperor, and The Shape of Everything.</p>
                        <span class="area-arrow">Coming soon &rarr;</span>
                    </div>
                </a>

            </div>
        </section>

        <section class="home-section">
            <div class="home-section-inner">
            <h2>Latest from The Flux Theory</h2>
            <!-- Substack posts auto-populate here; static cards below are the fallback -->
            <div id="substack-posts" class="blog-grid">
                <a href="https://thefluxtheory.substack.com/p/the-war-with-incompleteness" target="_blank" rel="noopener" class="blog-card">
                    <div class="blog-card-content">
                        <time>March 28, 2026</time>
                        <span class="category">The Flux Theory</span>
                        <h3>The War With Incompleteness</h3>
                        <p>A 34-year journey questioning fundamental physics, the nature of the vacuum, and introducing FluxMateria.</p>
                    </div>
                </a>
                <a href="https://thefluxtheory.substack.com/p/the-book-i-promised-not-to-open" target="_blank" rel="noopener" class="blog-card">
                    <div class="blog-card-content">
                        <time>March 21, 2026</time>
                        <span class="category">The Flux Theory</span>
                        <h3>The Book I Promised Not to Open</h3>
                        <p>Recovering a childhood chemistry comic after decades, and FluxMateria's validation: 453 bonds, 0.079% mean error.</p>
                    </div>
                </a>
                <a href="https://thefluxtheory.substack.com/p/what-if-you-could-screen-100000-molecules" target="_blank" rel="noopener" class="blog-card">
                    <div class="blog-card-content">
                        <time>March 20, 2026</time>
                        <span class="category">The Flux Theory</span>
                        <h3>What If You Could Screen 100,000 Molecules Before Lunch?</h3>
                        <p>FluxMateria evaluates 350 molecules per second with full ADMET profiling &mdash; no neural networks, no training data.</p>
                    </div>
                </a>
            </div>
            <p style="text-align: center; margin-top: 1.5rem;">
                <a href="https://thefluxtheory.substack.com" target="_blank" rel="noopener" class="btn btn-secondary" style="color: var(--violet); border-color: var(--violet);">Read more on Substack &rarr;</a>
            </p>

            <h2 style="margin-top: 3rem;">Latest Blog Posts</h2>
            <div class="blog-grid">
                <a href="the-sigma-emperor-finally-has-a-house/" class="blog-card">
                    <img src="assets/images/photo_the-sigma-emperor_book_I_cover.jpg" alt="The Sigma Emperor Finally Has a House" loading="lazy">
                    <div class="blog-card-content">
                        <time>April 11, 2026</time>
                        <h3>The Sigma Emperor Finally Has a House</h3>
                        <p>The novel finally has its own address. thesigmaemperor.com is live &mdash; with the first five chapters as a free preview.</p>
                    </div>
                </a>
                <a href="the-website-finally-grew-up/" class="blog-card">
                    <img src="assets/images/photo_roberto_shapes_contemplation.webp" alt="The Website Finally Grew Up" loading="lazy">
                    <div class="blog-card-content">
                        <time>April 1, 2026</time>
                        <h3>The Website Finally Grew Up</h3>
                        <p>The site has been completely rebuilt &mdash; finally showing the full picture: art, music, code, physics, and books.</p>
                    </div>
                </a>
                <a href="the-role-of-artists-in-the-age-of-ai/" class="blog-card">
                    <img src="assets/images/Artist-in-the-Spiritual-Role-Age-of-AI.jpg" alt="The Role of Artists in the Age of AI" loading="lazy">
                    <div class="blog-card-content">
                        <time>October 21, 2024</time>
                        <h3>The Role of Artists in the Age of AI</h3>
                        <p>As we enter an era dominated by generative AI, artists face existential questions about their role in society.</p>
                    </div>
                </a>
            </div>
            <p style="text-align: center; margin-top: 1.5rem;">
                <a href="blog/index.html" class="btn btn-secondary" style="color: var(--violet); border-color: var(--violet);">All blog posts &rarr;</a>
            </p>
            </div>
        </section>

        <!-- X / Social follow strip -->
        <div class="phys-follow">
            <span>Follow:</span>
            <a href="https://x.com/musicofoldgods" target="_blank" rel="noopener">X / @musicofoldgods</a>
            <span class="phys-follow-sep">&bull;</span>
            <a href="https://thefluxtheory.substack.com/" target="_blank" rel="noopener">Substack</a>
            <span class="phys-follow-sep">&bull;</span>
            <a href="https://www.youtube.com/@MusicOfTheOldGods" target="_blank" rel="noopener">YouTube</a>
            <span class="phys-follow-sep">&bull;</span>
            <a href="https://soundcloud.com/roberto-campus" target="_blank" rel="noopener">SoundCloud</a>
            <span class="phys-follow-sep">&bull;</span>
            <a href="https://www.linkedin.com/in/robertocampus/" target="_blank" rel="noopener">LinkedIn</a>
        </div>

    </main>

    <footer id="main-footer" role="contentinfo"></footer>

<script src="components.js"></script>
<script src="consent.js" defer></script>
</body>
</html>