:root {
            --brand-dark: #313647;
            --brand-white: #FFFFFF;
        }

        body {
            font-family: 'Lexend', sans-serif;
            background-color: var(--brand-white);
            color: var(--brand-dark);
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }

        /* Bordered Container Logic */
        .boxed {
            border: 2px solid var(--brand-dark);
        }

        /* Margin Management - Applied to major sections */
        .section-margin {
            margin: 40px 5% 0 5%;
        }

        /* Header Logo Split */
        .logo-box {
            display: flex;
            border: 2px solid var(--brand-dark);
            cursor: pointer;
        }
        .logo-left {
            background-color: var(--brand-dark);
            color: white;
            padding: 8px 15px;
            font-weight: 700;
        }
        .logo-right {
            background-color: white;
            color: var(--brand-dark);
            padding: 8px 15px;
            font-weight: 700;
        }

        /* Navigation */
        .nav-link {
            font-weight: 500;
            text-transform: uppercase;
            font-size: 14px;
            padding: 5px 10px;
            transition: all 0.3s ease;
        }
        .nav-link:hover {
            background-color: var(--brand-dark);
            color: white;
        }

        /* Hero Image Box */
        .hero-img-container {
            overflow: hidden;
            border: 2px solid var(--brand-dark);
        }
        .hero-img-container img {
            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        .hero-img-container:hover img {
            transform: scale(1.05);
        }

        /* Buttons */
        .btn-editorial {
            border: 2px solid var(--brand-dark);
            padding: 12px 24px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 13px;
            transition: all 0.3s ease;
        }
        .btn-editorial:hover {
            background-color: var(--brand-dark);
            color: white;
        }

        /* Page Routing */
        .page { display: none; }
        .page.active { display: block; }

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

        /* Modal / Quick View */
        .modal-overlay {
            position: fixed;
            inset: 0;
            background: rgba(49, 54, 71, 0.8);
            backdrop-filter: blur(4px);
            z-index: 2000;
            display: none;
            justify-content: center;
            align-items: center;
        }