/*!
 * CatEye Website - "Navy" design (loaded after labs.css, active on <html data-design="navy">)
 *
 * The look of the build at cateyetech.vercel.app: a navy ground with a slightly lighter panel tone,
 * one cyan accent, Inter throughout, bordered cards with 16px corners and a soft inset highlight,
 * a faint cyan grid behind the hero and the closing band, pill buttons, small uppercase eyebrows
 * with a short line before them. Same HTML as the other designs: only this stylesheet differs.
 *
 * Palette   bg #080c14 · sunken #05080e · panel #101722 · line #1e2939 · text #b0bfd2 · headings #f0f6fc · cyan #2dd4f4
 */
html[data-design="navy"] .theme-modern {
    --void: #080c14; --sunk: #05080e; --panel: #101722; --panel-2: #172334;
    --night: #05080e; --night-2: #101722; --violet: #2dd4f4; --violet-deep: #101722;
    --amber: #2dd4f4; --lilac: #7fe3f7; --mist: var(--panel); --ink: #f0f6fc; --slate: #b0bfd2; --line: #1e2939;
    --c-heading: #f0f6fc; --c-subheading: #f0f6fc; --c-text: #b0bfd2; --c-link: #2dd4f4; --c-link-hover: #fff; --c-border: #1e2939; --c-soft: var(--panel);
    --f-head: 'Inter', system-ui, sans-serif; --f-body: 'Inter', system-ui, sans-serif; --f-mono: 'Inter', system-ui, sans-serif; --radius: 16px;
    background: var(--void); color: var(--slate); font-size: 16px; line-height: 1.6; font-family: var(--f-body);
}
html[data-design="navy"] { background: #080c14; color-scheme: dark; }
html[data-design="navy"] .theme-modern ::selection { background: var(--amber); color: #041a22; }
html[data-design="navy"] .theme-modern :is(h1, h2, h3, h4, h5, h6), html[data-design="navy"] .theme-modern .mx-hero .ce-slide-title,
html[data-design="navy"] .theme-modern .page-header .page-title, html[data-design="navy"] .theme-modern .post-title, html[data-design="navy"] .theme-modern .ce-headline,
html[data-design="navy"] .theme-modern .ce-prod-name, html[data-design="navy"] .theme-modern .ce-prod-title, html[data-design="navy"] .theme-modern .ce-prod-closing h2, html[data-design="navy"] .mx-closing h2 {
    font-family: var(--f-head); font-weight: 600 !important; font-stretch: 100%; letter-spacing: -.02em; color: #f0f6fc; text-transform: none;
}
html[data-design="navy"] .theme-modern h1 { font-size: clamp(2.2rem, 3.8vw, 3.4rem); line-height: 1.1; }
html[data-design="navy"] .theme-modern h2 { font-size: clamp(1.7rem, 2.6vw, 2.25rem); line-height: 1.15; }
html[data-design="navy"] .theme-modern h3 { font-size: 1.1rem; line-height: 1.3; }
html[data-design="navy"] .theme-modern .ce-title-lines::after, html[data-design="navy"] .theme-modern .ce-title-lines::before { display: none; }
html[data-design="navy"] .theme-modern :is(.ce-title, .ce-headline, .mx-hero .ce-slide-title) span[style] { color: var(--amber) !important; }
html[data-design="navy"] .theme-modern .ce-section :is(p, li, td) > a:not(.ce-btn):not(.ce-more), html[data-design="navy"] .theme-modern .entry-content a:not(.ce-btn) { color: var(--amber); }
html[data-design="navy"] .theme-modern strong, html[data-design="navy"] .theme-modern b { font-weight: 600; color: #f0f6fc; }
html[data-design="navy"] .theme-modern hr, html[data-design="navy"] .theme-modern th, html[data-design="navy"] .theme-modern td { border-color: var(--line); }
html[data-design="navy"] .theme-modern hr.ce-sep { background: var(--amber) !important; border: 0; height: 2px; max-width: 48px !important; }

/* The faint cyan grid behind the hero, page headers and the closing band */
html[data-design="navy"] .theme-modern :is(.mx-hero, .page-header, .ce-prod-hero)::after, html[data-design="navy"] .mx-closing::after {
    content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image: linear-gradient(to right, rgba(45, 212, 244, .05) 1px, transparent 1px), linear-gradient(rgba(45, 212, 244, .05) 1px, transparent 1px);
    background-size: 64px 64px; -webkit-mask-image: none; mask-image: none;
}
html[data-design="navy"] .theme-modern :is(.mx-hero, .page-header), html[data-design="navy"] .mx-closing { position: relative; }
html[data-design="navy"] .theme-modern .mx-hero .ce-slide, html[data-design="navy"] .theme-modern .page-header > .ce-container, html[data-design="navy"] .mx-closing > * { position: relative; z-index: 1; }

/* ------------------------------------------------------------------ header */
html[data-design="navy"] .theme-modern .site-header, html[data-design="navy"] .theme-modern .site-header.is-stuck { background: #101722; box-shadow: 0 1px 0 var(--line); }
html[data-design="navy"] .theme-modern .site-logo, html[data-design="navy"] .mx-wordmark b { color: #f0f6fc; }
html[data-design="navy"] .mx-wordmark b { font-family: var(--f-body); font-weight: 700; letter-spacing: .12em; font-size: 15px; }
html[data-design="navy"] .mx-wordmark span { color: var(--slate); font-family: var(--f-body); font-size: 9px; letter-spacing: .22em; }
html[data-design="navy"] .theme-modern .site-nav .menu > li > a, html[data-design="navy"] .theme-modern .site-header.is-stuck .site-nav .menu > li > a,
html[data-design="navy"] .theme-modern.has-hero .site-header:not(.is-stuck):not(.nav-open) .site-nav .menu > li > a { font-family: var(--f-body); font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--slate); }
html[data-design="navy"] .theme-modern .site-nav .menu > li:hover > a, html[data-design="navy"] .theme-modern .site-nav .menu > li > a:focus, html[data-design="navy"] .theme-modern .site-nav .menu > li.is-active > a { color: #f0f6fc; }
html[data-design="navy"] .theme-modern .site-nav .menu > li.is-active > a::after { background: var(--amber); }
html[data-design="navy"] .theme-modern .site-nav .sub-menu { background: var(--panel); border-radius: 12px; box-shadow: 0 0 0 1px var(--line), 0 24px 64px -16px rgba(0, 0, 0, .8); }
html[data-design="navy"] .theme-modern .site-nav .sub-menu a { color: var(--slate); }
html[data-design="navy"] .theme-modern .site-nav .sub-menu a:hover, html[data-design="navy"] .theme-modern .site-nav .sub-menu .is-active > a { background: var(--panel-2); color: #f0f6fc; }
html[data-design="navy"] .mx-cta { background: var(--amber); color: #041a22; border-radius: 9999px; font-family: var(--f-body); font-weight: 600; }
html[data-design="navy"] .mx-cta:hover { background: #fff; color: #041a22; }
html[data-design="navy"] .theme-modern :is(.nav-toggle-bars, .nav-toggle-bars::before, .nav-toggle-bars::after) { background: #f0f6fc; }
html[data-design="navy"] .theme-modern .nav-open .nav-toggle-bars { background: transparent; }

/* -------------------------------------------------------------------- hero */
html[data-design="navy"] .theme-modern .mx-hero { background: var(--sunk); }
html[data-design="navy"] .theme-modern .mx-hero .ce-slide-title { font-size: clamp(2.1rem, 3.8vw, 3.4rem) !important; line-height: 1.1; letter-spacing: -.02em; }
html[data-design="navy"] .theme-modern .mx-hero .ce-slide-rule { width: 22px; border-top: 1px solid var(--amber); margin: 0 0 14px; }
html[data-design="navy"] .theme-modern .mx-hero .ce-slide-sub { color: var(--slate); font-size: 1.05rem; line-height: 1.6; }
/* The hero picture is a bordered 16px card, like every other card in this design, not the Modern oval */
html[data-design="navy"] .mx-lens { aspect-ratio: .86; }
html[data-design="navy"] .mx-lens::before, html[data-design="navy"] .mx-lens::after { display: none; animation: none; }
html[data-design="navy"] .mx-lens-media { clip-path: none !important; border-radius: 16px; border: 1px solid var(--line); background-color: var(--panel-2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 24px 48px -20px rgba(0, 0, 0, .9); animation: none !important; }
html[data-design="navy"] .mx-lens-media.is-graphic { background-image: radial-gradient(circle at 50% 38%, #1f3350, var(--panel-2) 72%); }
@media (max-width: 767px) { html[data-design="navy"] .theme-modern .mx-hero .ce-slide-title { font-size: clamp(1.8rem, 7vw, 2.4rem) !important; } }

/* ---------------------------------------------------------------- buttons */
html[data-design="navy"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]) {
    font-family: var(--f-body); font-size: 15px; font-weight: 600; letter-spacing: 0; padding: 12px 22px;
    background: var(--amber); border: 1px solid var(--amber); color: #041a22; border-radius: 9999px; transition: background .14s, color .14s;
}
html[data-design="navy"] .theme-modern :where(.ce-btn, .ce-form button[type="submit"], .ce-section input[type="submit"]):hover { background: #fff; border-color: #fff; color: #041a22; }
html[data-design="navy"] .theme-modern .ce-btn-lg { padding: 14px 26px; }
html[data-design="navy"] .theme-modern .ce-btn-outline-dark, html[data-design="navy"] .theme-modern .ce-job .ce-btn { background: transparent; color: #f0f6fc; border-color: var(--line); }
html[data-design="navy"] .theme-modern .ce-btn-outline-dark:hover, html[data-design="navy"] .theme-modern .ce-job .ce-btn:hover { background: var(--amber); border-color: var(--amber); color: #041a22; }
html[data-design="navy"] .theme-modern .ce-more, html[data-design="navy"] .theme-modern .ce-prod-link { color: var(--amber); font-weight: 600; }
html[data-design="navy"] .theme-modern :focus-visible { outline: 2px solid var(--amber); }

/* ----------------------------------------------------------------- sections */
html[data-design="navy"] .theme-modern .ce-section:is([style*="#f4f6f7"], [style*="#f6f6f6"], [style*="#eff1f2"], [style*="#f7f7f7"], [style*="#f2f2f2"]) { background-color: var(--sunk) !important; box-shadow: inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line); }
html[data-design="navy"] .theme-modern .ce-section.ce-text-light { background-color: var(--sunk) !important; }
html[data-design="navy"] .theme-modern .ce-section.ce-text-light::before { background: linear-gradient(100deg, rgba(5, 8, 14, .94) 0%, rgba(5, 8, 14, .86) 50%, rgba(5, 8, 14, .7) 100%); }
html[data-design="navy"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"] { background-color: var(--panel) !important; }
html[data-design="navy"] .theme-modern .ce-section.ce-text-light[style*="#6239bd"]::before { background: var(--panel); }
html[data-design="navy"] .theme-modern .ce-section:not(.ce-text-light) :is([style*="color:#404040"], [style*="color: #404040"], [style*="color:#333333"], [style*="color: #333333"], [style*="color:#747474"], [style*="color: #747474"], [style*="color:#eeeded"], [style*="color: #eeeded"]) { color: #f0f6fc !important; }
html[data-design="navy"] .theme-modern .ce-section:not(.ce-text-light) :is([style*="color:#768894"], [style*="color: #768894"], [style*="color:#666666"], [style*="color: #666666"]) { color: var(--slate) !important; }
html[data-design="navy"] .theme-modern .ce-section:not(.ce-text-light) :is([style*="color:#1b6dc4"], [style*="color: #1b6dc4"], [style*="color:#354d96"], [style*="color: #354d96"], [style*="color:#0162a3"], [style*="color: #0162a3"], [style*="color:blue"], [style*="color: blue"], [style*="color:#6239bd"], [style*="color: #6239bd"]) { color: var(--amber) !important; }
html[data-design="navy"] .theme-modern .ce-section:not(.ce-text-light) :is(h1, h2, h3, h4, h5, h6) :is([style*="color:#1b6dc4"], [style*="color: #1b6dc4"], [style*="color:#354d96"], [style*="color: #354d96"], [style*="color:#0162a3"], [style*="color: #0162a3"], [style*="color:#6239bd"], [style*="color: #6239bd"]) { color: #f0f6fc !important; }
html[data-design="navy"] .theme-modern .ce-section:not(.ce-text-light) [style*="#74c5da"]:not(hr) { color: var(--amber) !important; }
html[data-design="navy"] .theme-modern .ce-section:not(.ce-text-light) :is(.ce-headline strong, .ce-headline b) { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-subheadline { color: var(--slate); }
html[data-design="navy"] .theme-modern .ce-col:is([style*="background-color:#ffffff"], [style*="background-color: #ffffff"], [style*="rgba(255,255,255"], [style*="rgba(255, 255, 255"]) { background: var(--panel) !important; border: 1px solid var(--line); border-radius: 16px; }
html[data-design="navy"] .theme-modern .ce-section.ce-text-light :is([style*="color:#ffffff"], [style*="color: #ffffff"]) { color: #fff !important; }

/* Cards: panel tone, 1px line, 16px corners, soft inset highlight */
html[data-design="navy"] .theme-modern :is(.ce-box, .ce-feature, .ce-flip-front, .ce-flip-back, .ce-post-card, .job-summary, .post-share, .ce-notice, .ce-alert, .ce-app-card, .related-posts, .ce-prod-tile) {
    background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 28px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 12px 32px -18px rgba(0, 0, 0, .9);
}
html[data-design="navy"] .theme-modern .ce-features-top .ce-feature { border-left: 1px solid var(--line); }
html[data-design="navy"] .theme-modern :is(.ce-box-icon, .ce-box-icon.ce-icon-circle, .ce-feature-icon) { background: var(--panel-2) !important; color: var(--amber) !important; border-radius: 10px; width: 40px; height: 40px; }
html[data-design="navy"] .theme-modern .ce-feature-title { text-transform: none; letter-spacing: 0; font-size: 1.05rem; font-weight: 600; }
html[data-design="navy"] .theme-modern .ce-box-body[style*="color"] { color: var(--slate) !important; }
html[data-design="navy"] .theme-modern .ce-box-link:hover .ce-box-title { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-checklist li > i { background: rgba(45, 212, 244, .12); color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-toggle { border-color: var(--line); }
html[data-design="navy"] .theme-modern .ce-toggle summary::before { background: var(--panel-2); color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-counter-ring { --ring: var(--amber); }
html[data-design="navy"] .theme-modern .ce-counter-ring::before { background: var(--void); }
html[data-design="navy"] .theme-modern .ce-social a { color: #f0f6fc; border-color: var(--line); }
html[data-design="navy"] .theme-modern .ce-social a:hover { background: var(--amber); border-color: var(--amber); color: #041a22; }
html[data-design="navy"] .theme-modern .ce-journey > li::before { box-shadow: 0 0 0 10px var(--void); background: var(--amber); }
html[data-design="navy"] .theme-modern .ce-journey-when, html[data-design="navy"] .theme-modern .ce-steps > li::before { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-steps > li { border-top-color: var(--line); }
html[data-design="navy"] .theme-modern .ce-prod-tile b { color: #f0f6fc; }
html[data-design="navy"] .theme-modern .ce-404-code { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-logos img { filter: grayscale(1) invert(1) contrast(1.1); opacity: .75; background: transparent; padding: 0; }
html[data-design="navy"] .theme-modern .ce-testimonial blockquote { color: #f0f6fc; font-weight: 500; text-align: center; }
html[data-design="navy"] .theme-modern .ce-testimonial blockquote::before { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-testimonial figcaption { color: var(--slate); text-align: center; }
html[data-design="navy"] .theme-modern .ce-testimonial figcaption strong { color: #f0f6fc; }
html[data-design="navy"] .theme-modern .ce-testimonial-dots button { background: rgba(255, 255, 255, .25); }

/* Eyebrows: small cyan uppercase with a short line before them */
html[data-design="navy"] .theme-modern :is(.page-header-label, .ce-journey-when, .ce-post-meta, .ce-job-specs, .job-summary dt) { font-size: 11.2px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; color: var(--amber); }
html[data-design="navy"] .theme-modern .page-header-label::before { content: ''; display: inline-block; width: 22px; height: 1px; background: var(--amber); vertical-align: middle; margin-right: 10px; }
html[data-design="navy"] .theme-modern .page-header-label a { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-post-meta a { color: var(--amber); text-decoration: none; }
html[data-design="navy"] .theme-modern .page-header { background: var(--sunk); box-shadow: inset 0 -1px 0 var(--line); }

/* ------------------------------------------------------------- blog and jobs */
html[data-design="navy"] .theme-modern .ce-post-thumb, html[data-design="navy"] .theme-modern .post-featured img, html[data-design="navy"] .theme-modern .ce-image img, html[data-design="navy"] .theme-modern .ce-video { border-radius: 16px; }
html[data-design="navy"] .theme-modern .ce-post-thumb { background: var(--panel); }
html[data-design="navy"] .theme-modern .ce-post-title a, html[data-design="navy"] .theme-modern .ce-job-title a, html[data-design="navy"] .theme-modern .post-nav a { color: #f0f6fc; }
html[data-design="navy"] .theme-modern .ce-post-title a:hover, html[data-design="navy"] .theme-modern .ce-job:hover .ce-job-title a { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-pagination a { border-color: var(--line); color: #f0f6fc; border-radius: 9999px; }
html[data-design="navy"] .theme-modern .ce-pagination a:hover { border-color: var(--amber); color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-pagination .current { background: var(--amber); border-color: var(--amber); color: #041a22; border-radius: 9999px; }
html[data-design="navy"] .theme-modern .post-tags a { color: var(--slate); border-color: var(--line); border-radius: 9999px; }
html[data-design="navy"] .theme-modern .post-tags a:hover, html[data-design="navy"] .theme-modern .post-nav a:hover { color: var(--amber); border-color: var(--amber); }
html[data-design="navy"] .theme-modern .post-tags i { color: var(--amber); }
html[data-design="navy"] .theme-modern .ce-jobs { border-bottom-color: var(--line); }
html[data-design="navy"] .theme-modern .ce-job { border-top-color: var(--line); }
html[data-design="navy"] .theme-modern .ce-job-specs i { color: var(--amber); }
html[data-design="navy"] .theme-modern .job-summary :is(dt, dd, h3) { color: #f0f6fc; }
html[data-design="navy"] .theme-modern .job-apply { border-top-color: var(--line); }

/* ------------------------------------------------------------------- forms */
html[data-design="navy"] .theme-modern :is(.ce-form input[type="text"], .ce-form input[type="email"], .ce-form input[type="tel"], .ce-form input[type="file"], .ce-form textarea, .ce-search-form input, .ce-section .form-control, .ce-section input[type="text"], .ce-section input[type="email"], .ce-section input[type="tel"], .ce-section select, .ce-section textarea) {
    background: var(--sunk); border: 1px solid var(--line); border-radius: 10px; color: #f0f6fc; min-height: 44px;
}
html[data-design="navy"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea, select):focus { border-color: var(--amber); box-shadow: 0 0 0 3px rgba(45, 212, 244, .2); }
html[data-design="navy"] .theme-modern :is(.ce-form, .ce-section form) :is(input, textarea)::placeholder { color: rgba(176, 191, 210, .5); }
html[data-design="navy"] .theme-modern .ce-form label, html[data-design="navy"] .theme-modern .ce-section form .col-25 label { color: #f0f6fc; font-size: 14px; font-weight: 500; }
html[data-design="navy"] .theme-modern .ce-check { color: var(--slate) !important; }
html[data-design="navy"] .theme-modern .ce-form small { color: rgba(176, 191, 210, .7); }
html[data-design="navy"] .theme-modern .ce-form .req, html[data-design="navy"] .theme-modern .field-error { color: #ff8a80; }
html[data-design="navy"] .theme-modern .ce-notice.success { background: rgba(45, 212, 244, .12); color: #9eecf8; border-color: rgba(45, 212, 244, .4); }
html[data-design="navy"] .theme-modern .ce-notice.error { background: rgba(255, 138, 128, .12); color: #ffb4ad; border-color: rgba(255, 138, 128, .3); }

/* ------------------------------------------------- the security-news column */
html[data-design="navy"] .theme-modern .mx-news { background: var(--panel); border-left: 1px solid var(--line); }
html[data-design="navy"] .theme-modern .mx-news-head h2 { font-family: var(--f-body); font-size: 11.2px; font-weight: 600; letter-spacing: .16em; line-height: 1.2; color: var(--amber); background: transparent; border: 1px solid var(--line); border-radius: 9999px; }
html[data-design="navy"] .theme-modern .mx-news-dot { background: var(--amber); box-shadow: none; animation: none; }
html[data-design="navy"] .theme-modern .mx-news-meta { font-size: 11px; letter-spacing: .08em; }
html[data-design="navy"] .theme-modern .mx-news-meta span { color: var(--amber); }
html[data-design="navy"] .theme-modern .mx-news-list li, html[data-design="navy"] .theme-modern .mx-news-head, html[data-design="navy"] .theme-modern .mx-news-foot { border-color: var(--line); }
html[data-design="navy"] .theme-modern .mx-news-list b { font-weight: 500; color: #f0f6fc; }
html[data-design="navy"] .theme-modern .mx-news-list a:hover b, html[data-design="navy"] .theme-modern .mx-news-foot:hover { color: var(--amber); }
html[data-design="navy"] .theme-modern .mx-news-foot i { color: var(--amber); }

/* -------------------------------------------------- closing band and footer */
html[data-design="navy"] .mx-closing { background: var(--sunk); border-top: 1px solid var(--line); }
html[data-design="navy"] .mx-closing h2 { color: #f0f6fc; }
html[data-design="navy"] .mx-closing p { color: var(--slate); }
html[data-design="navy"] .mx-footer { background: var(--void); box-shadow: inset 0 1px 0 var(--line); }
html[data-design="navy"] .mx-footer :is(h3, .mx-footer-extra h4) { font-family: var(--f-body); font-size: 11.2px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; color: #f0f6fc; }
html[data-design="navy"] .mx-footer a:hover { color: var(--amber); }
html[data-design="navy"] .mx-footer-bottom { border-top-color: var(--line); }
html[data-design="navy"] .mx-social a:hover { background: var(--amber); color: #041a22; }
html[data-design="navy"] .theme-modern .to-top { background: var(--panel); box-shadow: 0 0 0 1px var(--line); }
html[data-design="navy"] .theme-modern .to-top:hover { background: var(--amber); color: #041a22; }

/* The /cateye-apps/ page */
html[data-design="navy"] .ce-app-name { color: #f0f6fc; }
html[data-design="navy"] .ce-app-tagline, html[data-design="navy"] .ce-app-note { color: var(--slate); font-size: 15px; }
html[data-design="navy"] .ce-store { background: var(--amber); color: #041a22 !important; border-radius: 9999px; }
html[data-design="navy"] .ce-store:hover { background: #fff; color: #041a22 !important; }
html[data-design="navy"] .ce-store-soon, html[data-design="navy"] .ce-store-soon:hover { background: transparent; color: var(--slate) !important; border: 1px solid var(--line); }

/* Product pages */
html[data-design="navy"] .theme-modern .ce-prod-hero { background: var(--sunk); }
html[data-design="navy"] .theme-modern .ce-glimpse { border-radius: 16px; }
html[data-design="navy"] .theme-modern .ce-glimpse :is(b, strong, a) { color: inherit; }
html[data-design="navy"] .theme-modern .ce-glimpse-colhead { color: inherit; font-size: inherit; letter-spacing: inherit; text-transform: inherit; font-weight: inherit; }

@media (max-width: 1180px) {
    html[data-design="navy"] .theme-modern .site-nav { background: var(--panel); }
    html[data-design="navy"] .theme-modern .site-nav .menu > li > a { color: #f0f6fc; }
}
@media (max-width: 960px) {
    html[data-design="navy"] .theme-modern .mx-hero .ce-slide-inner { grid-template-columns: 1fr; }
    html[data-design="navy"] .theme-modern .mx-hero .mx-lens { --lens-h: 180px; }
}

/* Photo bands set with dark text on a bright picture ("text_style: auto"): dim the picture so the light text reads */
html[data-design="navy"] .theme-modern .ce-section[style*="background-image"]:not(.ce-text-light) { isolation: isolate; background-blend-mode: luminosity; background-color: var(--sunk) !important; }
html[data-design="navy"] .theme-modern .ce-section[style*="background-image"]:not(.ce-text-light)::before { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: rgba(5, 8, 14, .84); }
/* Counters: the ring and the icon in the one accent */
html[data-design="navy"] .theme-modern .ce-counter-ring i, html[data-design="navy"] .theme-modern .ce-counter-ring [style*="color"] { color: var(--amber) !important; }
html[data-design="navy"] .theme-modern .ce-counter-label { color: #f0f6fc; font-size: 18px; letter-spacing: 0; }