:root { --brand-purple: #752763; }
            body { background-color: #0f050c; color: white; margin: 0; font-family: 'Inter', sans-serif; overflow-x: hidden; }

            .lock-scroll { overflow: hidden !important; }

            .luxury-serif { font-family: 'Playfair Display', serif; }

            .hero-section {
                background: 
                    radial-gradient(circle at 20% 30%, rgba(117, 39, 99, 0.15) 0%, transparent 50%),
                    linear-gradient(to bottom, rgba(15, 5, 12, 0.2) 0%, #0f050c 95%),
                    url('../img/bg/hero-composite.jpg?v=2');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                background-attachment: fixed;
                min-height: 100vh;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
    .font-montserrat { font-family: 'Montserrat', sans-serif; }
    .statement-box {
        width: 100%;
        margin-top: 2rem;
        color: var(--brand-purple);
        text-transform: uppercase;
        /* Increased by 19%: 11.9px */
        font-size: 11.9px; 
        font-weight: 700;
        /* Scaled tracking */
        letter-spacing: 0.119em; 
        line-height: 1.8;
    }

            .justified-line {
                display: block;
                text-align: justify;
                text-align-last: justify;
            }
            .right-line {
                display: block;
                text-align: right;
                text-align-last: right;
            }
            .center-line {
                display: block;
                text-align: center;
                text-align-last: center;
                color: #ffffff;
            }
            .centri-line {
                display: block;
                text-align: center;
                text-align-last: center;
            }
            .divider {
                width: 60px;
                height: 1px;
                background: linear-gradient(90deg, transparent, #752763, transparent);
                margin: 2rem auto;
            }

            .letter-spacing-vogue { letter-spacing: 0.6em; }

            .btn-protocol {
                position: relative;
                overflow: hidden;
            }
            .btn-protocol::after {
                content: '';
                position: absolute;
                top: -50%; left: -100%;
                width: 50%; height: 200%;
                background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
                transform: rotate(35deg);
                transition: 0.7s;
            }
            .btn-protocol:hover::after { left: 150%; }

            #inquiryModal {
                display: none;
                position: fixed;
                inset: 0;
                background: rgba(15, 5, 12, 0.85);
                backdrop-filter: blur(25px);
                z-index: 100;
                align-items: center;
                justify-content: center;
            }
    .text-mega {

        font-size: clamp(3.40rem, 8.75vw, 9.72rem); 
        line-height: 1;
        letter-spacing: -0.02em; 
        margin-top: 0.5rem;
        display: block;
    }


    @media (max-width: 768px) {
        body {
            background-attachment: scroll;
        }
        .text-mega { font-size: 2.92rem; line-height: 1.1; }
    }

            .glass-form {
                background: rgba(15, 5, 12, 0.89);
                border: 1px solid rgba(255, 255, 255, 0.08);
                padding: 3.5rem;
                width: 100%;
                max-width: 550px;
                position: relative;
            }


            .field-group { position: relative; width: 100%; }

            input, textarea {
                background: transparent !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
                border-radius: 0 !important;
                font-size: 12px !important;
                padding: 1rem 0 !important;
                margin-bottom: 1rem;
                width: 100%;
                color: white;
                text-transform: none;
                transition: border-color 0.4s;
            }


            .field-group::after {
                content: '';
                position: absolute;
                bottom: 1rem; left: 50%;
                width: 0; height: 1px;
                background: #752763;
                transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .field-group:focus-within::after { width: 100%; left: 0; }

            textarea { height: 150px; resize: none; overflow-y: auto; }
            textarea::-webkit-scrollbar { width: 2px; }
            textarea::-webkit-scrollbar-thumb { background: #752763; }
            input:focus, textarea:focus { outline: none; }