:root {
            --primary-gradient: radial-gradient(circle at center, #7B886B 0%, #667459 46%, #566041 100%);
            --primary-gradient-soft: radial-gradient(circle at center, rgba(123, 136, 107, 0.96) 0%, rgba(102, 116, 89, 0.98) 46%, rgba(86, 96, 65, 1) 100%);
            --mindara-sans: 'Inter', sans-serif;
            --mindara-serif: 'Tinos', serif;
            --editorial-olive: #566041;
        }

        body {
            font-family: var(--mindara-sans);
            font-size: 16px;
            line-height: 1.55;
            letter-spacing: -0.02em;
        }

        blockquote,
        .font-headline,
        .font-display,
        .script-accent,
        .script-alt-accent {
            font-family: var(--mindara-serif);
            font-weight: 400;
            letter-spacing: -0.04em;
        }

        p,
        a,
        button,
        input,
        textarea,
        select,
        label,
        li,
        .font-body,
        .font-label {
            font-family: var(--mindara-sans);
            letter-spacing: -0.02em;
        }

        .font-label {
            font-size: 14px;
        }

        .script-accent,
        .script-alt-accent {
            font-style: normal;
            line-height: 0.85;
        }

        .bg-primary {
            background-color: #566041 !important;
            background-image: var(--primary-gradient) !important;
        }

        .quote-text {
            font-family: var(--mindara-serif);
            font-size: 40px;
            line-height: 1.35;
            letter-spacing: -0.04em;
        }

        h1,
        #hero-title,
        #hero-title .script-accent {
            font-family: var(--mindara-serif);
            font-size: 48px !important;
            line-height: 1.1 !important;
            letter-spacing: -0.04em !important;
            font-weight: 400 !important;
        }

        h2,
        main h2.font-headline,
        main h2.font-display,
        .counsel-headline {
            font-family: var(--mindara-serif);
            font-size: 42px !important;
            line-height: 1.12 !important;
            letter-spacing: -0.04em !important;
            font-weight: 400 !important;
        }

        h3,
        main h3.font-headline {
            font-family: var(--mindara-serif);
            font-size: 24px !important;
            line-height: 1.18 !important;
            letter-spacing: -0.03em !important;
            font-weight: 400 !important;
        }

        .font-body,
        main p:not(.font-label):not(.quote-text) {
            font-size: 16px !important;
            line-height: 1.55 !important;
            letter-spacing: -0.02em !important;
            font-weight: 500 !important;
        }

        .font-body.text-lg,
        .font-body.text-xl {
            font-size: 18px !important;
            line-height: 1.5 !important;
        }

        .font-label,
        main .font-label,
        main span[class*="uppercase"],
        main p[class*="uppercase"] {
            font-size: 14px !important;
            line-height: 1.35 !important;
            letter-spacing: -0.02em !important;
            font-weight: 500 !important;
        }

        a.inline-flex.font-label,
        button.font-label,
        main a[class*="bg-primary"].font-label,
        main a[class*="bg-secondary"].font-label,
        main a[class*="bg-white"].font-label {
            font-size: 16px !important;
            line-height: 1.4 !important;
        }

        .quote-text,
        blockquote,
        .testimonial-quote,
        .transition-quote {
            font-family: var(--mindara-serif);
            font-size: 32px !important;
            line-height: 1.35 !important;
            letter-spacing: -0.04em !important;
            font-weight: 400 !important;
        }

        .inline-emphasis {
            font-family: var(--mindara-serif) !important;
            font-size: 1em !important;
            line-height: inherit !important;
            letter-spacing: -0.03em !important;
            font-weight: 400 !important;
            font-style: normal !important;
            vertical-align: baseline;
        }

        body main h1:not(.text-white),
        body main h2:not(.text-white),
        body main h3:not(.text-white),
        body main .font-headline:not(.text-white):not(.text-secondary),
        body main .font-display:not(.text-white),
        body main .quote-text,
        body main blockquote {
            color: var(--editorial-olive) !important;
        }

        body main p:not(.font-label):not(.quote-text):not([class*="text-white"]),
        body main .font-body:not(.font-label):not([class*="text-white"]) {
            color: rgba(29, 27, 25, 0.6) !important;
        }

        @media (min-width: 1024px) {
            h1,
            #hero-title,
            #hero-title .script-accent {
                font-size: 64px !important;
            }

            h2,
            main h2.font-headline,
            main h2.font-display,
            .counsel-headline {
                font-size: 56px !important;
            }

            h3,
            main h3.font-headline {
                font-size: 26px !important;
            }

            .quote-text,
            blockquote,
            .testimonial-quote,
            .transition-quote {
                font-size: 40px !important;
            }
        }
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .script-accent {
            font-family: var(--mindara-serif);
            line-height: 0.6;
        }

        .form-input {
            @apply w-full bg-white border-none rounded-2xl p-6 text-primary font-body italic focus:ring-2 focus:ring-primary/20 transition-all shadow-sm;
        }

        @keyframes preloaderFadeOut {
            0% { opacity: 1; visibility: visible; }
            80% { opacity: 1; visibility: visible; }
            100% { opacity: 0; visibility: hidden; }
        }
        @keyframes breatheText {
            0% { opacity: 0; transform: scale(0.95); letter-spacing: -2px; }
            40% { opacity: 1; transform: scale(1); letter-spacing: 2px; }
            80% { opacity: 0; transform: scale(1.05); letter-spacing: 6px; }
            100% { opacity: 0; transform: scale(1.05); }
        }