
        .menu-content-our-services {
            /* Dark Mode Palette */
            --bg-color: #121212;        /* Deep dark background */
            --card-bg: #1e1e1e;         /* Slightly lighter card background */
            --primary-color: #ffffff;    /* Bright white for main headings */
            --secondary-color: #b0b3b8;  /* Soft gray for body text */
            --accent-color: #e74c3c;     /* Brand accent color */
            --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
            --hover-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
        }

        .menu-content-our-services header {
            text-align: center;
            margin-bottom: 50px;
        }

        .menu-content-our-services h1 {
            color: var(--primary-color);
            font-size: 2.5rem;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .menu-content-our-services p.subtitle {
            font-size: 1.1rem;
            color: #888; /* Slightly dimmer than body text */
            max-width: 600px;
            margin: 0 auto;
        }

        /* Grid Layout */
        .menu-content-our-services .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        /* Link Wrapper Styling */
        .menu-content-our-services .service-link {
            text-decoration: none;
            color: inherit;
            display: block;
        }

        /* Service Card */
        .menu-content-our-services .service-card {
            background: var(--card-bg);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: var(--card-shadow);
            transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid #333; /* Subtle border for definition */
        }

        .menu-content-our-services .service-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--hover-shadow);
            background-color: #252525; /* Slightly lighter on hover */
            border-color: #444;
        }

        .menu-content-our-services .image-wrapper {
            width: 100%;
            height: 220px;
            overflow: hidden;
            position: relative;
        }

        .menu-content-our-services .image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
            opacity: 0.9; /* Slight dimming of images to match dark mode */
        }

        .menu-content-our-services .service-card:hover .image-wrapper img {
            transform: scale(1.05);
            opacity: 1; /* Brighten image on hover */
        }

        .menu-content-our-services .content {
            padding: 25px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .menu-content-our-services .content h3 {
            margin: 0 0 15px 0;
            color: var(--primary-color); /* White text */
            font-size: 1.4rem;
        }

        .menu-content-our-services .content p {
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--secondary-color); /* Grey text */
            margin: 0;
            flex-grow: 1;
        }

        /* Responsive Breakpoints */
        @media (max-width: 992px) {
            .menu-content-our-services .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 600px) {
            .menu-content-our-services .services-grid {
                grid-template-columns: 1fr;
            }
            .menu-content-our-services h1 {
                font-size: 2rem;
            }
        }
    
/* Light services polish; compact visible H1 and unchanged service content. */
.menu-page:has(.menu-content-our-services)>.menu-page-title{padding:24px 22px 7px;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:.06em;color:#d8d595}
.menu-content-our-services>.container{padding-top:0}
.menu-content-our-services header{text-align:left;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #ffffff20}
.menu-content-our-services p.subtitle{max-width:850px;margin:0;font-size:18px;line-height:1.55;color:#d1d4d5}
.menu-content-our-services .services-grid{gap:24px}
.menu-content-our-services .service-card{border-radius:7px;border-color:#ffffff26;box-shadow:0 8px 22px #0002;background:linear-gradient(140deg,#23272a,#1b1f22)}
.menu-content-our-services .image-wrapper{height:195px;border-bottom:1px solid #ffffff12}
.menu-content-our-services .image-wrapper img{opacity:1}
.menu-content-our-services .content{padding:22px}
.menu-content-our-services .content h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 14px;color:#fff}
.menu-content-our-services .content p{font-size:14px;line-height:1.7;color:#c5c9cb}
.menu-content-our-services .service-card:hover{transform:translateY(-3px);border-color:#d8d59580;background:#252a2d}
.menu-content-our-services .service-link:focus-visible{outline:3px solid #e8e80b;outline-offset:4px;border-radius:7px}
.menu-content-our-services .beacon-faq-related-block{background:#1b2023;border-color:#ffffff26!important;border-radius:7px!important}
.menu-content-our-services .beacon-faq-related-block h2{font-size:22px;margin:0 0 16px}
.menu-content-our-services .beacon-faq-related-block a{color:#dedb9b;text-underline-offset:4px}
.menu-content-our-services .beacon-faq-related-block li{padding:5px 0}
@media(max-width:600px){.menu-page:has(.menu-content-our-services)>.menu-page-title{padding-top:20px;font-size:14px}.menu-content-our-services p.subtitle{font-size:16px}.menu-content-our-services header{margin-bottom:18px}.menu-content-our-services .image-wrapper{height:185px}.menu-content-our-services .content{padding:20px}.menu-content-our-services .services-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){.menu-content-our-services .service-card,.menu-content-our-services .image-wrapper img{transition:none}.menu-content-our-services .service-card:hover,.menu-content-our-services .service-card:hover img{transform:none}}
