:root {
            --grey-blue: #ACBAC4;
            --lavender: #B7BDF7;
            --academic-red: #DA3D20;
            --neon: #E4FF30;
            --black: #000000;
            --white: #FFFFFF;
            --dark-blue: #1A242B;
        }

        body {
            font-family: 'Gabarito', sans-serif;
            background-color: var(--white);
            color: var(--black);
            overflow-x: hidden;
        }

        /* Structured Margins Layout */
        .page-gutter {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 60px;
        }


        .overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px;
    background: #DA3D20;
    color: white;

    transform: translateY(100%);
    transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}

.reveal-card.active .overlay-content {
    transform: translateY(0%);
}

.reveal-card {
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s ease;
}

.reveal-card.active {
    opacity: 1;
    transform: translateY(0);
}
        /* Split Design Engine */
        .split-block {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 90vh;
            margin-bottom: 0; /* Tight vertical rhythm */
            overflow: hidden;
        }

        @media (max-width: 1024px) {
            .split-block { grid-template-columns: 1fr; min-height: auto; }
            .page-gutter { padding: 0 20px; }
        }

        .side-text {
            padding: 100px 80px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .side-media {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .side-media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1.5s ease;
        }

        .side-media:hover img {
            transform: scale(1.05);
        }

        /* Header Rows */
        .header-utility {
            height: 40px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .main-nav-row {
            height: 100px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 50;
        }

        .nav-item {
            font-weight: 500;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 1.5px;
            position: relative;
            cursor: pointer;
            margin-left: 35px;
            transition: 0.3s;
        }

        .nav-item::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 0;
            height: 3px;
            background: var(--neon);
            transition: 0.3s ease-in-out;
        }

        .nav-item:hover::after { width: 100%; }
        .nav-item:hover { transform: translateY(-2px); }

        /* Buttons */
        .btn-academic {
            background: var(--black);
            color: var(--white);
            padding: 20px 45px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 2px;
            display: inline-block;
            transition: 0.4s;
            border: 2px solid var(--black);
            cursor: pointer;
        }

        .btn-academic:hover {
            background: var(--white);
            color: var(--black);
            box-shadow: 8px 8px 0 var(--neon);
        }

        .btn-red {
            background: var(--academic-red);
            border-color: var(--academic-red);
            color: white;
        }

        .btn-red:hover {
            border-color: var(--neon);
            background: var(--black);
            color: var(--neon);
        }

        /* Social Bar */
        .vertical-socials {
            position: fixed;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            gap: 25px;
            z-index: 100;
        }

        .social-link svg {
            width: 20px;
            height: 20px;
            fill: var(--black);
            transition: 0.3s;
        }

        .social-link:hover svg { fill: var(--academic-red); transform: translateX(5px); }

        /* Cards */
        .academic-card {
            padding: 50px;
            height: 100%;
            transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            border: 1px solid rgba(0,0,0,0.05);
        }

        .academic-card:hover {
            transform: translateY(-15px) rotate(1deg);
            box-shadow: 20px 20px 0px var(--black);
        }

        /* Animations */
        .reveal {
            opacity: 0;
            transform: translateY(50px);
            transition: 1s all ease;
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--black); }

        /* Hero Background Animation */
        @keyframes heroBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .hero-animated-bg {
            background: linear-gradient(-45deg, #DA3D20, #B7BDF7, #ACBAC4);
            background-size: 400% 400%;
            animation: heroBG 15s ease infinite;
        }